bromcom-ui 2.12.3 → 3.0.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (431) hide show
  1. package/dist/bromcom-ui/bromcom-ui.css +1 -1
  2. package/dist/bromcom-ui/bromcom-ui.esm.js +1 -1
  3. package/dist/bromcom-ui/{p-7c5763cc.entry.js → p-03337609.entry.js} +1 -1
  4. package/dist/bromcom-ui/{p-4ca7e0e7.entry.js → p-10687c62.entry.js} +1 -1
  5. package/dist/bromcom-ui/{p-c49b6287.entry.js → p-19ed830b.entry.js} +1 -1
  6. package/dist/bromcom-ui/{p-32c55505.entry.js → p-1a7e1a74.entry.js} +1 -1
  7. package/dist/bromcom-ui/{p-d59d9687.entry.js → p-1fbec9e4.entry.js} +1 -1
  8. package/dist/bromcom-ui/{p-e0cc8f86.entry.js → p-2afde14e.entry.js} +1 -1
  9. package/dist/bromcom-ui/{p-beaec5b8.js → p-2d0ff35e.js} +1 -1
  10. package/dist/bromcom-ui/{p-21bacc22.js → p-31a60231.js} +1 -1
  11. package/dist/bromcom-ui/{p-67343ad8.entry.js → p-3b079331.entry.js} +1 -1
  12. package/dist/bromcom-ui/{p-6bdf0cbc.js → p-3be27626.js} +1 -1
  13. package/dist/bromcom-ui/{p-6bea284a.js → p-499d8454.js} +1 -1
  14. package/dist/bromcom-ui/{p-a6aa173f.entry.js → p-4a71c61a.entry.js} +1 -1
  15. package/dist/bromcom-ui/{p-3f34cf2a.entry.js → p-4cc12992.entry.js} +1 -1
  16. package/dist/bromcom-ui/{p-c77541f4.js → p-4d2bf0e7.js} +2 -2
  17. package/dist/bromcom-ui/p-556010cb.js +5 -0
  18. package/dist/bromcom-ui/{p-3aaa60b9.entry.js → p-56b9cdf7.entry.js} +1 -1
  19. package/dist/bromcom-ui/{p-1b558b0f.entry.js → p-583982a6.entry.js} +1 -1
  20. package/dist/bromcom-ui/{p-ef5cba72.js → p-59dc2542.js} +1 -1
  21. package/dist/bromcom-ui/{p-d623e891.entry.js → p-5adcfd9b.entry.js} +1 -1
  22. package/dist/bromcom-ui/p-5ea9881d.entry.js +5 -0
  23. package/dist/bromcom-ui/{p-375e9750.entry.js → p-5f47e061.entry.js} +1 -1
  24. package/dist/bromcom-ui/p-64fad38b.js +11 -0
  25. package/dist/bromcom-ui/{p-d6b1465a.entry.js → p-6d42e250.entry.js} +1 -1
  26. package/dist/bromcom-ui/p-6f11eb8e.entry.js +5 -0
  27. package/dist/bromcom-ui/{p-8c018ae0.js → p-6f2e4c9b.js} +1 -1
  28. package/dist/bromcom-ui/{p-7e44e6b5.js → p-6f861fed.js} +1 -1
  29. package/dist/bromcom-ui/{p-d1298c40.js → p-7b21fcb9.js} +1 -1
  30. package/dist/bromcom-ui/p-815f884d.entry.js +5 -0
  31. package/dist/bromcom-ui/{p-6657830f.js → p-85eedabc.js} +1 -1
  32. package/dist/bromcom-ui/{p-8fa7d3c3.entry.js → p-8c009880.entry.js} +1 -1
  33. package/dist/bromcom-ui/p-8d0d0c5b.entry.js +5 -0
  34. package/dist/bromcom-ui/{p-9850cbce.js → p-8e5e362a.js} +1 -1
  35. package/dist/bromcom-ui/{p-0715c523.entry.js → p-8f062608.entry.js} +1 -1
  36. package/dist/bromcom-ui/p-9cbf3f1d.entry.js +16 -0
  37. package/dist/bromcom-ui/{p-aeb4be41.js → p-a2df6c19.js} +1 -1
  38. package/dist/bromcom-ui/p-a2e0a182.entry.js +5 -0
  39. package/dist/bromcom-ui/{p-2b42d77e.entry.js → p-a6b4a46d.entry.js} +1 -1
  40. package/dist/bromcom-ui/p-a6b696de.js +5 -0
  41. package/dist/bromcom-ui/p-a947136c.entry.js +5 -0
  42. package/dist/bromcom-ui/{p-bb6f4952.entry.js → p-ac720743.entry.js} +1 -1
  43. package/dist/bromcom-ui/{p-3288f732.entry.js → p-b3af25ef.entry.js} +1 -1
  44. package/dist/bromcom-ui/{p-77ef609e.entry.js → p-b46e368e.entry.js} +1 -1
  45. package/dist/bromcom-ui/{p-d53c9b92.entry.js → p-bae91cbf.entry.js} +1 -1
  46. package/dist/bromcom-ui/{p-1141f58d.entry.js → p-c10b25e2.entry.js} +1 -1
  47. package/dist/bromcom-ui/{p-59f7fa84.entry.js → p-c4bf7f7e.entry.js} +1 -1
  48. package/dist/bromcom-ui/p-c4d524b5.entry.js +5 -0
  49. package/dist/bromcom-ui/{p-9b59c689.entry.js → p-c5bb29d0.entry.js} +1 -1
  50. package/dist/bromcom-ui/{p-5d670fd7.entry.js → p-cc70861b.entry.js} +1 -1
  51. package/dist/bromcom-ui/{p-e8eaa3bb.entry.js → p-d0e56f5f.entry.js} +1 -1
  52. package/dist/bromcom-ui/{p-5d266fd0.entry.js → p-d49d3d72.entry.js} +1 -1
  53. package/dist/bromcom-ui/{p-a0d6d680.js → p-d65bc842.js} +1 -1
  54. package/dist/bromcom-ui/{p-cb7d5481.entry.js → p-dc2d5b2f.entry.js} +1 -1
  55. package/dist/bromcom-ui/p-dc73abe2.js +5 -0
  56. package/dist/bromcom-ui/{p-170cf07d.js → p-e037ee2b.js} +1 -1
  57. package/dist/bromcom-ui/p-e46fde49.js +5 -0
  58. package/dist/bromcom-ui/{p-083126ea.entry.js → p-e499306b.entry.js} +1 -1
  59. package/dist/bromcom-ui/p-ebd9132c.entry.js +5 -0
  60. package/dist/bromcom-ui/{p-1812bfb7.entry.js → p-f5a8e601.entry.js} +1 -1
  61. package/dist/bromcom-ui/{p-19b32974.entry.js → p-f66c4afa.entry.js} +1 -1
  62. package/dist/bromcom-ui/{p-a486613b.entry.js → p-fdd4cabe.entry.js} +1 -1
  63. package/dist/cjs/bcm-accordion_68.cjs.entry.js +47182 -0
  64. package/dist/cjs/bcm-attendance-actions-comment.cjs.entry.js +3 -3
  65. package/dist/cjs/bcm-attendance-actions-dropdown.cjs.entry.js +3 -3
  66. package/dist/cjs/bcm-breadcrumb.cjs.entry.js +1 -1
  67. package/dist/cjs/bcm-caption.cjs.entry.js +4 -4
  68. package/dist/cjs/bcm-card.cjs.entry.js +1 -1
  69. package/dist/cjs/bcm-date-picker.cjs.entry.js +1 -1
  70. package/dist/cjs/bcm-datetime-picker.cjs.entry.js +2 -2
  71. package/dist/cjs/bcm-default.cjs.entry.js +1 -1
  72. package/dist/cjs/bcm-form-2.cjs.entry.js +1 -1
  73. package/dist/cjs/bcm-input-2.cjs.entry.js +4 -4
  74. package/dist/cjs/bcm-input-custom.cjs.entry.js +1 -1
  75. package/dist/cjs/bcm-input-dropdown.cjs.entry.js +4 -4
  76. package/dist/cjs/bcm-modal-2-footer.cjs.entry.js +3 -3
  77. package/dist/cjs/bcm-modal-2-header.cjs.entry.js +3 -3
  78. package/dist/cjs/bcm-modal-2.cjs.entry.js +3 -3
  79. package/dist/cjs/bcm-number-input.cjs.entry.js +5 -5
  80. package/dist/cjs/bcm-skeleton.cjs.entry.js +3 -3
  81. package/dist/cjs/bcm-table.cjs.entry.js +3 -3
  82. package/dist/cjs/bcm-tag.cjs.entry.js +2 -2
  83. package/dist/cjs/bcm-time-picker.cjs.entry.js +1 -1
  84. package/dist/cjs/bcm-toast.cjs.entry.js +17 -17
  85. package/dist/cjs/bromcom-ui.cjs.js +1 -1
  86. package/dist/cjs/{caption-template-85a18b6d.js → caption-template-f8a78504.js} +9 -9
  87. package/dist/cjs/{generate-b43c3d3b.js → generate-e3956756.js} +13 -13
  88. package/dist/cjs/{input.style-b5676e6a.js → input.style-bee84fb0.js} +1 -1
  89. package/dist/cjs/{label-template-e83447b5.js → label-template-fc301e0c.js} +4 -4
  90. package/dist/cjs/loader.cjs.js +1 -1
  91. package/dist/cjs/{number-helper-a708fa79.js → number-helper-43361f4e.js} +1 -1
  92. package/dist/cjs/old-bcm-popover-box.cjs.entry.js +2 -2
  93. package/dist/cjs/old-bcm-popover.cjs.entry.js +1 -1
  94. package/dist/cjs/{validators-84d8ae28.js → validators-9a6ae72d.js} +1 -1
  95. package/dist/collection/collection-manifest.json +1 -1
  96. package/dist/collection/components/atoms/avatar/avatar.js +1 -1
  97. package/dist/collection/components/atoms/avatar/avatar.style.js +4 -4
  98. package/dist/collection/components/atoms/badge/badge.style.js +8 -8
  99. package/dist/collection/components/atoms/button/button.css +90 -92
  100. package/dist/collection/components/atoms/button/button.js +45 -46
  101. package/dist/collection/components/atoms/chip/chip.css +27 -29
  102. package/dist/collection/components/atoms/chip/chip.js +10 -11
  103. package/dist/collection/components/atoms/divider/divider.css +4 -4
  104. package/dist/collection/components/atoms/link/link.css +10 -11
  105. package/dist/collection/components/molecules/accordion/accordion.css +23 -0
  106. package/dist/collection/components/molecules/accordion/accordion.js +1 -1
  107. package/dist/collection/components/molecules/alert/alert.css +28 -24
  108. package/dist/collection/components/molecules/alert/alert.js +26 -36
  109. package/dist/collection/components/molecules/button-group/button-group.css +15 -23
  110. package/dist/collection/components/molecules/checkbox/checkbox.css +15 -15
  111. package/dist/collection/components/molecules/checkbox/checkbox.js +8 -9
  112. package/dist/collection/components/molecules/color-input/color-input.js +1 -1
  113. package/dist/collection/components/molecules/empty/empty.js +1 -1
  114. package/dist/collection/components/molecules/error-layout/error-layout.css +13 -15
  115. package/dist/collection/components/molecules/error-layout/error-layout.js +1 -1
  116. package/dist/collection/components/molecules/expansion-panel/expansion-panel.css +25 -22
  117. package/dist/collection/components/molecules/expansion-panel/expansion-panel.js +1 -1
  118. package/dist/collection/components/molecules/input/input.css +21 -13
  119. package/dist/collection/components/molecules/input/input.style.js +1 -1
  120. package/dist/collection/components/molecules/menu/menu.css +29 -23
  121. package/dist/collection/components/molecules/modal/modal.css +21 -27
  122. package/dist/collection/components/molecules/radio/radio.js +10 -10
  123. package/dist/collection/components/molecules/range/range.css +5 -8
  124. package/dist/collection/components/molecules/search/search.css +21 -13
  125. package/dist/collection/components/molecules/stepper/stepper.css +6 -5
  126. package/dist/collection/components/molecules/switch/switch.css +22 -21
  127. package/dist/collection/components/molecules/tab-group/tab-item-header.js +6 -6
  128. package/dist/collection/components/molecules/textarea/textarea.css +21 -13
  129. package/dist/collection/components/organism/list/list.css +44 -44
  130. package/dist/collection/components/other/shortcut/shortcut.js +4 -4
  131. package/dist/collection/components/other/toast/toast.js +16 -16
  132. package/dist/collection/components/third-parts/colorful/colorful.css +21 -13
  133. package/dist/collection/components/third-parts/rc-picker/rc-picker.css +13 -9
  134. package/dist/collection/global/components/_checkbox.css +15 -15
  135. package/dist/collection/helper/popover-helper.js +5 -5
  136. package/dist/collection/helper/tooltip-helper.js +6 -6
  137. package/dist/collection/templates/caption-template.js +9 -9
  138. package/dist/collection/templates/input-template.js +1 -1
  139. package/dist/collection/templates/label-template.js +4 -4
  140. package/dist/collection/templates/step-template.js +4 -4
  141. package/dist/components/Overflow.js +141 -83
  142. package/dist/components/avatar.js +6 -6
  143. package/dist/components/badge.js +9 -9
  144. package/dist/components/bcm-accordion.js +2 -2
  145. package/dist/components/bcm-alert.js +28 -41
  146. package/dist/components/bcm-attendance-actions-comment.js +1 -1
  147. package/dist/components/bcm-attendance-actions-dropdown.js +1 -1
  148. package/dist/components/bcm-attendance-actions.js +1 -1
  149. package/dist/components/bcm-button-group.js +1 -1
  150. package/dist/components/bcm-checkbox-group.js +1 -1
  151. package/dist/components/bcm-color-input.js +1 -1
  152. package/dist/components/bcm-error-layout.js +2 -2
  153. package/dist/components/bcm-expansion-panel.js +2 -2
  154. package/dist/components/bcm-input-2.js +1 -1
  155. package/dist/components/bcm-input-dropdown.js +1 -1
  156. package/dist/components/bcm-modal.js +1 -1
  157. package/dist/components/bcm-popover.js +5 -5
  158. package/dist/components/bcm-range.js +1 -1
  159. package/dist/components/bcm-shortcut.js +4 -4
  160. package/dist/components/bcm-stepper.js +6 -6
  161. package/dist/components/bcm-switch.js +1 -1
  162. package/dist/components/bcm-tab-item-header.js +6 -6
  163. package/dist/components/bcm-toast.js +16 -16
  164. package/dist/components/button.js +47 -48
  165. package/dist/components/caption-template.js +9 -9
  166. package/dist/components/checkbox-lite.js +1 -1
  167. package/dist/components/checkbox.js +9 -10
  168. package/dist/components/chip.js +11 -12
  169. package/dist/components/colorful.js +1 -1
  170. package/dist/components/divider.js +1 -1
  171. package/dist/components/empty.js +1 -1
  172. package/dist/components/index4.js +2549 -171
  173. package/dist/components/index5.js +171 -2549
  174. package/dist/components/input-template.js +1 -1
  175. package/dist/components/input.js +1 -1
  176. package/dist/components/input.style.js +2 -2
  177. package/dist/components/label.js +4 -4
  178. package/dist/components/link.js +1 -1
  179. package/dist/components/list.js +2 -2
  180. package/dist/components/menu.js +1 -1
  181. package/dist/components/radio.js +10 -10
  182. package/dist/components/rc-picker.js +2651 -2404
  183. package/dist/components/search.js +2 -2
  184. package/dist/components/skeleton.js +1 -1
  185. package/dist/components/step.js +1 -1
  186. package/dist/components/textarea.js +1 -1
  187. package/dist/components/tooltip-helper.js +6 -6
  188. package/dist/esm/{_commonjsHelpers-82aa9212.js → _commonjsHelpers-7002e5de.js} +1 -1
  189. package/dist/esm/bcm-accordion_68.entry.js +47111 -0
  190. package/dist/esm/bcm-attendance-actions-comment.entry.js +10 -10
  191. package/dist/esm/bcm-attendance-actions-dropdown.entry.js +11 -11
  192. package/dist/esm/bcm-autocomplete.entry.js +3 -3
  193. package/dist/esm/bcm-box.entry.js +1 -1
  194. package/dist/esm/bcm-breadcrumb.entry.js +5 -5
  195. package/dist/esm/bcm-caption.entry.js +12 -12
  196. package/dist/esm/bcm-card.entry.js +9 -9
  197. package/dist/esm/bcm-colorpicker.entry.js +5 -5
  198. package/dist/esm/bcm-content.entry.js +1 -1
  199. package/dist/esm/bcm-date-picker.entry.js +7 -7
  200. package/dist/esm/bcm-datetime-picker.entry.js +11 -11
  201. package/dist/esm/bcm-default.entry.js +4 -4
  202. package/dist/esm/bcm-form-2.entry.js +6 -6
  203. package/dist/esm/bcm-form-group.entry.js +1 -1
  204. package/dist/esm/bcm-input-2.entry.js +9 -9
  205. package/dist/esm/bcm-input-custom.entry.js +5 -5
  206. package/dist/esm/bcm-input-dropdown.entry.js +12 -12
  207. package/dist/esm/bcm-message.entry.js +3 -3
  208. package/dist/esm/bcm-modal-2-footer.entry.js +11 -11
  209. package/dist/esm/bcm-modal-2-header.entry.js +10 -10
  210. package/dist/esm/bcm-modal-2.entry.js +11 -11
  211. package/dist/esm/bcm-notification.entry.js +3 -3
  212. package/dist/esm/bcm-number-input.entry.js +13 -13
  213. package/dist/esm/bcm-overlay_2.entry.js +4 -4
  214. package/dist/esm/bcm-react-number.entry.js +3 -3
  215. package/dist/esm/bcm-result.entry.js +3 -3
  216. package/dist/esm/bcm-select-group.entry.js +3 -3
  217. package/dist/esm/bcm-select-option.entry.js +3 -3
  218. package/dist/esm/bcm-skeleton.entry.js +10 -10
  219. package/dist/esm/bcm-tab-pane.entry.js +3 -3
  220. package/dist/esm/bcm-table.entry.js +11 -11
  221. package/dist/esm/bcm-tabs-content.entry.js +4 -4
  222. package/dist/esm/bcm-tag.entry.js +7 -7
  223. package/dist/esm/bcm-time-picker.entry.js +7 -7
  224. package/dist/esm/bcm-timeline-item.entry.js +3 -3
  225. package/dist/esm/bcm-timeline.entry.js +3 -3
  226. package/dist/esm/bcm-toast.entry.js +23 -23
  227. package/dist/esm/bcm-treeview-group.entry.js +1 -1
  228. package/dist/esm/bromcom-ui.js +4 -4
  229. package/dist/esm/{caption-template-d7953d13.js → caption-template-16dd9444.js} +11 -11
  230. package/dist/esm/{color-helper-74614f24.js → color-helper-ba15b0d8.js} +2 -2
  231. package/dist/esm/{colors-dd598eea.js → colors-ed4e7579.js} +1 -1
  232. package/dist/esm/{element-dragger-89bb52fd.js → element-dragger-b75266e6.js} +1 -1
  233. package/dist/esm/{generate-d009624a.js → generate-d2495751.js} +14 -14
  234. package/dist/esm/{global-f1d14ca8.js → global-88abdcdc.js} +1 -1
  235. package/dist/esm/{index-f549811f.js → index-00c8a8f7.js} +1 -1
  236. package/dist/esm/{index-036974d7.js → index-0d3a56ec.js} +1 -1
  237. package/dist/esm/{index-0615c2b8.js → index-4614b7f0.js} +1 -1
  238. package/dist/esm/{input.style-e855c0f3.js → input.style-0ddc0073.js} +1 -1
  239. package/dist/esm/{is-load-decorator-8277e3b8.js → is-load-decorator-b8ca22f2.js} +1 -1
  240. package/dist/esm/{label-template-a26f76c0.js → label-template-4c3797f4.js} +6 -6
  241. package/dist/esm/loader.js +4 -4
  242. package/dist/esm/{number-helper-b7a7a318.js → number-helper-a1e5c9e5.js} +1 -1
  243. package/dist/esm/old-bcm-popover-box.entry.js +10 -10
  244. package/dist/esm/old-bcm-popover.entry.js +5 -5
  245. package/dist/esm/{popover-placement-d12fec40.js → popover-placement-2bf3a181.js} +1 -1
  246. package/dist/esm/{slot-template-2a19b2db.js → slot-template-e0202c5a.js} +2 -2
  247. package/dist/esm/{string-helper-3592bdc2.js → string-helper-69203215.js} +1 -1
  248. package/dist/esm/{utils-57652744.js → utils-7727d09e.js} +1 -1
  249. package/dist/esm/{validators-5519219e.js → validators-57df25a7.js} +1 -1
  250. package/dist/types/components/atoms/avatar/avatar.style.d.ts +21 -21
  251. package/dist/types/components/molecules/alert/alert.d.ts +1 -3
  252. package/dist/types/components.d.ts +0 -2
  253. package/package.json +1 -1
  254. package/dist/bromcom-ui/p-01dde034.entry.js +0 -5
  255. package/dist/bromcom-ui/p-01ffa0a9.entry.js +0 -5
  256. package/dist/bromcom-ui/p-096837b5.entry.js +0 -5
  257. package/dist/bromcom-ui/p-09cb8ce4.entry.js +0 -5
  258. package/dist/bromcom-ui/p-0a3ce86e.entry.js +0 -5
  259. package/dist/bromcom-ui/p-1345d51b.entry.js +0 -5
  260. package/dist/bromcom-ui/p-177e1e89.entry.js +0 -5
  261. package/dist/bromcom-ui/p-228c74e9.entry.js +0 -5
  262. package/dist/bromcom-ui/p-270e1b24.entry.js +0 -5
  263. package/dist/bromcom-ui/p-29bc95a1.entry.js +0 -5
  264. package/dist/bromcom-ui/p-2b02c9d5.entry.js +0 -5
  265. package/dist/bromcom-ui/p-2b0c3160.entry.js +0 -5
  266. package/dist/bromcom-ui/p-2cd6cdee.js +0 -5
  267. package/dist/bromcom-ui/p-2e96086c.entry.js +0 -5
  268. package/dist/bromcom-ui/p-349400c6.entry.js +0 -5
  269. package/dist/bromcom-ui/p-376a20ed.js +0 -5
  270. package/dist/bromcom-ui/p-41276d76.entry.js +0 -5
  271. package/dist/bromcom-ui/p-4393b33e.entry.js +0 -5
  272. package/dist/bromcom-ui/p-45a24494.entry.js +0 -5
  273. package/dist/bromcom-ui/p-4874c7d0.entry.js +0 -5
  274. package/dist/bromcom-ui/p-49bc13a0.entry.js +0 -5
  275. package/dist/bromcom-ui/p-4bd65d2f.entry.js +0 -5
  276. package/dist/bromcom-ui/p-4e03575c.entry.js +0 -7
  277. package/dist/bromcom-ui/p-4f0bf943.entry.js +0 -5
  278. package/dist/bromcom-ui/p-6404c57b.entry.js +0 -5
  279. package/dist/bromcom-ui/p-68b95b96.entry.js +0 -5
  280. package/dist/bromcom-ui/p-74e6d2b6.js +0 -5
  281. package/dist/bromcom-ui/p-790ff40a.entry.js +0 -5
  282. package/dist/bromcom-ui/p-7c3dcd4e.entry.js +0 -5
  283. package/dist/bromcom-ui/p-7dbfff1b.entry.js +0 -5
  284. package/dist/bromcom-ui/p-7fa0942c.js +0 -5
  285. package/dist/bromcom-ui/p-8256af97.entry.js +0 -5
  286. package/dist/bromcom-ui/p-85936d14.entry.js +0 -5
  287. package/dist/bromcom-ui/p-8b6d3a37.js +0 -5
  288. package/dist/bromcom-ui/p-8bc7d1dc.entry.js +0 -5
  289. package/dist/bromcom-ui/p-8d17c696.entry.js +0 -5
  290. package/dist/bromcom-ui/p-8f32198d.js +0 -14
  291. package/dist/bromcom-ui/p-8f519009.entry.js +0 -5
  292. package/dist/bromcom-ui/p-904b0c28.entry.js +0 -5
  293. package/dist/bromcom-ui/p-915fd3f1.entry.js +0 -5
  294. package/dist/bromcom-ui/p-93c2058f.entry.js +0 -5
  295. package/dist/bromcom-ui/p-96d7ab4a.entry.js +0 -5
  296. package/dist/bromcom-ui/p-9c0bc44a.js +0 -5
  297. package/dist/bromcom-ui/p-a0f44b56.entry.js +0 -5
  298. package/dist/bromcom-ui/p-a23e04ba.entry.js +0 -5
  299. package/dist/bromcom-ui/p-a6b1a008.entry.js +0 -5
  300. package/dist/bromcom-ui/p-ab0ad97f.js +0 -5
  301. package/dist/bromcom-ui/p-ae57f046.entry.js +0 -5
  302. package/dist/bromcom-ui/p-c1a992e7.entry.js +0 -5
  303. package/dist/bromcom-ui/p-c1c51cf2.entry.js +0 -5
  304. package/dist/bromcom-ui/p-cbb99519.entry.js +0 -5
  305. package/dist/bromcom-ui/p-cedb9ca3.js +0 -5
  306. package/dist/bromcom-ui/p-d0cd1d32.entry.js +0 -5
  307. package/dist/bromcom-ui/p-d231f047.entry.js +0 -5
  308. package/dist/bromcom-ui/p-d44ec0ea.entry.js +0 -5
  309. package/dist/bromcom-ui/p-d5f03511.entry.js +0 -5
  310. package/dist/bromcom-ui/p-e0ab7b38.js +0 -11
  311. package/dist/bromcom-ui/p-e1b6f98e.entry.js +0 -5
  312. package/dist/bromcom-ui/p-e25c4375.entry.js +0 -5
  313. package/dist/bromcom-ui/p-e29aebf7.entry.js +0 -5
  314. package/dist/bromcom-ui/p-eaa94da0.entry.js +0 -5
  315. package/dist/bromcom-ui/p-ec957130.entry.js +0 -5
  316. package/dist/bromcom-ui/p-eca0acda.js +0 -5
  317. package/dist/bromcom-ui/p-f5074bd8.js +0 -5
  318. package/dist/bromcom-ui/p-fb081ff7.entry.js +0 -5
  319. package/dist/bromcom-ui/p-fc787048.entry.js +0 -5
  320. package/dist/bromcom-ui/p-fdf2e30b.entry.js +0 -5
  321. package/dist/bromcom-ui/p-feed1c5a.entry.js +0 -5
  322. package/dist/cjs/Overflow-5a73947b.js +0 -2233
  323. package/dist/cjs/bcm-accordion.cjs.entry.js +0 -74
  324. package/dist/cjs/bcm-alert.cjs.entry.js +0 -99
  325. package/dist/cjs/bcm-attendance-actions.cjs.entry.js +0 -330
  326. package/dist/cjs/bcm-attendance.cjs.entry.js +0 -35
  327. package/dist/cjs/bcm-avatar_2.cjs.entry.js +0 -210
  328. package/dist/cjs/bcm-button-group.cjs.entry.js +0 -92
  329. package/dist/cjs/bcm-button.cjs.entry.js +0 -372
  330. package/dist/cjs/bcm-checkbox-group.cjs.entry.js +0 -415
  331. package/dist/cjs/bcm-checkbox-lite_9.cjs.entry.js +0 -2529
  332. package/dist/cjs/bcm-checkbox_2.cjs.entry.js +0 -194
  333. package/dist/cjs/bcm-chip-group.cjs.entry.js +0 -128
  334. package/dist/cjs/bcm-chip.cjs.entry.js +0 -91
  335. package/dist/cjs/bcm-collapse-group.cjs.entry.js +0 -43
  336. package/dist/cjs/bcm-collapse.cjs.entry.js +0 -62
  337. package/dist/cjs/bcm-color-input.cjs.entry.js +0 -77
  338. package/dist/cjs/bcm-colorful_2.cjs.entry.js +0 -251
  339. package/dist/cjs/bcm-date_6.cjs.entry.js +0 -15363
  340. package/dist/cjs/bcm-drawer.cjs.entry.js +0 -96
  341. package/dist/cjs/bcm-dropdown.cjs.entry.js +0 -119
  342. package/dist/cjs/bcm-error-layout.cjs.entry.js +0 -64
  343. package/dist/cjs/bcm-expansion-panel.cjs.entry.js +0 -116
  344. package/dist/cjs/bcm-input_2.cjs.entry.js +0 -550
  345. package/dist/cjs/bcm-item.cjs.entry.js +0 -72
  346. package/dist/cjs/bcm-items.cjs.entry.js +0 -49
  347. package/dist/cjs/bcm-link.cjs.entry.js +0 -51
  348. package/dist/cjs/bcm-list_3.cjs.entry.js +0 -1977
  349. package/dist/cjs/bcm-menu.cjs.entry.js +0 -151
  350. package/dist/cjs/bcm-modal.cjs.entry.js +0 -157
  351. package/dist/cjs/bcm-old-input.cjs.entry.js +0 -397
  352. package/dist/cjs/bcm-old-tag_2.cjs.entry.js +0 -145
  353. package/dist/cjs/bcm-popconfirm-box.cjs.entry.js +0 -115
  354. package/dist/cjs/bcm-popconfirm.cjs.entry.js +0 -101
  355. package/dist/cjs/bcm-popover.cjs.entry.js +0 -230
  356. package/dist/cjs/bcm-progress.cjs.entry.js +0 -162
  357. package/dist/cjs/bcm-radio-group.cjs.entry.js +0 -161
  358. package/dist/cjs/bcm-radio.cjs.entry.js +0 -65
  359. package/dist/cjs/bcm-range.cjs.entry.js +0 -183
  360. package/dist/cjs/bcm-select.cjs.entry.js +0 -1195
  361. package/dist/cjs/bcm-shortcut.cjs.entry.js +0 -65
  362. package/dist/cjs/bcm-step.cjs.entry.js +0 -89
  363. package/dist/cjs/bcm-stepper.cjs.entry.js +0 -240
  364. package/dist/cjs/bcm-switch.cjs.entry.js +0 -151
  365. package/dist/cjs/bcm-tab-group.cjs.entry.js +0 -210
  366. package/dist/cjs/bcm-tab-item-header.cjs.entry.js +0 -60
  367. package/dist/cjs/bcm-tab-item.cjs.entry.js +0 -91
  368. package/dist/cjs/bcm-tab.cjs.entry.js +0 -72
  369. package/dist/cjs/bcm-tabs.cjs.entry.js +0 -370
  370. package/dist/cjs/bcm-text.cjs.entry.js +0 -49
  371. package/dist/cjs/index-d321de96.js +0 -193
  372. package/dist/cjs/input-template-ccfbe214.js +0 -92
  373. package/dist/cjs/json-parse-decarator-f1c0961d.js +0 -40
  374. package/dist/cjs/lodash-917168d7.js +0 -17199
  375. package/dist/cjs/stepper-states-e293bcd3.js +0 -85
  376. package/dist/cjs/tooltip-helper-311d3baa.js +0 -158
  377. package/dist/esm/Overflow-40c63001.js +0 -2217
  378. package/dist/esm/bcm-accordion.entry.js +0 -70
  379. package/dist/esm/bcm-alert.entry.js +0 -95
  380. package/dist/esm/bcm-attendance-actions.entry.js +0 -326
  381. package/dist/esm/bcm-attendance.entry.js +0 -31
  382. package/dist/esm/bcm-avatar_2.entry.js +0 -205
  383. package/dist/esm/bcm-button-group.entry.js +0 -88
  384. package/dist/esm/bcm-button.entry.js +0 -368
  385. package/dist/esm/bcm-checkbox-group.entry.js +0 -411
  386. package/dist/esm/bcm-checkbox-lite_9.entry.js +0 -2517
  387. package/dist/esm/bcm-checkbox_2.entry.js +0 -189
  388. package/dist/esm/bcm-chip-group.entry.js +0 -124
  389. package/dist/esm/bcm-chip.entry.js +0 -87
  390. package/dist/esm/bcm-collapse-group.entry.js +0 -39
  391. package/dist/esm/bcm-collapse.entry.js +0 -58
  392. package/dist/esm/bcm-color-input.entry.js +0 -73
  393. package/dist/esm/bcm-colorful_2.entry.js +0 -246
  394. package/dist/esm/bcm-date_6.entry.js +0 -15354
  395. package/dist/esm/bcm-drawer.entry.js +0 -92
  396. package/dist/esm/bcm-dropdown.entry.js +0 -115
  397. package/dist/esm/bcm-error-layout.entry.js +0 -60
  398. package/dist/esm/bcm-expansion-panel.entry.js +0 -112
  399. package/dist/esm/bcm-input_2.entry.js +0 -545
  400. package/dist/esm/bcm-item.entry.js +0 -68
  401. package/dist/esm/bcm-items.entry.js +0 -45
  402. package/dist/esm/bcm-link.entry.js +0 -47
  403. package/dist/esm/bcm-list_3.entry.js +0 -1971
  404. package/dist/esm/bcm-menu.entry.js +0 -147
  405. package/dist/esm/bcm-modal.entry.js +0 -153
  406. package/dist/esm/bcm-old-input.entry.js +0 -393
  407. package/dist/esm/bcm-old-tag_2.entry.js +0 -140
  408. package/dist/esm/bcm-popconfirm-box.entry.js +0 -111
  409. package/dist/esm/bcm-popconfirm.entry.js +0 -97
  410. package/dist/esm/bcm-popover.entry.js +0 -226
  411. package/dist/esm/bcm-progress.entry.js +0 -158
  412. package/dist/esm/bcm-radio-group.entry.js +0 -157
  413. package/dist/esm/bcm-radio.entry.js +0 -61
  414. package/dist/esm/bcm-range.entry.js +0 -179
  415. package/dist/esm/bcm-select.entry.js +0 -1191
  416. package/dist/esm/bcm-shortcut.entry.js +0 -61
  417. package/dist/esm/bcm-step.entry.js +0 -85
  418. package/dist/esm/bcm-stepper.entry.js +0 -236
  419. package/dist/esm/bcm-switch.entry.js +0 -147
  420. package/dist/esm/bcm-tab-group.entry.js +0 -206
  421. package/dist/esm/bcm-tab-item-header.entry.js +0 -56
  422. package/dist/esm/bcm-tab-item.entry.js +0 -87
  423. package/dist/esm/bcm-tab.entry.js +0 -68
  424. package/dist/esm/bcm-tabs.entry.js +0 -366
  425. package/dist/esm/bcm-text.entry.js +0 -45
  426. package/dist/esm/index-7e71bbc8.js +0 -191
  427. package/dist/esm/input-template-f22c62aa.js +0 -90
  428. package/dist/esm/json-parse-decarator-56846a0c.js +0 -38
  429. package/dist/esm/lodash-4197be99.js +0 -17197
  430. package/dist/esm/stepper-states-ec0b9c40.js +0 -83
  431. package/dist/esm/tooltip-helper-ddb8b9e3.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", {