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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (465) hide show
  1. package/dist/bromcom-ui/bromcom-ui.css +1 -1
  2. package/dist/bromcom-ui/bromcom-ui.esm.js +1 -1
  3. package/dist/bromcom-ui/{p-2a15a39d.entry.js → p-03337609.entry.js} +1 -1
  4. package/dist/bromcom-ui/{p-652c1d30.entry.js → p-14b04371.entry.js} +1 -1
  5. package/dist/bromcom-ui/{p-32a5791b.entry.js → p-19ed830b.entry.js} +1 -1
  6. package/dist/bromcom-ui/{p-55a44163.entry.js → p-1a7e1a74.entry.js} +1 -1
  7. package/dist/bromcom-ui/{p-63646141.entry.js → p-1fbec9e4.entry.js} +1 -1
  8. package/dist/bromcom-ui/p-217934a4.entry.js +5 -0
  9. package/dist/bromcom-ui/p-22e3161d.entry.js +5 -0
  10. package/dist/bromcom-ui/{p-b1754fc5.entry.js → p-2a0b6273.entry.js} +1 -1
  11. package/dist/bromcom-ui/{p-fcc6f71e.js → p-2d0ff35e.js} +1 -1
  12. package/dist/bromcom-ui/p-367bc8e0.js +5 -0
  13. package/dist/bromcom-ui/{p-b689c630.entry.js → p-369948e7.entry.js} +1 -1
  14. package/dist/bromcom-ui/{p-fcbd8a75.entry.js → p-3b079331.entry.js} +1 -1
  15. package/dist/bromcom-ui/{p-4211b6bb.entry.js → p-46628fcd.entry.js} +1 -1
  16. package/dist/bromcom-ui/{p-49c6a7eb.entry.js → p-485ed6c1.entry.js} +1 -1
  17. package/dist/bromcom-ui/{p-8129ed3a.js → p-499d8454.js} +1 -1
  18. package/dist/bromcom-ui/{p-b1382dbd.entry.js → p-4a71c61a.entry.js} +1 -1
  19. package/dist/bromcom-ui/{p-3182df7e.js → p-4d2bf0e7.js} +1 -1
  20. package/dist/bromcom-ui/{p-1fb713c8.entry.js → p-51ba3626.entry.js} +1 -1
  21. package/dist/bromcom-ui/p-556010cb.js +5 -0
  22. package/dist/bromcom-ui/{p-a4f0590d.entry.js → p-583982a6.entry.js} +1 -1
  23. package/dist/bromcom-ui/{p-d4c75e60.entry.js → p-5bf051b9.entry.js} +1 -1
  24. package/dist/bromcom-ui/p-5c4939a7.js +5 -0
  25. package/dist/bromcom-ui/p-5ea9881d.entry.js +5 -0
  26. package/dist/bromcom-ui/p-64fad38b.js +11 -0
  27. package/dist/bromcom-ui/p-6e5f5f36.js +1 -1
  28. package/dist/bromcom-ui/p-6f11eb8e.entry.js +5 -0
  29. package/dist/bromcom-ui/p-6f224017.entry.js +5 -0
  30. package/dist/bromcom-ui/{p-3c7a0345.js → p-6f2e4c9b.js} +1 -1
  31. package/dist/bromcom-ui/{p-5ae0a59b.js → p-6f861fed.js} +1 -1
  32. package/dist/bromcom-ui/{p-9eb250d4.entry.js → p-7416d1f6.entry.js} +1 -1
  33. package/dist/bromcom-ui/{p-d1298c40.js → p-7b21fcb9.js} +1 -1
  34. package/dist/bromcom-ui/p-815f884d.entry.js +5 -0
  35. package/dist/bromcom-ui/p-8363990a.entry.js +5 -0
  36. package/dist/bromcom-ui/p-8457670e.entry.js +5 -0
  37. package/dist/bromcom-ui/{p-f82db5dd.js → p-858cee66.js} +1 -1
  38. package/dist/bromcom-ui/{p-e45c1546.js → p-85eedabc.js} +1 -1
  39. package/dist/bromcom-ui/{p-65783175.js → p-8e5e362a.js} +1 -1
  40. package/dist/bromcom-ui/{p-34b9cf32.entry.js → p-9015080d.entry.js} +1 -1
  41. package/dist/bromcom-ui/{p-40a29024.entry.js → p-9d41ff2a.entry.js} +1 -1
  42. package/dist/bromcom-ui/p-a080c8ea.entry.js +5 -0
  43. package/dist/bromcom-ui/p-a141b2bc.entry.js +5 -0
  44. package/dist/bromcom-ui/{p-4680865d.js → p-a2df6c19.js} +1 -1
  45. package/dist/bromcom-ui/p-a313fba6.js +1 -1
  46. package/dist/bromcom-ui/{p-c097f624.entry.js → p-a6b4a46d.entry.js} +1 -1
  47. package/dist/bromcom-ui/p-a6b696de.js +5 -0
  48. package/dist/bromcom-ui/p-acfceb2b.entry.js +5 -0
  49. package/dist/bromcom-ui/{p-c0aa5289.entry.js → p-b46e368e.entry.js} +1 -1
  50. package/dist/bromcom-ui/p-b85227c8.entry.js +5 -0
  51. package/dist/bromcom-ui/p-c47463b1.entry.js +5 -0
  52. package/dist/bromcom-ui/{p-defdd05b.entry.js → p-c4bf7f7e.entry.js} +1 -1
  53. package/dist/bromcom-ui/{p-826a85ed.entry.js → p-c5bb29d0.entry.js} +1 -1
  54. package/dist/bromcom-ui/{p-c3b74f76.entry.js → p-cc70861b.entry.js} +1 -1
  55. package/dist/bromcom-ui/p-ce452032.entry.js +16 -0
  56. package/dist/bromcom-ui/{p-b4b9ca15.entry.js → p-d0e56f5f.entry.js} +1 -1
  57. package/dist/bromcom-ui/{p-aa6887d7.js → p-d4e4aeee.js} +1 -1
  58. package/dist/bromcom-ui/{p-6b5ed4d8.js → p-d65bc842.js} +1 -1
  59. package/dist/bromcom-ui/p-dc73abe2.js +5 -0
  60. package/dist/bromcom-ui/p-dcd69786.entry.js +5 -0
  61. package/dist/bromcom-ui/{p-50a1591e.js → p-e037ee2b.js} +1 -1
  62. package/dist/bromcom-ui/{p-874053cc.entry.js → p-e7c31126.entry.js} +1 -1
  63. package/dist/bromcom-ui/p-e9a43560.js +5 -0
  64. package/dist/bromcom-ui/p-ea24a822.entry.js +5 -0
  65. package/dist/bromcom-ui/{p-f815dc7a.entry.js → p-fdd4cabe.entry.js} +1 -1
  66. package/dist/cjs/{bcm-489c9b1a.js → bcm-1d1fcf21.js} +4 -4
  67. package/dist/cjs/bcm-accordion_68.cjs.entry.js +47182 -0
  68. package/dist/cjs/bcm-attendance-actions-comment.cjs.entry.js +8 -8
  69. package/dist/cjs/bcm-attendance-actions-dropdown.cjs.entry.js +8 -8
  70. package/dist/cjs/bcm-breadcrumb.cjs.entry.js +2 -2
  71. package/dist/cjs/bcm-caption.cjs.entry.js +9 -9
  72. package/dist/cjs/bcm-card.cjs.entry.js +5 -5
  73. package/dist/cjs/bcm-date-picker.cjs.entry.js +4 -4
  74. package/dist/cjs/bcm-datetime-picker.cjs.entry.js +8 -8
  75. package/dist/cjs/bcm-default.cjs.entry.js +2 -2
  76. package/dist/cjs/bcm-form-2.cjs.entry.js +5 -5
  77. package/dist/cjs/bcm-input-2.cjs.entry.js +9 -9
  78. package/dist/cjs/bcm-input-custom.cjs.entry.js +2 -2
  79. package/dist/cjs/bcm-input-dropdown.cjs.entry.js +9 -9
  80. package/dist/cjs/bcm-modal-2-footer.cjs.entry.js +6 -6
  81. package/dist/cjs/bcm-modal-2-header.cjs.entry.js +6 -6
  82. package/dist/cjs/bcm-modal-2.cjs.entry.js +7 -7
  83. package/dist/cjs/bcm-number-input.cjs.entry.js +9 -9
  84. package/dist/cjs/bcm-skeleton.cjs.entry.js +6 -6
  85. package/dist/cjs/bcm-table.cjs.entry.js +6 -6
  86. package/dist/cjs/bcm-tag.cjs.entry.js +15 -15
  87. package/dist/cjs/bcm-time-picker.cjs.entry.js +4 -4
  88. package/dist/cjs/bcm-toast.cjs.entry.js +18 -18
  89. package/dist/cjs/bromcom-ui.cjs.js +3 -3
  90. package/dist/cjs/{caption-template-85a18b6d.js → caption-template-f8a78504.js} +9 -9
  91. package/dist/cjs/{floating-ui-21890d11.js → floating-ui-5b396838.js} +2 -2
  92. package/dist/cjs/{generate-b55bc9ac.js → generate-a25d8fc8.js} +1 -1
  93. package/dist/cjs/{global-ae5a410a.js → global-08c079a8.js} +1 -1
  94. package/dist/cjs/{input.style-b5676e6a.js → input.style-bee84fb0.js} +1 -1
  95. package/dist/cjs/{label-template-6da4808b.js → label-template-fc301e0c.js} +6 -6
  96. package/dist/cjs/loader.cjs.js +3 -3
  97. package/dist/cjs/{number-helper-4a5c0bb5.js → number-helper-3a56812f.js} +1 -1
  98. package/dist/cjs/old-bcm-popover-box.cjs.entry.js +7 -7
  99. package/dist/cjs/old-bcm-popover.cjs.entry.js +5 -5
  100. package/dist/cjs/{package-1757d4e0.js → package-6afe17f3.js} +1 -1
  101. package/dist/cjs/{popover-placement-e7d6eabd.js → popover-placement-02e6101b.js} +1 -1
  102. package/dist/cjs/{slot-template-c8e2816c.js → slot-template-df7b5b59.js} +1 -1
  103. package/dist/cjs/{string-helper-f9184277.js → string-helper-9cdfb273.js} +2 -2
  104. package/dist/cjs/{validators-51a16def.js → validators-78797513.js} +1 -1
  105. package/dist/collection/collection-manifest.json +1 -1
  106. package/dist/collection/components/atoms/avatar/avatar.js +1 -1
  107. package/dist/collection/components/atoms/avatar/avatar.style.js +4 -4
  108. package/dist/collection/components/atoms/badge/badge.style.js +8 -8
  109. package/dist/collection/components/atoms/button/button.css +90 -92
  110. package/dist/collection/components/atoms/button/button.js +45 -46
  111. package/dist/collection/components/atoms/chip/chip.css +27 -29
  112. package/dist/collection/components/atoms/chip/chip.js +10 -11
  113. package/dist/collection/components/atoms/divider/divider.css +4 -4
  114. package/dist/collection/components/atoms/link/link.css +10 -11
  115. package/dist/collection/components/molecules/accordion/accordion.css +23 -0
  116. package/dist/collection/components/molecules/accordion/accordion.js +1 -1
  117. package/dist/collection/components/molecules/alert/alert.css +28 -24
  118. package/dist/collection/components/molecules/alert/alert.js +26 -36
  119. package/dist/collection/components/molecules/button-group/button-group.css +15 -23
  120. package/dist/collection/components/molecules/checkbox/checkbox.css +15 -15
  121. package/dist/collection/components/molecules/checkbox/checkbox.js +8 -9
  122. package/dist/collection/components/molecules/color-input/color-input.js +1 -1
  123. package/dist/collection/components/molecules/empty/empty.js +1 -1
  124. package/dist/collection/components/molecules/error-layout/error-layout.css +13 -15
  125. package/dist/collection/components/molecules/error-layout/error-layout.js +1 -1
  126. package/dist/collection/components/molecules/expansion-panel/expansion-panel.css +25 -22
  127. package/dist/collection/components/molecules/expansion-panel/expansion-panel.js +1 -1
  128. package/dist/collection/components/molecules/input/input.css +21 -13
  129. package/dist/collection/components/molecules/input/input.style.js +1 -1
  130. package/dist/collection/components/molecules/menu/menu.css +29 -23
  131. package/dist/collection/components/molecules/modal/modal.css +42 -35
  132. package/dist/collection/components/molecules/modal/modal.js +1 -1
  133. package/dist/collection/components/molecules/radio/radio.js +10 -10
  134. package/dist/collection/components/molecules/range/range.css +5 -8
  135. package/dist/collection/components/molecules/search/search.css +21 -13
  136. package/dist/collection/components/molecules/stepper/stepper.css +6 -5
  137. package/dist/collection/components/molecules/switch/switch.css +22 -21
  138. package/dist/collection/components/molecules/tab-group/tab-item-header.js +6 -6
  139. package/dist/collection/components/molecules/textarea/textarea.css +21 -13
  140. package/dist/collection/components/organism/list/list.css +44 -44
  141. package/dist/collection/components/organism/list/list.js +19 -73
  142. package/dist/collection/components/other/shortcut/shortcut.js +4 -4
  143. package/dist/collection/components/other/toast/toast.js +7 -7
  144. package/dist/collection/components/third-parts/colorful/colorful.css +21 -13
  145. package/dist/collection/components/third-parts/rc-picker/rc-picker.css +13 -9
  146. package/dist/collection/global/components/_checkbox.css +15 -15
  147. package/dist/collection/helper/popover-helper.js +5 -5
  148. package/dist/collection/helper/tooltip-helper.js +6 -6
  149. package/dist/collection/templates/caption-template.js +9 -9
  150. package/dist/collection/templates/input-template.js +1 -1
  151. package/dist/collection/templates/label-template.js +4 -4
  152. package/dist/collection/templates/step-template.js +4 -4
  153. package/dist/components/avatar.js +6 -6
  154. package/dist/components/badge.js +9 -9
  155. package/dist/components/bcm-accordion.js +2 -2
  156. package/dist/components/bcm-alert.js +28 -41
  157. package/dist/components/bcm-attendance-actions-comment.js +1 -1
  158. package/dist/components/bcm-attendance-actions-dropdown.js +1 -1
  159. package/dist/components/bcm-attendance-actions.js +1 -1
  160. package/dist/components/bcm-button-group.js +1 -1
  161. package/dist/components/bcm-checkbox-group.js +1 -1
  162. package/dist/components/bcm-color-input.js +1 -1
  163. package/dist/components/bcm-error-layout.js +2 -2
  164. package/dist/components/bcm-expansion-panel.js +2 -2
  165. package/dist/components/bcm-input-2.js +1 -1
  166. package/dist/components/bcm-input-dropdown.js +1 -1
  167. package/dist/components/bcm-modal.js +2 -2
  168. package/dist/components/bcm-popover.js +5 -5
  169. package/dist/components/bcm-range.js +1 -1
  170. package/dist/components/bcm-shortcut.js +4 -4
  171. package/dist/components/bcm-stepper.js +6 -6
  172. package/dist/components/bcm-switch.js +1 -1
  173. package/dist/components/bcm-tab-item-header.js +6 -6
  174. package/dist/components/bcm-toast.js +7 -7
  175. package/dist/components/button.js +47 -48
  176. package/dist/components/caption-template.js +9 -9
  177. package/dist/components/checkbox-lite.js +1 -1
  178. package/dist/components/checkbox.js +9 -10
  179. package/dist/components/chip.js +11 -12
  180. package/dist/components/colorful.js +1 -1
  181. package/dist/components/divider.js +1 -1
  182. package/dist/components/empty.js +1 -1
  183. package/dist/components/generate.js +1 -1
  184. package/dist/components/index4.js +2549 -171
  185. package/dist/components/index5.js +171 -2549
  186. package/dist/components/input-template.js +1 -1
  187. package/dist/components/input.js +1 -1
  188. package/dist/components/input.style.js +2 -2
  189. package/dist/components/label.js +4 -4
  190. package/dist/components/link.js +1 -1
  191. package/dist/components/list.js +21 -58
  192. package/dist/components/menu.js +1 -1
  193. package/dist/components/radio.js +10 -10
  194. package/dist/components/rc-picker.js +1 -1
  195. package/dist/components/search.js +2 -2
  196. package/dist/components/skeleton.js +1 -1
  197. package/dist/components/step.js +1 -1
  198. package/dist/components/textarea.js +1 -1
  199. package/dist/components/tooltip-helper.js +6 -6
  200. package/dist/esm/{_commonjsHelpers-be0d4ec8.js → _commonjsHelpers-7002e5de.js} +1 -1
  201. package/dist/esm/bcm-a50d55ba.js +1 -1
  202. package/dist/esm/bcm-accordion_68.entry.js +47111 -0
  203. package/dist/esm/bcm-attendance-actions-comment.entry.js +12 -12
  204. package/dist/esm/bcm-attendance-actions-dropdown.entry.js +13 -13
  205. package/dist/esm/bcm-autocomplete.entry.js +3 -3
  206. package/dist/esm/bcm-box.entry.js +1 -1
  207. package/dist/esm/bcm-breadcrumb.entry.js +6 -6
  208. package/dist/esm/bcm-caption.entry.js +14 -14
  209. package/dist/esm/bcm-card.entry.js +10 -10
  210. package/dist/esm/bcm-colorpicker.entry.js +5 -5
  211. package/dist/esm/bcm-content.entry.js +1 -1
  212. package/dist/esm/bcm-date-picker.entry.js +9 -9
  213. package/dist/esm/bcm-datetime-picker.entry.js +13 -13
  214. package/dist/esm/bcm-default.entry.js +5 -5
  215. package/dist/esm/bcm-form-2.entry.js +8 -8
  216. package/dist/esm/bcm-form-group.entry.js +1 -1
  217. package/dist/esm/bcm-input-2.entry.js +11 -11
  218. package/dist/esm/bcm-input-custom.entry.js +6 -6
  219. package/dist/esm/bcm-input-dropdown.entry.js +14 -14
  220. package/dist/esm/bcm-message.entry.js +3 -3
  221. package/dist/esm/bcm-modal-2-footer.entry.js +12 -12
  222. package/dist/esm/bcm-modal-2-header.entry.js +11 -11
  223. package/dist/esm/bcm-modal-2.entry.js +13 -13
  224. package/dist/esm/bcm-notification.entry.js +3 -3
  225. package/dist/esm/bcm-number-input.entry.js +15 -15
  226. package/dist/esm/bcm-overlay_2.entry.js +4 -4
  227. package/dist/esm/bcm-react-number.entry.js +3 -3
  228. package/dist/esm/bcm-result.entry.js +3 -3
  229. package/dist/esm/bcm-select-group.entry.js +3 -3
  230. package/dist/esm/bcm-select-option.entry.js +3 -3
  231. package/dist/esm/bcm-skeleton.entry.js +11 -11
  232. package/dist/esm/bcm-tab-pane.entry.js +3 -3
  233. package/dist/esm/bcm-table.entry.js +12 -12
  234. package/dist/esm/bcm-tabs-content.entry.js +4 -4
  235. package/dist/esm/bcm-tag.entry.js +9 -9
  236. package/dist/esm/bcm-time-picker.entry.js +9 -9
  237. package/dist/esm/bcm-timeline-item.entry.js +3 -3
  238. package/dist/esm/bcm-timeline.entry.js +3 -3
  239. package/dist/esm/bcm-toast.entry.js +16 -16
  240. package/dist/esm/bcm-treeview-group.entry.js +1 -1
  241. package/dist/esm/bromcom-ui.js +5 -5
  242. package/dist/esm/{caption-template-9d0ea503.js → caption-template-16dd9444.js} +11 -11
  243. package/dist/esm/{color-helper-e74656af.js → color-helper-ba15b0d8.js} +2 -2
  244. package/dist/esm/{colors-df32bb43.js → colors-ed4e7579.js} +1 -1
  245. package/dist/esm/{element-dragger-7ea06c76.js → element-dragger-b75266e6.js} +1 -1
  246. package/dist/esm/floating-ui-3f4394da.js +1 -1
  247. package/dist/esm/{generate-27c06421.js → generate-a4b85775.js} +2 -2
  248. package/dist/esm/{global-0dac0bf2.js → global-1baa11cd.js} +2 -2
  249. package/dist/esm/{index-b84bc8c9.js → index-00c8a8f7.js} +1 -1
  250. package/dist/esm/{index-a6d9d0af.js → index-0d3a56ec.js} +1 -1
  251. package/dist/esm/{index-b3026131.js → index-4614b7f0.js} +1 -1
  252. package/dist/esm/{input.style-e855c0f3.js → input.style-0ddc0073.js} +1 -1
  253. package/dist/esm/{is-load-decorator-613d613a.js → is-load-decorator-b8ca22f2.js} +1 -1
  254. package/dist/esm/{label-template-8c5948ab.js → label-template-4c3797f4.js} +7 -7
  255. package/dist/esm/loader.js +5 -5
  256. package/dist/esm/{number-helper-94a51ec2.js → number-helper-872d5482.js} +1 -1
  257. package/dist/esm/old-bcm-popover-box.entry.js +11 -11
  258. package/dist/esm/old-bcm-popover.entry.js +7 -7
  259. package/dist/esm/{package-34090aad.js → package-1d6f13ed.js} +1 -1
  260. package/dist/esm/{popover-placement-2f5939ea.js → popover-placement-2bf3a181.js} +1 -1
  261. package/dist/esm/{slot-template-f85d540c.js → slot-template-e0202c5a.js} +2 -2
  262. package/dist/esm/{string-helper-85990695.js → string-helper-69203215.js} +2 -2
  263. package/dist/esm/{utils-b3338faf.js → utils-7727d09e.js} +1 -1
  264. package/dist/esm/{validators-7e605ca5.js → validators-e9800e9a.js} +1 -1
  265. package/dist/types/components/atoms/avatar/avatar.style.d.ts +21 -21
  266. package/dist/types/components/molecules/alert/alert.d.ts +1 -3
  267. package/dist/types/components/organism/list/list.d.ts +0 -4
  268. package/dist/types/components.d.ts +0 -4
  269. package/package.json +1 -1
  270. package/dist/bromcom-ui/p-0089f9c5.entry.js +0 -5
  271. package/dist/bromcom-ui/p-03cc10f8.entry.js +0 -5
  272. package/dist/bromcom-ui/p-075dd6ba.entry.js +0 -5
  273. package/dist/bromcom-ui/p-07971537.entry.js +0 -5
  274. package/dist/bromcom-ui/p-0d952c81.js +0 -5
  275. package/dist/bromcom-ui/p-0e97b110.js +0 -5
  276. package/dist/bromcom-ui/p-12687eaa.entry.js +0 -5
  277. package/dist/bromcom-ui/p-1441edac.entry.js +0 -5
  278. package/dist/bromcom-ui/p-17bc7e7e.entry.js +0 -5
  279. package/dist/bromcom-ui/p-1ac9eb84.entry.js +0 -5
  280. package/dist/bromcom-ui/p-1bf1e8ad.entry.js +0 -5
  281. package/dist/bromcom-ui/p-1c8ed0b3.entry.js +0 -5
  282. package/dist/bromcom-ui/p-1d663e83.entry.js +0 -5
  283. package/dist/bromcom-ui/p-21b4ca2e.entry.js +0 -5
  284. package/dist/bromcom-ui/p-2ebe3b67.entry.js +0 -5
  285. package/dist/bromcom-ui/p-30a11f2e.entry.js +0 -5
  286. package/dist/bromcom-ui/p-30cc83af.js +0 -5
  287. package/dist/bromcom-ui/p-33d204f1.entry.js +0 -5
  288. package/dist/bromcom-ui/p-348e74e9.entry.js +0 -5
  289. package/dist/bromcom-ui/p-379b00d6.js +0 -5
  290. package/dist/bromcom-ui/p-38a52254.js +0 -5
  291. package/dist/bromcom-ui/p-3e12382d.js +0 -5
  292. package/dist/bromcom-ui/p-4b5c5f62.entry.js +0 -5
  293. package/dist/bromcom-ui/p-4c2e776d.entry.js +0 -5
  294. package/dist/bromcom-ui/p-4c9c2159.entry.js +0 -5
  295. package/dist/bromcom-ui/p-56b45430.entry.js +0 -5
  296. package/dist/bromcom-ui/p-646c8ea2.entry.js +0 -5
  297. package/dist/bromcom-ui/p-69e3b4f9.entry.js +0 -5
  298. package/dist/bromcom-ui/p-6b3bf457.entry.js +0 -5
  299. package/dist/bromcom-ui/p-6fa98b12.entry.js +0 -5
  300. package/dist/bromcom-ui/p-7247ac65.entry.js +0 -5
  301. package/dist/bromcom-ui/p-7505325c.entry.js +0 -5
  302. package/dist/bromcom-ui/p-76edf59f.js +0 -7
  303. package/dist/bromcom-ui/p-7ae23e76.entry.js +0 -5
  304. package/dist/bromcom-ui/p-7b6d3a77.entry.js +0 -5
  305. package/dist/bromcom-ui/p-7dd0467a.entry.js +0 -5
  306. package/dist/bromcom-ui/p-815f1132.entry.js +0 -5
  307. package/dist/bromcom-ui/p-852fd092.entry.js +0 -5
  308. package/dist/bromcom-ui/p-85aa9dfd.entry.js +0 -5
  309. package/dist/bromcom-ui/p-8baa08ea.entry.js +0 -5
  310. package/dist/bromcom-ui/p-8c7e1bea.entry.js +0 -5
  311. package/dist/bromcom-ui/p-8dda8873.js +0 -14
  312. package/dist/bromcom-ui/p-8ee40a96.js +0 -5
  313. package/dist/bromcom-ui/p-90b5befd.entry.js +0 -5
  314. package/dist/bromcom-ui/p-935f57ad.entry.js +0 -5
  315. package/dist/bromcom-ui/p-9402a607.entry.js +0 -5
  316. package/dist/bromcom-ui/p-9695f7c9.js +0 -5
  317. package/dist/bromcom-ui/p-97bc1843.entry.js +0 -5
  318. package/dist/bromcom-ui/p-9b080d5d.entry.js +0 -5
  319. package/dist/bromcom-ui/p-9b8e6484.entry.js +0 -5
  320. package/dist/bromcom-ui/p-9d1e255a.js +0 -5
  321. package/dist/bromcom-ui/p-9db3dcfa.entry.js +0 -5
  322. package/dist/bromcom-ui/p-ac949369.entry.js +0 -5
  323. package/dist/bromcom-ui/p-ad295560.entry.js +0 -5
  324. package/dist/bromcom-ui/p-b3faa68b.js +0 -5
  325. package/dist/bromcom-ui/p-b5bdc541.entry.js +0 -5
  326. package/dist/bromcom-ui/p-b716412b.entry.js +0 -5
  327. package/dist/bromcom-ui/p-bed627ab.js +0 -11
  328. package/dist/bromcom-ui/p-bfdf9447.entry.js +0 -5
  329. package/dist/bromcom-ui/p-c621138a.entry.js +0 -5
  330. package/dist/bromcom-ui/p-c9d35a7a.entry.js +0 -5
  331. package/dist/bromcom-ui/p-d0833fd3.entry.js +0 -5
  332. package/dist/bromcom-ui/p-d1dbebf6.entry.js +0 -5
  333. package/dist/bromcom-ui/p-d2f863d9.js +0 -5
  334. package/dist/bromcom-ui/p-d6c99f1f.entry.js +0 -5
  335. package/dist/bromcom-ui/p-daa32fc1.js +0 -5
  336. package/dist/bromcom-ui/p-dc3275aa.entry.js +0 -5
  337. package/dist/bromcom-ui/p-dccb9b5f.entry.js +0 -5
  338. package/dist/bromcom-ui/p-de1f21b5.entry.js +0 -5
  339. package/dist/bromcom-ui/p-de23b7bf.entry.js +0 -5
  340. package/dist/bromcom-ui/p-e3f8efa5.entry.js +0 -5
  341. package/dist/bromcom-ui/p-ee1b4a47.entry.js +0 -5
  342. package/dist/bromcom-ui/p-f0469946.entry.js +0 -5
  343. package/dist/bromcom-ui/p-f2fc3d54.entry.js +0 -5
  344. package/dist/bromcom-ui/p-f3c9ad5e.entry.js +0 -5
  345. package/dist/bromcom-ui/p-f6f37125.entry.js +0 -5
  346. package/dist/bromcom-ui/p-f86515f0.entry.js +0 -5
  347. package/dist/bromcom-ui/p-f908af03.entry.js +0 -5
  348. package/dist/bromcom-ui/p-f9c32e82.entry.js +0 -5
  349. package/dist/bromcom-ui/p-fd0c42ae.entry.js +0 -5
  350. package/dist/cjs/Overflow-ebad34dd.js +0 -2292
  351. package/dist/cjs/bcm-accordion.cjs.entry.js +0 -74
  352. package/dist/cjs/bcm-alert.cjs.entry.js +0 -99
  353. package/dist/cjs/bcm-attendance-actions.cjs.entry.js +0 -330
  354. package/dist/cjs/bcm-attendance.cjs.entry.js +0 -35
  355. package/dist/cjs/bcm-avatar_2.cjs.entry.js +0 -210
  356. package/dist/cjs/bcm-button-group.cjs.entry.js +0 -92
  357. package/dist/cjs/bcm-button.cjs.entry.js +0 -372
  358. package/dist/cjs/bcm-checkbox-group.cjs.entry.js +0 -415
  359. package/dist/cjs/bcm-checkbox-lite_9.cjs.entry.js +0 -2529
  360. package/dist/cjs/bcm-checkbox_2.cjs.entry.js +0 -194
  361. package/dist/cjs/bcm-chip-group.cjs.entry.js +0 -128
  362. package/dist/cjs/bcm-chip.cjs.entry.js +0 -91
  363. package/dist/cjs/bcm-collapse-group.cjs.entry.js +0 -43
  364. package/dist/cjs/bcm-collapse.cjs.entry.js +0 -62
  365. package/dist/cjs/bcm-color-input.cjs.entry.js +0 -77
  366. package/dist/cjs/bcm-colorful_2.cjs.entry.js +0 -251
  367. package/dist/cjs/bcm-date.cjs.entry.js +0 -182
  368. package/dist/cjs/bcm-drawer.cjs.entry.js +0 -96
  369. package/dist/cjs/bcm-dropdown.cjs.entry.js +0 -119
  370. package/dist/cjs/bcm-error-layout.cjs.entry.js +0 -64
  371. package/dist/cjs/bcm-expansion-panel.cjs.entry.js +0 -116
  372. package/dist/cjs/bcm-form.cjs.entry.js +0 -492
  373. package/dist/cjs/bcm-icon_6.cjs.entry.js +0 -2152
  374. package/dist/cjs/bcm-input_2.cjs.entry.js +0 -550
  375. package/dist/cjs/bcm-item.cjs.entry.js +0 -72
  376. package/dist/cjs/bcm-items.cjs.entry.js +0 -49
  377. package/dist/cjs/bcm-link.cjs.entry.js +0 -51
  378. package/dist/cjs/bcm-menu.cjs.entry.js +0 -151
  379. package/dist/cjs/bcm-modal.cjs.entry.js +0 -157
  380. package/dist/cjs/bcm-old-input.cjs.entry.js +0 -397
  381. package/dist/cjs/bcm-old-tag_2.cjs.entry.js +0 -145
  382. package/dist/cjs/bcm-popconfirm-box.cjs.entry.js +0 -115
  383. package/dist/cjs/bcm-popconfirm.cjs.entry.js +0 -101
  384. package/dist/cjs/bcm-popover.cjs.entry.js +0 -230
  385. package/dist/cjs/bcm-progress.cjs.entry.js +0 -162
  386. package/dist/cjs/bcm-radio-group.cjs.entry.js +0 -161
  387. package/dist/cjs/bcm-radio.cjs.entry.js +0 -65
  388. package/dist/cjs/bcm-range.cjs.entry.js +0 -183
  389. package/dist/cjs/bcm-rc-picker.cjs.entry.js +0 -10235
  390. package/dist/cjs/bcm-select.cjs.entry.js +0 -1195
  391. package/dist/cjs/bcm-shortcut.cjs.entry.js +0 -65
  392. package/dist/cjs/bcm-step.cjs.entry.js +0 -89
  393. package/dist/cjs/bcm-stepper.cjs.entry.js +0 -240
  394. package/dist/cjs/bcm-switch.cjs.entry.js +0 -151
  395. package/dist/cjs/bcm-tab-group.cjs.entry.js +0 -210
  396. package/dist/cjs/bcm-tab-item-header.cjs.entry.js +0 -60
  397. package/dist/cjs/bcm-tab-item.cjs.entry.js +0 -91
  398. package/dist/cjs/bcm-tab.cjs.entry.js +0 -72
  399. package/dist/cjs/bcm-tabs.cjs.entry.js +0 -370
  400. package/dist/cjs/bcm-text.cjs.entry.js +0 -49
  401. package/dist/cjs/index-d321de96.js +0 -193
  402. package/dist/cjs/input-template-4f41f5f2.js +0 -92
  403. package/dist/cjs/json-parse-decarator-ca73e0ee.js +0 -40
  404. package/dist/cjs/lodash-917168d7.js +0 -17199
  405. package/dist/cjs/moment-d06b012f.js +0 -4601
  406. package/dist/cjs/stepper-states-969da6c3.js +0 -85
  407. package/dist/cjs/tooltip-helper-a45a6cd4.js +0 -158
  408. package/dist/esm/Overflow-65c2db90.js +0 -2275
  409. package/dist/esm/bcm-accordion.entry.js +0 -70
  410. package/dist/esm/bcm-alert.entry.js +0 -95
  411. package/dist/esm/bcm-attendance-actions.entry.js +0 -326
  412. package/dist/esm/bcm-attendance.entry.js +0 -31
  413. package/dist/esm/bcm-avatar_2.entry.js +0 -205
  414. package/dist/esm/bcm-button-group.entry.js +0 -88
  415. package/dist/esm/bcm-button.entry.js +0 -368
  416. package/dist/esm/bcm-checkbox-group.entry.js +0 -411
  417. package/dist/esm/bcm-checkbox-lite_9.entry.js +0 -2517
  418. package/dist/esm/bcm-checkbox_2.entry.js +0 -189
  419. package/dist/esm/bcm-chip-group.entry.js +0 -124
  420. package/dist/esm/bcm-chip.entry.js +0 -87
  421. package/dist/esm/bcm-collapse-group.entry.js +0 -39
  422. package/dist/esm/bcm-collapse.entry.js +0 -58
  423. package/dist/esm/bcm-color-input.entry.js +0 -73
  424. package/dist/esm/bcm-colorful_2.entry.js +0 -246
  425. package/dist/esm/bcm-date.entry.js +0 -178
  426. package/dist/esm/bcm-drawer.entry.js +0 -92
  427. package/dist/esm/bcm-dropdown.entry.js +0 -115
  428. package/dist/esm/bcm-error-layout.entry.js +0 -60
  429. package/dist/esm/bcm-expansion-panel.entry.js +0 -112
  430. package/dist/esm/bcm-form.entry.js +0 -488
  431. package/dist/esm/bcm-icon_6.entry.js +0 -2143
  432. package/dist/esm/bcm-input_2.entry.js +0 -545
  433. package/dist/esm/bcm-item.entry.js +0 -68
  434. package/dist/esm/bcm-items.entry.js +0 -45
  435. package/dist/esm/bcm-link.entry.js +0 -47
  436. package/dist/esm/bcm-menu.entry.js +0 -147
  437. package/dist/esm/bcm-modal.entry.js +0 -153
  438. package/dist/esm/bcm-old-input.entry.js +0 -393
  439. package/dist/esm/bcm-old-tag_2.entry.js +0 -140
  440. package/dist/esm/bcm-popconfirm-box.entry.js +0 -111
  441. package/dist/esm/bcm-popconfirm.entry.js +0 -97
  442. package/dist/esm/bcm-popover.entry.js +0 -226
  443. package/dist/esm/bcm-progress.entry.js +0 -158
  444. package/dist/esm/bcm-radio-group.entry.js +0 -157
  445. package/dist/esm/bcm-radio.entry.js +0 -61
  446. package/dist/esm/bcm-range.entry.js +0 -179
  447. package/dist/esm/bcm-rc-picker.entry.js +0 -10231
  448. package/dist/esm/bcm-select.entry.js +0 -1191
  449. package/dist/esm/bcm-shortcut.entry.js +0 -61
  450. package/dist/esm/bcm-step.entry.js +0 -85
  451. package/dist/esm/bcm-stepper.entry.js +0 -236
  452. package/dist/esm/bcm-switch.entry.js +0 -147
  453. package/dist/esm/bcm-tab-group.entry.js +0 -206
  454. package/dist/esm/bcm-tab-item-header.entry.js +0 -56
  455. package/dist/esm/bcm-tab-item.entry.js +0 -87
  456. package/dist/esm/bcm-tab.entry.js +0 -68
  457. package/dist/esm/bcm-tabs.entry.js +0 -366
  458. package/dist/esm/bcm-text.entry.js +0 -45
  459. package/dist/esm/index-91dbe540.js +0 -191
  460. package/dist/esm/input-template-4d3a4e34.js +0 -90
  461. package/dist/esm/json-parse-decarator-1f7310a8.js +0 -38
  462. package/dist/esm/lodash-0a4396a7.js +0 -17197
  463. package/dist/esm/moment-15cd9198.js +0 -4598
  464. package/dist/esm/stepper-states-b1aa55b0.js +0 -83
  465. package/dist/esm/tooltip-helper-112e52a6.js +0 -156
