bromcom-ui 2.11.1-rc.9-3 → 2.11.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (337) 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-04068410.entry.js +5 -0
  4. package/dist/bromcom-ui/p-06392358.entry.js +5 -0
  5. package/dist/bromcom-ui/p-08af4159.entry.js +5 -0
  6. package/dist/bromcom-ui/{p-2cd6cdee.js → p-09318a64.js} +1 -1
  7. package/dist/bromcom-ui/p-0bde4e71.entry.js +5 -0
  8. package/dist/bromcom-ui/p-0d87846a.entry.js +5 -0
  9. package/dist/bromcom-ui/p-0ed34855.entry.js +5 -0
  10. package/dist/bromcom-ui/p-0f58e83a.js +5 -0
  11. package/dist/bromcom-ui/p-19283acb.entry.js +5 -0
  12. package/dist/bromcom-ui/p-1e377d82.js +5 -0
  13. package/dist/bromcom-ui/p-207c20c6.entry.js +5 -0
  14. package/dist/bromcom-ui/{p-35c215f2.entry.js → p-20b5c273.entry.js} +1 -1
  15. package/dist/bromcom-ui/p-24906295.entry.js +5 -0
  16. package/dist/bromcom-ui/p-2b4970f5.entry.js +5 -0
  17. package/dist/bromcom-ui/p-2d3ff3b8.entry.js +5 -0
  18. package/dist/bromcom-ui/p-2e7107b8.entry.js +5 -0
  19. package/dist/bromcom-ui/p-3115008f.entry.js +5 -0
  20. package/dist/bromcom-ui/p-346395fa.entry.js +5 -0
  21. package/dist/bromcom-ui/p-375906b2.entry.js +5 -0
  22. package/dist/bromcom-ui/{p-adcb30bc.entry.js → p-3861fc92.entry.js} +1 -1
  23. package/dist/bromcom-ui/p-3f3579b5.entry.js +5 -0
  24. package/dist/bromcom-ui/p-41e75c88.entry.js +5 -0
  25. package/dist/bromcom-ui/p-4e44bab2.entry.js +5 -0
  26. package/dist/bromcom-ui/p-5196912d.js +5 -0
  27. package/dist/bromcom-ui/p-51b2e857.entry.js +5 -0
  28. package/dist/bromcom-ui/p-52a75efb.entry.js +5 -0
  29. package/dist/bromcom-ui/{p-6f37a4d7.entry.js → p-5c70a918.entry.js} +1 -1
  30. package/dist/bromcom-ui/p-5fbb4950.entry.js +5 -0
  31. package/dist/bromcom-ui/{p-a4b675ef.entry.js → p-630a4d45.entry.js} +1 -1
  32. package/dist/bromcom-ui/p-65ac7386.entry.js +5 -0
  33. package/dist/bromcom-ui/p-6e5f5f36.js +1 -1
  34. package/dist/bromcom-ui/p-7005fb55.entry.js +5 -0
  35. package/dist/bromcom-ui/{p-930f3618.js → p-743731ac.js} +1 -1
  36. package/dist/bromcom-ui/p-7c512c4d.entry.js +5 -0
  37. package/dist/bromcom-ui/p-81887469.entry.js +5 -0
  38. package/dist/bromcom-ui/p-81cbc318.entry.js +5 -0
  39. package/dist/bromcom-ui/p-82d01088.entry.js +5 -0
  40. package/dist/bromcom-ui/p-82f0b161.js +5 -0
  41. package/dist/bromcom-ui/p-84b97f53.entry.js +5 -0
  42. package/dist/bromcom-ui/p-857628f6.js +5 -0
  43. package/dist/bromcom-ui/{p-90223f9f.entry.js → p-887c26f8.entry.js} +1 -1
  44. package/dist/bromcom-ui/p-8a6fb2d5.entry.js +5 -0
  45. package/dist/bromcom-ui/{p-8b31581f.js → p-8ed054fe.js} +1 -1
  46. package/dist/bromcom-ui/p-926f8ac4.entry.js +5 -0
  47. package/dist/bromcom-ui/p-950a341e.entry.js +7 -0
  48. package/dist/bromcom-ui/p-9810187e.entry.js +5 -0
  49. package/dist/bromcom-ui/p-9b5c86e1.entry.js +5 -0
  50. package/dist/bromcom-ui/p-a0d6d680.js +1 -1
  51. package/dist/bromcom-ui/{p-a018f340.entry.js → p-a1e299af.entry.js} +1 -1
  52. package/dist/bromcom-ui/p-a313fba6.js +1 -1
  53. package/dist/bromcom-ui/p-a34bc3d8.entry.js +5 -0
  54. package/dist/bromcom-ui/p-a42fbe84.entry.js +5 -0
  55. package/dist/bromcom-ui/p-a5208f05.entry.js +5 -0
  56. package/dist/bromcom-ui/p-a6142e74.entry.js +5 -0
  57. package/dist/bromcom-ui/p-aea1b034.entry.js +5 -0
  58. package/dist/bromcom-ui/p-b381e7f1.js +19 -0
  59. package/dist/bromcom-ui/p-b4da198b.entry.js +5 -0
  60. package/dist/bromcom-ui/{p-14ed8029.entry.js → p-b764ab86.entry.js} +1 -1
  61. package/dist/bromcom-ui/p-bde67994.entry.js +5 -0
  62. package/dist/bromcom-ui/p-c1761829.entry.js +5 -0
  63. package/dist/bromcom-ui/{p-5a391fcd.js → p-c7aff122.js} +1 -1
  64. package/dist/bromcom-ui/p-c7caf94d.js +5 -0
  65. package/dist/bromcom-ui/{p-5bf1657b.entry.js → p-ce3b34da.entry.js} +1 -1
  66. package/dist/bromcom-ui/p-cf011393.entry.js +5 -0
  67. package/dist/bromcom-ui/p-d01426b6.entry.js +5 -0
  68. package/dist/bromcom-ui/p-d098f115.entry.js +5 -0
  69. package/dist/bromcom-ui/p-d9fcd150.js +5 -0
  70. package/dist/bromcom-ui/{p-0eacfbb2.entry.js → p-dc62a5f7.entry.js} +1 -1
  71. package/dist/bromcom-ui/p-e3c69b3b.entry.js +5 -0
  72. package/dist/bromcom-ui/{p-db15dca3.entry.js → p-e9333e52.entry.js} +1 -1
  73. package/dist/bromcom-ui/p-f56f2a2d.entry.js +5 -0
  74. package/dist/bromcom-ui/p-fcf4b343.entry.js +5 -0
  75. package/dist/bromcom-ui/p-fe776e62.entry.js +5 -0
  76. package/dist/cjs/Overflow-a821abd0.js +2769 -0
  77. package/dist/cjs/{bcm-1d1fcf21.js → bcm-489c9b1a.js} +4 -4
  78. package/dist/cjs/bcm-accordion.cjs.entry.js +74 -0
  79. package/dist/cjs/bcm-alert.cjs.entry.js +4 -4
  80. package/dist/cjs/bcm-attendance-actions-comment.cjs.entry.js +8 -9
  81. package/dist/cjs/bcm-attendance-actions-dropdown.cjs.entry.js +8 -9
  82. package/dist/cjs/bcm-attendance-actions.cjs.entry.js +329 -0
  83. package/dist/cjs/bcm-attendance.cjs.entry.js +35 -0
  84. package/dist/cjs/bcm-avatar_2.cjs.entry.js +209 -0
  85. package/dist/cjs/bcm-breadcrumb.cjs.entry.js +2 -2
  86. package/dist/cjs/bcm-button-group.cjs.entry.js +92 -0
  87. package/dist/cjs/bcm-button_15.cjs.entry.js +18623 -0
  88. package/dist/cjs/bcm-caption.cjs.entry.js +9 -10
  89. package/dist/cjs/bcm-card.cjs.entry.js +5 -5
  90. package/dist/cjs/bcm-checkbox-group.cjs.entry.js +415 -0
  91. package/dist/cjs/{bcm-checkbox-lite_8.cjs.entry.js → bcm-checkbox-lite_9.cjs.entry.js} +26 -6
  92. package/dist/cjs/bcm-checkbox_2.cjs.entry.js +194 -0
  93. package/dist/cjs/bcm-chip-group.cjs.entry.js +9 -10
  94. package/dist/cjs/bcm-chip.cjs.entry.js +91 -0
  95. package/dist/cjs/bcm-collapse.cjs.entry.js +2 -2
  96. package/dist/cjs/bcm-color-input.cjs.entry.js +76 -0
  97. package/dist/cjs/bcm-default.cjs.entry.js +2 -2
  98. package/dist/cjs/bcm-drawer.cjs.entry.js +95 -0
  99. package/dist/cjs/bcm-dropdown.cjs.entry.js +119 -0
  100. package/dist/cjs/bcm-error-layout.cjs.entry.js +1 -1
  101. package/dist/cjs/bcm-expansion-panel.cjs.entry.js +116 -0
  102. package/dist/cjs/bcm-input-custom.cjs.entry.js +2 -2
  103. package/dist/cjs/bcm-input-dropdown.cjs.entry.js +10 -11
  104. package/dist/cjs/bcm-item.cjs.entry.js +72 -0
  105. package/dist/cjs/bcm-items.cjs.entry.js +49 -0
  106. package/dist/cjs/bcm-link.cjs.entry.js +3 -3
  107. package/dist/cjs/bcm-list_3.cjs.entry.js +1970 -0
  108. package/dist/cjs/bcm-menu.cjs.entry.js +150 -0
  109. package/dist/cjs/bcm-modal-2-footer.cjs.entry.js +6 -7
  110. package/dist/cjs/bcm-modal-2-header.cjs.entry.js +6 -7
  111. package/dist/cjs/bcm-modal-2.cjs.entry.js +7 -8
  112. package/dist/cjs/bcm-modal.cjs.entry.js +157 -0
  113. package/dist/cjs/bcm-number-input.cjs.entry.js +9 -10
  114. package/dist/cjs/bcm-popconfirm-box.cjs.entry.js +115 -0
  115. package/dist/cjs/bcm-popconfirm.cjs.entry.js +101 -0
  116. package/dist/cjs/bcm-popover.cjs.entry.js +9 -10
  117. package/dist/cjs/bcm-progress.cjs.entry.js +162 -0
  118. package/dist/cjs/bcm-radio-group.cjs.entry.js +160 -0
  119. package/dist/cjs/bcm-radio.cjs.entry.js +64 -0
  120. package/dist/cjs/bcm-range.cjs.entry.js +6 -6
  121. package/dist/cjs/bcm-select.cjs.entry.js +2 -2
  122. package/dist/cjs/bcm-shortcut.cjs.entry.js +64 -0
  123. package/dist/cjs/bcm-skeleton.cjs.entry.js +6 -7
  124. package/dist/cjs/bcm-step.cjs.entry.js +89 -0
  125. package/dist/cjs/bcm-stepper.cjs.entry.js +239 -0
  126. package/dist/cjs/bcm-switch.cjs.entry.js +151 -0
  127. package/dist/cjs/bcm-tab-group.cjs.entry.js +209 -0
  128. package/dist/cjs/bcm-tab-item-header.cjs.entry.js +58 -0
  129. package/dist/cjs/bcm-tab-item.cjs.entry.js +90 -0
  130. package/dist/cjs/bcm-table.cjs.entry.js +6 -7
  131. package/dist/cjs/bcm-tag.cjs.entry.js +15 -15
  132. package/dist/cjs/bcm-text.cjs.entry.js +49 -0
  133. package/dist/cjs/bcm-textarea.cjs.entry.js +163 -0
  134. package/dist/cjs/bcm-toast.cjs.entry.js +11 -11
  135. package/dist/cjs/bromcom-ui.cjs.js +3 -3
  136. package/dist/cjs/{caption-template-85a18b6d.js → caption-template-086e9cac.js} +2 -2
  137. package/dist/cjs/{floating-ui-5b396838.js → floating-ui-21890d11.js} +2 -2
  138. package/dist/cjs/{generate-f73a098d.js → generate-82c63a56.js} +1 -1
  139. package/dist/cjs/{global-baf04c81.js → global-1e13ce25.js} +1 -1
  140. package/dist/cjs/input-template-e0087a2b.js +92 -0
  141. package/dist/cjs/json-parse-decarator-e0946e2e.js +40 -0
  142. package/dist/cjs/{label-template-e83447b5.js → label-template-94b3d775.js} +3 -3
  143. package/dist/cjs/loader.cjs.js +3 -3
  144. package/dist/cjs/{number-helper-0543a62e.js → number-helper-10017fcd.js} +1 -1
  145. package/dist/cjs/old-bcm-popover-box.cjs.entry.js +7 -7
  146. package/dist/cjs/old-bcm-popover.cjs.entry.js +5 -5
  147. package/dist/cjs/{package-e717a31f.js → package-13f78ab4.js} +1 -1
  148. package/dist/cjs/{popover-placement-02e6101b.js → popover-placement-e7d6eabd.js} +1 -1
  149. package/dist/cjs/{slot-template-df7b5b59.js → slot-template-c8e2816c.js} +1 -1
  150. package/dist/cjs/stepper-states-77438c3a.js +85 -0
  151. package/dist/cjs/{string-helper-9cdfb273.js → string-helper-f9184277.js} +2 -2
  152. package/dist/cjs/tooltip-helper-a2793290.js +157 -0
  153. package/dist/cjs/{validators-77768582.js → validators-f4c3063b.js} +6 -1
  154. package/dist/collection/components/atoms/avatar/avatar.js +1 -1
  155. package/dist/collection/components/atoms/badge/badge.js +1 -1
  156. package/dist/collection/components/atoms/badge/badge.style.js +1 -1
  157. package/dist/collection/components/atoms/button/button.css +13 -13
  158. package/dist/collection/components/atoms/button/button.js +14 -14
  159. package/dist/collection/components/atoms/chip/chip.css +4 -4
  160. package/dist/collection/components/atoms/chip/chip.js +3 -3
  161. package/dist/collection/components/molecules/checkbox/group.css +2 -2
  162. package/dist/collection/components/molecules/checkbox/group.js +1 -1
  163. package/dist/collection/components/molecules/color-input/color-input.js +1 -1
  164. package/dist/collection/components/molecules/empty/empty.js +1 -1
  165. package/dist/collection/components/molecules/error-layout/error-layout.js +1 -1
  166. package/dist/collection/components/molecules/expansion-panel/expansion-panel.js +1 -1
  167. package/dist/collection/components/molecules/input/input.js +1 -1
  168. package/dist/collection/components/molecules/input-dropdown/input-dropdown.js +1 -1
  169. package/dist/collection/components/molecules/menu/menu.css +4 -4
  170. package/dist/collection/components/molecules/modal/modal.css +1 -1
  171. package/dist/collection/components/molecules/radio/radio-group.js +1 -1
  172. package/dist/collection/components/molecules/radio/radio.js +1 -1
  173. package/dist/collection/components/molecules/range/range.js +1 -1
  174. package/dist/collection/components/molecules/switch/switch.css +2 -2
  175. package/dist/collection/components/molecules/tab-group/tab-group.js +2 -2
  176. package/dist/collection/components/molecules/tab-group/tab-item-header.js +5 -5
  177. package/dist/collection/components/molecules/tooltip/tooltip.js +1 -1
  178. package/dist/collection/components/organism/list/list.css +2 -2
  179. package/dist/collection/components/organism/list/list.js +2 -2
  180. package/dist/collection/components/other/attendance/attendance.js +1 -1
  181. package/dist/collection/components/third-parts/rc-picker/date.js +1 -1
  182. package/dist/collection/components/third-parts/rc-picker/rc-picker.css +40 -5
  183. package/dist/collection/components/third-parts/rc-picker/rc-picker.js +11 -2
  184. package/dist/collection/stories/ui-library/components/date/argTypes_common.js +0 -1
  185. package/dist/collection/templates/button-template.js +1 -1
  186. package/dist/collection/templates/caption-template.js +2 -2
  187. package/dist/collection/templates/input-template.js +1 -1
  188. package/dist/collection/templates/label-template.js +1 -1
  189. package/dist/collection/templates/list-item-template.js +1 -1
  190. package/dist/collection/templates/list-template.js +9 -3
  191. package/dist/components/{raf.js → Overflow.js} +692 -69
  192. package/dist/components/avatar.js +1 -1
  193. package/dist/components/badge.js +2 -2
  194. package/dist/components/bcm-attendance.js +1 -1
  195. package/dist/components/bcm-checkbox-group.js +2 -2
  196. package/dist/components/bcm-color-input.js +1 -1
  197. package/dist/components/bcm-date.js +1 -1
  198. package/dist/components/bcm-error-layout.js +1 -1
  199. package/dist/components/bcm-expansion-panel.js +1 -1
  200. package/dist/components/bcm-input-dropdown.js +1 -1
  201. package/dist/components/bcm-modal.js +1 -1
  202. package/dist/components/bcm-radio-group.js +1 -1
  203. package/dist/components/bcm-range.js +1 -1
  204. package/dist/components/bcm-switch.js +1 -1
  205. package/dist/components/bcm-tab-group.js +2 -2
  206. package/dist/components/bcm-tab-item-header.js +5 -5
  207. package/dist/components/button.js +16 -16
  208. package/dist/components/caption-template.js +2 -2
  209. package/dist/components/chip.js +4 -4
  210. package/dist/components/empty.js +1 -1
  211. package/dist/components/generate.js +1 -1
  212. package/dist/components/input-template.js +1 -1
  213. package/dist/components/input.js +1 -1
  214. package/dist/components/label.js +1 -1
  215. package/dist/components/list.js +13 -7
  216. package/dist/components/menu.js +1 -1
  217. package/dist/components/radio.js +1 -1
  218. package/dist/components/rc-overflow.js +1 -593
  219. package/dist/components/rc-picker.js +8620 -8025
  220. package/dist/components/tooltip.js +1 -1
  221. package/dist/esm/Overflow-2cffcda0.js +2750 -0
  222. package/dist/esm/bcm-a50d55ba.js +1 -1
  223. package/dist/esm/bcm-accordion.entry.js +70 -0
  224. package/dist/esm/bcm-alert.entry.js +2 -2
  225. package/dist/esm/bcm-attendance-actions-comment.entry.js +5 -6
  226. package/dist/esm/bcm-attendance-actions-dropdown.entry.js +5 -6
  227. package/dist/esm/bcm-attendance-actions.entry.js +325 -0
  228. package/dist/esm/bcm-attendance.entry.js +31 -0
  229. package/dist/esm/bcm-avatar_2.entry.js +204 -0
  230. package/dist/esm/bcm-breadcrumb.entry.js +2 -2
  231. package/dist/esm/bcm-button-group.entry.js +88 -0
  232. package/dist/esm/bcm-button_15.entry.js +18605 -0
  233. package/dist/esm/bcm-caption.entry.js +6 -7
  234. package/dist/esm/bcm-card.entry.js +2 -2
  235. package/dist/esm/bcm-checkbox-group.entry.js +411 -0
  236. package/dist/esm/{bcm-checkbox-lite_8.entry.js → bcm-checkbox-lite_9.entry.js} +24 -5
  237. package/dist/esm/bcm-checkbox_2.entry.js +189 -0
  238. package/dist/esm/bcm-chip-group.entry.js +7 -8
  239. package/dist/esm/bcm-chip.entry.js +87 -0
  240. package/dist/esm/bcm-collapse.entry.js +2 -2
  241. package/dist/esm/bcm-color-input.entry.js +72 -0
  242. package/dist/esm/bcm-default.entry.js +2 -2
  243. package/dist/esm/bcm-drawer.entry.js +91 -0
  244. package/dist/esm/bcm-dropdown.entry.js +115 -0
  245. package/dist/esm/bcm-error-layout.entry.js +1 -1
  246. package/dist/esm/bcm-expansion-panel.entry.js +112 -0
  247. package/dist/esm/bcm-input-custom.entry.js +2 -2
  248. package/dist/esm/bcm-input-dropdown.entry.js +7 -8
  249. package/dist/esm/bcm-item.entry.js +68 -0
  250. package/dist/esm/bcm-items.entry.js +45 -0
  251. package/dist/esm/bcm-link.entry.js +1 -1
  252. package/dist/esm/bcm-list_3.entry.js +1964 -0
  253. package/dist/esm/bcm-menu.entry.js +146 -0
  254. package/dist/esm/bcm-modal-2-footer.entry.js +4 -5
  255. package/dist/esm/bcm-modal-2-header.entry.js +4 -5
  256. package/dist/esm/bcm-modal-2.entry.js +5 -6
  257. package/dist/esm/bcm-modal.entry.js +153 -0
  258. package/dist/esm/bcm-number-input.entry.js +6 -7
  259. package/dist/esm/bcm-popconfirm-box.entry.js +111 -0
  260. package/dist/esm/bcm-popconfirm.entry.js +97 -0
  261. package/dist/esm/bcm-popover.entry.js +5 -6
  262. package/dist/esm/bcm-progress.entry.js +158 -0
  263. package/dist/esm/bcm-radio-group.entry.js +156 -0
  264. package/dist/esm/bcm-radio.entry.js +60 -0
  265. package/dist/esm/bcm-range.entry.js +4 -4
  266. package/dist/esm/bcm-shortcut.entry.js +60 -0
  267. package/dist/esm/bcm-skeleton.entry.js +4 -5
  268. package/dist/esm/bcm-step.entry.js +85 -0
  269. package/dist/esm/bcm-stepper.entry.js +235 -0
  270. package/dist/esm/bcm-switch.entry.js +147 -0
  271. package/dist/esm/bcm-tab-group.entry.js +205 -0
  272. package/dist/esm/bcm-tab-item-header.entry.js +54 -0
  273. package/dist/esm/bcm-tab-item.entry.js +86 -0
  274. package/dist/esm/bcm-table.entry.js +4 -5
  275. package/dist/esm/bcm-tag.entry.js +4 -4
  276. package/dist/esm/bcm-text.entry.js +45 -0
  277. package/dist/esm/bcm-textarea.entry.js +159 -0
  278. package/dist/esm/bcm-toast.entry.js +3 -3
  279. package/dist/esm/bromcom-ui.js +3 -3
  280. package/dist/esm/{caption-template-d7953d13.js → caption-template-fd7738eb.js} +2 -2
  281. package/dist/esm/floating-ui-3f4394da.js +1 -1
  282. package/dist/esm/{generate-c2c0b02e.js → generate-b33f722f.js} +1 -1
  283. package/dist/esm/{global-2473677b.js → global-d524a06a.js} +1 -1
  284. package/dist/esm/input-template-453bfff8.js +90 -0
  285. package/dist/esm/json-parse-decarator-1aa4119c.js +38 -0
  286. package/dist/esm/{label-template-a26f76c0.js → label-template-374fbdcd.js} +2 -2
  287. package/dist/esm/loader.js +3 -3
  288. package/dist/esm/{number-helper-75447fa6.js → number-helper-712eedd0.js} +1 -1
  289. package/dist/esm/old-bcm-popover-box.entry.js +3 -3
  290. package/dist/esm/old-bcm-popover.entry.js +3 -3
  291. package/dist/esm/{package-28dc6847.js → package-c604bd07.js} +1 -1
  292. package/dist/esm/stepper-states-00eb7d7d.js +83 -0
  293. package/dist/esm/string-helper-3592bdc2.js +1 -1
  294. package/dist/esm/tooltip-helper-088013ec.js +155 -0
  295. package/dist/esm/{validators-5a383988.js → validators-ebf92486.js} +6 -2
  296. package/dist/types/templates/list-template.d.ts +0 -1
  297. package/package.json +2 -2
  298. package/dist/bromcom-ui/p-1345d51b.entry.js +0 -5
  299. package/dist/bromcom-ui/p-178fa936.entry.js +0 -5
  300. package/dist/bromcom-ui/p-3361f6c9.entry.js +0 -5
  301. package/dist/bromcom-ui/p-350dbff0.entry.js +0 -5
  302. package/dist/bromcom-ui/p-3cdfd8eb.entry.js +0 -5
  303. package/dist/bromcom-ui/p-5a22b74b.entry.js +0 -5
  304. package/dist/bromcom-ui/p-626a65e9.js +0 -5
  305. package/dist/bromcom-ui/p-627c7769.entry.js +0 -5
  306. package/dist/bromcom-ui/p-64f21481.entry.js +0 -20
  307. package/dist/bromcom-ui/p-70253803.entry.js +0 -5
  308. package/dist/bromcom-ui/p-7fd22a35.entry.js +0 -5
  309. package/dist/bromcom-ui/p-a0f44b56.entry.js +0 -5
  310. package/dist/bromcom-ui/p-abd2f9ff.entry.js +0 -5
  311. package/dist/bromcom-ui/p-bb46d881.entry.js +0 -5
  312. package/dist/bromcom-ui/p-bca0ff0a.entry.js +0 -5
  313. package/dist/bromcom-ui/p-c10b07cc.entry.js +0 -5
  314. package/dist/bromcom-ui/p-c7030364.entry.js +0 -5
  315. package/dist/bromcom-ui/p-dc607ae4.entry.js +0 -5
  316. package/dist/bromcom-ui/p-de0b0192.entry.js +0 -5
  317. package/dist/bromcom-ui/p-e10780ed.entry.js +0 -5
  318. package/dist/bromcom-ui/p-e497cf5d.entry.js +0 -5
  319. package/dist/bromcom-ui/p-e93d6619.js +0 -5
  320. package/dist/bromcom-ui/p-ebeb9689.entry.js +0 -5
  321. package/dist/bromcom-ui/p-eca0acda.js +0 -5
  322. package/dist/bromcom-ui/p-ede82918.js +0 -5
  323. package/dist/bromcom-ui/p-fba1682e.entry.js +0 -5
  324. package/dist/cjs/bcm-accordion_46.cjs.entry.js +0 -24086
  325. package/dist/cjs/bcm-date-picker.cjs.entry.js +0 -182
  326. package/dist/cjs/bcm-datetime-picker.cjs.entry.js +0 -1450
  327. package/dist/cjs/bcm-form-2.cjs.entry.js +0 -212
  328. package/dist/cjs/bcm-old-input.cjs.entry.js +0 -397
  329. package/dist/cjs/bcm-time-picker.cjs.entry.js +0 -150
  330. package/dist/cjs/datetime-helper-eaf4fadb.js +0 -11
  331. package/dist/esm/bcm-accordion_46.entry.js +0 -24037
  332. package/dist/esm/bcm-date-picker.entry.js +0 -178
  333. package/dist/esm/bcm-datetime-picker.entry.js +0 -1446
  334. package/dist/esm/bcm-form-2.entry.js +0 -208
  335. package/dist/esm/bcm-old-input.entry.js +0 -393
  336. package/dist/esm/bcm-time-picker.entry.js +0 -146
  337. package/dist/esm/datetime-helper-df25808a.js +0 -9