package/dist/components/button.js CHANGED
@@ -6,9 +6,8 @@ import { h, proxyCustomElement, HTMLElement, createEvent, Host } from '@stencil/
6
6
  import { s as snq, G as Generate } from './generate.js';
7
7
  import { a as Bcm } from './bcm.js';
8
8
  import { c as classnames } from './index2.js';
9
- import { c as createStore } from './index4.js';
9
+ import { c as createStore } from './index5.js';
10
10
  import { S as SlotTemplate } from './slot-template.js';
11
- import { C as ColorHelper } from './color-helper.js';
12
11
 
13
12
  const variantOptions = {
14
13
  save: {
@@ -217,7 +216,7 @@ const ButtonTemplate = ({ value, type, componentClass, disabled, href, target, l
217
216
  h("slot", { name: "suffix" })));
218
217
  };
219
218
 
220
- const buttonCss = "@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-button{display:inline-flex;width:fit-content;height:fit-content;--bcm-button-solid-color-default:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-default:var(--bcm-new-ds-color-blue-700);--bcm-button-solid-border-default:var(--bcm-new-ds-color-blue-700);--bcm-button-solid-color-hover:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-hover:var(--bcm-new-ds-color-blue-800);--bcm-button-solid-border-hover:var(--bcm-new-ds-color-blue-800);--bcm-button-solid-color-focus-visible:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-focus-visible:var(--bcm-new-ds-color-blue-900);--bcm-button-solid-border-focus-visible:var(--bcm-new-ds-color-blue-900);--bcm-button-solid-color-active:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-active:var(--bcm-new-ds-color-blue-900);--bcm-button-solid-border-active:var(--bcm-new-ds-color-blue-900);--bcm-button-solid-color-disabled:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-solid-border-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-color-default:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-background-color-default:var(--bcm-new-ds-color-slate-100);--bcm-button-ghost-border-default:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-color-hover:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-background-color-hover:var(--bcm-new-ds-color-slate-200);--bcm-button-ghost-border-hover:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-color-focus-visible:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-background-color-focus-visible:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-border-focus-visible:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-color-active:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-background-color-active:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-border-active:var(--bcm-new-ds-color-slate-500);--bcm-button-ghost-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-background-color-disabled:var(--bcm-new-ds-color-slate-50);--bcm-button-ghost-border-disabled:var(--bcm-new-ds-color-slate-200);--bcm-button-link-color-default:var(--bcm-new-ds-color-blue-700);--bcm-button-link-background-color-default:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-default:var(--bcm-new-ds-color-transparent);--bcm-button-link-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-link-background-color-hover:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-hover:var(--bcm-new-ds-color-transparent);--bcm-button-link-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-link-background-color-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-button-link-border-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-button-link-color-active:var(--bcm-new-ds-color-blue-700);--bcm-button-link-background-color-active:var(--bcm-new-ds-color-slate-50);--bcm-button-link-border-active:var(--bcm-new-ds-color-slate-50);--bcm-button-link-color-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-link-background-color-disabled:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-disabled:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-default:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-link-background-color-default:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-border-default:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-hover:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-link-background-color-hover:var(--bcm-new-ds-color-slate-200);--bcm-button-ghost-link-border-hover:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-focus-visible:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-link-background-color-focus-visible:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-link-border-focus-visible:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-active:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-link-background-color-active:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-link-border-active:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-disabled:var(--bcm-new-ds-color-slate-500);--bcm-button-ghost-link-background-color-disabled:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-border-disabled:var(--bcm-new-ds-color-transparent)}.bcm-button.full-width{width:100%}.bcm-button.full-width .bcm-button__container{width:100%}.bcm-button:after,.bcm-button:before{content:\"\";clear:both}.bcm-button__container{border:none;color:inherit;background-color:inherit;padding:0;margin:0;font:inherit;cursor:pointer;outline:none;text-decoration:none;font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:4px 12px;outline:none;border-radius:4px;transition:background-color 0.1s ease-in-out;position:relative;min-width:40px;border-width:1px;border-style:solid;border-color:initial}.bcm-button__container:hover,.bcm-button__container:focus,.bcm-button__container:active{outline:none;text-decoration:none}.bcm-button__container-loading{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px;display:flex;align-items:center;justify-content:center}.bcm-button__container-kind-solid{color:var(--bcm-button-solid-color-default);background-color:var(--bcm-button-solid-background-color-default);border-color:var(--bcm-button-solid-border-default)}.bcm-button__container-kind-solid:hover{color:var(--bcm-button-solid-color-hover);background-color:var(--bcm-button-solid-background-color-hover);border-color:var(--bcm-button-solid-border-hover)}.bcm-button__container-kind-solid:focus-visible{color:var(--bcm-button-solid-color-focus-visible);background-color:var(--bcm-button-solid-background-color-focus-visible);border-color:var(--bcm-button-solid-border-focus-visible)}.bcm-button__container-kind-solid:active{color:var(--bcm-button-solid-color-active);background-color:var(--bcm-button-solid-background-color-active);border-color:var(--bcm-button-solid-border-active)}.bcm-button__container-kind-solid:disabled{color:var(--bcm-button-solid-color-disabled);background-color:var(--bcm-button-solid-background-color-disabled);border-color:var(--bcm-button-solid-border-disabled)}.bcm-button__container-kind-solid.checked{color:var(--bcm-button-solid-color-active);background-color:var(--bcm-button-solid-background-color-active);border-color:var(--bcm-button-solid-border-active)}.bcm-button__container-kind-solid.disabled{color:var(--bcm-button-solid-color-disabled);background-color:var(--bcm-button-solid-background-color-disabled);border-color:var(--bcm-button-solid-border-disabled)}.bcm-button__container-kind-solid .bcm-button__container-loading{color:var(--bcm-button-solid-color-default);background-color:var(--bcm-button-solid-background-color-default);border-color:var(--bcm-button-solid-border-default)}.bcm-button__container-kind-ghost{color:var(--bcm-button-ghost-color-default);background-color:var(--bcm-button-ghost-background-color-default);border-color:var(--bcm-button-ghost-border-default)}.bcm-button__container-kind-ghost:not([disabled]) .bcm-icon{color:var(--bcm-new-ds-color-slate-500)}.bcm-button__container-kind-ghost:hover{color:var(--bcm-button-ghost-color-hover);background-color:var(--bcm-button-ghost-background-color-hover);border-color:var(--bcm-button-ghost-border-hover)}.bcm-button__container-kind-ghost:focus-visible{color:var(--bcm-button-ghost-color-focus-visible);background-color:var(--bcm-button-ghost-background-color-focus-visible);border-color:var(--bcm-button-ghost-border-focus-visible)}.bcm-button__container-kind-ghost:active{color:var(--bcm-button-ghost-color-active);background-color:var(--bcm-button-ghost-background-color-active);border-color:var(--bcm-button-ghost-border-active)}.bcm-button__container-kind-ghost:disabled{color:var(--bcm-button-ghost-color-disabled);background-color:var(--bcm-button-ghost-background-color-disabled);border-color:var(--bcm-button-ghost-border-disabled)}.bcm-button__container-kind-ghost.checked{color:var(--bcm-button-ghost-color-active);background-color:var(--bcm-button-ghost-background-color-active);border-color:var(--bcm-button-ghost-border-active)}.bcm-button__container-kind-ghost.disabled{color:var(--bcm-button-ghost-color-disabled);background-color:var(--bcm-button-ghost-background-color-disabled);border-color:var(--bcm-button-ghost-border-disabled)}.bcm-button__container-kind-ghost .bcm-button__container-loading{color:var(--bcm-button-ghost-color-default);background-color:var(--bcm-button-ghost-background-color-default);border-color:var(--bcm-button-ghost-border-default)}.bcm-button__container-kind-link{color:var(--bcm-button-link-color-default);background-color:var(--bcm-button-link-background-color-default);border-color:var(--bcm-button-link-border-default)}.bcm-button__container-kind-link:hover{color:var(--bcm-button-link-color-hover);background-color:var(--bcm-button-link-background-color-hover);border-color:var(--bcm-button-link-border-hover)}.bcm-button__container-kind-link:focus-visible{color:var(--bcm-button-link-color-focus-visible);background-color:var(--bcm-button-link-background-color-focus-visible);border-color:var(--bcm-button-link-border-focus-visible)}.bcm-button__container-kind-link:active{color:var(--bcm-button-link-color-active);background-color:var(--bcm-button-link-background-color-active);border-color:var(--bcm-button-link-border-active)}.bcm-button__container-kind-link:disabled{color:var(--bcm-button-link-color-disabled);background-color:var(--bcm-button-link-background-color-disabled);border-color:var(--bcm-button-link-border-disabled)}.bcm-button__container-kind-link.checked{color:var(--bcm-button-link-color-active);background-color:var(--bcm-button-link-background-color-active);border-color:var(--bcm-button-link-border-active)}.bcm-button__container-kind-link.disabled{color:var(--bcm-button-link-color-disabled);background-color:var(--bcm-button-link-background-color-disabled);border-color:var(--bcm-button-link-border-disabled)}.bcm-button__container-kind-link .bcm-button__container-loading{color:var(--bcm-button-link-color-default);background-color:var(--bcm-button-link-background-color-default);border-color:var(--bcm-button-link-border-default)}.bcm-button__container-kind-ghost-link{color:var(--bcm-button-ghost-link-color-default);background-color:var(--bcm-button-ghost-link-background-color-default);border-color:var(--bcm-button-ghost-link-border-default)}.bcm-button__container-kind-ghost-link:hover{color:var(--bcm-button-ghost-link-color-hover);background-color:var(--bcm-button-ghost-link-background-color-hover);border-color:var(--bcm-button-ghost-link-border-hover)}.bcm-button__container-kind-ghost-link:focus-visible{color:var(--bcm-button-ghost-link-color-focus-visible);background-color:var(--bcm-button-ghost-link-background-color-focus-visible);border-color:var(--bcm-button-ghost-link-border-focus-visible)}.bcm-button__container-kind-ghost-link:active{color:var(--bcm-button-ghost-link-color-active);background-color:var(--bcm-button-ghost-link-background-color-active);border-color:var(--bcm-button-ghost-link-border-active)}.bcm-button__container-kind-ghost-link:disabled{color:var(--bcm-button-ghost-link-color-disabled);background-color:var(--bcm-button-ghost-link-background-color-disabled);border-color:var(--bcm-button-ghost-link-border-disabled)}.bcm-button__container-kind-ghost-link.checked{color:var(--bcm-button-ghost-link-color-active);background-color:var(--bcm-button-ghost-link-background-color-active);border-color:var(--bcm-button-ghost-link-border-active)}.bcm-button__container-kind-ghost-link.disabled{color:var(--bcm-button-ghost-link-color-disabled);background-color:var(--bcm-button-ghost-link-background-color-disabled);border-color:var(--bcm-button-ghost-link-border-disabled)}.bcm-button__container-kind-ghost-link .bcm-button__container-loading{color:var(--bcm-button-ghost-link-color-default);background-color:var(--bcm-button-ghost-link-background-color-default);border-color:var(--bcm-button-ghost-link-border-default)}.bcm-button__container[disabled]{cursor:not-allowed}.bcm-button__container-text{order:3;display:flex;align-items:center;gap:8px;white-space:nowrap}.bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-icon.prefix{order:2}.bcm-button__container-icon.suffix{order:4}.bcm-button__container-size-small{font-size:12px;line-height:calc(12px + 8px);padding:calc(4px - 3px) 12px;min-height:calc(calc(12px + 8px) + calc(calc(4px - 2px)) * 2)}.bcm-button__container-size-small .bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-size-medium{font-size:calc(12px + 1px);line-height:calc(12px + 8px);padding:calc(4px + 1px) 12px;min-height:calc(calc(12px + 8px) + calc(calc(4px + 2px)) * 2)}.bcm-button__container-size-medium .bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-size-large{font-size:16px;line-height:calc(16px + 8px);padding:calc(8px - 1px) 12px;min-height:calc(calc(16px + 8px) + (calc(8px) * 2))}.bcm-button__container-size-large .bcm-button__container-icon{min-height:calc(16px + 8px)}";
219
+ const buttonCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");.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-button{display:inline-flex;width:fit-content;height:fit-content;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bcm-button-solid-color-default:var(--bcm-ui-color-text-base);--bcm-button-solid-background-color-default:var(--bcm-ui-color-background-primary-default);--bcm-button-solid-border-default:transparent;--bcm-button-solid-color-hover:var(--bcm-ui-color-text-base);--bcm-button-solid-background-color-hover:var(--bcm-ui-color-background-primary-hover);--bcm-button-solid-border-hover:transparent;--bcm-button-solid-color-focus-visible:var(--bcm-ui-color-text-base);--bcm-button-solid-background-color-focus-visible:var(--bcm-ui-color-background-primary-hover);--bcm-button-solid-border-focus-visible:transparent;--bcm-button-solid-color-active:var(--bcm-ui-color-text-base);--bcm-button-solid-background-color-active:var(--bcm-ui-color-background-primary-active);--bcm-button-solid-border-active:transparent;--bcm-button-solid-color-disabled:var(--bcm-ui-color-text-disabled);--bcm-button-solid-background-color-disabled:var(--bcm-ui-color-background-disabled-default);--bcm-button-solid-border-disabled:var(--bcm-ui-color-border-disabled);--bcm-button-ghost-color-default:var(--bcm-ui-color-text-default);--bcm-button-ghost-background-color-default:var(--bcm-ui-color-background-default-default);--bcm-button-ghost-border-default:var(--bcm-ui-color-border-default);--bcm-button-ghost-color-hover:var(--bcm-ui-color-text-default);--bcm-button-ghost-background-color-hover:var(--bcm-ui-color-background-default-hover);--bcm-button-ghost-border-hover:var(--bcm-ui-color-border-default);--bcm-button-ghost-color-focus-visible:var(--bcm-ui-color-text-default);--bcm-button-ghost-background-color-focus-visible:var(--bcm-ui-color-background-default-hover);--bcm-button-ghost-border-focus-visible:var(--bcm-ui-color-border-default);--bcm-button-ghost-color-active:var(--bcm-ui-color-text-default);--bcm-button-ghost-background-color-active:var(--bcm-ui-color-background-default-active);--bcm-button-ghost-border-active:var(--bcm-ui-color-border-default);--bcm-button-ghost-color-disabled:var(--bcm-ui-color-text-disabled);--bcm-button-ghost-background-color-disabled:var(--bcm-ui-color-background-disabled-default);--bcm-button-ghost-border-disabled:var(--bcm-ui-color-border-disabled);--bcm-button-link-color-default:var(--bcm-ui-color-text-primary);--bcm-button-link-background-color-default:transparent;--bcm-button-link-border-default:transparent;--bcm-button-link-color-hover:var(--bcm-ui-color-text-primary);--bcm-button-link-background-color-hover:var(--bcm-ui-color-background-default-hover);--bcm-button-link-border-hover:var(--bcm-ui-color-border-default);--bcm-button-link-color-focus-visible:var(--bcm-ui-color-text-primary);--bcm-button-link-background-color-focus-visible:var(--bcm-ui-color-background-default-hover);--bcm-button-link-border-focus-visible:var(--bcm-ui-color-border-default);--bcm-button-link-color-active:var(--bcm-ui-color-text-primary);--bcm-button-link-background-color-active:var(--bcm-ui-color-background-default-active);--bcm-button-link-border-active:var(--bcm-ui-color-border-default);--bcm-button-link-color-disabled:var(--bcm-ui-color-text-disabled);--bcm-button-link-background-color-disabled:transparent;--bcm-button-link-border-disabled:transparent;--bcm-button-ghost-link-color-default:var(--bcm-ui-color-text-default);--bcm-button-ghost-link-background-color-default:transparent;--bcm-button-ghost-link-border-default:transparent;--bcm-button-ghost-link-color-hover:var(--bcm-ui-color-text-default);--bcm-button-ghost-link-background-color-hover:var(--bcm-ui-color-background-default-hover);--bcm-button-ghost-link-border-hover:var(--bcm-ui-color-border-default);--bcm-button-ghost-link-color-focus-visible:var(--bcm-ui-color-text-default);--bcm-button-ghost-link-background-color-focus-visible:var(--bcm-ui-color-background-default-hover);--bcm-button-ghost-link-border-focus-visible:var(--bcm-ui-color-border-default);--bcm-button-ghost-link-color-active:var(--bcm-ui-color-text-default);--bcm-button-ghost-link-background-color-active:var(--bcm-ui-color-background-default-active);--bcm-button-ghost-link-border-active:var(--bcm-ui-color-border-default);--bcm-button-ghost-link-color-disabled:var(--bcm-ui-color-text-disabled);--bcm-button-ghost-link-background-color-disabled:transparent;--bcm-button-ghost-link-border-disabled:transparent}.bcm-button.full-width{width:100%}.bcm-button.full-width .bcm-button__container{width:100%}.bcm-button:after,.bcm-button:before{content:\"\";clear:both}.bcm-button__container{border:none;color:inherit;background-color:inherit;padding:0;margin:0;font:inherit;cursor:pointer;outline:none;text-decoration:none;font-family:Inter, sans-serif;font-size:var(--bcm-ui-font-size-5);line-height:var(--bcm-ui-line-height-5);font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:var(--bcm-ui-spacing-2);padding:var(--bcm-ui-spacing-1) var(--bcm-ui-spacing-3);outline:none;border-radius:var(--bcm-ui-border-radius-default);transition-property:color, background-color, border-color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;position:relative;min-width:40px;border-width:1px;border-style:solid;border-color:initial}.bcm-button__container:hover,.bcm-button__container:focus,.bcm-button__container:active{outline:none;text-decoration:none}.bcm-button__container-loading{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--bcm-ui-border-radius-default);display:flex;align-items:center;justify-content:center}.bcm-button__container-kind-solid{color:var(--bcm-button-solid-color-default);background-color:var(--bcm-button-solid-background-color-default);border-color:var(--bcm-button-solid-border-default)}.bcm-button__container-kind-solid:hover{color:var(--bcm-button-solid-color-hover);background-color:var(--bcm-button-solid-background-color-hover);border-color:var(--bcm-button-solid-border-hover)}.bcm-button__container-kind-solid:focus-visible{color:var(--bcm-button-solid-color-focus-visible);background-color:var(--bcm-button-solid-background-color-focus-visible);border-color:var(--bcm-button-solid-border-focus-visible)}.bcm-button__container-kind-solid:active{color:var(--bcm-button-solid-color-active);background-color:var(--bcm-button-solid-background-color-active);border-color:var(--bcm-button-solid-border-active)}.bcm-button__container-kind-solid:disabled{color:var(--bcm-button-solid-color-disabled);background-color:var(--bcm-button-solid-background-color-disabled);border-color:var(--bcm-button-solid-border-disabled)}.bcm-button__container-kind-solid.checked{color:var(--bcm-button-solid-color-active);background-color:var(--bcm-button-solid-background-color-active);border-color:var(--bcm-button-solid-border-active)}.bcm-button__container-kind-solid.disabled{color:var(--bcm-button-solid-color-disabled);background-color:var(--bcm-button-solid-background-color-disabled);border-color:var(--bcm-button-solid-border-disabled)}.bcm-button__container-kind-solid .bcm-button__container-loading{color:var(--bcm-button-solid-color-default);background-color:var(--bcm-button-solid-background-color-default);border-color:var(--bcm-button-solid-border-default)}.bcm-button__container-kind-ghost{color:var(--bcm-button-ghost-color-default);background-color:var(--bcm-button-ghost-background-color-default);border-color:var(--bcm-button-ghost-border-default)}.bcm-button__container-kind-ghost:not([disabled]) .bcm-icon{color:var(--bcm-ui-color-text-disabled)}.bcm-button__container-kind-ghost:hover{color:var(--bcm-button-ghost-color-hover);background-color:var(--bcm-button-ghost-background-color-hover);border-color:var(--bcm-button-ghost-border-hover)}.bcm-button__container-kind-ghost:focus-visible{color:var(--bcm-button-ghost-color-focus-visible);background-color:var(--bcm-button-ghost-background-color-focus-visible);border-color:var(--bcm-button-ghost-border-focus-visible)}.bcm-button__container-kind-ghost:active{color:var(--bcm-button-ghost-color-active);background-color:var(--bcm-button-ghost-background-color-active);border-color:var(--bcm-button-ghost-border-active)}.bcm-button__container-kind-ghost:disabled{color:var(--bcm-button-ghost-color-disabled);background-color:var(--bcm-button-ghost-background-color-disabled);border-color:var(--bcm-button-ghost-border-disabled)}.bcm-button__container-kind-ghost.checked{color:var(--bcm-button-ghost-color-active);background-color:var(--bcm-button-ghost-background-color-active);border-color:var(--bcm-button-ghost-border-active)}.bcm-button__container-kind-ghost.disabled{color:var(--bcm-button-ghost-color-disabled);background-color:var(--bcm-button-ghost-background-color-disabled);border-color:var(--bcm-button-ghost-border-disabled)}.bcm-button__container-kind-ghost .bcm-button__container-loading{color:var(--bcm-button-ghost-color-default);background-color:var(--bcm-button-ghost-background-color-default);border-color:var(--bcm-button-ghost-border-default)}.bcm-button__container-kind-link{color:var(--bcm-button-link-color-default);background-color:var(--bcm-button-link-background-color-default);border-color:var(--bcm-button-link-border-default)}.bcm-button__container-kind-link:hover{color:var(--bcm-button-link-color-hover);background-color:var(--bcm-button-link-background-color-hover);border-color:var(--bcm-button-link-border-hover)}.bcm-button__container-kind-link:focus-visible{color:var(--bcm-button-link-color-focus-visible);background-color:var(--bcm-button-link-background-color-focus-visible);border-color:var(--bcm-button-link-border-focus-visible)}.bcm-button__container-kind-link:active{color:var(--bcm-button-link-color-active);background-color:var(--bcm-button-link-background-color-active);border-color:var(--bcm-button-link-border-active)}.bcm-button__container-kind-link:disabled{color:var(--bcm-button-link-color-disabled);background-color:var(--bcm-button-link-background-color-disabled);border-color:var(--bcm-button-link-border-disabled)}.bcm-button__container-kind-link.checked{color:var(--bcm-button-link-color-active);background-color:var(--bcm-button-link-background-color-active);border-color:var(--bcm-button-link-border-active)}.bcm-button__container-kind-link.disabled{color:var(--bcm-button-link-color-disabled);background-color:var(--bcm-button-link-background-color-disabled);border-color:var(--bcm-button-link-border-disabled)}.bcm-button__container-kind-link .bcm-button__container-loading{color:var(--bcm-button-link-color-default);background-color:var(--bcm-button-link-background-color-default);border-color:var(--bcm-button-link-border-default)}.bcm-button__container-kind-ghost-link{color:var(--bcm-button-ghost-link-color-default);background-color:var(--bcm-button-ghost-link-background-color-default);border-color:var(--bcm-button-ghost-link-border-default)}.bcm-button__container-kind-ghost-link:hover{color:var(--bcm-button-ghost-link-color-hover);background-color:var(--bcm-button-ghost-link-background-color-hover);border-color:var(--bcm-button-ghost-link-border-hover)}.bcm-button__container-kind-ghost-link:focus-visible{color:var(--bcm-button-ghost-link-color-focus-visible);background-color:var(--bcm-button-ghost-link-background-color-focus-visible);border-color:var(--bcm-button-ghost-link-border-focus-visible)}.bcm-button__container-kind-ghost-link:active{color:var(--bcm-button-ghost-link-color-active);background-color:var(--bcm-button-ghost-link-background-color-active);border-color:var(--bcm-button-ghost-link-border-active)}.bcm-button__container-kind-ghost-link:disabled{color:var(--bcm-button-ghost-link-color-disabled);background-color:var(--bcm-button-ghost-link-background-color-disabled);border-color:var(--bcm-button-ghost-link-border-disabled)}.bcm-button__container-kind-ghost-link.checked{color:var(--bcm-button-ghost-link-color-active);background-color:var(--bcm-button-ghost-link-background-color-active);border-color:var(--bcm-button-ghost-link-border-active)}.bcm-button__container-kind-ghost-link.disabled{color:var(--bcm-button-ghost-link-color-disabled);background-color:var(--bcm-button-ghost-link-background-color-disabled);border-color:var(--bcm-button-ghost-link-border-disabled)}.bcm-button__container-kind-ghost-link .bcm-button__container-loading{color:var(--bcm-button-ghost-link-color-default);background-color:var(--bcm-button-ghost-link-background-color-default);border-color:var(--bcm-button-ghost-link-border-default)}.bcm-button__container[disabled]{cursor:not-allowed}.bcm-button__container-text{order:3;display:flex;align-items:center;gap:var(--bcm-ui-spacing-2);white-space:nowrap}.bcm-button__container-icon{min-height:var(--bcm-ui-line-height-4)}.bcm-button__container-icon.prefix{order:2}.bcm-button__container-icon.suffix{order:4}.bcm-button__container-size-small{font-size:var(--bcm-ui-font-size-4);line-height:var(--bcm-ui-line-height-4);padding:var(--bcm-ui-spacing-px) var(--bcm-ui-spacing-3);min-height:var(--bcm-ui-spacing-6)}.bcm-button__container-size-small .bcm-button__container-icon{min-height:var(--bcm-ui-line-height-4)}.bcm-button__container-size-medium{font-size:var(--bcm-ui-font-size-5);line-height:var(--bcm-ui-line-height-5);padding:var(--bcm-ui-spacing-0-5) var(--bcm-ui-spacing-3);min-height:var(--bcm-ui-spacing-8)}.bcm-button__container-size-medium .bcm-button__container-icon{min-height:var(--bcm-ui-line-height-5)}.bcm-button__container-size-large{font-size:var(--bcm-ui-font-size-6);line-height:var(--bcm-ui-line-height-6);padding:var(--bcm-ui-spacing-1) var(--bcm-ui-spacing-3);min-height:var(--bcm-ui-spacing-10)}.bcm-button__container-size-large .bcm-button__container-icon{min-height:var(--bcm-ui-line-height-6)}";
221
220
 
222
221
  const BcmButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
223
222
  constructor() {
@@ -285,59 +284,59 @@ const BcmButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
285
284
  const prefix = `--bcm-button-${kind}`;
286
285
  if (kind === 'solid') {
287
286
  return {
288
- [`${prefix}-color-default`]: ColorHelper.dsColor('white'),
289
- [`${prefix}-color-hover`]: ColorHelper.dsColor('white'),
290
- [`${prefix}-color-focus-visible`]: ColorHelper.dsColor('white'),
291
- [`${prefix}-color-active`]: ColorHelper.dsColor('white'),
292
- [`${prefix}-color-disabled`]: ColorHelper.dsColor('white'),
293
- [`${prefix}-background-color-default`]: ColorHelper.dsColor(color + '-700'),
294
- [`${prefix}-background-color-hover`]: ColorHelper.dsColor(color + '-800'),
295
- [`${prefix}-background-color-focus-visible`]: ColorHelper.dsColor(color + '-900'),
296
- [`${prefix}-background-color-active`]: ColorHelper.dsColor(color + '-900'),
297
- [`${prefix}-background-color-disabled`]: ColorHelper.dsColor('slate-400'),
298
- [`${prefix}-border-default`]: ColorHelper.dsColor(color + '-700'),
299
- [`${prefix}-border-hover`]: ColorHelper.dsColor(color + '-800'),
300
- [`${prefix}-border-focus-visible`]: ColorHelper.dsColor(color + '-900'),
301
- [`${prefix}-border-active`]: ColorHelper.dsColor(color + '-900'),
302
- [`${prefix}-border-disabled`]: ColorHelper.dsColor('slate-400')
287
+ [`${prefix}-color-default`]: `var(--bcm-ui-color-text-base)`,
288
+ [`${prefix}-color-hover`]: `var(--bcm-ui-color-text-base)`,
289
+ [`${prefix}-color-focus-visible`]: `var(--bcm-ui-color-text-base)`,
290
+ [`${prefix}-color-active`]: `var(--bcm-ui-color-text-base)`,
291
+ [`${prefix}-color-disabled`]: `var(--bcm-ui-color-text-disabled)`,
292
+ [`${prefix}-background-color-default`]: `var(--bcm-ui-color-background-vivid-${color}-default)`,
293
+ [`${prefix}-background-color-hover`]: `var(--bcm-ui-color-background-vivid-${color}-hover)`,
294
+ [`${prefix}-background-color-focus-visible`]: `var(--bcm-ui-color-background-vivid-${color}-active)`,
295
+ [`${prefix}-background-color-active`]: `var(--bcm-ui-color-background-vivid-${color}-active)`,
296
+ [`${prefix}-background-color-disabled`]: `var(--bcm-ui-color-background-disabled-default)`,
297
+ [`${prefix}-border-default`]: `transparent`,
298
+ [`${prefix}-border-hover`]: `transparent`,
299
+ [`${prefix}-border-focus-visible`]: `transparent`,
300
+ [`${prefix}-border-active`]: `transparent`,
301
+ [`${prefix}-border-disabled`]: `var(--bcm-ui-color-border-disabled)`,
303
302
  };
304
303
  }
305
304
  else if (kind == 'link') {
306
305
  return {
307
- [`${prefix}-color-default`]: ColorHelper.dsColor(color + '-700'),
308
- [`${prefix}-color-hover`]: ColorHelper.dsColor(color + '-800'),
309
- [`${prefix}-color-focus-visible`]: ColorHelper.dsColor(color + '-900'),
310
- [`${prefix}-color-active`]: ColorHelper.dsColor(color + '-900'),
311
- [`${prefix}-color-disabled`]: ColorHelper.dsColor('slate-400'),
312
- [`${prefix}-background-color-default`]: ColorHelper.dsColor('transparent'),
313
- [`${prefix}-background-color-hover`]: ColorHelper.dsColor('transparent'),
314
- [`${prefix}-background-color-focus-visible`]: ColorHelper.dsColor('slate-50'),
315
- [`${prefix}-background-color-active`]: ColorHelper.dsColor('slate-50'),
316
- [`${prefix}-background-color-disabled`]: ColorHelper.dsColor('transparent'),
317
- [`${prefix}-border-default`]: ColorHelper.dsColor('transparent'),
318
- [`${prefix}-border-hover`]: ColorHelper.dsColor('transparent'),
319
- [`${prefix}-border-focus-visible`]: ColorHelper.dsColor('slate-50'),
320
- [`${prefix}-border-active`]: ColorHelper.dsColor('slate-50'),
321
- [`${prefix}-border-disabled`]: ColorHelper.dsColor('transparent')
306
+ [`${prefix}-color-default`]: `var(--bcm-ui-color-text-palette-${color})`,
307
+ [`${prefix}-color-hover`]: `var(--bcm-ui-color-text-palette-${color})`,
308
+ [`${prefix}-color-focus-visible`]: `var(--bcm-ui-color-text-palette-${color})`,
309
+ [`${prefix}-color-active`]: `var(--bcm-ui-color-text-palette-${color})`,
310
+ [`${prefix}-color-disabled`]: `var(--bcm-ui-color-text-disabled)`,
311
+ [`${prefix}-background-color-default`]: `transparent`,
312
+ [`${prefix}-background-color-hover`]: `var(--bcm-ui-color-background-stated-${color}-default)`,
313
+ [`${prefix}-background-color-focus-visible`]: `var(--bcm-ui-color-background-stated-${color}-hover)`,
314
+ [`${prefix}-background-color-active`]: `var(--bcm-ui-color-background-stated-${color}-hover)`,
315
+ [`${prefix}-background-color-disabled`]: `var(--bcm-ui-color-background-disabled-default)`,
316
+ [`${prefix}-border-default`]: `transparent`,
317
+ [`${prefix}-border-hover`]: `transparent`,
318
+ [`${prefix}-border-focus-visible`]: `transparent`,
319
+ [`${prefix}-border-active`]: `transparent`,
320
+ [`${prefix}-border-disabled`]: `transparent`,
322
321
  };
323
322
  }
324
323
  else if (kind == 'ghost') {
325
324
  return {
326
- [`${prefix}-color-default`]: ColorHelper.dsColor(color + '-700'),
327
- [`${prefix}-color-hover`]: ColorHelper.dsColor(color + '-800'),
328
- [`${prefix}-color-focus-visible`]: ColorHelper.dsColor(color + '-600'),
329
- [`${prefix}-color-active`]: ColorHelper.dsColor(color + '-600'),
330
- [`${prefix}-color-disabled`]: ColorHelper.dsColor(color + '-300'),
331
- [`${prefix}-background-color-default`]: ColorHelper.dsColor(color + '-100'),
332
- [`${prefix}-background-color-hover`]: ColorHelper.dsColor(color + '-200'),
333
- [`${prefix}-background-color-focus-visible`]: ColorHelper.dsColor(color + '-400'),
334
- [`${prefix}-background-color-active`]: ColorHelper.dsColor(color + '-300'),
335
- [`${prefix}-background-color-disabled`]: ColorHelper.dsColor(color + '-50'),
336
- [`${prefix}-border-default`]: ColorHelper.dsColor(color + '-300'),
337
- [`${prefix}-border-hover`]: ColorHelper.dsColor(color + '-400'),
338
- [`${prefix}-border-focus-visible`]: ColorHelper.dsColor(color + '-600'),
339
- [`${prefix}-border-active`]: ColorHelper.dsColor(color + '-500'),
340
- [`${prefix}-border-disabled`]: ColorHelper.dsColor(color + '-200'),
325
+ [`${prefix}-color-default`]: `var(--bcm-ui-color-text-palette-${color})`,
326
+ [`${prefix}-color-hover`]: `var(--bcm-ui-color-text-palette-${color})`,
327
+ [`${prefix}-color-focus-visible`]: `var(--bcm-ui-color-text-palette-${color})`,
328
+ [`${prefix}-color-active`]: `var(--bcm-ui-color-text-palette-${color})`,
329
+ [`${prefix}-color-disabled`]: `var(--bcm-ui-color-text-disabled)`,
330
+ [`${prefix}-background-color-default`]: `var(--bcm-ui-color-background-stated-${color}-default)`,
331
+ [`${prefix}-background-color-hover`]: `var(--bcm-ui-color-background-stated-${color}-hover)`,
332
+ [`${prefix}-background-color-focus-visible`]: `var(--bcm-ui-color-background-stated-${color}-active)`,
333
+ [`${prefix}-background-color-active`]: `var(--bcm-ui-color-background-stated-${color}-active)`,
334
+ [`${prefix}-background-color-disabled`]: `var(--bcm-ui-color-background-disabled-default)`,
335
+ [`${prefix}-border-default`]: `var(--bcm-ui-color-border-soft-${color})`,
336
+ [`${prefix}-border-hover`]: `var(--bcm-ui-color-border-soft-${color})`,
337
+ [`${prefix}-border-focus-visible`]: `var(--bcm-ui-color-border-soft-${color})`,
338
+ [`${prefix}-border-active`]: `var(--bcm-ui-color-border-soft-${color})`,
339
+ [`${prefix}-border-disabled`]: `var(--bcm-ui-color-border-disabled)`,
341
340
  };
342
341
  }
343
342
  return;
package/dist/components/caption-template.js CHANGED
@@ -10,18 +10,18 @@ const CaptionTemplate = ({ noCaption, captionType, caption, captionError, custom
10
10
  maxLength, value, }) => {
11
11
  size = size || "medium";
12
12
  return ((noCaption == false || maxLength) && (h("div", { class: classnames("bcm-ui-element bcm-ui-feedback bcm-caption-area tw-mt-1 tw-min-h-[20px] tw-flex tw-flex-row tw-items-start tw-justify-between tw-font-normal", {
13
- "tw-text-slate-500": !captionType || captionType == "default",
14
- "tw-text-blue-600": captionType == "info",
15
- "tw-text-emerald-700": captionType == "success",
16
- "tw-text-amber-700": captionType == "warning",
17
- "tw-text-red-600": captionType == "error",
13
+ "tw-text-color-caption": !captionType || captionType == "default",
14
+ "tw-text-color-info": captionType == "info",
15
+ "tw-text-color-success": captionType == "success",
16
+ "tw-text-color-warning": captionType == "warning",
17
+ "tw-text-color-error": captionType == "error",
18
18
  }, {
19
- "tw-text-1": size == "small",
20
- "tw-text-2": size == "medium",
21
- "tw-text-3": size == "large",
19
+ "tw-text-size-3": size == "small",
20
+ "tw-text-size-4": size == "medium",
21
+ "tw-text-size-5": size == "large",
22
22
  }, captionType && captionType != "default" && `bcm-caption-area__type-${captionType}`) },
23
23
  h("div", { class: "bcm-caption-area__text" }, captionType == "error" ? customErrorMessage || captionError : caption),
24
- maxLength && h("div", { class: "bcm-caption-area__text tw-text-slate-500" },
24
+ maxLength && h("div", { class: "bcm-caption-area__text tw-text-color-caption" },
25
25
  " ",
26
26
  `${(value === null || value === void 0 ? void 0 : value.length) || 0}/${maxLength}`,
27
27
  " "))));
package/dist/components/checkbox-lite.js CHANGED
@@ -7,7 +7,7 @@ import { c as classnames } from './index2.js';
7
7
  import { G as Generate } from './generate.js';
8
8
  import { a as Bcm } from './bcm.js';
9
9
 
10
- const checkboxCss = "@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-checkbox{outline:none;border:none;--bcm-checkbox-primary-color-default:var(--bcm-new-ds-color-blue-500);--bcm-checkbox-secondary-color-default:var(--bcm-new-ds-color-white);--bcm-checkbox-primary-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-checkbox-secondary-color-hover:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-checkbox-secondary-color-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-active:var(--bcm-new-ds-color-blue-700);--bcm-checkbox-secondary-color-active:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-checkbox-secondary-color-disabled:var(--bcm-new-ds-color-slate-200);display:inline-flex;width:fit-content;flex-direction:column;margin-bottom:8px}.bcm-checkbox:focus,.bcm-checkbox:hover,.bcm-checkbox:active{outline:none;border:none}.bcm-checkbox *{box-sizing:border-box}.bcm-checkbox input[type=radio],.bcm-checkbox input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:#fff;margin:0;display:none}.bcm-checkbox__input{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap;padding-top:4px}.bcm-checkbox.hidden{display:none}.bcm-checkbox :hover{cursor:pointer}.bcm-checkbox[disabled] :hover,.bcm-checkbox.disabled :hover{cursor:not-allowed}.bcm-checkbox .slot{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-weight:500;color:var(--bcm-new-ds-color-slate-600)}.bcm-checkbox .slot:not(:empty){margin-left:8px;margin-right:8px}.bcm-checkbox-size-small .slot{font-size:12px;line-height:calc(12px + 8px);margin-top:-2.5px}.bcm-checkbox-size-small .bcm-checkbox__input{min-height:calc(24px - 4px)}.bcm-checkbox-size-small .bcm-checkbox__label-icon{width:14px;height:14px;min-width:14px;font-size:calc(10px - 2px)}.bcm-checkbox-size-medium .slot{font-size:calc(12px + 1px);line-height:calc(12px + 8px);margin-top:-1.5px}.bcm-checkbox-size-medium .bcm-checkbox__input{min-height:calc(32px - 4px)}.bcm-checkbox-size-medium .bcm-checkbox__label-icon{width:16px;height:16px;min-width:16px;font-size:10px}.bcm-checkbox-size-large .slot{font-size:16px;line-height:calc(16px + 8px);margin-top:-1.5px}.bcm-checkbox-size-large .bcm-checkbox__input{min-height:calc(32px - 4px)}.bcm-checkbox-size-large .bcm-checkbox__label-icon{width:18px;height:18px;min-width:18px;font-size:12px}.bcm-checkbox__label{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap}.bcm-checkbox__label-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-wrap:nowrap;border-width:1px;border-style:solid;border-radius:2px}.bcm-checkbox__label-icon-indeterminate{position:relative}.bcm-checkbox__label-icon-indeterminate:after{content:\"\";display:block;position:absolute;width:70%;height:1.5px;background:var(--bcm-new-ds-color-white)}.bcm-checkbox__label-icon.bcm-radio__icon{width:16px;height:16px;box-sizing:border-box;border-radius:100px}.bcm-checkbox__label-icon.bcm-radio__icon .bcm-radio__icon-inner{width:10px;height:10px;border-radius:100px;background-color:var(--bcm-new-ds-color-white)}.bcm-checkbox .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-default);color:var(--bcm-checkbox-secondary-color-default);border-color:var(--bcm-new-ds-color-slate-300)}.bcm-checkbox .bcm-checkbox__label-icon-checked,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-default);border-color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-default);background-color:var(--bcm-checkbox-secondary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox:hover .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-hover);color:var(--bcm-checkbox-secondary-color-hover);border-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-hover);border-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-hover);background-color:var(--bcm-checkbox-secondary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-focus-visible);color:var(--bcm-checkbox-secondary-color-focus-visible);border-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-focus-visible);border-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-focus-visible);background-color:var(--bcm-checkbox-secondary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:active .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-active);color:var(--bcm-checkbox-secondary-color-active);border-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-active);border-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-active);background-color:var(--bcm-checkbox-secondary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-disabled);color:var(--bcm-checkbox-secondary-color-disabled);border-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-disabled);border-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-disabled);background-color:var(--bcm-checkbox-secondary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[no-margin] .bcm-checkbox__input{margin:0;min-height:0;padding:0}";
10
+ const checkboxCss = "@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-checkbox{outline:none;border:none;--bcm-checkbox-primary-color-default:var(--bcm-ui-color-background-primary-default);--bcm-checkbox-secondary-color-default:var(--bcm-ui-color-background-base-default);--bcm-checkbox-primary-color-hover:var(--bcm-ui-color-background-primary-hover);--bcm-checkbox-secondary-color-hover:var(--bcm-ui-color-background-default-default);--bcm-checkbox-primary-color-focus-visible:var(--bcm-ui-color-background-primary-active);--bcm-checkbox-secondary-color-focus-visible:var(--bcm-ui-color-background-default-active);--bcm-checkbox-primary-color-active:var(--bcm-ui-color-background-primary-active);--bcm-checkbox-secondary-color-active:var(--bcm-ui-color-background-default-active);--bcm-checkbox-primary-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-checkbox-secondary-color-disabled:var(--bcm-new-ds-color-slate-200);display:inline-flex;width:fit-content;flex-direction:column;margin-bottom:8px}.bcm-checkbox:focus,.bcm-checkbox:hover,.bcm-checkbox:active{outline:none;border:none}.bcm-checkbox *{box-sizing:border-box}.bcm-checkbox input[type=radio],.bcm-checkbox input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:#fff;margin:0;display:none}.bcm-checkbox__input{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap;padding-top:4px}.bcm-checkbox.hidden{display:none}.bcm-checkbox :hover{cursor:pointer}.bcm-checkbox[disabled] :hover,.bcm-checkbox.disabled :hover{cursor:not-allowed}.bcm-checkbox .slot{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-weight:500;color:var(--bcm-ui-color-text-default)}.bcm-checkbox .slot:not(:empty){margin-left:8px;margin-right:8px}.bcm-checkbox-size-small .slot{font-size:var(--bcm-ui-font-size-4);line-height:var(--bcm-ui-line-height-4);margin-top:-2.5px}.bcm-checkbox-size-small .bcm-checkbox__input{min-height:calc(24px - 4px)}.bcm-checkbox-size-small .bcm-checkbox__label-icon{width:14px;height:14px;min-width:14px;font-size:calc(10px - 2px)}.bcm-checkbox-size-medium .slot{font-size:var(--bcm-ui-font-size-5);line-height:var(--bcm-ui-line-height-4);margin-top:-1.5px}.bcm-checkbox-size-medium .bcm-checkbox__input{min-height:calc(32px - 4px)}.bcm-checkbox-size-medium .bcm-checkbox__label-icon{width:16px;height:16px;min-width:16px;font-size:10px}.bcm-checkbox-size-large .slot{font-size:var(--bcm-ui-font-size-6);line-height:var(--bcm-ui-line-height-6);margin-top:-1.5px}.bcm-checkbox-size-large .bcm-checkbox__input{min-height:calc(32px - 4px)}.bcm-checkbox-size-large .bcm-checkbox__label-icon{width:18px;height:18px;min-width:18px;font-size:12px}.bcm-checkbox__label{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap}.bcm-checkbox__label-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-wrap:nowrap;border-width:1px;border-style:solid;border-radius:2px}.bcm-checkbox__label-icon-indeterminate{position:relative}.bcm-checkbox__label-icon-indeterminate:after{content:\"\";display:block;position:absolute;width:70%;height:1.5px;background:var(--bcm-new-ds-color-white)}.bcm-checkbox__label-icon.bcm-radio__icon{width:16px;height:16px;box-sizing:border-box;border-radius:100px}.bcm-checkbox__label-icon.bcm-radio__icon .bcm-radio__icon-inner{width:10px;height:10px;border-radius:100px;background-color:var(--bcm-new-ds-color-white)}.bcm-checkbox .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-default);color:var(--bcm-checkbox-secondary-color-default);border-color:var(--bcm-new-ds-color-slate-300)}.bcm-checkbox .bcm-checkbox__label-icon-checked,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-default);border-color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-default);background-color:var(--bcm-checkbox-secondary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox:hover .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-hover);color:var(--bcm-checkbox-secondary-color-hover);border-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-hover);border-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-hover);background-color:var(--bcm-checkbox-secondary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-focus-visible);color:var(--bcm-checkbox-secondary-color-focus-visible);border-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-focus-visible);border-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-focus-visible);background-color:var(--bcm-checkbox-secondary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:active .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-active);color:var(--bcm-checkbox-secondary-color-active);border-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-active);border-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-active);background-color:var(--bcm-checkbox-secondary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-disabled);color:var(--bcm-checkbox-secondary-color-disabled);border-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-disabled);border-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-disabled);background-color:var(--bcm-checkbox-secondary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[no-margin] .bcm-checkbox__input{margin:0;min-height:0;padding:0}";
11
11
 
12
12
  const BcmCheckboxLite = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
13
13
  constructor() {
package/dist/components/checkbox.js CHANGED
@@ -9,13 +9,12 @@ import { G as Generate } from './generate.js';
9
9
  import { S as SlotTemplate } from './slot-template.js';
10
10
  import { a as Bcm } from './bcm.js';
11
11
  import { d as delay } from './utils.js';
12
- import { C as ColorHelper } from './color-helper.js';
13
12
  import { I as IsLoad } from './is-load-decorator.js';
14
13
  import { d as defineCustomElement$3 } from './icon.js';
15
14
  import { d as defineCustomElement$2 } from './label.js';
16
15
  import { d as defineCustomElement$1 } from './tooltip.js';
17
16
 
18
- const checkboxCss = "@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-checkbox{outline:none;border:none;--bcm-checkbox-primary-color-default:var(--bcm-new-ds-color-blue-500);--bcm-checkbox-secondary-color-default:var(--bcm-new-ds-color-white);--bcm-checkbox-primary-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-checkbox-secondary-color-hover:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-checkbox-secondary-color-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-active:var(--bcm-new-ds-color-blue-700);--bcm-checkbox-secondary-color-active:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-checkbox-secondary-color-disabled:var(--bcm-new-ds-color-slate-200);display:inline-flex;width:fit-content;flex-direction:column;margin-bottom:8px}.bcm-checkbox:focus,.bcm-checkbox:hover,.bcm-checkbox:active{outline:none;border:none}.bcm-checkbox *{box-sizing:border-box}.bcm-checkbox input[type=radio],.bcm-checkbox input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:#fff;margin:0;display:none}.bcm-checkbox__input{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap;padding-top:4px}.bcm-checkbox.hidden{display:none}.bcm-checkbox :hover{cursor:pointer}.bcm-checkbox[disabled] :hover,.bcm-checkbox.disabled :hover{cursor:not-allowed}.bcm-checkbox .slot{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-weight:500;color:var(--bcm-new-ds-color-slate-600)}.bcm-checkbox .slot:not(:empty){margin-left:8px;margin-right:8px}.bcm-checkbox-size-small .slot{font-size:12px;line-height:calc(12px + 8px);margin-top:-2.5px}.bcm-checkbox-size-small .bcm-checkbox__input{min-height:calc(24px - 4px)}.bcm-checkbox-size-small .bcm-checkbox__label-icon{width:14px;height:14px;min-width:14px;font-size:calc(10px - 2px)}.bcm-checkbox-size-medium .slot{font-size:calc(12px + 1px);line-height:calc(12px + 8px);margin-top:-1.5px}.bcm-checkbox-size-medium .bcm-checkbox__input{min-height:calc(32px - 4px)}.bcm-checkbox-size-medium .bcm-checkbox__label-icon{width:16px;height:16px;min-width:16px;font-size:10px}.bcm-checkbox-size-large .slot{font-size:16px;line-height:calc(16px + 8px);margin-top:-1.5px}.bcm-checkbox-size-large .bcm-checkbox__input{min-height:calc(32px - 4px)}.bcm-checkbox-size-large .bcm-checkbox__label-icon{width:18px;height:18px;min-width:18px;font-size:12px}.bcm-checkbox__label{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap}.bcm-checkbox__label-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-wrap:nowrap;border-width:1px;border-style:solid;border-radius:2px}.bcm-checkbox__label-icon-indeterminate{position:relative}.bcm-checkbox__label-icon-indeterminate:after{content:\"\";display:block;position:absolute;width:70%;height:1.5px;background:var(--bcm-new-ds-color-white)}.bcm-checkbox__label-icon.bcm-radio__icon{width:16px;height:16px;box-sizing:border-box;border-radius:100px}.bcm-checkbox__label-icon.bcm-radio__icon .bcm-radio__icon-inner{width:10px;height:10px;border-radius:100px;background-color:var(--bcm-new-ds-color-white)}.bcm-checkbox .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-default);color:var(--bcm-checkbox-secondary-color-default);border-color:var(--bcm-new-ds-color-slate-300)}.bcm-checkbox .bcm-checkbox__label-icon-checked,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-default);border-color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-default);background-color:var(--bcm-checkbox-secondary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox:hover .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-hover);color:var(--bcm-checkbox-secondary-color-hover);border-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-hover);border-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-hover);background-color:var(--bcm-checkbox-secondary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-focus-visible);color:var(--bcm-checkbox-secondary-color-focus-visible);border-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-focus-visible);border-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-focus-visible);background-color:var(--bcm-checkbox-secondary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:active .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-active);color:var(--bcm-checkbox-secondary-color-active);border-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-active);border-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-active);background-color:var(--bcm-checkbox-secondary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-disabled);color:var(--bcm-checkbox-secondary-color-disabled);border-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-disabled);border-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-disabled);background-color:var(--bcm-checkbox-secondary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[no-margin] .bcm-checkbox__input{margin:0;min-height:0;padding:0}";
17
+ const checkboxCss = "@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-checkbox{outline:none;border:none;--bcm-checkbox-primary-color-default:var(--bcm-ui-color-background-primary-default);--bcm-checkbox-secondary-color-default:var(--bcm-ui-color-background-base-default);--bcm-checkbox-primary-color-hover:var(--bcm-ui-color-background-primary-hover);--bcm-checkbox-secondary-color-hover:var(--bcm-ui-color-background-default-default);--bcm-checkbox-primary-color-focus-visible:var(--bcm-ui-color-background-primary-active);--bcm-checkbox-secondary-color-focus-visible:var(--bcm-ui-color-background-default-active);--bcm-checkbox-primary-color-active:var(--bcm-ui-color-background-primary-active);--bcm-checkbox-secondary-color-active:var(--bcm-ui-color-background-default-active);--bcm-checkbox-primary-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-checkbox-secondary-color-disabled:var(--bcm-new-ds-color-slate-200);display:inline-flex;width:fit-content;flex-direction:column;margin-bottom:8px}.bcm-checkbox:focus,.bcm-checkbox:hover,.bcm-checkbox:active{outline:none;border:none}.bcm-checkbox *{box-sizing:border-box}.bcm-checkbox input[type=radio],.bcm-checkbox input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:#fff;margin:0;display:none}.bcm-checkbox__input{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap;padding-top:4px}.bcm-checkbox.hidden{display:none}.bcm-checkbox :hover{cursor:pointer}.bcm-checkbox[disabled] :hover,.bcm-checkbox.disabled :hover{cursor:not-allowed}.bcm-checkbox .slot{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-weight:500;color:var(--bcm-ui-color-text-default)}.bcm-checkbox .slot:not(:empty){margin-left:8px;margin-right:8px}.bcm-checkbox-size-small .slot{font-size:var(--bcm-ui-font-size-4);line-height:var(--bcm-ui-line-height-4);margin-top:-2.5px}.bcm-checkbox-size-small .bcm-checkbox__input{min-height:calc(24px - 4px)}.bcm-checkbox-size-small .bcm-checkbox__label-icon{width:14px;height:14px;min-width:14px;font-size:calc(10px - 2px)}.bcm-checkbox-size-medium .slot{font-size:var(--bcm-ui-font-size-5);line-height:var(--bcm-ui-line-height-4);margin-top:-1.5px}.bcm-checkbox-size-medium .bcm-checkbox__input{min-height:calc(32px - 4px)}.bcm-checkbox-size-medium .bcm-checkbox__label-icon{width:16px;height:16px;min-width:16px;font-size:10px}.bcm-checkbox-size-large .slot{font-size:var(--bcm-ui-font-size-6);line-height:var(--bcm-ui-line-height-6);margin-top:-1.5px}.bcm-checkbox-size-large .bcm-checkbox__input{min-height:calc(32px - 4px)}.bcm-checkbox-size-large .bcm-checkbox__label-icon{width:18px;height:18px;min-width:18px;font-size:12px}.bcm-checkbox__label{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap}.bcm-checkbox__label-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-wrap:nowrap;border-width:1px;border-style:solid;border-radius:2px}.bcm-checkbox__label-icon-indeterminate{position:relative}.bcm-checkbox__label-icon-indeterminate:after{content:\"\";display:block;position:absolute;width:70%;height:1.5px;background:var(--bcm-new-ds-color-white)}.bcm-checkbox__label-icon.bcm-radio__icon{width:16px;height:16px;box-sizing:border-box;border-radius:100px}.bcm-checkbox__label-icon.bcm-radio__icon .bcm-radio__icon-inner{width:10px;height:10px;border-radius:100px;background-color:var(--bcm-new-ds-color-white)}.bcm-checkbox .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-default);color:var(--bcm-checkbox-secondary-color-default);border-color:var(--bcm-new-ds-color-slate-300)}.bcm-checkbox .bcm-checkbox__label-icon-checked,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-default);border-color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-default);background-color:var(--bcm-checkbox-secondary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox:hover .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-hover);color:var(--bcm-checkbox-secondary-color-hover);border-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-hover);border-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-hover);background-color:var(--bcm-checkbox-secondary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-focus-visible);color:var(--bcm-checkbox-secondary-color-focus-visible);border-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-focus-visible);border-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-focus-visible);background-color:var(--bcm-checkbox-secondary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:active .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-active);color:var(--bcm-checkbox-secondary-color-active);border-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-active);border-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-active);background-color:var(--bcm-checkbox-secondary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-disabled);color:var(--bcm-checkbox-secondary-color-disabled);border-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-disabled);border-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-disabled);background-color:var(--bcm-checkbox-secondary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[no-margin] .bcm-checkbox__input{margin:0;min-height:0;padding:0}";
19
18
 
20
19
  var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
21
20
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -134,15 +133,15 @@ const BcmCheckbox = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
134
133
  return;
135
134
  const prefix = `--bcm-checkbox`;
136
135
  return {
137
- [`${prefix}-primary-color-default`]: ColorHelper.dsColor(color + '-500'),
138
- [`${prefix}-primary-color-hover`]: ColorHelper.dsColor(color + '-600'),
139
- [`${prefix}-primary-color-focus-visible`]: ColorHelper.dsColor(color + '-800'),
140
- [`${prefix}-primary-color-active`]: ColorHelper.dsColor(color + '-700'),
136
+ [`${prefix}-primary-color-default`]: `var(--bcm-ui-color-background-vivid-${color}-default)`,
137
+ [`${prefix}-primary-color-hover`]: `var(--bcm-ui-color-background-vivid-${color}-hover)`,
138
+ [`${prefix}-primary-color-focus-visible`]: `var(--bcm-ui-color-background-vivid-${color}-active)`,
139
+ [`${prefix}-primary-color-active`]: `var(--bcm-ui-color-background-vivid-${color}-active)`,
141
140
  // [`${prefix}-primary-color-disabled`]: ColorHelper.dsColor(color + '-300'),
142
- [`${prefix}-secondary-color-default`]: ColorHelper.dsColor('white'),
143
- [`${prefix}-secondary-color-hover`]: ColorHelper.dsColor('slate-50'),
144
- [`${prefix}-secondary-color-focus-visible`]: ColorHelper.dsColor('slate-50'),
145
- [`${prefix}-secondary-color-active`]: ColorHelper.dsColor('slate-50'),
141
+ [`${prefix}-secondary-color-default`]: `var(--bcm-ui-color-background-default-default)`,
142
+ [`${prefix}-secondary-color-hover`]: `var(--bcm-ui-color-background-default-default)`,
143
+ [`${prefix}-secondary-color-focus-visible`]: `var(--bcm-ui-color-background-default-default)`,
144
+ [`${prefix}-secondary-color-active`]: `var(--bcm-ui-color-background-default-default)`,
146
145
  // [`${prefix}-secondary-color-disabled`]: ColorHelper.dsColor('slate-200')
147
146
  };
148
147
  }
package/dist/components/chip.js CHANGED
@@ -4,7 +4,6 @@
4
4
  */
5
5
  import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
6
6
  import { c as classnames } from './index2.js';
7
- import { C as ColorHelper } from './color-helper.js';
8
7
  import { G as Generate } from './generate.js';
9
8
  import { d as defineCustomElement$8 } from './avatar.js';
10
9
  import { d as defineCustomElement$7 } from './badge.js';
@@ -15,7 +14,7 @@ import { d as defineCustomElement$3 } from './rc-overflow.js';
15
14
  import { d as defineCustomElement$2 } from './search.js';
16
15
  import { d as defineCustomElement$1 } from './tooltip.js';
17
16
 
18
- const chipCss = "@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-chip{--bcm-chip-color:var(--bcm-new-ds-color-slate-700);--bcm-chip-color-hover:var(--bcm-new-ds-color-slate-700);--bcm-chip-color-focus:var(--bcm-new-ds-color-slate-700);--bcm-chip-color-active:var(--bcm-new-ds-color-slate-700);--bcm-chip-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-chip-background-color:var(--bcm-new-ds-color-slate-100);--bcm-chip-background-color-hover:var(--bcm-new-ds-color-slate-200);--bcm-chip-background-color-focus:var(--bcm-new-ds-color-slate-300);--bcm-chip-background-color-active:var(--bcm-new-ds-color-slate-400);--bcm-chip-background-color-disabled:var(--bcm-new-ds-color-slate-100);display:inline-flex;justify-content:center;align-items:center;width:fit-content;height:fit-content;font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;padding:0 8px;gap:4px;color:var(--bcm-chip-color);background-color:var(--bcm-chip-background-color);border-radius:100px;transition:background-color 0.1s ease-in-out;outline:none}.bcm-chip:not(.bcm-chip--disabled):hover{background-color:var(--bcm-chip-background-color-hover)}.bcm-chip:not(.bcm-chip--disabled):focus{background-color:var(--bcm-chip-background-color-focus);color:var(--bcm-chip-color-focus)}.bcm-chip:not(.bcm-chip--disabled):active{background-color:var(--bcm-chip-background-color-active);color:var(--bcm-chip-color-active)}.bcm-chip--disabled{color:var(--bcm-chip-color-disabled);background-color:var(--bcm-chip-background-color-disabled)}.bcm-chip--avatar{padding-left:2px}.bcm-chip__type-dismissable-icon:hover{cursor:pointer;color:var(--bcm-chip-color-active)}.bcm-chip__size-small{font-size:10px;line-height:calc(10px + 8px)}.bcm-chip__size-small .bcm-avatar{width:14px;height:14px}.bcm-chip__size-small .bcm-chip--selected-icon{width:8px}.bcm-chip__size-medium{font-size:12px;line-height:calc(12px + 8px)}.bcm-chip__size-medium .bcm-avatar{width:16px;height:16px}.bcm-chip__size-medium .bcm-chip--selected-icon{width:10px}.bcm-chip__size-large{font-size:14px;line-height:calc(14px + 8px)}.bcm-chip__size-large .bcm-avatar{width:18px;height:18px}.bcm-chip__size-large .bcm-chip--selected-icon{width:12px}";
17
+ const chipCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");.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-chip{--bcm-chip-color:var(--bcm-ui-color-text-default);--bcm-chip-color-hover:var(--bcm-ui-color-text-default);--bcm-chip-color-focus:var(--bcm-ui-color-text-default);--bcm-chip-color-active:var(--bcm-ui-color-text-default);--bcm-chip-color-disabled:var(--bcm-ui-color-text-disabled);--bcm-chip-background-color:var(--bcm-ui-color-background-default-default);--bcm-chip-background-color-hover:var(--bcm-ui-color-background-default-hover);--bcm-chip-background-color-focus:var(--bcm-ui-color-background-default-active);--bcm-chip-background-color-active:var(--bcm-ui-color-background-default-active);--bcm-chip-background-color-disabled:var(--bcm-ui-color-background-disabled-default);display:inline-flex;justify-content:center;align-items:center;width:fit-content;height:fit-content;font-family:Inter, sans-serif;font-size:var(--bcm-ui-font-size-5);line-height:var(--bcm-ui-line-height-5);font-weight:400;padding:0 var(--bcm-ui-spacing-2);gap:var(--bcm-ui-spacing-1);color:var(--bcm-chip-color);background-color:var(--bcm-chip-background-color);border-radius:var(--bcm-ui-border-radius-full);transition-property:color, background-color, border-color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;outline:none}.bcm-chip:not(.bcm-chip--disabled):hover{background-color:var(--bcm-chip-background-color-hover)}.bcm-chip:not(.bcm-chip--disabled):focus-visible{background-color:var(--bcm-chip-background-color-focus);color:var(--bcm-chip-color-focus)}.bcm-chip:not(.bcm-chip--disabled):active{background-color:var(--bcm-chip-background-color-active);color:var(--bcm-chip-color-active)}.bcm-chip--disabled{color:var(--bcm-chip-color-disabled);background-color:var(--bcm-chip-background-color-disabled)}.bcm-chip--avatar{padding-left:2px}.bcm-chip__type-dismissable-icon:hover{cursor:pointer;color:var(--bcm-chip-color-active)}.bcm-chip__size-small{font-size:var(--bcm-ui-font-size-3);line-height:var(--bcm-ui-line-height-3);padding:var(--bcm-ui-spacing-px) var(--bcm-ui-spacing-2)}.bcm-chip__size-small .bcm-avatar{width:14px;height:14px}.bcm-chip__size-small .bcm-chip--selected-icon{width:8px}.bcm-chip__size-medium{font-size:var(--bcm-ui-font-size-4);line-height:var(--bcm-ui-line-height-4)}.bcm-chip__size-medium .bcm-avatar{width:16px;height:16px}.bcm-chip__size-medium .bcm-chip--selected-icon{width:10px}.bcm-chip__size-large{font-size:var(--bcm-ui-font-size-5);line-height:var(--bcm-ui-line-height-5)}.bcm-chip__size-large .bcm-avatar{width:18px;height:18px}.bcm-chip__size-large .bcm-chip--selected-icon{width:12px}";
19
18
 
20
19
  const BcmChip = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
21
20
  constructor() {
@@ -42,16 +41,16 @@ const BcmChip = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
42
41
  return;
43
42
  const color = this.selected ? "indigo" : this.color; // Important: Find a solution for this in V3! ( selected ? this.color : "indigo" )
44
43
  return {
45
- "--bcm-chip-color": ColorHelper.dsColor(color + "-700"),
46
- "--bcm-chip-color-hover": ColorHelper.dsColor(color + "-700"),
47
- "--bcm-chip-color-focus": ColorHelper.dsColor(color + "-700"),
48
- "--bcm-chip-color-active": ColorHelper.dsColor(color + "-700"),
49
- "--bcm-chip-color-disabled": ColorHelper.dsColor("slate" + "-300"),
50
- "--bcm-chip-background-color": ColorHelper.dsColor(color + "-100"),
51
- "--bcm-chip-background-color-hover": ColorHelper.dsColor(color + "-200"),
52
- "--bcm-chip-background-color-focus": ColorHelper.dsColor(color + "-300"),
53
- "--bcm-chip-background-color-active": ColorHelper.dsColor(color + "-200"),
54
- "--bcm-chip-background-color-disabled": ColorHelper.dsColor("slate" + "-100"),
44
+ "--bcm-chip-color": `var(--bcm-ui-color-text-palette-${color})`,
45
+ "--bcm-chip-color-hover": `var(--bcm-ui-color-text-palette-${color})`,
46
+ "--bcm-chip-color-focus": `var(--bcm-ui-color-text-palette-${color})`,
47
+ "--bcm-chip-color-active": `var(--bcm-ui-color-text-palette-${color})`,
48
+ "--bcm-chip-color-disabled": `var(--bcm-ui-color-text-disabled)`,
49
+ "--bcm-chip-background-color": `var(--bcm-ui-color-background-stated-${color}-default)`,
50
+ "--bcm-chip-background-color-hover": `var(--bcm-ui-color-background-stated-${color}-hover)`,
51
+ "--bcm-chip-background-color-focus": `var(--bcm-ui-color-background-stated-${color}-active)`,
52
+ "--bcm-chip-background-color-active": `var(--bcm-ui-color-background-stated-${color}-active)`,
53
+ "--bcm-chip-background-color-disabled": `var(--bcm-ui-color-background-disabled-default)`,
55
54
  };
56
55
  }
57
56
  handleDismiss(e) {
package/dist/components/colorful.js CHANGED
@@ -8,7 +8,7 @@ import { l as lodash } from './lodash.js';
8
8
 
9
9
  function u(){return (u=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);}return e}).apply(this,arguments)}function c(e,r){if(null==e)return {};var t,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r.indexOf(t=a[n])>=0||(o[t]=e[t]);return o}function i(e){var t=react.useRef(e),n=react.useRef(function(e){t.current&&t.current(e);});return t.current=e,n.current}var s=function(e,r,t){return void 0===r&&(r=0),void 0===t&&(t=1),e>t?t:e<r?r:e},f=function(e){return "touches"in e},v=function(e){return e&&e.ownerDocument.defaultView||self},d=function(e,r,t){var n=e.getBoundingClientRect(),o=f(r)?function(e,r){for(var t=0;t<e.length;t++)if(e[t].identifier===r)return e[t];return e[0]}(r.touches,t):r;return {left:s((o.pageX-(n.left+v(e).pageXOffset))/n.width),top:s((o.pageY-(n.top+v(e).pageYOffset))/n.height)}},h=function(e){!f(e)&&e.preventDefault();},m=react.memo(function(o){var a=o.onMove,l=o.onKey,s=c(o,["onMove","onKey"]),m=react.useRef(null),g=i(a),p=i(l),b=react.useRef(null),_=react.useRef(!1),x=react.useMemo(function(){var e=function(e){h(e),(f(e)?e.touches.length>0:e.buttons>0)&&m.current?g(d(m.current,e,b.current)):t(!1);},r=function(){return t(!1)};function t(t){var n=_.current,o=v(m.current),a=t?o.addEventListener:o.removeEventListener;a(n?"touchmove":"mousemove",e),a(n?"touchend":"mouseup",r);}return [function(e){var r=e.nativeEvent,n=m.current;if(n&&(h(r),!function(e,r){return r&&!f(e)}(r,_.current)&&n)){if(f(r)){_.current=!0;var o=r.changedTouches||[];o.length&&(b.current=o[0].identifier);}n.focus(),g(d(n,r,b.current)),t(!0);}},function(e){var r=e.which||e.keyCode;r<37||r>40||(e.preventDefault(),p({left:39===r?.05:37===r?-.05:0,top:40===r?.05:38===r?-.05:0}));},t]},[p,g]),C=x[0],E=x[1],H=x[2];return react.useEffect(function(){return H},[H]),react.createElement("div",u({},s,{onTouchStart:C,onMouseDown:C,className:"react-colorful__interactive",ref:m,onKeyDown:E,tabIndex:0,role:"slider"}))}),g=function(e){return e.filter(Boolean).join(" ")},p=function(r){var t=r.color,n=r.left,o=r.top,a=void 0===o?.5:o,l=g(["react-colorful__pointer",r.className]);return react.createElement("div",{className:l,style:{top:100*a+"%",left:100*n+"%"}},react.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:t}}))},b=function(e,r,t){return void 0===r&&(r=0),void 0===t&&(t=Math.pow(10,r)),Math.round(t*e)/t},x=function(e){return L(C(e))},C=function(e){return "#"===e[0]&&(e=e.substring(1)),e.length<6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:4===e.length?b(parseInt(e[3]+e[3],16)/255,2):1}:{r:parseInt(e.substring(0,2),16),g:parseInt(e.substring(2,4),16),b:parseInt(e.substring(4,6),16),a:8===e.length?b(parseInt(e.substring(6,8),16)/255,2):1}},w=function(e){return K(I(e))},y=function(e){var r=e.s,t=e.v,n=e.a,o=(200-r)*t/100;return {h:b(e.h),s:b(o>0&&o<200?r*t/100/(o<=100?o:200-o)*100:0),l:b(o/2),a:b(n,2)}},q=function(e){var r=y(e);return "hsl("+r.h+", "+r.s+"%, "+r.l+"%)"},I=function(e){var r=e.h,t=e.s,n=e.v,o=e.a;r=r/360*6,t/=100,n/=100;var a=Math.floor(r),l=n*(1-t),u=n*(1-(r-a)*t),c=n*(1-(1-r+a)*t),i=a%6;return {r:b(255*[n,u,l,l,c,n][i]),g:b(255*[c,n,n,u,l,l][i]),b:b(255*[l,l,c,n,n,u][i]),a:b(o,2)}},D=function(e){var r=e.toString(16);return r.length<2?"0"+r:r},K=function(e){var r=e.r,t=e.g,n=e.b,o=e.a,a=o<1?D(b(255*o)):"";return "#"+D(r)+D(t)+D(n)+a},L=function(e){var r=e.r,t=e.g,n=e.b,o=e.a,a=Math.max(r,t,n),l=a-Math.min(r,t,n),u=l?a===r?(t-n)/l:a===t?2+(n-r)/l:4+(r-t)/l:0;return {h:b(60*(u<0?u+6:u)),s:b(a?l/a*100:0),v:b(a/255*100),a:o}},S=react.memo(function(r){var t=r.hue,n=r.onChange,o=g(["react-colorful__hue",r.className]);return react.createElement("div",{className:o},react.createElement(m,{onMove:function(e){n({h:360*e.left});},onKey:function(e){n({h:s(t+360*e.left,0,360)});},"aria-label":"Hue","aria-valuenow":b(t),"aria-valuemax":"360","aria-valuemin":"0"},react.createElement(p,{className:"react-colorful__hue-pointer",left:t/360,color:q({h:t,s:100,v:100,a:1})})))}),T=react.memo(function(r){var t=r.hsva,n=r.onChange,o={backgroundColor:q({h:t.h,s:100,v:100,a:1})};return react.createElement("div",{className:"react-colorful__saturation",style:o},react.createElement(m,{onMove:function(e){n({s:100*e.left,v:100-100*e.top});},onKey:function(e){n({s:s(t.s+100*e.left,0,100),v:s(t.v-100*e.top,0,100)});},"aria-label":"Color","aria-valuetext":"Saturation "+b(t.s)+"%, Brightness "+b(t.v)+"%"},react.createElement(p,{className:"react-colorful__saturation-pointer",top:1-t.v/100,left:t.s/100,color:q(t)})))}),F=function(e,r){if(e===r)return !0;for(var t in e)if(e[t]!==r[t])return !1;return !0},X=function(e,r){return e.toLowerCase()===r.toLowerCase()||F(C(e),C(r))};function Y(e,t,l){var u=i(l),c=react.useState(function(){return e.toHsva(t)}),s=c[0],f=c[1],v=react.useRef({color:t,hsva:s});react.useEffect(function(){if(!e.equal(t,v.current.color)){var r=e.toHsva(t);v.current={hsva:r,color:t},f(r);}},[t,e]),react.useEffect(function(){var r;F(s,v.current.hsva)||e.equal(r=e.fromHsva(s),v.current.color)||(v.current={hsva:s,color:r},u(r));},[s,e,u]);var d=react.useCallback(function(e){f(function(r){return Object.assign({},r,e)});},[]);return [s,d]}var V="undefined"!=typeof window?react.useLayoutEffect:react.useEffect,$=function(){return ("undefined"!=typeof __webpack_nonce__?__webpack_nonce__:void 0)},J=new Map,Q=function(e){V(function(){var r=e.current?e.current.ownerDocument:document;if(void 0!==r&&!J.has(r)){var t=r.createElement("style");t.innerHTML='.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url(\'data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>\')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}',J.set(r,t);var n=$();n&&t.setAttribute("nonce",n),r.head.appendChild(t);}},[]);},U=function(t){var n=t.className,o=t.colorModel,a=t.color,l=void 0===a?o.defaultColor:a,i=t.onChange,s=c(t,["className","colorModel","color","onChange"]),f=react.useRef(null);Q(f);var v=Y(o,l,i),d=v[0],h=v[1],m=g(["react-colorful",n]);return react.createElement("div",u({},s,{ref:f,className:m}),react.createElement(T,{hsva:d,onChange:h}),react.createElement(S,{hue:d.h,onChange:h,className:"react-colorful__last-control"}))},W={defaultColor:"000",toHsva:x,fromHsva:function(e){return w({h:e.h,s:e.s,v:e.v,a:1})},equal:X},Z=function(r){return react.createElement(U,u({},r,{colorModel:W}))};