package/dist/components/avatar.js CHANGED
@@ -104,7 +104,7 @@ const BcmAvatar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
104
104
  }
105
105
  }
106
106
  else if (this.image) {
107
- return h("img", { class: image(), onError: () => (this.isFallback = true), src: this.image, alt: this.alt, "aria-label": this.alt || this.name || "Avatar" });
107
+ return h("img", { class: image(), onError: () => (this.isFallback = true), src: this.image, alt: this.alt });
108
108
  }
109
109
  else if (this.name) {
110
110
  return this.getFirstLetters(this.name);
package/dist/components/badge.js CHANGED
@@ -16,7 +16,7 @@ const badgeStyle = ce({
16
16
  slots: {
17
17
  host: "bcm-badge bcm-ui-element bcm-ui-content-display tw-inline-flex tw-items-center tw-justify-center tw-font-normal ",
18
18
  base: [
19
- "bcm-badge__dot tw-z-10",
19
+ "bcm-badge__dot",
20
20
  "tw-flex tw-items-center tw-justify-center tw-flex-row",
21
21
  "tw-rounded-full tw-text-center",
22
22
  "tw-bg-[--bcm-badge-bg] tw-text-[--bcm-badge-text]",
@@ -79,7 +79,7 @@ const BcmBadge = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
79
79
  render() {
80
80
  const { blink, value, size, color, status } = this;
81
81
  const _color = this.statusColors[status] || color;
82
- const { tone, colorName } = ColorHelper.parseColor(_color, 700);
82
+ const { tone, colorName } = ColorHelper.parseColor(_color);
83
83
  const dc = Generate.getTwColor({
84
84
  color: colorName,
85
85
  tones: {
package/dist/components/bcm-attendance.js CHANGED
@@ -20,7 +20,7 @@ const BcmAttendance$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
20
20
  const classPrefix = 'bcm-attendance';
21
21
  return (h(Host, { class: classPrefix }, h("span", { hidden: true }, h("slot", null)), data.map(item => {
22
22
  var _a, _b;
23
- return h("div", { class: `${classPrefix}__item` }, h("bcm-tooltip", { trigger: "hover", message: `${item.weekday || null} / AM`, "aria-label": `${item.weekday || null} / AM` }, h("span", { class: `${classPrefix}__item-am ${classPrefix}__item-status-${(_a = item.am) !== null && _a !== void 0 ? _a : 'default'}` })), h("bcm-tooltip", { trigger: "hover", message: `${item.weekday || null} / PM`, "aria-label": `${item.weekday || null} / PM` }, h("span", { class: `${classPrefix}__item-pm ${classPrefix}__item-status-${(_b = item.pm) !== null && _b !== void 0 ? _b : 'default'}` })));
23
+ return h("div", { class: `${classPrefix}__item` }, h("bcm-tooltip", { trigger: "hover", message: `${item.weekday || null} / AM` }, h("span", { class: `${classPrefix}__item-am ${classPrefix}__item-status-${(_a = item.am) !== null && _a !== void 0 ? _a : 'default'}` })), h("bcm-tooltip", { trigger: "hover", message: `${item.weekday || null} / PM` }, h("span", { class: `${classPrefix}__item-pm ${classPrefix}__item-status-${(_b = item.pm) !== null && _b !== void 0 ? _b : 'default'}` })));
24
24
  })));
25
25
  }
26
26
  get el() { return this; }
package/dist/components/bcm-checkbox-group.js CHANGED
@@ -213,7 +213,7 @@ const checkBoxGroupState = {
213
213
  changeIndeterminate,
214
214
  };
215
215
 
216
- const groupCss = "@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-checkbox-group{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-bottom:8px}.bcm-checkbox-group.hidden{display:none}.bcm-checkbox-group__container{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;width:100%}.bcm-checkbox-group__container.full-width{max-width:100%}.bcm-checkbox-group__container.vertical{gap:8px;flex-direction:column}.bcm-checkbox-group__container.button{gap:unset}.bcm-checkbox-group__container.indeterminate{padding-top:8px;margin-top:8px;border-top:1px solid #efefef}";
216
+ const groupCss = "@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-checkbox-group{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-bottom:8px}.bcm-checkbox-group.hidden{display:none}.bcm-checkbox-group__container{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;width:100%}.bcm-checkbox-group__container.full-width{max-width:100%}.bcm-checkbox-group__container.vertical{gap:8px;flex-direction:column}.bcm-checkbox-group__container.button{gap:unset}.bcm-checkbox-group__container.indeterminate{padding-top:16px;margin-top:16px;border-top:1px solid #efefef}";
217
217
 
218
218
  var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
219
219
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -397,7 +397,7 @@ const BcmCheckboxGroup$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
397
397
  });
398
398
  return (h(Host, { class: bcmChechboxGroup }, h("span", { hidden: true, id: `bcm-checkbox-group__items-${this._id}` }, h("slot", null)), h("div", { class: "bcm-checkbox-group__label" }, label &&
399
399
  h("div", null, h(LabelTemplate, { size: this.size, type: captionType, value: label, required: required }))), indeterminate &&
400
- h("bcm-checkbox", { onClick: (e) => { this.indeterminateClick(), e.preventDefault(); }, "no-caption": true, "no-margin": true, id: "bcm-indeterminate-element", indeterminate: indeterminateState, disabled: disabled }, "Check All"), h(CheckboxGroupTemplate, { items: items, groupContainerClasses: bcmChechboxGroupContainer, customStyle: gap && ({ 'gap': gap }), onBcmSelect: (id) => this.changeCheckBox(id) })));
400
+ h("bcm-checkbox", { onClick: (e) => { this.indeterminateClick(), e.preventDefault(); }, "no-caption": true, id: "bcm-indeterminate-element", indeterminate: indeterminateState, disabled: disabled }, "Check All"), h(CheckboxGroupTemplate, { items: items, groupContainerClasses: bcmChechboxGroupContainer, customStyle: gap && ({ 'gap': gap }), onBcmSelect: (id) => this.changeCheckBox(id) })));
401
401
  }
402
402
  get el() { return this; }
403
403
  static get watchers() { return {
package/dist/components/bcm-color-input.js CHANGED
@@ -64,7 +64,7 @@ const BcmColorInput$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
64
64
  return typeof window !== "undefined" && "EyeDropper" in window;
65
65
  }
66
66
  render() {
67
- return (h(Host, { class: "tw-block" }, h("bcm-input", { id: this._id + "-color", fullWidth: this.fullWidth, label: this.label, placeholder: this.placeholder, type: "text", "onBcm-change": e => this.handleInputChanged(e), value: this.value }, h("i", { slot: "prefix", class: "tw-flex tw-h-4 tw-w-4 tw-items-center tw-justify-center tw-rounded-full tw-border tw-border-gray-100", style: {
67
+ return (h(Host, { class: "tw-block" }, h("bcm-input", { id: this._id + "-color", fullWidth: this.fullWidth, label: this.label, placeholder: this.placeholder, type: "text", "onBcm-change": e => this.handleInputChanged(e) }, h("i", { slot: "prefix", class: "tw-flex tw-h-4 tw-w-4 tw-items-center tw-justify-center tw-rounded-full tw-border tw-border-gray-100", style: {
68
68
  backgroundColor: this.value,
69
69
  } }), this.isEyeDropperSupported() && h("i", { slot: "suffix", class: "far fa-eye-dropper", onClick: () => this.eyeDropper() })), h("bcm-linked", { targetId: this._id + "-color-container" }, h("bcm-colorful", { id: this._id + "-picker", color: this.value, onBcmChange: e => this.handleChange(e.detail) }))));
70
70
  }
package/dist/components/bcm-date.js CHANGED
@@ -72,7 +72,7 @@ const BcmDate$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
72
72
  }
73
73
  };
74
74
  this.getRangeValueObject = (value) => {
75
- const [start, end] = value._i || [];
75
+ const [start, end] = value || [null, null];
76
76
  const startObject = this.createValueObject(start);
77
77
  const endObject = this.createValueObject(end);
78
78
  return Object.assign({ isValid: startObject.isValid && endObject.isValid, start: startObject, end: endObject, date: [startObject.date, endObject.date], timestamp: [startObject.timestamp, endObject.timestamp], value: `${startObject.value} - ${endObject.value}` }, (this.type === "time" && {
package/dist/components/bcm-error-layout.js CHANGED
@@ -49,7 +49,7 @@ const BcmErrorLayout$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
49
49
  const { itemsProp } = this;
50
50
  const classes = classnames('error-layout', this.size);
51
51
  const hostClasses = classnames(this.hidden ? 'hidden' : null);
52
- return (h(Host, { class: hostClasses }, itemsProp.length > 0 && (h("div", { class: classes }, h("ul", null, this.itemsProp.map((item) => h("li", null, h("span", null, item))))))));
52
+ return (h(Host, { class: hostClasses }, itemsProp.length > 0 && (h("div", { class: classes }, this.itemsProp.map((item) => h("li", null, h("span", null, item)))))));
53
53
  }
54
54
  get el() { return this; }
55
55
  static get watchers() { return {
package/dist/components/bcm-expansion-panel.js CHANGED
@@ -100,7 +100,7 @@ const BcmExpansionPanel$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLE
100
100
  'bcm-expansion-panel--icon-right': this.expandIconPosition === 'right',
101
101
  hidden,
102
102
  });
103
- return (h(Host, { class: hostClasses }, h("div", { class: "bcm-expansion-panel__header", onClick: () => this.toggle(), style: { 'background-color': ColorHelper.dsColor(this.headerColor) } }, h("div", { class: "bcm-expansion-panel__header-title" }, h("span", { id: _id + '-header' }, h("slot", { name: "header" })), tooltip && (h("span", { class: "bcm-expansion-panel__header-tooltip", style: Object.assign({}, color && { color: ColorHelper.convertColorToHex(color) }) }, h("bcm-tooltip", { message: message, placement: placement, trigger: trigger, "aria-label": message }, h("bcm-icon", { color: color, icon: icon })))), h("span", { id: _id + '-description', class: "bcm-expansion-panel__header-title-description" }, h("slot", { name: "description" }))), h("span", { id: _id + '-extra', class: "bcm-expansion-panel__header-extra", onClick: (e) => this.clickExtra(e) }, h("slot", { name: "extra" })), !hideToggle && (h("div", { class: "bcm-expansion-panel__header-toggle" }, h("bcm-icon", { icon: "far fa-chevron-down" })))), h("div", { class: "bcm-expansion-panel__body", id: _id + '-body' }, h("slot", null))));
103
+ return (h(Host, { class: hostClasses }, h("div", { class: "bcm-expansion-panel__header", onClick: () => this.toggle(), style: { 'background-color': ColorHelper.dsColor(this.headerColor) } }, h("div", { class: "bcm-expansion-panel__header-title" }, h("span", { id: _id + '-header' }, h("slot", { name: "header" })), tooltip && (h("span", { class: "bcm-expansion-panel__header-tooltip", style: Object.assign({}, color && { color: ColorHelper.convertColorToHex(color) }) }, h("bcm-tooltip", { message: message, placement: placement, trigger: trigger }, h("bcm-icon", { color: color, icon: icon })))), h("span", { id: _id + '-description', class: "bcm-expansion-panel__header-title-description" }, h("slot", { name: "description" }))), h("span", { id: _id + '-extra', class: "bcm-expansion-panel__header-extra", onClick: (e) => this.clickExtra(e) }, h("slot", { name: "extra" })), !hideToggle && (h("div", { class: "bcm-expansion-panel__header-toggle" }, h("bcm-icon", { icon: "far fa-chevron-down" })))), h("div", { class: "bcm-expansion-panel__body", id: _id + '-body' }, h("slot", null))));
104
104
  }
105
105
  get el() { return this; }
106
106
  static get style() { return expansionPanelCss; }
package/dist/components/bcm-input-dropdown.js CHANGED
@@ -287,7 +287,7 @@ const BcmInputDropdown$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
287
287
  };
288
288
  const CommentTemplate = () => {
289
289
  var _a, _b, _c;
290
- return (h(Fragment, null, this.isOpenMenu ? (h("div", { class: commentArea() }, this.isLate ? (h(Fragment, null, h("bcm-input", { label: "Minus Late", required: true, id: this._id + "-input-dropdown-late-content-input", type: "number", "full-width": true, autocomplete: false, min: 0, max: 200, value: (_a = this.value) === null || _a === void 0 ? void 0 : _a.lateMin, placeholder: "Enter Minus Late", customErrorMessage: "Max limit 200 mins", "onBcm-change": ({ detail }) => (this.value.lateMin = +detail) }, h("i", { slot: "prefix", class: "far fa-clock" })))) : null, h("bcm-textarea", { "full-width": true, value: (_c = (_b = this.value) === null || _b === void 0 ? void 0 : _b.comment) !== null && _c !== void 0 ? _c : "", "onBcm-change": ({ detail }) => (this.value.comment = detail), label: "Description", "no-caption": true, rows: 4 }), h("footer", { class: "tw-flex tw-w-full tw-flex-row tw-items-center tw-justify-end tw-gap-2" }, h("bcm-button", { role: "button", "aria-labelledby": "button", "aria-label": "button", icon: "fas fa-times", kind: "ghost", "icon-position": "prefix", onClick: () => { var _a; return (_a = this.commentContent) === null || _a === void 0 ? void 0 : _a.hide(); } }, "Close"), h("bcm-button", { role: "button", "aria-labelledby": "button", "aria-label": "button", icon: "fas fa-save", "icon-position": "prefix", onClick: () => this.onClickSave() }, "Save")))) : null));
290
+ return (h(Fragment, null, this.isOpenMenu ? (h("div", { class: commentArea() }, this.isLate ? (h(Fragment, null, h("bcm-input", { label: "Minus Late", required: true, id: this._id + "-input-dropdown-late-content-input", type: "number", "full-width": true, autocomplete: false, min: 0, max: 200, value: (_a = this.value) === null || _a === void 0 ? void 0 : _a.lateMin, placeholder: "Enter Minus Late", customErrorMessage: "Max limit 200 mins", "onBcm-change": ({ detail }) => (this.value.lateMin = +detail) }, h("i", { slot: "prefix", class: "far fa-clock" })))) : null, h("bcm-textarea", { "full-width": true, value: (_c = (_b = this.value) === null || _b === void 0 ? void 0 : _b.comment) !== null && _c !== void 0 ? _c : "", "onBcm-change": ({ detail }) => (this.value.comment = detail), label: "Description", "no-caption": true, rows: 4 }), h("footer", { class: "tw-flex tw-w-full tw-flex-row tw-items-center tw-justify-end tw-gap-2" }, h("bcm-button", { icon: "fas fa-times", kind: "ghost", "icon-position": "prefix", onClick: () => { var _a; return (_a = this.commentContent) === null || _a === void 0 ? void 0 : _a.hide(); } }, "Close"), h("bcm-button", { icon: "fas fa-save", "icon-position": "prefix", onClick: () => this.onClickSave() }, "Save")))) : null));
291
291
  };
292
292
  return (h(Host, { class: base() }, label && h("bcm-label", { htmlFor: _id + "-dropdown-input", size: size, value: label, required: required }), h("div", { class: content() }, h("div", { class: inputArea() }, h("input", { id: _id + "-dropdown-input", class: input(), style: { color: (_a = this.value) === null || _a === void 0 ? void 0 : _a.color }, type: "text", tabIndex: -1, placeholder: placeholder, value: (_b = this.value) === null || _b === void 0 ? void 0 : _b.key, disabled: disabled, required: required, autoComplete: "off", readOnly: readonly, onKeyPress: e => this.handleKeyPress(e), onInput: e => this.handleInput(e), ref: el => (this._input = el) }), h("button", { disabled: disabled, id: `i-dropdown-button-${_id}`, class: button(), onClick: () => (this.isOpenMenu = true) }, h("i", { class: "fas fa-chevron-down" })), h("bcm-linked", { "onBcm-open": ({ detail }) => { var _a; return detail && ((_a = this.commentContent) === null || _a === void 0 ? void 0 : _a.hide()); }, class: "tw-mt-1", id: `i-dropdown-menu-${_id}`, "target-id": `i-dropdown-button-${_id}`, placement: "bottom-start" }, h(MenuTemplates, null)), h("bcm-linked", { id: `i-dropdown-comment-${_id}`, "target-id": _id, trigger: "custom", placement: "left" }, h(CommentTemplate, null))), !this.hideComment ? (h("span", { onClick: () => {
293
293
  var _a, _b;
package/dist/components/bcm-modal.js CHANGED
@@ -10,7 +10,7 @@ import { S as SlotTemplate } from './slot-template.js';
10
10
  import { G as Generate } from './generate.js';
11
11
  import { d as defineCustomElement$2 } from './icon.js';
12
12
 
13
- const modalCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-modal{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex-wrap:nowrap;width:100%;height:100%;position:fixed;z-index:-1;opacity:0;top:0;left:0;visibility:hidden;overflow:auto;padding:24px;transition:opacity 0.5s ease, visibility 0.4s ease-in-out, 0.3s z-index}.bcm-modal__show{opacity:1;z-index:10500;visibility:visible;transition:opacity 0.2s ease, visibility 0.4s ease-in-out, 0.3s z-index}.bcm-modal__show .bcm-modal__container{transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out;transform:translateY(0)}.bcm-modal .overlay{position:fixed;width:100vw;height:100vh;z-index:1;top:0;left:0;opacity:0.6;background-color:var(--bcm-new-ds-color-slate-900)}.bcm-modal__container{display:flex;flex-direction:column;width:100%;box-shadow:0 2px 6px 1px rgba(17, 24, 38, 0.1);border-radius:8px;background-color:var(--bcm-new-ds-color-white);z-index:2;transform:translateY(-50px);transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out}.bcm-modal__container.portrait{max-width:312px}.bcm-modal__container.landscape{max-width:475px}.bcm-modal__container.small{max-width:576px}.bcm-modal__container.medium{max-width:768px}.bcm-modal__container.large{max-width:992px}.bcm-modal__container.xlarge{max-width:1024px}.bcm-modal__container.xxlarge{max-width:1200px}.bcm-modal__container.xxxlarge{max-width:1700px}.bcm-modal__container.full-width{width:100%;max-width:100%}.bcm-modal__container.custom-size main{overflow:auto;height:100%;width:100%}.bcm-modal__container-main{color:var(--bcm-color-grey-8);padding:0}.bcm-modal__container-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap;padding:12px 24px;font-size:16px;line-height:calc(16px + 8px);font-weight:500;color:var(--bcm-new-ds-color-slate-600);background-color:var(--bcm-new-ds-color-slate-100);position:relative}.bcm-modal__container-header span.full-width{width:100%}.bcm-modal__container-header-close{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;padding:8px;cursor:pointer;color:var(--bcm-new-ds-color-slate-500);transition:color 0.1s ease-in-out}.bcm-modal__container-header-close:hover{color:var(--bcm-new-ds-color-slate-600)}.bcm-modal__container-header-close:active{color:var(--bcm-new-ds-color-slate-700)}.bcm-modal__container-header-close:focus-visible{color:var(--bcm-new-ds-color-slate-800)}.bcm-modal__container-header:after{border-radius:8px 8px 0 0;content:\"\";display:block;width:100%;height:4px;background-color:var(--bcm-color-primary-500);position:absolute;top:-4px;left:0}.bcm-modal__container-footer-content{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-end;flex-wrap:nowrap;padding:12px 24px 24px;grid-gap:8px}";
13
+ const modalCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-modal{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex-wrap:nowrap;width:100%;height:100%;position:fixed;z-index:-1;opacity:0;top:0;left:0;visibility:hidden;overflow:auto;padding:24px;transition:opacity 0.5s ease, visibility 0.4s ease-in-out, 0.3s z-index}.bcm-modal__show{opacity:1;z-index:10500;visibility:visible;transition:opacity 0.2s ease, visibility 0.4s ease-in-out, 0.3s z-index}.bcm-modal__show .bcm-modal__container{transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out;transform:translateY(0)}.bcm-modal .overlay{position:fixed;width:100vw;height:100vh;z-index:1;top:0;left:0;opacity:0.6;background-color:var(--bcm-new-ds-color-slate-900)}.bcm-modal__container{display:flex;flex-direction:column;width:100%;box-shadow:0 2px 6px 1px rgba(17, 24, 38, 0.1);border-radius:8px;background-color:var(--bcm-new-ds-color-white);z-index:2;transform:translateY(-50px);transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out}.bcm-modal__container.portrait{max-width:312px}.bcm-modal__container.landscape{max-width:475px}.bcm-modal__container.small{max-width:576px}.bcm-modal__container.medium{max-width:768px}.bcm-modal__container.large{max-width:992px}.bcm-modal__container.xlarge{max-width:1024px}.bcm-modal__container.xxlarge{max-width:1200px}.bcm-modal__container.xxxlarge{max-width:1700px}.bcm-modal__container.full-width{width:100%;max-width:100%}.bcm-modal__container.custom-size main{overflow:auto;height:100%;width:100%}.bcm-modal__container-main{color:var(--bcm-color-grey-8);padding:0}.bcm-modal__container-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap;padding:12px 24px;font-size:16px;line-height:calc(16px + 8px);font-weight:500;color:var(--bcm-new-ds-color-slate-600);background-color:var(--bcm-new-ds-color-slate-100);position:relative}.bcm-modal__container-header span.full-width{width:100%}.bcm-modal__container-header-close{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap;padding:8px;cursor:pointer;color:var(--bcm-new-ds-color-slate-500);transition:color 0.1s ease-in-out}.bcm-modal__container-header-close:hover{color:var(--bcm-new-ds-color-slate-600)}.bcm-modal__container-header-close:active{color:var(--bcm-new-ds-color-slate-700)}.bcm-modal__container-header-close:focus-visible{color:var(--bcm-new-ds-color-slate-800)}.bcm-modal__container-header:after{border-radius:8px 8px 0 0;content:\"\";display:block;width:100%;height:4px;background-color:var(--bcm-color-primary-400);position:absolute;top:-4px;left:0}.bcm-modal__container-footer-content{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-end;flex-wrap:nowrap;padding:12px 24px 24px;grid-gap:8px}";
14
14
 
15
15
  const BcmModal$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
16
16
  constructor() {
package/dist/components/bcm-radio-group.js CHANGED
@@ -141,7 +141,7 @@ const BcmRadioGroup$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
141
141
  render() {
142
142
  var _a, _b;
143
143
  const { direction, fullWidth, gap, label, size, required, disabled, caption, captionError, captionType, noCaption } = this;
144
- return (h(Host, { class: "tw-mb-2 tw-flex tw-flex-col", role: "radiogroup", "aria-labelledby": "radiogroup" }, label && h("bcm-label", { type: captionType, value: label, required: required }), h("div", { class: classnames("tw-flex tw-flex-wrap", direction == Bcm.Direction.horizontal ? "tw-flex-row" : "tw-flex-col", fullWidth && "tw-w-full"), style: { "gap": gap } }, h("slot", null), ((_a = this.Items) === null || _a === void 0 ? void 0 : _a.length) > 0 &&
144
+ return (h(Host, { role: "radio-group", class: "tw-mb-2 tw-flex tw-flex-col" }, label && h("bcm-label", { type: captionType, value: label, required: required }), h("div", { class: classnames("tw-flex tw-flex-wrap", direction == Bcm.Direction.horizontal ? "tw-flex-row" : "tw-flex-col", fullWidth && "tw-w-full"), style: { "gap": gap } }, h("slot", null), ((_a = this.Items) === null || _a === void 0 ? void 0 : _a.length) > 0 &&
145
145
  ((_b = this.Items) === null || _b === void 0 ? void 0 : _b.map(item => (h("bcm-radio", { id: item.id, value: item.value, disabled: disabled || item.disabled, checked: item.checked, color: item.color, size: size }, item.label))))), h(CaptionTemplate, { noCaption: noCaption, captionType: captionType, captionError: captionError, caption: caption })));
146
146
  }
147
147
  get el() { return this; }
package/dist/components/bcm-range.js CHANGED
@@ -168,7 +168,7 @@ const BcmRange$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
168
168
  height: '100%',
169
169
  width: height,
170
170
  };
171
- return (h(Host, { class: hostClasses, style: direction == Bcm.Direction.vertical && { height: height } }, h("div", { class: "bcm-range__container", style: direction == Bcm.Direction.vertical && verticalStyle }, h("input", { type: "range", role: "slider", "aria-label": "range", id: `input-left-${this._id}`, min: leftMin, max: max, step: step, onChange: (event) => { this.syncValues('left', event); this.handleChange(); }, onInput: (event) => { this.syncValues('left', event); this.getTooltip('left').hide(); this.getTooltip('left').show(); }, onMouseOver: () => { this.getThumb('left').classList.add('hover'); this.getTooltip('left').show(); }, onMouseOut: () => { this.getThumb('left').classList.remove('hover'); this.getTooltip('left').hide(); }, value: this.leftValue, class: { 'single': !this.multiple } }), h("input", { type: "range", id: `input-right-${this._id}`, role: "slider", "aria-label": "range", min: min, max: max, onChange: (event) => { this.syncValues('right', event); this.handleChange(); }, onInput: (event) => { this.syncValues('right', event); this.getTooltip('right').hide(); this.getTooltip('right').show(); }, onMouseOver: () => { this.getThumb('right').classList.add('hover'); this.getTooltip('right').show(); }, onMouseOut: () => { this.getThumb('right').classList.remove('hover'); this.getTooltip('right').hide(); }, step: step, value: this.rightValue }), h("div", { class: "bcm-range__container-bar" }, h("div", { class: "ticks" }, h(Ticks, null)), h("div", { class: "bcm-range__container-bar-track" }), h("div", { class: "bcm-range__container-bar-range", id: "bcm-range__thumb-range" }), h("div", { class: "bcm-range__container-bar-thumb left", id: `bcm-range__thumb-left-${this._id}` }, h("span", null)), h("div", { class: "bcm-range__container-bar-thumb right", id: `bcm-range__thumb-right-${this._id}` }, h("span", null))), h("div", { class: "touch" }, h(Touch, null)))));
171
+ return (h(Host, { class: hostClasses, style: direction == Bcm.Direction.vertical && { height: height } }, h("div", { class: "bcm-range__container", style: direction == Bcm.Direction.vertical && verticalStyle }, h("input", { type: "range", id: `input-left-${this._id}`, min: leftMin, max: max, step: step, onChange: (event) => { this.syncValues('left', event); this.handleChange(); }, onInput: (event) => { this.syncValues('left', event); this.getTooltip('left').hide(); this.getTooltip('left').show(); }, onMouseOver: () => { this.getThumb('left').classList.add('hover'); this.getTooltip('left').show(); }, onMouseOut: () => { this.getThumb('left').classList.remove('hover'); this.getTooltip('left').hide(); }, value: this.leftValue, class: { 'single': !this.multiple } }), h("input", { type: "range", id: `input-right-${this._id}`, min: min, max: max, onChange: (event) => { this.syncValues('right', event); this.handleChange(); }, onInput: (event) => { this.syncValues('right', event); this.getTooltip('right').hide(); this.getTooltip('right').show(); }, onMouseOver: () => { this.getThumb('right').classList.add('hover'); this.getTooltip('right').show(); }, onMouseOut: () => { this.getThumb('right').classList.remove('hover'); this.getTooltip('right').hide(); }, step: step, value: this.rightValue }), h("div", { class: "bcm-range__container-bar" }, h("div", { class: "ticks" }, h(Ticks, null)), h("div", { class: "bcm-range__container-bar-track" }), h("div", { class: "bcm-range__container-bar-range", id: "bcm-range__thumb-range" }), h("div", { class: "bcm-range__container-bar-thumb left", id: `bcm-range__thumb-left-${this._id}` }, h("span", null)), h("div", { class: "bcm-range__container-bar-thumb right", id: `bcm-range__thumb-right-${this._id}` }, h("span", null))), h("div", { class: "touch" }, h(Touch, null)))));
172
172
  }
173
173
  get el() { return this; }
174
174
  static get style() { return rangeCss; }
package/dist/components/bcm-switch.js CHANGED
@@ -13,7 +13,7 @@ import { d as defineCustomElement$4 } from './icon.js';
13
13
  import { d as defineCustomElement$3 } from './label.js';
14
14
  import { d as defineCustomElement$2 } from './tooltip.js';
15
15
 
16
- const switchCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-input[no-margin]{margin:0}.bcm-textarea[no-margin]{margin:0}.bcm-switch[no-margin]{margin:0}.bcm-checkbox[no-margin]{margin:0}.bcm-radio-group[no-margin]{margin:0}.bcm-checkbox-group[no-margin]{margin:0}.bcm-range[no-margin]{margin:0}.bcm-form[no-margin]{margin:0}.bcm-form-group[no-margin]{margin:0}.bcm-list[no-margin]{margin:0}.bcm-colorpicker[no-margin]{margin:0}.bcm-date-picker[no-margin]{margin:0}.bcm-time-picker[no-margin]{margin:0}.bcm-datetime-picker[no-margin]{margin:0}.bcm-select[no-margin]{margin:0}.bcm-listbox[no-margin]{margin:0}*{box-sizing:border-box}.bcm-switch{display:inline-flex;user-select:none;flex-direction:column;margin-bottom:8px}.bcm-switch__container{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px}.bcm-switch__container--left,.bcm-switch__container--right{align-items:center}.bcm-switch__container--left .bcm-label__text,.bcm-switch__container--right .bcm-label__text{margin:0}.bcm-switch__container--left{flex-direction:row}.bcm-switch__container--left .bcm-label__text{margin-right:4px}.bcm-switch__container--right{flex-direction:row-reverse}.bcm-switch__container--right .bcm-label__text{margin-left:4px}.bcm-switch:focus-visible{outline:none}.bcm-switch:focus-visible .bcm-switch__toggle{background-color:var(--bcm-new-ds-color-slate-400)}.bcm-switch:focus-visible .bcm-switch__toggle.switch-checked{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-switch:hover{outline:none}.bcm-switch:hover .bcm-switch__toggle .handle{background-color:var(--bcm-new-ds-color-slate-100)}.bcm-switch:hover .bcm-switch__toggle.switch-checked .handle{background-color:var(--bcm-new-ds-color-slate-100)}.bcm-switch *{box-sizing:border-box}.bcm-switch.hidden{display:none}.bcm-switch input{display:none}.bcm-switch.disabled .bcm-switch__toggle{cursor:not-allowed;opacity:40%}.bcm-switch.readonly .bcm-switch__toggle{cursor:default;opacity:80%}.bcm-switch__label{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-flex;align-items:center;margin:0}.bcm-switch__label .active-text{color:var(--bcm-new-ds-color-blue-700);margin:0 0 0 4px}.bcm-switch__label .inactive-text{color:var(--bcm-new-ds-color-slate-700);margin:0 4px 0 0}.bcm-switch__toggle{display:flex;justify-content:space-between;align-items:center;border-radius:16px;background-color:var(--bcm-new-ds-color-slate-300);position:relative;cursor:pointer}.bcm-switch__toggle .handle{padding:1px;position:absolute;background-color:var(--bcm-new-ds-color-slate-50);display:inline-flex;align-items:center;justify-content:center;border-radius:16px;transition:left 0.2s ease-in-out, width 0.2s ease-in-out;box-shadow:0 1px 3px 0 rgba(17, 24, 38, 0.1)}.bcm-switch__toggle .icon-active{opacity:0;margin-left:2px}.bcm-switch__toggle .icon-inactive{opacity:1;margin-right:2px}.bcm-switch__toggle.bcm-switch__size-small{width:32px;min-width:32px;height:16px;padding:4px}.bcm-switch__toggle.bcm-switch__size-small .handle{width:12px;height:12px;left:2px}.bcm-switch__toggle.bcm-switch__size-small.switch-checked .handle{left:18px}.bcm-switch__toggle.bcm-switch__size-small:active:not(.disabled):not(.readonly) .handle{width:16px}.bcm-switch__toggle.bcm-switch__size-small:active.switch-checked:not(.disabled):not(.readonly) .handle{left:12px}.bcm-switch__toggle.bcm-switch__size-small .switch-spinner{box-sizing:border-box;display:inline-flex;width:9px;height:9px;border-radius:50%;border:1px solid var(--bcm-new-ds-color-white);border-top-color:var(--bcm-new-ds-color-slate-900);animation:switch-spinner 1.5s linear infinite}.bcm-switch__toggle.bcm-switch__size-medium{width:36px;min-width:36px;height:18px;padding:4px}.bcm-switch__toggle.bcm-switch__size-medium .handle{width:14px;height:14px;left:2px}.bcm-switch__toggle.bcm-switch__size-medium.switch-checked .handle{left:20px}.bcm-switch__toggle.bcm-switch__size-medium:active:not(.disabled):not(.readonly) .handle{width:18px}.bcm-switch__toggle.bcm-switch__size-medium:active.switch-checked:not(.disabled):not(.readonly) .handle{left:14px}.bcm-switch__toggle.bcm-switch__size-medium .switch-spinner{box-sizing:border-box;display:inline-flex;width:11px;height:11px;border-radius:50%;border:1px solid var(--bcm-new-ds-color-white);border-top-color:var(--bcm-new-ds-color-slate-900);animation:switch-spinner 1.5s linear infinite}.bcm-switch__toggle.bcm-switch__size-large{width:40px;min-width:40px;height:20px;padding:4px}.bcm-switch__toggle.bcm-switch__size-large .handle{width:16px;height:16px;left:2px}.bcm-switch__toggle.bcm-switch__size-large.switch-checked .handle{left:22px}.bcm-switch__toggle.bcm-switch__size-large:active:not(.disabled):not(.readonly) .handle{width:20px}.bcm-switch__toggle.bcm-switch__size-large:active.switch-checked:not(.disabled):not(.readonly) .handle{left:16px}.bcm-switch__toggle.bcm-switch__size-large .switch-spinner{box-sizing:border-box;display:inline-flex;width:13px;height:13px;border-radius:50%;border:1px solid var(--bcm-new-ds-color-white);border-top-color:var(--bcm-new-ds-color-slate-900);animation:switch-spinner 1.5s linear infinite}.bcm-switch__toggle.switch-checked{background-color:var(--bcm-new-ds-color-blue-500)}.bcm-switch__toggle.switch-checked .icon-active{color:var(--bcm-new-ds-color-slate-100);opacity:1}.bcm-switch__toggle.switch-checked .icon-inactive{opacity:0}.bcm-switch__toggle.switch-checked .switch-spinner{border-top-color:var(--bcm-new-ds-color-blue-600)}.bcm-switch__size-small .bcm-switch__label,.bcm-switch__size-small .bcm-label__text{font-size:12px}.bcm-switch__size-small .bcm-switch__toggle{font-size:8px}.bcm-switch__size-medium .bcm-switch__label,.bcm-switch__size-medium .bcm-label__text{font-size:13px}.bcm-switch__size-medium .bcm-switch__toggle{font-size:9px}.bcm-switch__size-large .bcm-switch__label,.bcm-switch__size-large .bcm-label__text{font-size:16px}.bcm-switch__size-large .bcm-switch__toggle{font-size:12px}@keyframes switch-spinner{to{transform:rotate(360deg)}}";
16
+ const switchCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-input[no-margin]{margin:0}.bcm-textarea[no-margin]{margin:0}.bcm-switch[no-margin]{margin:0}.bcm-checkbox[no-margin]{margin:0}.bcm-radio-group[no-margin]{margin:0}.bcm-checkbox-group[no-margin]{margin:0}.bcm-range[no-margin]{margin:0}.bcm-form[no-margin]{margin:0}.bcm-form-group[no-margin]{margin:0}.bcm-list[no-margin]{margin:0}.bcm-colorpicker[no-margin]{margin:0}.bcm-date-picker[no-margin]{margin:0}.bcm-time-picker[no-margin]{margin:0}.bcm-datetime-picker[no-margin]{margin:0}.bcm-select[no-margin]{margin:0}.bcm-listbox[no-margin]{margin:0}*{box-sizing:border-box}.bcm-switch{display:inline-flex;user-select:none;flex-direction:column;margin-bottom:8px}.bcm-switch__container{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px}.bcm-switch__container--left,.bcm-switch__container--right{align-items:center}.bcm-switch__container--left .bcm-label__text,.bcm-switch__container--right .bcm-label__text{margin:0}.bcm-switch__container--left{flex-direction:row}.bcm-switch__container--left .bcm-label__text{margin-right:4px}.bcm-switch__container--right{flex-direction:row-reverse}.bcm-switch__container--right .bcm-label__text{margin-left:4px}.bcm-switch:focus-visible{outline:none}.bcm-switch:focus-visible .bcm-switch__toggle{background-color:var(--bcm-new-ds-color-slate-400)}.bcm-switch:focus-visible .bcm-switch__toggle.switch-checked{background-color:var(--bcm-new-ds-color-blue-600)}.bcm-switch:hover{outline:none}.bcm-switch:hover .bcm-switch__toggle .handle{background-color:var(--bcm-new-ds-color-slate-100)}.bcm-switch:hover .bcm-switch__toggle.switch-checked .handle{background-color:var(--bcm-new-ds-color-slate-100)}.bcm-switch *{box-sizing:border-box}.bcm-switch.hidden{display:none}.bcm-switch input{display:none}.bcm-switch.disabled .bcm-switch__toggle{cursor:not-allowed;opacity:40%}.bcm-switch.readonly .bcm-switch__toggle{cursor:default;opacity:80%}.bcm-switch__label{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-flex;align-items:center;margin:0}.bcm-switch__label .active-text{color:var(--bcm-new-ds-color-blue-500);margin:0 0 0 4px}.bcm-switch__label .inactive-text{color:var(--bcm-new-ds-color-slate-500);margin:0 4px 0 0}.bcm-switch__toggle{display:flex;justify-content:space-between;align-items:center;border-radius:16px;background-color:var(--bcm-new-ds-color-slate-300);position:relative;cursor:pointer}.bcm-switch__toggle .handle{padding:1px;position:absolute;background-color:var(--bcm-new-ds-color-slate-50);display:inline-flex;align-items:center;justify-content:center;border-radius:16px;transition:left 0.2s ease-in-out, width 0.2s ease-in-out;box-shadow:0 1px 3px 0 rgba(17, 24, 38, 0.1)}.bcm-switch__toggle .icon-active{opacity:0;margin-left:2px}.bcm-switch__toggle .icon-inactive{opacity:1;margin-right:2px}.bcm-switch__toggle.bcm-switch__size-small{width:32px;min-width:32px;height:16px;padding:4px}.bcm-switch__toggle.bcm-switch__size-small .handle{width:12px;height:12px;left:2px}.bcm-switch__toggle.bcm-switch__size-small.switch-checked .handle{left:18px}.bcm-switch__toggle.bcm-switch__size-small:active:not(.disabled):not(.readonly) .handle{width:16px}.bcm-switch__toggle.bcm-switch__size-small:active.switch-checked:not(.disabled):not(.readonly) .handle{left:12px}.bcm-switch__toggle.bcm-switch__size-small .switch-spinner{box-sizing:border-box;display:inline-flex;width:9px;height:9px;border-radius:50%;border:1px solid var(--bcm-new-ds-color-white);border-top-color:var(--bcm-new-ds-color-slate-900);animation:switch-spinner 1.5s linear infinite}.bcm-switch__toggle.bcm-switch__size-medium{width:36px;min-width:36px;height:18px;padding:4px}.bcm-switch__toggle.bcm-switch__size-medium .handle{width:14px;height:14px;left:2px}.bcm-switch__toggle.bcm-switch__size-medium.switch-checked .handle{left:20px}.bcm-switch__toggle.bcm-switch__size-medium:active:not(.disabled):not(.readonly) .handle{width:18px}.bcm-switch__toggle.bcm-switch__size-medium:active.switch-checked:not(.disabled):not(.readonly) .handle{left:14px}.bcm-switch__toggle.bcm-switch__size-medium .switch-spinner{box-sizing:border-box;display:inline-flex;width:11px;height:11px;border-radius:50%;border:1px solid var(--bcm-new-ds-color-white);border-top-color:var(--bcm-new-ds-color-slate-900);animation:switch-spinner 1.5s linear infinite}.bcm-switch__toggle.bcm-switch__size-large{width:40px;min-width:40px;height:20px;padding:4px}.bcm-switch__toggle.bcm-switch__size-large .handle{width:16px;height:16px;left:2px}.bcm-switch__toggle.bcm-switch__size-large.switch-checked .handle{left:22px}.bcm-switch__toggle.bcm-switch__size-large:active:not(.disabled):not(.readonly) .handle{width:20px}.bcm-switch__toggle.bcm-switch__size-large:active.switch-checked:not(.disabled):not(.readonly) .handle{left:16px}.bcm-switch__toggle.bcm-switch__size-large .switch-spinner{box-sizing:border-box;display:inline-flex;width:13px;height:13px;border-radius:50%;border:1px solid var(--bcm-new-ds-color-white);border-top-color:var(--bcm-new-ds-color-slate-900);animation:switch-spinner 1.5s linear infinite}.bcm-switch__toggle.switch-checked{background-color:var(--bcm-new-ds-color-blue-500)}.bcm-switch__toggle.switch-checked .icon-active{color:var(--bcm-new-ds-color-slate-100);opacity:1}.bcm-switch__toggle.switch-checked .icon-inactive{opacity:0}.bcm-switch__toggle.switch-checked .switch-spinner{border-top-color:var(--bcm-new-ds-color-blue-600)}.bcm-switch__size-small .bcm-switch__label,.bcm-switch__size-small .bcm-label__text{font-size:12px}.bcm-switch__size-small .bcm-switch__toggle{font-size:8px}.bcm-switch__size-medium .bcm-switch__label,.bcm-switch__size-medium .bcm-label__text{font-size:13px}.bcm-switch__size-medium .bcm-switch__toggle{font-size:9px}.bcm-switch__size-large .bcm-switch__label,.bcm-switch__size-large .bcm-label__text{font-size:16px}.bcm-switch__size-large .bcm-switch__toggle{font-size:12px}@keyframes switch-spinner{to{transform:rotate(360deg)}}";
17
17
 
18
18
  var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
19
19
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
package/dist/components/bcm-tab-group.js CHANGED
@@ -189,9 +189,9 @@ const BcmTabGroup$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
189
189
  const { color } = this;
190
190
  const dc = Generate.getTwColor({
191
191
  color: color,
192
- tones: [700]
192
+ tones: [500]
193
193
  });
194
- return (h(Host, { role: "tablist", "aria-label": "Tab Group", "aria-busy": "true", class: "tw-flex tw-w-full tw-flex-col tw-items-center tw-font-sans" }, h("div", { class: `tw-relative tw-flex tw-w-full tw-flex-row tw-items-end tw-justify-between`, id: "tab-header", style: dc }, h("div", { id: "ink-bar", class: `tw-bg-default-700 tw-absolute tw-bottom-0 tw-left-0 tw-mt-[-2px] tw-h-[2px] tw-rounded-sm tw-transition-transform` })), h("slot", null)));
194
+ return (h(Host, { role: "tablist", "aria-label": "Tab Group", class: "tw-flex tw-w-full tw-flex-col tw-items-center tw-font-sans" }, h("div", { class: `tw-relative tw-flex tw-w-full tw-flex-row tw-items-end tw-justify-between`, id: "tab-header", style: dc }, h("div", { id: "ink-bar", class: `tw-bg-default-500 tw-absolute tw-bottom-0 tw-left-0 tw-mt-[-2px] tw-h-[2px] tw-rounded-sm tw-transition-transform` })), h("slot", null)));
195
195
  }
196
196
  get el() { return this; }
197
197
  static get watchers() { return {
package/dist/components/bcm-tab-item-header.js CHANGED
@@ -31,18 +31,18 @@ const BcmTabItemHeader$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
31
31
  }
32
32
  render() {
33
33
  const { color, size, active, disabled } = this;
34
- const disabledClass = "tw-cursor-not-allowed tw-text-gray-500 tw-opacity-50";
34
+ const disabledClass = "tw-cursor-not-allowed tw-text-gray-400 tw-opacity-50";
35
35
  const dc = Generate.getTwColor({
36
36
  color: color,
37
- tones: [700, 800, 900]
37
+ tones: [500, 600, 700, 800]
38
38
  });
39
- return (h(Host, { onClick: () => this.handleClick(), class: classnames(`tw-flex tw-flex-1 tw-items-center tw-justify-center tw-border-b-[2px] tw-border-b-slate-700 tw-transition-font tw-focus:outline-none`, {
39
+ return (h(Host, { onClick: () => this.handleClick(), class: classnames(`tw-flex tw-flex-1 tw-items-center tw-justify-center tw-border-b-[2px] tw-border-b-slate-300 tw-transition-font tw-focus:outline-none`, {
40
40
  "tw-text-2 tw-py-1 tw-gap-2": size === Bcm.Size.small,
41
41
  "tw-text-3 tw-py-2 tw-gap-3": size === Bcm.Size.medium,
42
42
  "tw-text-4 tw-py-3 tw-gap-4": size === Bcm.Size.large,
43
43
  }, disabled ? disabledClass : "tw-cursor-pointer", active
44
- ? `tw-text-default-700 enabled:hover:tw-text-default-800 enabled:active:tw-text-default-900 enabled:focus-visible:tw-text-default-900`
45
- : "tw-text-slate-700 enabled:hover:tw-text-slate-800 enabled:focus-visible:tw-text-slate-900 enabled:active:tw-text-slate-900"), style: dc }));
44
+ ? `tw-text-default-500 enabled:hover:tw-text-default-600 enabled:active:tw-text-default-700 enabled:focus-visible:tw-text-default-800`
45
+ : "tw-text-slate-400 enabled:hover:tw-text-slate-500 enabled:focus-visible:tw-text-slate-700 enabled:active:tw-text-slate-600"), style: dc }));
46
46
  }
47
47
  get el() { return this; }
48
48
  }, [0, "bcm-tab-item-header", {
package/dist/components/button.js CHANGED
@@ -203,7 +203,7 @@ const buttonState = {
203
203
 
204
204
  const ButtonTemplate = ({ value, type, componentClass, disabled, href, target, loading, isIconOnly, icon, iconPosition, id }) => {
205
205
  const ButtonTagType = (href) ? Bcm.HtmlElementType.a : Bcm.HtmlElementType.button;
206
- return (h(ButtonTagType, Object.assign({ id: id }, (type == Bcm.HtmlElementType.button && { type }), { class: componentClass, disabled: disabled, href: href, target: target, tabindex: "0", "aria-label": "button" }),
206
+ return (h(ButtonTagType, Object.assign({ id: id }, (type == Bcm.HtmlElementType.button && { type }), { class: componentClass, disabled: disabled, href: href, target: target, tabindex: "0" }),
207
207
  h("span", { hidden: true },
208
208
  h("slot", null)),
209
209
  loading && h("span", { class: "bcm-button__container-loading" },
@@ -217,7 +217,7 @@ const ButtonTemplate = ({ value, type, componentClass, disabled, href, target, l
217
217
  h("slot", { name: "suffix" })));
218
218
  };
219
219
 
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)}";
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-500);--bcm-button-solid-border-default:var(--bcm-new-ds-color-blue-500);--bcm-button-solid-color-hover:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-solid-border-hover:var(--bcm-new-ds-color-blue-600);--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-800);--bcm-button-solid-border-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-solid-color-active:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-active:var(--bcm-new-ds-color-blue-700);--bcm-button-solid-border-active:var(--bcm-new-ds-color-blue-700);--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-600);--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-600);--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-600);--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-600);--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-500);--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)}";
221
221
 
222
222
  const BcmButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
223
223
  constructor() {
@@ -290,24 +290,24 @@ const BcmButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
290
290
  [`${prefix}-color-focus-visible`]: ColorHelper.dsColor('white'),
291
291
  [`${prefix}-color-active`]: ColorHelper.dsColor('white'),
292
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'),
293
+ [`${prefix}-background-color-default`]: ColorHelper.dsColor(color + '-500'),
294
+ [`${prefix}-background-color-hover`]: ColorHelper.dsColor(color + '-600'),
295
+ [`${prefix}-background-color-focus-visible`]: ColorHelper.dsColor(color + '-700'),
296
+ [`${prefix}-background-color-active`]: ColorHelper.dsColor(color + '-800'),
297
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'),
298
+ [`${prefix}-border-default`]: ColorHelper.dsColor(color + '-500'),
299
+ [`${prefix}-border-hover`]: ColorHelper.dsColor(color + '-600'),
300
+ [`${prefix}-border-focus-visible`]: ColorHelper.dsColor(color + '-700'),
301
+ [`${prefix}-border-active`]: ColorHelper.dsColor(color + '-800'),
302
302
  [`${prefix}-border-disabled`]: ColorHelper.dsColor('slate-400')
303
303
  };
304
304
  }
305
305
  else if (kind == 'link') {
306
306
  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'),
307
+ [`${prefix}-color-default`]: ColorHelper.dsColor(color + '-500'),
308
+ [`${prefix}-color-hover`]: ColorHelper.dsColor(color + '-600'),
309
+ [`${prefix}-color-focus-visible`]: ColorHelper.dsColor(color + '-800'),
310
+ [`${prefix}-color-active`]: ColorHelper.dsColor(color + '-700'),
311
311
  [`${prefix}-color-disabled`]: ColorHelper.dsColor('slate-400'),
312
312
  [`${prefix}-background-color-default`]: ColorHelper.dsColor('transparent'),
313
313
  [`${prefix}-background-color-hover`]: ColorHelper.dsColor('transparent'),
@@ -323,8 +323,8 @@ const BcmButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
323
323
  }
324
324
  else if (kind == 'ghost') {
325
325
  return {
326
- [`${prefix}-color-default`]: ColorHelper.dsColor(color + '-700'),
327
- [`${prefix}-color-hover`]: ColorHelper.dsColor(color + '-800'),
326
+ [`${prefix}-color-default`]: ColorHelper.dsColor(color + '-600'),
327
+ [`${prefix}-color-hover`]: ColorHelper.dsColor(color + '-600'),
328
328
  [`${prefix}-color-focus-visible`]: ColorHelper.dsColor(color + '-600'),
329
329
  [`${prefix}-color-active`]: ColorHelper.dsColor(color + '-600'),
330
330
  [`${prefix}-color-disabled`]: ColorHelper.dsColor(color + '-300'),
package/dist/components/caption-template.js CHANGED
@@ -12,8 +12,8 @@ maxLength, value, }) => {
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
13
  "tw-text-slate-500": !captionType || captionType == "default",
14
14
  "tw-text-blue-600": captionType == "info",
15
- "tw-text-emerald-700": captionType == "success",
16
- "tw-text-amber-700": captionType == "warning",
15
+ "tw-text-emerald-600": captionType == "success",
16
+ "tw-text-amber-600": captionType == "warning",
17
17
  "tw-text-red-600": captionType == "error",
18
18
  }, {
19
19
  "tw-text-1": size == "small",
package/dist/components/chip.js CHANGED
@@ -15,7 +15,7 @@ import { d as defineCustomElement$3 } from './rc-overflow.js';
15
15
  import { d as defineCustomElement$2 } from './search.js';
16
16
  import { d as defineCustomElement$1 } from './tooltip.js';
17
17
 
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}";
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-500);--bcm-chip-color-hover:var(--bcm-new-ds-color-slate-500);--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-200);--bcm-chip-background-color-hover:var(--bcm-new-ds-color-slate-300);--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}";
19
19
 
20
20
  const BcmChip = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
21
21
  constructor() {
@@ -42,9 +42,9 @@ const BcmChip = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
42
42
  return;
43
43
  const color = this.selected ? "indigo" : this.color; // Important: Find a solution for this in V3! ( selected ? this.color : "indigo" )
44
44
  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"),
45
+ "--bcm-chip-color": ColorHelper.dsColor(color + "-500"),
46
+ "--bcm-chip-color-hover": ColorHelper.dsColor(color + "-500"),
47
+ "--bcm-chip-color-focus": ColorHelper.dsColor(color + "-600"),
48
48
  "--bcm-chip-color-active": ColorHelper.dsColor(color + "-700"),
49
49
  "--bcm-chip-color-disabled": ColorHelper.dsColor("slate" + "-300"),
50
50
  "--bcm-chip-background-color": ColorHelper.dsColor(color + "-100"),
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: "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-400 ${this.icon}` }), h("bcm-typography", { class: "tw-text-slate-400 tw-text-2" }, h("slot", null))));
16
16
  }
17
17
  get el() { return this; }
18
18
  }, [4, "bcm-empty", {
package/dist/components/generate.js CHANGED
@@ -5,7 +5,7 @@
5
5
  import { Build } from '@stencil/core/internal/client';
6
6
  import { c as colors } from './colors2.js';
7
7
 
8
- const version = "2.11.1-rc.9-3";
8
+ const version = "2.11.1";
9
9
 
10
10
  /**
11
11
  * 'status' prop predefined values
package/dist/components/input-template.js CHANGED
@@ -66,7 +66,7 @@ ref, handleBlur, handleFocus, handleInput, handleChange, isEyeDropperSupported,
66
66
  type,
67
67
  autocomplete: autocomplete ? "on" : "off",
68
68
  pattern,
69
- }), (ElementTagType === Bcm.HtmlElementType.textarea && { rows: rows, resize: resize }), { value: value, maxLength: maxLength, "aria-label": placeholder || "Enter text", "aria-labelledby": id + "-label", title: "", placeholder: placeholder, disabled: disabled, readOnly: readonly, ref: el => ref(el), onBlur: e => templateHandleBlur(e), onFocus: e => templateHandleFocus(e), onInput: e => handleInput(e), onChange: e => handleChange(e) })),
69
+ }), (ElementTagType === Bcm.HtmlElementType.textarea && { rows: rows, resize: resize }), { value: value, maxLength: maxLength, placeholder: placeholder, disabled: disabled, readOnly: readonly, ref: el => ref(el), onBlur: e => templateHandleBlur(e), onFocus: e => templateHandleFocus(e), onInput: e => handleInput(e), onChange: e => handleChange(e) })),
70
70
  h("span", { class: "input-suffix-content" }, clearable && !disabled && !readonly && (h("span", { class: "input-suffix input-suffix-button input-clear-button", onClick: e => handleClear(e) },
71
71
  h("bcm-icon", { icon: "far fa-times" })))),
72
72
  h("span", { class: "input-suffix-content" }, (type === "password" || type === "text") && passwordToggle && (h("span", { class: "input-suffix input-suffix-button", onClick: () => changePasswordVisibility() },
package/dist/components/input.js CHANGED
@@ -391,7 +391,7 @@ const BcmInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
391
391
  // 'no-margin': noMargin,
392
392
  'full-width': fullWidth
393
393
  });
394
- return (h(Host, { onfocus: () => this.onBcmFocus(), class: hostClasses, onClick: () => this.onBcmFocus() }, label && h("bcm-label", { onClick: () => this.toggleLinked(), tooltip: this.tooltip, type: captionType, value: label, required: required, htmlFor: _id, id: _id + "-label" }), h(InputTemplate, { id: _id, type: type, value: value, pattern: this.pattern, placeholder: placeholder, disabled: disabled, readonly: readonly, clearable: isActiveClearable, passwordToggle: passwordToggle, isPasswordVisible: isPasswordVisible, noDefaultIcon: noDefaultIcon, focused: focused, inValid: inValid, unitPrefix: unitPrefix, maxLength: this.maxLength, internalId: this._internal_id, captionType: captionType, unit: unit, size: size, handleFocus: () => this.handleFocus(), handleBlur: () => this.handleBlur(), handleChange: () => this.handleChange(), handleInput: () => this.handleInput(), steps: (e) => this.stepUpOrDown(e), changePasswordVisibility: () => this.changePasswordVisibility(), handleClear: (e) => this.handleClear(e), eyeDropper: () => this.eyeDropper(), isEyeDropperSupported: () => this.isEyeDropperSupported(), ref: (el) => this.inputElement = el, _suffix: this._suffix, _prefix: this._prefix, autocomplete: autocomplete }), h(CaptionTemplate, { noCaption: noCaption, captionType: captionType, captionError: captionError, caption: caption, customErrorMessage: this.customErrorMessage }), type == Bcm.InputType.color &&
394
+ return (h(Host, { onfocus: () => this.onBcmFocus(), class: hostClasses, onClick: () => this.onBcmFocus() }, label && h("bcm-label", { onClick: () => this.toggleLinked(), tooltip: this.tooltip, type: captionType, value: label, required: required, htmlFor: _id }), h(InputTemplate, { id: _id, type: type, value: value, pattern: this.pattern, placeholder: placeholder, disabled: disabled, readonly: readonly, clearable: isActiveClearable, passwordToggle: passwordToggle, isPasswordVisible: isPasswordVisible, noDefaultIcon: noDefaultIcon, focused: focused, inValid: inValid, unitPrefix: unitPrefix, maxLength: this.maxLength, internalId: this._internal_id, captionType: captionType, unit: unit, size: size, handleFocus: () => this.handleFocus(), handleBlur: () => this.handleBlur(), handleChange: () => this.handleChange(), handleInput: () => this.handleInput(), steps: (e) => this.stepUpOrDown(e), changePasswordVisibility: () => this.changePasswordVisibility(), handleClear: (e) => this.handleClear(e), eyeDropper: () => this.eyeDropper(), isEyeDropperSupported: () => this.isEyeDropperSupported(), ref: (el) => this.inputElement = el, _suffix: this._suffix, _prefix: this._prefix, autocomplete: autocomplete }), h(CaptionTemplate, { noCaption: noCaption, captionType: captionType, captionError: captionError, caption: caption, customErrorMessage: this.customErrorMessage }), type == Bcm.InputType.color &&
395
395
  h("bcm-linked", { targetId: this._id + "-container", id: this._id + "-linked" }, h("bcm-colorful", { id: this._id + "-picker", color: this.value, onBcmChange: e => this.setValue(e.detail) }))));
396
396
  }
397
397
  static get watchers() { return {
package/dist/components/label.js CHANGED
@@ -13,7 +13,7 @@ import { d as defineCustomElement$1 } from './tooltip.js';
13
13
  const LabelTemplate = ({ required, value, size, form, htmlFor, type, tooltip }) => {
14
14
  size = size || "medium";
15
15
  type = type || Bcm.Status.default;
16
- return (h("label", { form: form, htmlFor: htmlFor, "aria-hidden": "true", class: classnames("bcm-ui-element bcm-ui-feedback bcm-label bcm-label__text tw-mb-1 tw-font-medium tw-text-slate-600 ", {
16
+ return (h("label", { form: form, htmlFor: htmlFor, class: classnames("bcm-ui-element bcm-ui-feedback bcm-label bcm-label__text tw-mb-1 tw-font-medium tw-text-slate-600 ", {
17
17
  "tw-text-1": size == "small",
18
18
  "tw-text-2": size == "medium",
19
19
  "tw-text-3": size == "large",