10
10
 
11
- const colorfulCss = "@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}bcm-colorful{display:flex;flex-direction:column;width:256px;padding:8px;background-color:#fff;border-radius:4px}bcm-colorful .react-colorful{width:100%;gap:4px}bcm-colorful .react-colorful__saturation{margin:0 0 4px 0;border-radius:2px;border-bottom:none}bcm-colorful .react-colorful__hue,bcm-colorful .react-colorful__alpha{height:20px;border-radius:2px}bcm-colorful .react-colorful__hue-pointer,bcm-colorful .react-colorful__alpha-pointer{width:15px;height:15px}bcm-colorful .react-colorful__saturation-pointer{width:20px;height:20px}";
11
+ const colorfulCss = "@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}bcm-colorful{display:flex;flex-direction:column;width:256px;padding:8px;background-color:#fff;border-radius:4px}bcm-colorful .react-colorful{width:100%;gap:4px}bcm-colorful .react-colorful__saturation{margin:0 0 4px 0;border-radius:2px;border-bottom:none}bcm-colorful .react-colorful__hue,bcm-colorful .react-colorful__alpha{height:20px;border-radius:2px}bcm-colorful .react-colorful__hue-pointer,bcm-colorful .react-colorful__alpha-pointer{width:15px;height:15px}bcm-colorful .react-colorful__saturation-pointer{width:20px;height:20px}";
12
12
 
13
13
  const BcmColorful = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
14
14
  constructor() {
package/dist/components/divider.js CHANGED
@@ -6,7 +6,7 @@ import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal
6
6
  import { c as classnames } from './index2.js';
7
7
  import { a as Bcm } from './bcm.js';
8
8
 
9
- const dividerCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");.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-divider{display:block}.bcm-divider.hidden{display:none}.bcm-divider__direction-horizontal{width:100%;height:1px;margin:4px auto;border-top:1px solid var(--bcm-color-grey-5)}.bcm-divider__direction-vertical{height:auto;width:1px;margin:0 4px;border-left:1px solid var(--bcm-color-grey-5)}";
9
+ const dividerCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");.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-divider{display:block}.bcm-divider.hidden{display:none}.bcm-divider__direction-horizontal{width:100%;height:1px;margin:var(--bcm-ui-spacing-1) auto;border-top:1px solid var(--bcm-ui-color-border-default)}.bcm-divider__direction-vertical{height:auto;width:1px;margin:0 var(--bcm-ui-spacing-1);border-left:1px solid var(--bcm-ui-color-border-default)}";
10
10
 
11
11
  const BcmDivider = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
12
12
  constructor() {
package/dist/components/empty.js CHANGED
@@ -12,7 +12,7 @@ const BcmEmpty = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
12
12
  this.icon = undefined;
13
13
  }
14
14
  render() {
15
- return (h(Host, { class: "tw-h-full tw-flex tw-flex-col tw-items-center tw-justify-center tw-w-full tw-flex-1 tw-bg-slate-50 tw-text-center tw-rounded tw-gap-3" }, this.icon && h("i", { class: `tw-text-8 tw-text-amber-500 ${this.icon}` }), h("bcm-typography", { class: "tw-text-slate-700 tw-text-2" }, h("slot", null))));
15
+ return (h(Host, { class: "bcm-empty bcm-ui-element tw-h-full tw-flex tw-flex-col tw-items-center tw-justify-center tw-w-full tw-flex-1 tw-text-color-caption tw-text-center tw-rounded tw-gap-2" }, this.icon && (h("div", { class: "tw-bg-blue-50 tw-text-color-primary tw-text-size-9 tw-mb-1 tw-rounded-3xl tw-p-4" }, h("i", { class: `${this.icon}` }))), h("bcm-typography", { class: "tw-text-color-caption tw-text-size-4 tw-font-medium" }, h("slot", null))));
16
16
  }
17
17
  get el() { return this; }
18
18
  }, [4, "bcm-empty", {
package/dist/components/generate.js CHANGED
@@ -5,7 +5,7 @@
5
5
  import { Build } from '@stencil/core/internal/client';
6
6
  import { c as colors } from './colors2.js';
7
7
 
8
- const version = "2.12.4-rc.0";
8
+ const version = "3.0.0-alpha.1";
9
9
 
10
10
  /**
11
11
  * 'status' prop predefined values