bromcom-ui 2.10.1-rc.0 → 2.10.1-rc.10

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 (423) 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-000670b6.js +5 -0
  4. package/dist/bromcom-ui/{p-401a6ab5.entry.js → p-073d177e.entry.js} +1 -1
  5. package/dist/bromcom-ui/{p-fa08ba52.entry.js → p-07e9b5e7.entry.js} +1 -1
  6. package/dist/bromcom-ui/p-0fc73cca.entry.js +5 -0
  7. package/dist/bromcom-ui/{p-fcc6f71e.js → p-125d6ed0.js} +1 -1
  8. package/dist/bromcom-ui/{p-4438d629.entry.js → p-14cafd64.entry.js} +1 -1
  9. package/dist/bromcom-ui/{p-6b5ed4d8.js → p-157359d6.js} +1 -1
  10. package/dist/bromcom-ui/{p-05bd4980.entry.js → p-16450a8b.entry.js} +1 -1
  11. package/dist/bromcom-ui/{p-e037ee2b.js → p-170cf07d.js} +1 -1
  12. package/dist/bromcom-ui/{p-3bae35e5.entry.js → p-175eb1c7.entry.js} +1 -1
  13. package/dist/bromcom-ui/{p-7c94a7b0.entry.js → p-17c0a72a.entry.js} +1 -1
  14. package/dist/bromcom-ui/{p-51ba92e5.entry.js → p-17eb0140.entry.js} +1 -1
  15. package/dist/bromcom-ui/{p-5a97d31c.entry.js → p-18d28737.entry.js} +1 -1
  16. package/dist/bromcom-ui/{p-08159d00.entry.js → p-19f27bd8.entry.js} +1 -1
  17. package/dist/bromcom-ui/{p-95a2c489.entry.js → p-1c801d0c.entry.js} +1 -1
  18. package/dist/bromcom-ui/{p-e32ab4da.entry.js → p-1c9314bd.entry.js} +1 -1
  19. package/dist/bromcom-ui/p-1f5ca41b.entry.js +5 -0
  20. package/dist/bromcom-ui/p-21cb3cfe.entry.js +5 -0
  21. package/dist/bromcom-ui/p-228c74e9.entry.js +5 -0
  22. package/dist/bromcom-ui/{p-1d04942a.entry.js → p-23eb79ac.entry.js} +1 -1
  23. package/dist/bromcom-ui/{p-18bc4e04.entry.js → p-26290ed5.entry.js} +1 -1
  24. package/dist/bromcom-ui/{p-188b9079.entry.js → p-2aaeb247.entry.js} +1 -1
  25. package/dist/bromcom-ui/{p-552dfb63.entry.js → p-2d965b60.entry.js} +1 -1
  26. package/dist/bromcom-ui/p-32d93221.entry.js +21 -0
  27. package/dist/bromcom-ui/p-33513345.entry.js +5 -0
  28. package/dist/bromcom-ui/{p-61ad661f.entry.js → p-3b5c36e8.entry.js} +1 -1
  29. package/dist/bromcom-ui/{p-dca22282.entry.js → p-3f127ea5.entry.js} +1 -1
  30. package/dist/bromcom-ui/p-40b85b9b.entry.js +5 -0
  31. package/dist/bromcom-ui/{p-2ce15cc8.entry.js → p-424b7562.entry.js} +1 -1
  32. package/dist/bromcom-ui/{p-0efc9196.entry.js → p-430c0a24.entry.js} +1 -1
  33. package/dist/bromcom-ui/{p-da20e681.entry.js → p-43a1f84c.entry.js} +1 -1
  34. package/dist/bromcom-ui/{p-c851688d.entry.js → p-4e436468.entry.js} +1 -1
  35. package/dist/bromcom-ui/{p-6e5f5f36.js → p-518b9b80.js} +1 -1
  36. package/dist/bromcom-ui/{p-be6595a2.entry.js → p-51b6a14a.entry.js} +1 -1
  37. package/dist/bromcom-ui/{p-32fd9854.js → p-52b7fc24.js} +1 -1
  38. package/dist/bromcom-ui/p-56187d14.entry.js +5 -0
  39. package/dist/bromcom-ui/{p-468157a0.entry.js → p-5699f67d.entry.js} +1 -1
  40. package/dist/bromcom-ui/{p-d4755f0d.entry.js → p-58d5775f.entry.js} +1 -1
  41. package/dist/bromcom-ui/{p-dd1a0284.entry.js → p-594953e7.entry.js} +1 -1
  42. package/dist/bromcom-ui/p-5b96272e.entry.js +5 -0
  43. package/dist/bromcom-ui/{p-21fed956.entry.js → p-5bf620b2.entry.js} +1 -1
  44. package/dist/bromcom-ui/{p-4d8067b9.entry.js → p-5c671967.entry.js} +1 -1
  45. package/dist/bromcom-ui/{p-599889d7.entry.js → p-5fc49f6f.entry.js} +1 -1
  46. package/dist/bromcom-ui/{p-00e1c9bb.entry.js → p-60a12878.entry.js} +1 -1
  47. package/dist/bromcom-ui/p-61314a43.js +5 -0
  48. package/dist/bromcom-ui/{p-5dd45752.entry.js → p-6153f889.entry.js} +1 -1
  49. package/dist/bromcom-ui/{p-4798d827.js → p-61db1f1f.js} +1 -1
  50. package/dist/bromcom-ui/{p-7a89243a.entry.js → p-626b805d.entry.js} +1 -1
  51. package/dist/bromcom-ui/{p-a313fba6.js → p-6369b73b.js} +1 -1
  52. package/dist/bromcom-ui/{p-6660ba14.entry.js → p-643a09b4.entry.js} +1 -1
  53. package/dist/bromcom-ui/p-64999c43.entry.js +5 -0
  54. package/dist/bromcom-ui/p-64fad38b.js +11 -0
  55. package/dist/bromcom-ui/{p-3b079331.entry.js → p-67343ad8.entry.js} +1 -1
  56. package/dist/bromcom-ui/{p-48f5a3c9.entry.js → p-69260d36.entry.js} +1 -1
  57. package/dist/bromcom-ui/{p-034bbcdd.js → p-6edf985f.js} +1 -1
  58. package/dist/bromcom-ui/{p-197aba37.js → p-74e6d2b6.js} +1 -1
  59. package/dist/bromcom-ui/{p-47df8e77.entry.js → p-79712823.entry.js} +1 -1
  60. package/dist/bromcom-ui/{p-03337609.entry.js → p-7c5763cc.entry.js} +1 -1
  61. package/dist/bromcom-ui/{p-181f2f4a.entry.js → p-7d18ce0e.entry.js} +1 -1
  62. package/dist/bromcom-ui/{p-ddb6f31a.entry.js → p-7e2da99e.entry.js} +1 -1
  63. package/dist/bromcom-ui/{p-5ae0a59b.js → p-7e44e6b5.js} +1 -1
  64. package/dist/bromcom-ui/{p-0db33506.entry.js → p-841f2b60.entry.js} +1 -1
  65. package/dist/bromcom-ui/{p-e45c1546.js → p-85eedabc.js} +1 -1
  66. package/dist/bromcom-ui/{p-3c7a0345.js → p-8c018ae0.js} +1 -1
  67. package/dist/bromcom-ui/{p-ab3cd547.entry.js → p-8c3a6509.entry.js} +1 -1
  68. package/dist/bromcom-ui/p-8c610886.js +5 -0
  69. package/dist/bromcom-ui/{p-5efc5c02.entry.js → p-8e772077.entry.js} +1 -1
  70. package/dist/bromcom-ui/{p-61334720.entry.js → p-8fbdb72f.entry.js} +1 -1
  71. package/dist/bromcom-ui/{p-91623d42.entry.js → p-910c935f.entry.js} +1 -1
  72. package/dist/bromcom-ui/{p-8e5e362a.js → p-9850cbce.js} +1 -1
  73. package/dist/bromcom-ui/{p-f9119bec.entry.js → p-99824717.entry.js} +1 -1
  74. package/dist/bromcom-ui/p-9ac757e9.entry.js +5 -0
  75. package/dist/bromcom-ui/{p-d345d37b.entry.js → p-9da1d897.entry.js} +1 -1
  76. package/dist/bromcom-ui/{p-d3bd9ee0.entry.js → p-9f1e6daa.entry.js} +1 -1
  77. package/dist/bromcom-ui/{p-cd724916.js → p-a1477028.js} +1 -1
  78. package/dist/bromcom-ui/p-a25c8a55.js +5 -0
  79. package/dist/bromcom-ui/{p-0207059a.js → p-a58b2664.js} +1 -1
  80. package/dist/bromcom-ui/{p-1a33d7a3.entry.js → p-a664cc20.entry.js} +1 -1
  81. package/dist/bromcom-ui/{p-8fa5700a.entry.js → p-a835bff0.entry.js} +1 -1
  82. package/dist/bromcom-ui/p-a889681e.entry.js +5 -0
  83. package/dist/bromcom-ui/{p-1ba21e9c.entry.js → p-aab72ea1.entry.js} +1 -1
  84. package/dist/bromcom-ui/p-abc44b58.entry.js +5 -0
  85. package/dist/bromcom-ui/p-ae57f046.entry.js +5 -0
  86. package/dist/bromcom-ui/{p-035c6dbc.entry.js → p-afde516e.entry.js} +1 -1
  87. package/dist/bromcom-ui/{p-6e7bb16f.entry.js → p-ba9eff2a.entry.js} +1 -1
  88. package/dist/bromcom-ui/{p-107f11df.entry.js → p-c1a992e7.entry.js} +1 -1
  89. package/dist/bromcom-ui/{p-0c8abcd8.entry.js → p-c977ed98.entry.js} +1 -1
  90. package/dist/bromcom-ui/p-cfd52d5f.entry.js +5 -0
  91. package/dist/bromcom-ui/{p-63138ee5.entry.js → p-d551a51d.entry.js} +1 -1
  92. package/dist/bromcom-ui/{p-f9988c3c.entry.js → p-da5fdda2.entry.js} +1 -1
  93. package/dist/bromcom-ui/p-e19a8e73.entry.js +5 -0
  94. package/dist/bromcom-ui/{p-4542066c.js → p-e2aaaece.js} +1 -1
  95. package/dist/bromcom-ui/{p-a42879c1.entry.js → p-e6faa2bb.entry.js} +1 -1
  96. package/dist/bromcom-ui/{p-751baf81.entry.js → p-ec36f5a0.entry.js} +1 -1
  97. package/dist/bromcom-ui/p-ec992ac3.entry.js +5 -0
  98. package/dist/bromcom-ui/{p-f4576a4f.entry.js → p-ecd8d70f.entry.js} +1 -1
  99. package/dist/bromcom-ui/{p-4d7ea23c.entry.js → p-ece578ef.entry.js} +1 -1
  100. package/dist/bromcom-ui/p-edbdd7dd.js +5 -0
  101. package/dist/bromcom-ui/{p-daa45693.entry.js → p-f077a1d7.entry.js} +1 -1
  102. package/dist/bromcom-ui/{p-704352eb.entry.js → p-f2776268.entry.js} +1 -1
  103. package/dist/bromcom-ui/p-f800e665.js +5 -0
  104. package/dist/bromcom-ui/{p-2d59be96.js → p-f83b3048.js} +1 -1
  105. package/dist/bromcom-ui/{p-c39f002b.js → p-fed84581.js} +1 -1
  106. package/dist/bromcom-ui/{p-1e8559ac.entry.js → p-fff1a0f9.entry.js} +1 -1
  107. package/dist/cjs/{bcm-489c9b1a.js → bcm-3c58a6d5.js} +28 -28
  108. package/dist/cjs/bcm-accordion.cjs.entry.js +2 -2
  109. package/dist/cjs/bcm-alert.cjs.entry.js +4 -4
  110. package/dist/cjs/bcm-attendance.cjs.entry.js +2 -2
  111. package/dist/cjs/bcm-avatar_2.cjs.entry.js +6 -6
  112. package/dist/cjs/bcm-breadcrumb.cjs.entry.js +2 -2
  113. package/dist/cjs/bcm-button-group.cjs.entry.js +4 -4
  114. package/dist/cjs/bcm-button_15.cjs.entry.js +37832 -0
  115. package/dist/cjs/bcm-caption.cjs.entry.js +47 -0
  116. package/dist/cjs/bcm-card.cjs.entry.js +5 -5
  117. package/dist/cjs/bcm-checkbox-group.cjs.entry.js +20 -22
  118. package/dist/cjs/bcm-checkbox-lite_9.cjs.entry.js +3 -3
  119. package/dist/cjs/bcm-chip-group.cjs.entry.js +8 -9
  120. package/dist/cjs/bcm-chip.cjs.entry.js +2 -2
  121. package/dist/cjs/bcm-collapse.cjs.entry.js +2 -2
  122. package/dist/cjs/bcm-color-input.cjs.entry.js +6 -6
  123. package/dist/cjs/bcm-date-picker.cjs.entry.js +3 -3
  124. package/dist/cjs/bcm-datetime-picker.cjs.entry.js +7 -8
  125. package/dist/cjs/bcm-default.cjs.entry.js +2 -2
  126. package/dist/cjs/bcm-drawer.cjs.entry.js +6 -6
  127. package/dist/cjs/bcm-dropdown.cjs.entry.js +4 -4
  128. package/dist/cjs/bcm-expansion-panel.cjs.entry.js +4 -4
  129. package/dist/cjs/bcm-form-2.cjs.entry.js +4 -4
  130. package/dist/cjs/bcm-input-custom.cjs.entry.js +2 -2
  131. package/dist/cjs/bcm-input-dropdown.cjs.entry.js +10 -10
  132. package/dist/cjs/bcm-item.cjs.entry.js +3 -3
  133. package/dist/cjs/bcm-items.cjs.entry.js +4 -4
  134. package/dist/cjs/bcm-link.cjs.entry.js +1 -1
  135. package/dist/cjs/bcm-menu.cjs.entry.js +8 -8
  136. package/dist/cjs/bcm-modal-2-footer.cjs.entry.js +6 -6
  137. package/dist/cjs/bcm-modal-2-header.cjs.entry.js +6 -6
  138. package/dist/cjs/bcm-modal-2.cjs.entry.js +6 -6
  139. package/dist/cjs/bcm-modal.cjs.entry.js +5 -5
  140. package/dist/cjs/bcm-number-input.cjs.entry.js +109 -0
  141. package/dist/cjs/bcm-old-input.cjs.entry.js +2 -2
  142. package/dist/cjs/bcm-popconfirm-box.cjs.entry.js +5 -5
  143. package/dist/cjs/bcm-popconfirm.cjs.entry.js +3 -3
  144. package/dist/cjs/bcm-popover.cjs.entry.js +7 -7
  145. package/dist/cjs/bcm-progress.cjs.entry.js +3 -3
  146. package/dist/cjs/bcm-radio-group.cjs.entry.js +7 -7
  147. package/dist/cjs/bcm-radio.cjs.entry.js +6 -6
  148. package/dist/cjs/bcm-range.cjs.entry.js +3 -3
  149. package/dist/cjs/bcm-select.cjs.entry.js +2 -2
  150. package/dist/cjs/bcm-shortcut.cjs.entry.js +6 -6
  151. package/dist/cjs/bcm-skeleton.cjs.entry.js +6 -6
  152. package/dist/cjs/bcm-step.cjs.entry.js +3 -3
  153. package/dist/cjs/bcm-stepper.cjs.entry.js +7 -7
  154. package/dist/cjs/bcm-tab-group.cjs.entry.js +6 -6
  155. package/dist/cjs/bcm-tab-item-header.cjs.entry.js +6 -6
  156. package/dist/cjs/bcm-tab-item.cjs.entry.js +6 -6
  157. package/dist/cjs/bcm-table.cjs.entry.js +6 -6
  158. package/dist/cjs/bcm-tag.cjs.entry.js +4 -4
  159. package/dist/cjs/bcm-text.cjs.entry.js +3 -3
  160. package/dist/cjs/bcm-textarea.cjs.entry.js +6 -6
  161. package/dist/cjs/bcm-time-picker.cjs.entry.js +3 -3
  162. package/dist/cjs/bcm-toast.cjs.entry.js +4 -4
  163. package/dist/cjs/bcm-typography.cjs.entry.js +21 -0
  164. package/dist/cjs/bromcom-ui.cjs.js +3 -3
  165. package/dist/cjs/caption-template-6f535b93.js +32 -0
  166. package/dist/cjs/{floating-ui-21890d11.js → floating-ui-555cd3d4.js} +1 -1
  167. package/dist/cjs/{generate-e214b3de.js → generate-c3a6c8c7.js} +15 -1
  168. package/dist/cjs/{global-532b40dc.js → global-9e8b5009.js} +1 -1
  169. package/dist/cjs/{input-template-2b8e0195.js → input-template-8eeb94e7.js} +2 -2
  170. package/dist/cjs/{json-parse-decarator-668b7724.js → json-parse-decarator-0932bec0.js} +1 -1
  171. package/dist/cjs/label-template-a6f51ef2.js +27 -0
  172. package/dist/cjs/loader.cjs.js +3 -3
  173. package/dist/cjs/{number-helper-3a911c0f.js → number-helper-4e902d31.js} +1 -1
  174. package/dist/cjs/old-bcm-popover-box.cjs.entry.js +7 -7
  175. package/dist/cjs/old-bcm-popover.cjs.entry.js +3 -3
  176. package/dist/cjs/{package-f9f70acc.js → package-b23f7b7f.js} +1 -1
  177. package/dist/cjs/{popover-placement-e7d6eabd.js → popover-placement-9b4b4153.js} +1 -1
  178. package/dist/cjs/{slot-template-c8e2816c.js → slot-template-80b019d5.js} +1 -1
  179. package/dist/cjs/{stepper-states-7d2f2235.js → stepper-states-cb2339c3.js} +1 -1
  180. package/dist/cjs/{string-helper-f9184277.js → string-helper-3212f4ea.js} +1 -1
  181. package/dist/cjs/{tooltip-helper-410ac258.js → tooltip-helper-4ddec3b4.js} +6 -6
  182. package/dist/cjs/{validators-910556c5.js → validators-e2155072.js} +1 -1
  183. package/dist/collection/collection-manifest.json +2 -0
  184. package/dist/collection/components/atoms/caption/caption.js +195 -0
  185. package/dist/collection/components/atoms/label/label.js +48 -29
  186. package/dist/collection/components/molecules/checkbox/checkbox.css +0 -89
  187. package/dist/collection/components/molecules/input/input.css +0 -89
  188. package/dist/collection/components/molecules/input-dropdown/input-dropdown.css +0 -89
  189. package/dist/collection/components/molecules/input-dropdown/input-dropdown.js +1 -1
  190. package/dist/collection/components/molecules/input-dropdown/input-dropdown.style.js +1 -1
  191. package/dist/collection/components/{atoms/label/label.css → molecules/number-input/number-input.css} +12 -33
  192. package/dist/collection/components/molecules/number-input/number-input.js +425 -0
  193. package/dist/collection/components/molecules/number-input/number-input.style.js +45 -0
  194. package/dist/collection/components/molecules/search/search.css +0 -89
  195. package/dist/collection/components/molecules/switch/switch.css +1 -89
  196. package/dist/collection/components/molecules/textarea/textarea.css +0 -89
  197. package/dist/collection/components/organism/datetime-picker/datetime-picker.css +0 -89
  198. package/dist/collection/components/organism/list/list.css +2 -89
  199. package/dist/collection/components/organism/list/list.js +83 -15
  200. package/dist/collection/components/other_deprecated/old-input/old-input.css +0 -89
  201. package/dist/collection/components/third-parts/colorful/colorful.css +0 -89
  202. package/dist/collection/components/third-parts/rc-picker/date.js +7 -5
  203. package/dist/collection/components/third-parts/rc-picker/rc-picker.css +1 -376
  204. package/dist/collection/components/third-parts/rc-picker/rc-picker.js +3 -16
  205. package/dist/collection/helper/generate.js +14 -0
  206. package/dist/collection/models/bcm.js +28 -28
  207. package/dist/collection/stories/ui-library/components/date/argTypes_common.js +203 -0
  208. package/dist/collection/stories/ui-library/components/date/argTypes_date.js +47 -0
  209. package/dist/collection/stories/ui-library/components/date/argTypes_datetime.js +109 -0
  210. package/dist/collection/stories/ui-library/components/date/argTypes_time.js +91 -0
  211. package/dist/collection/templates/caption-template.js +15 -11
  212. package/dist/collection/templates/label-template.js +9 -7
  213. package/dist/collection/templates/list-item-template.js +3 -2
  214. package/dist/collection/templates/list-template.js +2 -2
  215. package/dist/components/bcm-caption.d.ts +11 -0
  216. package/dist/components/bcm-caption.js +64 -0
  217. package/dist/components/bcm-checkbox-group.js +7 -8
  218. package/dist/components/bcm-chip-group.js +1 -2
  219. package/dist/components/bcm-date.js +26 -7
  220. package/dist/components/bcm-input-dropdown.js +3 -3
  221. package/dist/components/bcm-number-input.d.ts +11 -0
  222. package/dist/components/bcm-number-input.js +157 -0
  223. package/dist/components/bcm-switch.js +1 -1
  224. package/dist/components/bcm.js +28 -28
  225. package/dist/components/caption-template.js +15 -17
  226. package/dist/components/checkbox.js +1 -1
  227. package/dist/components/colorful.js +1 -1
  228. package/dist/components/datetime-picker.js +2 -3
  229. package/dist/components/generate.js +15 -1
  230. package/dist/components/index.d.ts +2 -0
  231. package/dist/components/index.js +2 -0
  232. package/dist/components/input.js +1 -1
  233. package/dist/components/label.js +46 -20
  234. package/dist/components/list.js +49 -18
  235. package/dist/components/old-input.js +1 -1
  236. package/dist/components/rc-picker.js +4 -17
  237. package/dist/components/search.js +1 -1
  238. package/dist/components/textarea.js +1 -1
  239. package/dist/esm/{_commonjsHelpers-be0d4ec8.js → _commonjsHelpers-7002e5de.js} +1 -1
  240. package/dist/esm/{bcm-a50d55ba.js → bcm-0f9cc27c.js} +28 -28
  241. package/dist/esm/bcm-accordion.entry.js +5 -5
  242. package/dist/esm/bcm-alert.entry.js +9 -9
  243. package/dist/esm/bcm-attendance.entry.js +5 -5
  244. package/dist/esm/bcm-autocomplete.entry.js +3 -3
  245. package/dist/esm/bcm-avatar_2.entry.js +12 -12
  246. package/dist/esm/bcm-box.entry.js +1 -1
  247. package/dist/esm/bcm-breadcrumb.entry.js +6 -6
  248. package/dist/esm/bcm-button-group.entry.js +8 -8
  249. package/dist/esm/bcm-button_15.entry.js +37814 -0
  250. package/dist/esm/bcm-caption.entry.js +43 -0
  251. package/dist/esm/bcm-card.entry.js +11 -11
  252. package/dist/esm/bcm-checkbox-group.entry.js +17 -19
  253. package/dist/esm/bcm-checkbox-lite_9.entry.js +8 -8
  254. package/dist/esm/bcm-chip-group.entry.js +15 -16
  255. package/dist/esm/bcm-chip.entry.js +8 -8
  256. package/dist/esm/bcm-collapse-group.entry.js +2 -2
  257. package/dist/esm/bcm-collapse.entry.js +6 -6
  258. package/dist/esm/bcm-color-input.entry.js +12 -12
  259. package/dist/esm/bcm-colorpicker.entry.js +5 -5
  260. package/dist/esm/bcm-content.entry.js +1 -1
  261. package/dist/esm/bcm-date-picker.entry.js +9 -9
  262. package/dist/esm/bcm-datetime-picker.entry.js +14 -15
  263. package/dist/esm/bcm-default.entry.js +5 -5
  264. package/dist/esm/bcm-drawer.entry.js +13 -13
  265. package/dist/esm/bcm-dropdown.entry.js +9 -9
  266. package/dist/esm/bcm-error-layout.entry.js +3 -3
  267. package/dist/esm/bcm-expansion-panel.entry.js +10 -10
  268. package/dist/esm/bcm-form-2.entry.js +8 -8
  269. package/dist/esm/bcm-form-group.entry.js +1 -1
  270. package/dist/esm/bcm-input-custom.entry.js +6 -6
  271. package/dist/esm/bcm-input-dropdown.entry.js +17 -17
  272. package/dist/esm/bcm-item.entry.js +9 -9
  273. package/dist/esm/bcm-items.entry.js +7 -7
  274. package/dist/esm/bcm-link.entry.js +4 -4
  275. package/dist/esm/bcm-menu.entry.js +16 -16
  276. package/dist/esm/bcm-message.entry.js +3 -3
  277. package/dist/esm/bcm-modal-2-footer.entry.js +13 -13
  278. package/dist/esm/bcm-modal-2-header.entry.js +12 -12
  279. package/dist/esm/bcm-modal-2.entry.js +13 -13
  280. package/dist/esm/bcm-modal.entry.js +9 -9
  281. package/dist/esm/bcm-notification.entry.js +3 -3
  282. package/dist/esm/bcm-number-input.entry.js +105 -0
  283. package/dist/esm/bcm-old-input.entry.js +6 -6
  284. package/dist/esm/bcm-old-tag_2.entry.js +4 -4
  285. package/dist/esm/bcm-overlay_2.entry.js +4 -4
  286. package/dist/esm/bcm-popconfirm-box.entry.js +11 -11
  287. package/dist/esm/bcm-popconfirm.entry.js +7 -7
  288. package/dist/esm/bcm-popover.entry.js +13 -13
  289. package/dist/esm/bcm-progress.entry.js +9 -9
  290. package/dist/esm/bcm-radio-group.entry.js +15 -15
  291. package/dist/esm/bcm-radio.entry.js +13 -13
  292. package/dist/esm/bcm-range.entry.js +8 -8
  293. package/dist/esm/bcm-result.entry.js +3 -3
  294. package/dist/esm/bcm-select-group.entry.js +3 -3
  295. package/dist/esm/bcm-select-option.entry.js +3 -3
  296. package/dist/esm/bcm-select.entry.js +6 -6
  297. package/dist/esm/bcm-shortcut.entry.js +13 -13
  298. package/dist/esm/bcm-skeleton.entry.js +12 -12
  299. package/dist/esm/bcm-step.entry.js +8 -8
  300. package/dist/esm/bcm-stepper.entry.js +15 -15
  301. package/dist/esm/bcm-tab-group.entry.js +12 -12
  302. package/dist/esm/bcm-tab-item-header.entry.js +13 -13
  303. package/dist/esm/bcm-tab-item.entry.js +12 -12
  304. package/dist/esm/bcm-tab-pane.entry.js +3 -3
  305. package/dist/esm/bcm-tab.entry.js +3 -3
  306. package/dist/esm/bcm-table.entry.js +13 -13
  307. package/dist/esm/bcm-tabs-content.entry.js +4 -4
  308. package/dist/esm/bcm-tabs.entry.js +4 -4
  309. package/dist/esm/bcm-tag.entry.js +9 -9
  310. package/dist/esm/bcm-text.entry.js +9 -9
  311. package/dist/esm/bcm-textarea.entry.js +12 -12
  312. package/dist/esm/bcm-time-picker.entry.js +9 -9
  313. package/dist/esm/bcm-timeline-item.entry.js +3 -3
  314. package/dist/esm/bcm-timeline.entry.js +3 -3
  315. package/dist/esm/bcm-toast.entry.js +9 -9
  316. package/dist/esm/bcm-treeview-group.entry.js +1 -1
  317. package/dist/esm/bcm-typography.entry.js +17 -0
  318. package/dist/esm/bromcom-ui.js +5 -5
  319. package/dist/esm/caption-template-0c32ce16.js +30 -0
  320. package/dist/esm/{color-helper-c4fa9ebc.js → color-helper-845ba523.js} +2 -2
  321. package/dist/esm/{colors-e1c31f79.js → colors-ebea297f.js} +1 -1
  322. package/dist/esm/{element-dragger-7ea06c76.js → element-dragger-89bb52fd.js} +1 -1
  323. package/dist/esm/{floating-ui-3f4394da.js → floating-ui-a4e67246.js} +1 -1
  324. package/dist/esm/{generate-7d1e216b.js → generate-80f589b2.js} +16 -2
  325. package/dist/esm/{global-34d95eec.js → global-9afe304c.js} +2 -2
  326. package/dist/esm/{index-b84bc8c9.js → index-00c8a8f7.js} +1 -1
  327. package/dist/esm/{index-4614b7f0.js → index-0615c2b8.js} +1 -1
  328. package/dist/esm/{index-f38e3364.js → index-7e71bbc8.js} +1 -1
  329. package/dist/esm/{input-template-1df1e8d3.js → input-template-a5d07ba6.js} +4 -4
  330. package/dist/esm/{is-load-decorator-b8ca22f2.js → is-load-decorator-8277e3b8.js} +1 -1
  331. package/dist/esm/{json-parse-decarator-19a0db7a.js → json-parse-decarator-5195f510.js} +2 -2
  332. package/dist/esm/label-template-ad2e8119.js +25 -0
  333. package/dist/esm/loader.js +5 -5
  334. package/dist/esm/{number-helper-a5eab393.js → number-helper-aeb5881f.js} +1 -1
  335. package/dist/esm/old-bcm-popover-box.entry.js +13 -13
  336. package/dist/esm/old-bcm-popover.entry.js +7 -7
  337. package/dist/esm/{package-e0577fef.js → package-5e39e390.js} +1 -1
  338. package/dist/esm/{popover-placement-2f5939ea.js → popover-placement-279ce860.js} +1 -1
  339. package/dist/esm/{slot-template-08ed1fe4.js → slot-template-9234df88.js} +2 -2
  340. package/dist/esm/{stepper-states-10d7b726.js → stepper-states-97a648ff.js} +3 -3
  341. package/dist/esm/{string-helper-85990695.js → string-helper-8f5da9ec.js} +2 -2
  342. package/dist/esm/{tooltip-helper-59b661f8.js → tooltip-helper-d339c58a.js} +9 -9
  343. package/dist/esm/{utils-b3338faf.js → utils-57652744.js} +1 -1
  344. package/dist/esm/{validators-7979c137.js → validators-b5e106d5.js} +1 -1
  345. package/dist/types/components/atoms/caption/caption.d.ts +14 -0
  346. package/dist/types/components/atoms/label/label.d.ts +3 -3
  347. package/dist/types/components/molecules/number-input/number-input.d.ts +29 -0
  348. package/dist/types/components/molecules/number-input/number-input.style.d.ts +200 -0
  349. package/dist/types/components/organism/list/list.d.ts +5 -1
  350. package/dist/types/components.d.ts +90 -7
  351. package/dist/types/helper/generate.d.ts +3 -0
  352. package/dist/types/models/bcm.d.ts +3 -0
  353. package/dist/types/templates/caption-template.d.ts +1 -1
  354. package/dist/types/templates/label-template.d.ts +2 -1
  355. package/dist/types/templates/list-template.d.ts +1 -0
  356. package/package.json +2 -2
  357. package/dist/bromcom-ui/p-036877be.entry.js +0 -5
  358. package/dist/bromcom-ui/p-0d2b8bc4.entry.js +0 -5
  359. package/dist/bromcom-ui/p-1daf0fe1.entry.js +0 -5
  360. package/dist/bromcom-ui/p-2a5d176d.js +0 -5
  361. package/dist/bromcom-ui/p-2cbda5aa.entry.js +0 -5
  362. package/dist/bromcom-ui/p-3182df7e.js +0 -10
  363. package/dist/bromcom-ui/p-32df2233.js +0 -5
  364. package/dist/bromcom-ui/p-3ccb15ef.entry.js +0 -5
  365. package/dist/bromcom-ui/p-4213ba24.js +0 -5
  366. package/dist/bromcom-ui/p-43598b88.entry.js +0 -5
  367. package/dist/bromcom-ui/p-4a7c2381.entry.js +0 -5
  368. package/dist/bromcom-ui/p-5ea9881d.entry.js +0 -5
  369. package/dist/bromcom-ui/p-64ddda1d.entry.js +0 -5
  370. package/dist/bromcom-ui/p-6d0a02d7.entry.js +0 -5
  371. package/dist/bromcom-ui/p-6f11eb8e.entry.js +0 -5
  372. package/dist/bromcom-ui/p-76edf59f.js +0 -7
  373. package/dist/bromcom-ui/p-77035c08.entry.js +0 -5
  374. package/dist/bromcom-ui/p-7a4cc259.js +0 -5
  375. package/dist/bromcom-ui/p-7e3209a0.js +0 -14
  376. package/dist/bromcom-ui/p-8291e20e.js +0 -5
  377. package/dist/bromcom-ui/p-82a5033e.js +0 -5
  378. package/dist/bromcom-ui/p-85d8092e.entry.js +0 -5
  379. package/dist/bromcom-ui/p-8fbc35e7.entry.js +0 -5
  380. package/dist/bromcom-ui/p-903cbe6a.entry.js +0 -5
  381. package/dist/bromcom-ui/p-9339510a.entry.js +0 -5
  382. package/dist/bromcom-ui/p-94a8408e.entry.js +0 -5
  383. package/dist/bromcom-ui/p-a0909a04.entry.js +0 -5
  384. package/dist/bromcom-ui/p-b1a70ec2.entry.js +0 -5
  385. package/dist/bromcom-ui/p-ba315064.entry.js +0 -5
  386. package/dist/bromcom-ui/p-bb739bf8.entry.js +0 -5
  387. package/dist/bromcom-ui/p-bed627ab.js +0 -11
  388. package/dist/bromcom-ui/p-ec90b2c7.entry.js +0 -5
  389. package/dist/bromcom-ui/p-fce1d13c.entry.js +0 -5
  390. package/dist/bromcom-ui/p-ff5acf88.entry.js +0 -5
  391. package/dist/cjs/bcm-button.cjs.entry.js +0 -372
  392. package/dist/cjs/bcm-checkbox_2.cjs.entry.js +0 -194
  393. package/dist/cjs/bcm-colorful_2.cjs.entry.js +0 -17624
  394. package/dist/cjs/bcm-date.cjs.entry.js +0 -182
  395. package/dist/cjs/bcm-form.cjs.entry.js +0 -489
  396. package/dist/cjs/bcm-icon.cjs.entry.js +0 -39
  397. package/dist/cjs/bcm-label_2.cjs.entry.js +0 -126
  398. package/dist/cjs/bcm-linked.cjs.entry.js +0 -219
  399. package/dist/cjs/bcm-list_3.cjs.entry.js +0 -2516
  400. package/dist/cjs/bcm-rc-picker.cjs.entry.js +0 -9404
  401. package/dist/cjs/bcm-switch.cjs.entry.js +0 -151
  402. package/dist/cjs/caption-template-81dbc490.js +0 -34
  403. package/dist/cjs/index-3d67f613.js +0 -1610
  404. package/dist/cjs/index-e05a7c6f.js +0 -545
  405. package/dist/cjs/label-template-d9bee58a.js +0 -23
  406. package/dist/cjs/moment-d06b012f.js +0 -4601
  407. package/dist/components/label-template.js +0 -21
  408. package/dist/esm/bcm-button.entry.js +0 -368
  409. package/dist/esm/bcm-checkbox_2.entry.js +0 -189
  410. package/dist/esm/bcm-colorful_2.entry.js +0 -17619
  411. package/dist/esm/bcm-date.entry.js +0 -178
  412. package/dist/esm/bcm-form.entry.js +0 -485
  413. package/dist/esm/bcm-icon.entry.js +0 -35
  414. package/dist/esm/bcm-label_2.entry.js +0 -121
  415. package/dist/esm/bcm-linked.entry.js +0 -215
  416. package/dist/esm/bcm-list_3.entry.js +0 -2510
  417. package/dist/esm/bcm-rc-picker.entry.js +0 -9400
  418. package/dist/esm/bcm-switch.entry.js +0 -147
  419. package/dist/esm/caption-template-a1a968fd.js +0 -32
  420. package/dist/esm/index-a6d9d0af.js +0 -541
  421. package/dist/esm/index-c4568336.js +0 -1594
  422. package/dist/esm/label-template-639fcd41.js +0 -21
  423. package/dist/esm/moment-15cd9198.js +0 -4598
package/dist/components/checkbox.js CHANGED
@@ -15,7 +15,7 @@ import { d as defineCustomElement$3 } from './icon.js';
15
15
  import { d as defineCustomElement$2 } from './label.js';
16
16
  import { d as defineCustomElement$1 } from './tooltip.js';
17
17
 
18
- const checkboxCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); @import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); @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-caption-area{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-size:12px;line-height:calc(12px + 8px);color:var(--bcm-new-ds-color-slate-400);display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;flex-wrap:nowrap;margin-top:2px}.bcm-caption-area__text{color:var(--bcm-new-ds-color-slate-400)}.bcm-caption-area__text.default{color:var(--bcm-new-ds-color-slate-400)}.bcm-caption-area__text.info{color:var(--bcm-new-ds-color-blue-500)}.bcm-caption-area__text.success{color:var(--bcm-new-ds-color-emerald-500)}.bcm-caption-area__text.warning{color:var(--bcm-new-ds-color-amber-500)}.bcm-caption-area__text.error{color:var(--bcm-new-ds-color-red-500)}.bcm-caption-area__size-small{font-size:10px;line-height:calc(10px + 8px);min-height:calc(10px + 8px)}.bcm-caption-area__size-medium{font-size:12px;line-height:calc(12px + 8px);min-height:calc(12px + 8px)}.bcm-caption-area__size-large{font-size:14px;line-height:calc(14px + 8px);min-height:calc(14px + 8px)}*{box-sizing:border-box}.bcm-label{display:inline-flex;align-items:flex-start;grid-gap:2px}.bcm-label__text{margin-bottom:2px;font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-block;color:var(--bcm-new-ds-color-slate-600)}.bcm-label__size-small{font-size:10px;line-height:calc(10px + 8px);min-height:calc(10px + 8px)}.bcm-label__size-medium{font-size:12px;line-height:calc(12px + 8px);min-height:calc(12px + 8px)}.bcm-label__size-large{font-size:14px;line-height:calc(14px + 8px);min-height:calc(14px + 8px)}.bcm-input[no-margin]{margin:0}.bcm-textarea[no-margin]{margin:0}.bcm-switch[no-margin]{margin:0}.bcm-checkbox[no-margin]{margin:0}.bcm-radio-group[no-margin]{margin:0}.bcm-checkbox-group[no-margin]{margin:0}.bcm-range[no-margin]{margin:0}.bcm-form[no-margin]{margin:0}.bcm-form-group[no-margin]{margin:0}.bcm-list[no-margin]{margin:0}.bcm-colorpicker[no-margin]{margin:0}.bcm-date-picker[no-margin]{margin:0}.bcm-time-picker[no-margin]{margin:0}.bcm-datetime-picker[no-margin]{margin:0}.bcm-select[no-margin]{margin:0}.bcm-listbox[no-margin]{margin:0}*{box-sizing:border-box}.bcm-checkbox{outline:none;border:none;--bcm-checkbox-primary-color-default:var(--bcm-new-ds-color-blue-500);--bcm-checkbox-secondary-color-default:var(--bcm-new-ds-color-white);--bcm-checkbox-primary-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-checkbox-secondary-color-hover:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-checkbox-secondary-color-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-active:var(--bcm-new-ds-color-blue-700);--bcm-checkbox-secondary-color-active:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-checkbox-secondary-color-disabled:var(--bcm-new-ds-color-slate-200);display:inline-flex;width:fit-content;flex-direction:column;margin-bottom:8px}.bcm-checkbox:focus,.bcm-checkbox:hover,.bcm-checkbox:active{outline:none;border:none}.bcm-checkbox *{box-sizing:border-box}.bcm-checkbox input[type=radio],.bcm-checkbox input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:#fff;margin:0;display:none}.bcm-checkbox__input{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap;padding-top:4px}.bcm-checkbox.hidden{display:none}.bcm-checkbox :hover{cursor:pointer}.bcm-checkbox[disabled] :hover,.bcm-checkbox.disabled :hover{cursor:not-allowed}.bcm-checkbox .slot{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-weight:500;color:var(--bcm-new-ds-color-slate-600)}.bcm-checkbox .slot:not(:empty){margin-left:8px;margin-right:8px}.bcm-checkbox-size-small .slot{font-size:12px;line-height:calc(12px + 8px);margin-top:-2.5px}.bcm-checkbox-size-small .bcm-checkbox__input{min-height:calc(24px - 4px)}.bcm-checkbox-size-small .bcm-checkbox__label-icon{width:14px;height:14px;min-width:14px;font-size:calc(10px - 2px)}.bcm-checkbox-size-medium .slot{font-size:calc(12px + 1px);line-height:calc(12px + 8px);margin-top:-1.5px}.bcm-checkbox-size-medium .bcm-checkbox__input{min-height:calc(32px - 4px)}.bcm-checkbox-size-medium .bcm-checkbox__label-icon{width:16px;height:16px;min-width:16px;font-size:10px}.bcm-checkbox-size-large .slot{font-size:16px;line-height:calc(16px + 8px);margin-top:-1.5px}.bcm-checkbox-size-large .bcm-checkbox__input{min-height:calc(32px - 4px)}.bcm-checkbox-size-large .bcm-checkbox__label-icon{width:18px;height:18px;min-width:18px;font-size:12px}.bcm-checkbox__label{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap}.bcm-checkbox__label-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-wrap:nowrap;border-width:1px;border-style:solid;border-radius:2px}.bcm-checkbox__label-icon-indeterminate{position:relative}.bcm-checkbox__label-icon-indeterminate:after{content:\"\";display:block;position:absolute;width:70%;height:1.5px;background:var(--bcm-new-ds-color-white)}.bcm-checkbox__label-icon.bcm-radio__icon{width:16px;height:16px;box-sizing:border-box;border-radius:100px}.bcm-checkbox__label-icon.bcm-radio__icon .bcm-radio__icon-inner{width:10px;height:10px;border-radius:100px;background-color:var(--bcm-new-ds-color-white)}.bcm-checkbox .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-default);color:var(--bcm-checkbox-secondary-color-default);border-color:var(--bcm-new-ds-color-slate-300)}.bcm-checkbox .bcm-checkbox__label-icon-checked,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-default);border-color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-default);background-color:var(--bcm-checkbox-secondary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox:hover .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-hover);color:var(--bcm-checkbox-secondary-color-hover);border-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-hover);border-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-hover);background-color:var(--bcm-checkbox-secondary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-focus-visible);color:var(--bcm-checkbox-secondary-color-focus-visible);border-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-focus-visible);border-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-focus-visible);background-color:var(--bcm-checkbox-secondary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:active .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-active);color:var(--bcm-checkbox-secondary-color-active);border-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-active);border-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-active);background-color:var(--bcm-checkbox-secondary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-disabled);color:var(--bcm-checkbox-secondary-color-disabled);border-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-disabled);border-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-disabled);background-color:var(--bcm-checkbox-secondary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[no-margin] .bcm-checkbox__input{margin:0;min-height:0;padding:0}";
18
+ const checkboxCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-input[no-margin]{margin:0}.bcm-textarea[no-margin]{margin:0}.bcm-switch[no-margin]{margin:0}.bcm-checkbox[no-margin]{margin:0}.bcm-radio-group[no-margin]{margin:0}.bcm-checkbox-group[no-margin]{margin:0}.bcm-range[no-margin]{margin:0}.bcm-form[no-margin]{margin:0}.bcm-form-group[no-margin]{margin:0}.bcm-list[no-margin]{margin:0}.bcm-colorpicker[no-margin]{margin:0}.bcm-date-picker[no-margin]{margin:0}.bcm-time-picker[no-margin]{margin:0}.bcm-datetime-picker[no-margin]{margin:0}.bcm-select[no-margin]{margin:0}.bcm-listbox[no-margin]{margin:0}*{box-sizing:border-box}.bcm-checkbox{outline:none;border:none;--bcm-checkbox-primary-color-default:var(--bcm-new-ds-color-blue-500);--bcm-checkbox-secondary-color-default:var(--bcm-new-ds-color-white);--bcm-checkbox-primary-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-checkbox-secondary-color-hover:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-checkbox-secondary-color-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-active:var(--bcm-new-ds-color-blue-700);--bcm-checkbox-secondary-color-active:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-checkbox-secondary-color-disabled:var(--bcm-new-ds-color-slate-200);display:inline-flex;width:fit-content;flex-direction:column;margin-bottom:8px}.bcm-checkbox:focus,.bcm-checkbox:hover,.bcm-checkbox:active{outline:none;border:none}.bcm-checkbox *{box-sizing:border-box}.bcm-checkbox input[type=radio],.bcm-checkbox input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:#fff;margin:0;display:none}.bcm-checkbox__input{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap;padding-top:4px}.bcm-checkbox.hidden{display:none}.bcm-checkbox :hover{cursor:pointer}.bcm-checkbox[disabled] :hover,.bcm-checkbox.disabled :hover{cursor:not-allowed}.bcm-checkbox .slot{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-weight:500;color:var(--bcm-new-ds-color-slate-600)}.bcm-checkbox .slot:not(:empty){margin-left:8px;margin-right:8px}.bcm-checkbox-size-small .slot{font-size:12px;line-height:calc(12px + 8px);margin-top:-2.5px}.bcm-checkbox-size-small .bcm-checkbox__input{min-height:calc(24px - 4px)}.bcm-checkbox-size-small .bcm-checkbox__label-icon{width:14px;height:14px;min-width:14px;font-size:calc(10px - 2px)}.bcm-checkbox-size-medium .slot{font-size:calc(12px + 1px);line-height:calc(12px + 8px);margin-top:-1.5px}.bcm-checkbox-size-medium .bcm-checkbox__input{min-height:calc(32px - 4px)}.bcm-checkbox-size-medium .bcm-checkbox__label-icon{width:16px;height:16px;min-width:16px;font-size:10px}.bcm-checkbox-size-large .slot{font-size:16px;line-height:calc(16px + 8px);margin-top:-1.5px}.bcm-checkbox-size-large .bcm-checkbox__input{min-height:calc(32px - 4px)}.bcm-checkbox-size-large .bcm-checkbox__label-icon{width:18px;height:18px;min-width:18px;font-size:12px}.bcm-checkbox__label{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap}.bcm-checkbox__label-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-wrap:nowrap;border-width:1px;border-style:solid;border-radius:2px}.bcm-checkbox__label-icon-indeterminate{position:relative}.bcm-checkbox__label-icon-indeterminate:after{content:\"\";display:block;position:absolute;width:70%;height:1.5px;background:var(--bcm-new-ds-color-white)}.bcm-checkbox__label-icon.bcm-radio__icon{width:16px;height:16px;box-sizing:border-box;border-radius:100px}.bcm-checkbox__label-icon.bcm-radio__icon .bcm-radio__icon-inner{width:10px;height:10px;border-radius:100px;background-color:var(--bcm-new-ds-color-white)}.bcm-checkbox .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-default);color:var(--bcm-checkbox-secondary-color-default);border-color:var(--bcm-new-ds-color-slate-300)}.bcm-checkbox .bcm-checkbox__label-icon-checked,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-default);border-color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-default);background-color:var(--bcm-checkbox-secondary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox:hover .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-hover);color:var(--bcm-checkbox-secondary-color-hover);border-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-hover);border-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-hover);background-color:var(--bcm-checkbox-secondary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-focus-visible);color:var(--bcm-checkbox-secondary-color-focus-visible);border-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-focus-visible);border-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-focus-visible);background-color:var(--bcm-checkbox-secondary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:active .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-active);color:var(--bcm-checkbox-secondary-color-active);border-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-active);border-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-active);background-color:var(--bcm-checkbox-secondary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-disabled);color:var(--bcm-checkbox-secondary-color-disabled);border-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-disabled);border-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-disabled);background-color:var(--bcm-checkbox-secondary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[no-margin] .bcm-checkbox__input{margin:0;min-height:0;padding:0}";
19
19
 
20
20
  var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
21
21
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
package/dist/components/colorful.js CHANGED
@@ -17198,7 +17198,7 @@ var lodash = createCommonjsModule(function (module, exports) {
17198
17198
  }.call(commonjsGlobal));
17199
17199
  });
17200
17200
 
17201
- const colorfulCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); @import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); @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-caption-area{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-size:12px;line-height:calc(12px + 8px);color:var(--bcm-new-ds-color-slate-400);display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;flex-wrap:nowrap;margin-top:2px}.bcm-caption-area__text{color:var(--bcm-new-ds-color-slate-400)}.bcm-caption-area__text.default{color:var(--bcm-new-ds-color-slate-400)}.bcm-caption-area__text.info{color:var(--bcm-new-ds-color-blue-500)}.bcm-caption-area__text.success{color:var(--bcm-new-ds-color-emerald-500)}.bcm-caption-area__text.warning{color:var(--bcm-new-ds-color-amber-500)}.bcm-caption-area__text.error{color:var(--bcm-new-ds-color-red-500)}.bcm-caption-area__size-small{font-size:10px;line-height:calc(10px + 8px);min-height:calc(10px + 8px)}.bcm-caption-area__size-medium{font-size:12px;line-height:calc(12px + 8px);min-height:calc(12px + 8px)}.bcm-caption-area__size-large{font-size:14px;line-height:calc(14px + 8px);min-height:calc(14px + 8px)}*{box-sizing:border-box}.bcm-label{display:inline-flex;align-items:flex-start;grid-gap:2px}.bcm-label__text{margin-bottom:2px;font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-block;color:var(--bcm-new-ds-color-slate-600)}.bcm-label__size-small{font-size:10px;line-height:calc(10px + 8px);min-height:calc(10px + 8px)}.bcm-label__size-medium{font-size:12px;line-height:calc(12px + 8px);min-height:calc(12px + 8px)}.bcm-label__size-large{font-size:14px;line-height:calc(14px + 8px);min-height:calc(14px + 8px)}.bcm-input[no-margin]{margin:0}.bcm-textarea[no-margin]{margin:0}.bcm-switch[no-margin]{margin:0}.bcm-checkbox[no-margin]{margin:0}.bcm-radio-group[no-margin]{margin:0}.bcm-checkbox-group[no-margin]{margin:0}.bcm-range[no-margin]{margin:0}.bcm-form[no-margin]{margin:0}.bcm-form-group[no-margin]{margin:0}.bcm-list[no-margin]{margin:0}.bcm-colorpicker[no-margin]{margin:0}.bcm-date-picker[no-margin]{margin:0}.bcm-time-picker[no-margin]{margin:0}.bcm-datetime-picker[no-margin]{margin:0}.bcm-select[no-margin]{margin:0}.bcm-listbox[no-margin]{margin:0}*{box-sizing:border-box}.bcm-input{display:inline-flex;flex-direction:column;width:100%;max-width:256px;margin-bottom:8px}.bcm-input.full-width{max-width:100%}.bcm-input.hidden{display:none}.bcm-input__container{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:flex;align-items:stretch;flex-direction:row;background-color:var(--bcm-new-ds-color-white);border:1px solid var(--bcm-new-ds-color-slate-300);border-radius:4px;box-sizing:border-box;cursor:text;padding:0 0 0 4px;position:relative;width:100%}.bcm-input__container.disabled{background-color:var(--bcm-new-ds-color-slate-50);cursor:not-allowed}.bcm-input__container.disabled .bcm-input-element{color:var(--bcm-new-ds-color-slate-500)}.bcm-input__container.readonly{background-color:var(--bcm-new-ds-color-slate-50);cursor:default}.bcm-input__container.readonly .bcm-input-element{color:var(--bcm-new-ds-color-slate-600)}.bcm-input__container:not(.disabled):hover .caret-container,.bcm-input__container:not(.disabled).focused .caret-container{opacity:1}.bcm-input__container:not(.disabled):hover .input-clear-button,.bcm-input__container:not(.disabled).focused .input-clear-button{opacity:1}.bcm-input__container:not(.disabled).focused{background-color:var(--bcm-new-ds-color-slate-50)}.bcm-input__container:not(.disabled):hover{border-color:var(--bcm-color-prime-blue-6)}.bcm-input__container.empty .input-clear-button{display:none}.bcm-input__container.invalid,.bcm-input__container.error{border-color:var(--bcm-new-ds-color-red-500)}.bcm-input__container .bcm-input-element{width:100%;color:var(--bcm-new-ds-color-slate-600);flex:1;border:none;background:transparent;box-shadow:unset;padding:0 4px;font-family:\"Inter\", sans-serif;cursor:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;text-overflow:ellipsis}.bcm-input__container .bcm-input-element::placeholder{font-family:\"Inter\", sans-serif;color:var(--bcm-new-ds-color-slate-300);user-select:none}.bcm-input__container .bcm-input-element::-webkit-search-decoration,.bcm-input__container .bcm-input-element::-webkit-search-cancel-button,.bcm-input__container .bcm-input-element::-webkit-search-results-button,.bcm-input__container .bcm-input-element::-webkit-search-results-decoration,.bcm-input__container .bcm-input-element::-webkit-calendar-picker-indicator,.bcm-input__container .bcm-input-element::-webkit-inner-spin-button,.bcm-input__container .bcm-input-element::-webkit-outer-spin-button{-webkit-appearance:none}.bcm-input__container .caret-container{width:30px;display:flex;flex-direction:column;justify-content:center;align-items:stretch;border-left:1px solid #D9D9D9;transition:0.2s opacity;user-select:none;box-sizing:border-box}.bcm-input__container .caret-container .bcm-input-caret{display:flex;align-items:center;justify-content:center;color:var(--bcm-color-grey-7);cursor:pointer;flex:1}.bcm-input__container .caret-container .bcm-input-caret bcm-icon{line-height:1}.bcm-input__container .caret-container .bcm-input-caret:hover{color:var(--bcm-color-prime-blue-6)}.bcm-input__container .caret-container .bcm-input-caret:active{background-color:var(--bcm-color-grey-3)}.bcm-input__container .caret-container .bcm-input-caret:last-child{border-top:1px solid #D9D9D9}.bcm-input__container .caret-container.disabled{background-color:var(--bcm-color-grey-3)}.bcm-input__container .caret-container.disabled .bcm-input-caret{cursor:not-allowed}.bcm-input__container .input-suffix-content{display:flex;align-items:center;justify-content:center}.bcm-input__container .input-prefix:not(:empty){padding-left:4px}.bcm-input__container .input-suffix:not(:empty){min-width:24px;padding-right:4px}.bcm-input__container .input-prefix:not(:empty),.bcm-input__container .input-suffix:not(:empty){display:flex;align-items:center;justify-content:center;cursor:default;color:#64748a}.bcm-input__container .input-prefix:not(:empty) .unit-prefix,.bcm-input__container .input-suffix:not(:empty) .unit-prefix{color:#64748a}.bcm-input__container .input-prefix-button:not(:empty),.bcm-input__container .input-suffix-button:not(:empty){cursor:pointer}.bcm-input__container .caret-container,.bcm-input__container .input-clear-button{opacity:0}.bcm-input__container--small{font-size:12px}.bcm-input__container--medium{font-size:14px}.bcm-input__container--large{font-size:16px}.bcm-input__textarea.clearable .bcm-input-element{padding-right:24px}.bcm-input__textarea .input-clear-button{position:absolute;top:4px;right:0}bcm-colorful{display:flex;flex-direction:column;width:256px;padding:8px;background-color:#fff;border-radius:4px}bcm-colorful .react-colorful{width:100%;gap:4px}bcm-colorful .react-colorful__saturation{margin:0 0 4px 0;border-radius:2px;border-bottom:none}bcm-colorful .react-colorful__hue,bcm-colorful .react-colorful__alpha{height:20px;border-radius:2px}bcm-colorful .react-colorful__hue-pointer,bcm-colorful .react-colorful__alpha-pointer{width:15px;height:15px}bcm-colorful .react-colorful__saturation-pointer{width:20px;height:20px}";
17201
+ const colorfulCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-input[no-margin]{margin:0}.bcm-textarea[no-margin]{margin:0}.bcm-switch[no-margin]{margin:0}.bcm-checkbox[no-margin]{margin:0}.bcm-radio-group[no-margin]{margin:0}.bcm-checkbox-group[no-margin]{margin:0}.bcm-range[no-margin]{margin:0}.bcm-form[no-margin]{margin:0}.bcm-form-group[no-margin]{margin:0}.bcm-list[no-margin]{margin:0}.bcm-colorpicker[no-margin]{margin:0}.bcm-date-picker[no-margin]{margin:0}.bcm-time-picker[no-margin]{margin:0}.bcm-datetime-picker[no-margin]{margin:0}.bcm-select[no-margin]{margin:0}.bcm-listbox[no-margin]{margin:0}*{box-sizing:border-box}.bcm-input{display:inline-flex;flex-direction:column;width:100%;max-width:256px;margin-bottom:8px}.bcm-input.full-width{max-width:100%}.bcm-input.hidden{display:none}.bcm-input__container{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:flex;align-items:stretch;flex-direction:row;background-color:var(--bcm-new-ds-color-white);border:1px solid var(--bcm-new-ds-color-slate-300);border-radius:4px;box-sizing:border-box;cursor:text;padding:0 0 0 4px;position:relative;width:100%}.bcm-input__container.disabled{background-color:var(--bcm-new-ds-color-slate-50);cursor:not-allowed}.bcm-input__container.disabled .bcm-input-element{color:var(--bcm-new-ds-color-slate-500)}.bcm-input__container.readonly{background-color:var(--bcm-new-ds-color-slate-50);cursor:default}.bcm-input__container.readonly .bcm-input-element{color:var(--bcm-new-ds-color-slate-600)}.bcm-input__container:not(.disabled):hover .caret-container,.bcm-input__container:not(.disabled).focused .caret-container{opacity:1}.bcm-input__container:not(.disabled):hover .input-clear-button,.bcm-input__container:not(.disabled).focused .input-clear-button{opacity:1}.bcm-input__container:not(.disabled).focused{background-color:var(--bcm-new-ds-color-slate-50)}.bcm-input__container:not(.disabled):hover{border-color:var(--bcm-color-prime-blue-6)}.bcm-input__container.empty .input-clear-button{display:none}.bcm-input__container.invalid,.bcm-input__container.error{border-color:var(--bcm-new-ds-color-red-500)}.bcm-input__container .bcm-input-element{width:100%;color:var(--bcm-new-ds-color-slate-600);flex:1;border:none;background:transparent;box-shadow:unset;padding:0 4px;font-family:\"Inter\", sans-serif;cursor:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;text-overflow:ellipsis}.bcm-input__container .bcm-input-element::placeholder{font-family:\"Inter\", sans-serif;color:var(--bcm-new-ds-color-slate-300);user-select:none}.bcm-input__container .bcm-input-element::-webkit-search-decoration,.bcm-input__container .bcm-input-element::-webkit-search-cancel-button,.bcm-input__container .bcm-input-element::-webkit-search-results-button,.bcm-input__container .bcm-input-element::-webkit-search-results-decoration,.bcm-input__container .bcm-input-element::-webkit-calendar-picker-indicator,.bcm-input__container .bcm-input-element::-webkit-inner-spin-button,.bcm-input__container .bcm-input-element::-webkit-outer-spin-button{-webkit-appearance:none}.bcm-input__container .caret-container{width:30px;display:flex;flex-direction:column;justify-content:center;align-items:stretch;border-left:1px solid #D9D9D9;transition:0.2s opacity;user-select:none;box-sizing:border-box}.bcm-input__container .caret-container .bcm-input-caret{display:flex;align-items:center;justify-content:center;color:var(--bcm-color-grey-7);cursor:pointer;flex:1}.bcm-input__container .caret-container .bcm-input-caret bcm-icon{line-height:1}.bcm-input__container .caret-container .bcm-input-caret:hover{color:var(--bcm-color-prime-blue-6)}.bcm-input__container .caret-container .bcm-input-caret:active{background-color:var(--bcm-color-grey-3)}.bcm-input__container .caret-container .bcm-input-caret:last-child{border-top:1px solid #D9D9D9}.bcm-input__container .caret-container.disabled{background-color:var(--bcm-color-grey-3)}.bcm-input__container .caret-container.disabled .bcm-input-caret{cursor:not-allowed}.bcm-input__container .input-suffix-content{display:flex;align-items:center;justify-content:center}.bcm-input__container .input-prefix:not(:empty){padding-left:4px}.bcm-input__container .input-suffix:not(:empty){min-width:24px;padding-right:4px}.bcm-input__container .input-prefix:not(:empty),.bcm-input__container .input-suffix:not(:empty){display:flex;align-items:center;justify-content:center;cursor:default;color:#64748a}.bcm-input__container .input-prefix:not(:empty) .unit-prefix,.bcm-input__container .input-suffix:not(:empty) .unit-prefix{color:#64748a}.bcm-input__container .input-prefix-button:not(:empty),.bcm-input__container .input-suffix-button:not(:empty){cursor:pointer}.bcm-input__container .caret-container,.bcm-input__container .input-clear-button{opacity:0}.bcm-input__container--small{font-size:12px}.bcm-input__container--medium{font-size:14px}.bcm-input__container--large{font-size:16px}.bcm-input__textarea.clearable .bcm-input-element{padding-right:24px}.bcm-input__textarea .input-clear-button{position:absolute;top:4px;right:0}bcm-colorful{display:flex;flex-direction:column;width:256px;padding:8px;background-color:#fff;border-radius:4px}bcm-colorful .react-colorful{width:100%;gap:4px}bcm-colorful .react-colorful__saturation{margin:0 0 4px 0;border-radius:2px;border-bottom:none}bcm-colorful .react-colorful__hue,bcm-colorful .react-colorful__alpha{height:20px;border-radius:2px}bcm-colorful .react-colorful__hue-pointer,bcm-colorful .react-colorful__alpha-pointer{width:15px;height:15px}bcm-colorful .react-colorful__saturation-pointer{width:20px;height:20px}";
17202
17202
 
17203
17203
  const BcmColorful = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
17204
17204
  constructor() {
package/dist/components/datetime-picker.js CHANGED
@@ -10,10 +10,9 @@ import { d as delay } from './utils.js';
10
10
  import { G as Generate } from './generate.js';
11
11
  import { B as Bcm } from './bcm.js';
12
12
  import { g as getPlacement, s as setPosition } from './popover-placement.js';
13
- import { L as LabelTemplate } from './label-template.js';
13
+ import { L as LabelTemplate, d as defineCustomElement$3 } from './label.js';
14
14
  import { I as IsLoad } from './is-load-decorator.js';
15
15
  import { d as defineCustomElement$4 } from './icon.js';
16
- import { d as defineCustomElement$3 } from './label.js';
17
16
  import { d as defineCustomElement$2 } from './old-input.js';
18
17
  import { d as defineCustomElement$1 } from './tooltip.js';
19
18
 
@@ -53,7 +52,7 @@ var Types;
53
52
  Types["time"] = "time";
54
53
  })(Types || (Types = {}));
55
54
 
56
- const datetimePickerCss = "@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\"); @import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); @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-caption-area{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-size:12px;line-height:calc(12px + 8px);color:var(--bcm-new-ds-color-slate-400);display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;flex-wrap:nowrap;margin-top:2px}.bcm-caption-area__text{color:var(--bcm-new-ds-color-slate-400)}.bcm-caption-area__text.default{color:var(--bcm-new-ds-color-slate-400)}.bcm-caption-area__text.info{color:var(--bcm-new-ds-color-blue-500)}.bcm-caption-area__text.success{color:var(--bcm-new-ds-color-emerald-500)}.bcm-caption-area__text.warning{color:var(--bcm-new-ds-color-amber-500)}.bcm-caption-area__text.error{color:var(--bcm-new-ds-color-red-500)}.bcm-caption-area__size-small{font-size:10px;line-height:calc(10px + 8px);min-height:calc(10px + 8px)}.bcm-caption-area__size-medium{font-size:12px;line-height:calc(12px + 8px);min-height:calc(12px + 8px)}.bcm-caption-area__size-large{font-size:14px;line-height:calc(14px + 8px);min-height:calc(14px + 8px)}*{box-sizing:border-box}.bcm-label{display:inline-flex;align-items:flex-start;grid-gap:2px}.bcm-label__text{margin-bottom:2px;font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-block;color:var(--bcm-new-ds-color-slate-600)}.bcm-label__size-small{font-size:10px;line-height:calc(10px + 8px);min-height:calc(10px + 8px)}.bcm-label__size-medium{font-size:12px;line-height:calc(12px + 8px);min-height:calc(12px + 8px)}.bcm-label__size-large{font-size:14px;line-height:calc(14px + 8px);min-height:calc(14px + 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}:host{display:inline-flex;flex-direction:column;position:relative;width:100%;max-width:256px;margin:0;margin-bottom:8px}:host(.full-width){max-width:100%}:host(.no-margin){margin:0}:host(.hidden){display:none}:host(.linked-component){display:none}.toggle{cursor:pointer}.toggle.disabled{cursor:not-allowed}.modules{display:flex}.picker-label{user-select:none;line-height:1}.datetime-picker{position:absolute;top:-1000px;display:inline-flex;flex-direction:column;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);opacity:0;visibility:hidden;transition:transform 0.2s ease, opacity 0.3s ease;transform:scale(0.8) translateY(-100px);background-color:#ffffff;min-height:356px;max-height:356px;box-sizing:border-box;z-index:-1000}.datetime-picker.alignment-left{left:0}.datetime-picker.alignment-right{right:0}.datetime-picker.open{top:calc(100% - 28px);z-index:10000;opacity:1;visibility:visible;transform:scale(1) translateY(0)}.datetime-picker.open.no-caption{top:100%}.actions{display:flex;align-items:center;justify-content:space-between;padding:8px;margin-top:auto;border-top:1px solid var(--bcm-color-grey-6)}.actions .current-date{font-size:14px;line-height:22px;color:var(--bcm-color-prime-blue-6);text-transform:capitalize}.date-container+.time-container{border-left:1px solid #cecece}.time-container{width:185px}.time-container .bcm-datetime-picker__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;max-height:60px;border-bottom:1px solid var(--bcm-color-grey-4)}.time-container .bcm-datetime-picker__header .now{font-size:14px;line-height:22px;cursor:pointer;color:var(--bcm-color-prime-blue-6);user-select:none}.time-container .bcm-datetime-picker__content{position:relative;display:flex}.time-container .hours,.time-container .minutes,.time-container .time-period{position:relative;flex:1 1 100%;max-width:100%;height:280px;overflow:hidden}.time-container .hours .items>span,.time-container .minutes .items>span,.time-container .time-period .items>span{font-size:14px;color:var(--bcm-color-grey-8)}.time-container .hours .items>span.selected,.time-container .minutes .items>span.selected,.time-container .time-period .items>span.selected{color:var(--bcm-color-prime-blue-6)}.date-container{width:364px;}.date-container .bcm-datetime-picker__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;max-height:60px;border-bottom:1px solid var(--bcm-color-grey-4)}.date-container .bcm-datetime-picker__header .month-year-wrapper{display:flex;align-items:center;justify-content:center;margin:0 4px;min-width:125px}.date-container .bcm-datetime-picker__header .month-year{font-size:16px;line-height:24px}.date-container .bcm-datetime-picker__header .month-year{display:flex;align-items:center}.date-container .bcm-datetime-picker__header .month-year button{display:flex;align-items:center;box-shadow:none;background:transparent;outline:none;appearance:none;border:none;color:var(--bcm-color-prime-blue-6);cursor:pointer}.date-container .bcm-datetime-picker__header .month{text-transform:capitalize}.date-container .bcm-datetime-picker__header .year{padding-left:4px}.date-container .bcm-datetime-picker__header .today{font-size:14px;line-height:22px;cursor:pointer;color:var(--bcm-color-prime-blue-6);user-select:none}.date-container .bcm-datetime-picker__content{display:flex}.date-container .years{position:relative;flex:0 0 70px;max-width:70px;height:280px;overflow:hidden;background-color:var(--bcm-color-grey-2)}.date-container .days{width:100%}.date-container .day-numbers,.date-container .day-labels{display:grid;grid-template-columns:repeat(7, 1fr)}.date-container .day-numbers{padding:24px 24px}.date-container .day-numbers>span,.date-container .day-labels span{text-align:center}.date-container .day-numbers>span{position:relative;padding-bottom:100%;cursor:pointer}.date-container .day-numbers>span.not-this-month{color:var(--bcm-color-grey-4)}.date-container .day-numbers>span.is-weekend{color:var(--bcm-color-prime-blue-3)}.date-container .day-numbers>span.is-disabled-date:not(.today){color:var(--bcm-color-grey-4);cursor:not-allowed}.date-container .day-numbers>span.is-disabled-date:not(.today):before{opacity:0 !important}.date-container .day-numbers>span.today{color:var(--bcm-color-prime-blue-6)}.date-container .day-numbers>span.today:before{opacity:1;background-color:var(--bcm-color-prime-blue-2);border:1px solid var(--bcm-color-prime-blue-6)}.date-container .day-numbers>span.selected-start{background:linear-gradient(90deg, white 50%, #8abde2 50%) !important}.date-container .day-numbers>span.selected-end{background:linear-gradient(90deg, #8abde2 50%, white 50%) !important}.date-container .day-numbers>span.range{background:#8abde2}.date-container .day-numbers>span.range:not(.today){color:#ffffff}.date-container .day-numbers>span.range:not(.today):before{background-color:var(--bcm-color-prime-blue-6)}.date-container .day-numbers>span.range.is-weekend:not(.today){color:var(--bcm-color-prime-blue-2)}.date-container .day-numbers>span.selected,.date-container .day-numbers>span.selected-end{color:#ffffff}.date-container .day-numbers>span.selected:before,.date-container .day-numbers>span.selected-end:before{opacity:1;background-color:var(--bcm-color-prime-blue-6)}.date-container .day-numbers.start-1>span:first-child{grid-column:1}.date-container .day-numbers.start-2>span:first-child{grid-column:2}.date-container .day-numbers.start-3>span:first-child{grid-column:3}.date-container .day-numbers.start-4>span:first-child{grid-column:4}.date-container .day-numbers.start-5>span:first-child{grid-column:5}.date-container .day-numbers.start-6>span:first-child{grid-column:6}.date-container .day-numbers.start-7>span:first-child{grid-column:7}.date-container .day-numbers>span:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:var(--bcm-color-grey-4);opacity:0;box-sizing:border-box}.date-container .day-numbers>span:hover.not-this-month:not(.is-weekend){color:var(--bcm-color-grey-6)}.date-container .day-numbers>span:hover:before{opacity:1}.date-container .day-numbers .number{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.date-container .day-labels{padding:24px 40px 0 40px}.date-container .day-labels span{font-size:12px;color:var(--bcm-color-grey-6)}.date-container .day-labels span:nth-child(7n+6),.date-container .day-labels span:nth-child(7n+7){color:var(--bcm-color-prime-blue-3)}.years .items,.hours .items,.minutes .items,.time-period .items{position:relative;display:flex;flex-direction:column;z-index:0;transform:translateY(0);scroll-behavior:smooth}.years .items>span,.hours .items>span,.minutes .items>span,.time-period .items>span{text-align:center;font-size:12px;min-height:26px;max-height:26px;line-height:26px;color:var(--bcm-color-grey-8);user-select:none}.years:before,.years:after,.hours:before,.hours:after,.minutes:before,.minutes:after,.time-period:before,.time-period:after{content:\"\";position:absolute;left:0;width:100%;height:40px}.years:before,.hours:before,.minutes:before,.time-period:before{top:-40px;box-shadow:0 10px 100px 70px #ffffff;z-index:1}.years:after,.hours:after,.minutes:after,.time-period:after{bottom:-40px;box-shadow:0 -10px 100px 70px #ffffff;z-index:2}.select-strip{position:absolute;width:100%;top:50%;left:0;transform:translateY(-50%);min-height:26px;max-height:26px;border:1px solid var(--bcm-color-grey-5);border-left:0;border-right:0;pointer-events:none;box-sizing:border-box}.picker-input-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:stretch}";
55
+ const datetimePickerCss = "@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}:host{display:inline-flex;flex-direction:column;position:relative;width:100%;max-width:256px;margin:0;margin-bottom:8px}:host(.full-width){max-width:100%}:host(.no-margin){margin:0}:host(.hidden){display:none}:host(.linked-component){display:none}.toggle{cursor:pointer}.toggle.disabled{cursor:not-allowed}.modules{display:flex}.picker-label{user-select:none;line-height:1}.datetime-picker{position:absolute;top:-1000px;display:inline-flex;flex-direction:column;box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);opacity:0;visibility:hidden;transition:transform 0.2s ease, opacity 0.3s ease;transform:scale(0.8) translateY(-100px);background-color:#ffffff;min-height:356px;max-height:356px;box-sizing:border-box;z-index:-1000}.datetime-picker.alignment-left{left:0}.datetime-picker.alignment-right{right:0}.datetime-picker.open{top:calc(100% - 28px);z-index:10000;opacity:1;visibility:visible;transform:scale(1) translateY(0)}.datetime-picker.open.no-caption{top:100%}.actions{display:flex;align-items:center;justify-content:space-between;padding:8px;margin-top:auto;border-top:1px solid var(--bcm-color-grey-6)}.actions .current-date{font-size:14px;line-height:22px;color:var(--bcm-color-prime-blue-6);text-transform:capitalize}.date-container+.time-container{border-left:1px solid #cecece}.time-container{width:185px}.time-container .bcm-datetime-picker__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;max-height:60px;border-bottom:1px solid var(--bcm-color-grey-4)}.time-container .bcm-datetime-picker__header .now{font-size:14px;line-height:22px;cursor:pointer;color:var(--bcm-color-prime-blue-6);user-select:none}.time-container .bcm-datetime-picker__content{position:relative;display:flex}.time-container .hours,.time-container .minutes,.time-container .time-period{position:relative;flex:1 1 100%;max-width:100%;height:280px;overflow:hidden}.time-container .hours .items>span,.time-container .minutes .items>span,.time-container .time-period .items>span{font-size:14px;color:var(--bcm-color-grey-8)}.time-container .hours .items>span.selected,.time-container .minutes .items>span.selected,.time-container .time-period .items>span.selected{color:var(--bcm-color-prime-blue-6)}.date-container{width:364px;}.date-container .bcm-datetime-picker__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;max-height:60px;border-bottom:1px solid var(--bcm-color-grey-4)}.date-container .bcm-datetime-picker__header .month-year-wrapper{display:flex;align-items:center;justify-content:center;margin:0 4px;min-width:125px}.date-container .bcm-datetime-picker__header .month-year{font-size:16px;line-height:24px}.date-container .bcm-datetime-picker__header .month-year{display:flex;align-items:center}.date-container .bcm-datetime-picker__header .month-year button{display:flex;align-items:center;box-shadow:none;background:transparent;outline:none;appearance:none;border:none;color:var(--bcm-color-prime-blue-6);cursor:pointer}.date-container .bcm-datetime-picker__header .month{text-transform:capitalize}.date-container .bcm-datetime-picker__header .year{padding-left:4px}.date-container .bcm-datetime-picker__header .today{font-size:14px;line-height:22px;cursor:pointer;color:var(--bcm-color-prime-blue-6);user-select:none}.date-container .bcm-datetime-picker__content{display:flex}.date-container .years{position:relative;flex:0 0 70px;max-width:70px;height:280px;overflow:hidden;background-color:var(--bcm-color-grey-2)}.date-container .days{width:100%}.date-container .day-numbers,.date-container .day-labels{display:grid;grid-template-columns:repeat(7, 1fr)}.date-container .day-numbers{padding:24px 24px}.date-container .day-numbers>span,.date-container .day-labels span{text-align:center}.date-container .day-numbers>span{position:relative;padding-bottom:100%;cursor:pointer}.date-container .day-numbers>span.not-this-month{color:var(--bcm-color-grey-4)}.date-container .day-numbers>span.is-weekend{color:var(--bcm-color-prime-blue-3)}.date-container .day-numbers>span.is-disabled-date:not(.today){color:var(--bcm-color-grey-4);cursor:not-allowed}.date-container .day-numbers>span.is-disabled-date:not(.today):before{opacity:0 !important}.date-container .day-numbers>span.today{color:var(--bcm-color-prime-blue-6)}.date-container .day-numbers>span.today:before{opacity:1;background-color:var(--bcm-color-prime-blue-2);border:1px solid var(--bcm-color-prime-blue-6)}.date-container .day-numbers>span.selected-start{background:linear-gradient(90deg, white 50%, #8abde2 50%) !important}.date-container .day-numbers>span.selected-end{background:linear-gradient(90deg, #8abde2 50%, white 50%) !important}.date-container .day-numbers>span.range{background:#8abde2}.date-container .day-numbers>span.range:not(.today){color:#ffffff}.date-container .day-numbers>span.range:not(.today):before{background-color:var(--bcm-color-prime-blue-6)}.date-container .day-numbers>span.range.is-weekend:not(.today){color:var(--bcm-color-prime-blue-2)}.date-container .day-numbers>span.selected,.date-container .day-numbers>span.selected-end{color:#ffffff}.date-container .day-numbers>span.selected:before,.date-container .day-numbers>span.selected-end:before{opacity:1;background-color:var(--bcm-color-prime-blue-6)}.date-container .day-numbers.start-1>span:first-child{grid-column:1}.date-container .day-numbers.start-2>span:first-child{grid-column:2}.date-container .day-numbers.start-3>span:first-child{grid-column:3}.date-container .day-numbers.start-4>span:first-child{grid-column:4}.date-container .day-numbers.start-5>span:first-child{grid-column:5}.date-container .day-numbers.start-6>span:first-child{grid-column:6}.date-container .day-numbers.start-7>span:first-child{grid-column:7}.date-container .day-numbers>span:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-color:var(--bcm-color-grey-4);opacity:0;box-sizing:border-box}.date-container .day-numbers>span:hover.not-this-month:not(.is-weekend){color:var(--bcm-color-grey-6)}.date-container .day-numbers>span:hover:before{opacity:1}.date-container .day-numbers .number{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.date-container .day-labels{padding:24px 40px 0 40px}.date-container .day-labels span{font-size:12px;color:var(--bcm-color-grey-6)}.date-container .day-labels span:nth-child(7n+6),.date-container .day-labels span:nth-child(7n+7){color:var(--bcm-color-prime-blue-3)}.years .items,.hours .items,.minutes .items,.time-period .items{position:relative;display:flex;flex-direction:column;z-index:0;transform:translateY(0);scroll-behavior:smooth}.years .items>span,.hours .items>span,.minutes .items>span,.time-period .items>span{text-align:center;font-size:12px;min-height:26px;max-height:26px;line-height:26px;color:var(--bcm-color-grey-8);user-select:none}.years:before,.years:after,.hours:before,.hours:after,.minutes:before,.minutes:after,.time-period:before,.time-period:after{content:\"\";position:absolute;left:0;width:100%;height:40px}.years:before,.hours:before,.minutes:before,.time-period:before{top:-40px;box-shadow:0 10px 100px 70px #ffffff;z-index:1}.years:after,.hours:after,.minutes:after,.time-period:after{bottom:-40px;box-shadow:0 -10px 100px 70px #ffffff;z-index:2}.select-strip{position:absolute;width:100%;top:50%;left:0;transform:translateY(-50%);min-height:26px;max-height:26px;border:1px solid var(--bcm-color-grey-5);border-left:0;border-right:0;pointer-events:none;box-sizing:border-box}.picker-input-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:stretch}";
57
56
 
58
57
  var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
59
58
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
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.10.1-rc.0";
8
+ const version = "2.10.1-rc.10";
9
9
 
10
10
  /**
11
11
  * 'status' prop predefined values
@@ -65,6 +65,15 @@ if (isAllowedDomain()) {
65
65
  }
66
66
  })();
67
67
  class Generate {
68
+ static prettify(input) {
69
+ const prettifiedObject = {};
70
+ for (const key in input) {
71
+ if (input.hasOwnProperty(key)) {
72
+ prettifiedObject[key] = input[key];
73
+ }
74
+ }
75
+ return prettifiedObject;
76
+ }
68
77
  /**
69
78
  const dc = Generate.getTwColor({
70
79
  color: "blue",
@@ -142,6 +151,11 @@ Generate.getIconAttrWithStatusType = (status, loading = false) => {
142
151
  return { icon: "far fa-check-circle" };
143
152
  }
144
153
  };
154
+ Generate.domParser = (html) => {
155
+ const parser = new DOMParser();
156
+ const doc = parser.parseFromString(html, "text/html");
157
+ return doc.body.innerText;
158
+ };
145
159
  Generate.createComponent = (el, props, area = "append-area") => {
146
160
  let container = area ? document.querySelector(area) : document.body;
147
161
  if (area && !container) {
package/dist/components/index.d.ts CHANGED
@@ -9,6 +9,7 @@ export { BcmBox as BcmBox } from '../types/components/other/box/box';
9
9
  export { BcmBreadcrumb as BcmBreadcrumb } from '../types/components/molecules/breadcrumb/breadcrumb';
10
10
  export { BcmButton as BcmButton } from '../types/components/atoms/button/button';
11
11
  export { BcmButtonGroup as BcmButtonGroup } from '../types/components/molecules/button-group/button-group';
12
+ export { BcmCaption as BcmCaption } from '../types/components/atoms/caption/caption';
12
13
  export { BcmCard as BcmCard } from '../types/components/molecules/card/card';
13
14
  export { BcmCheckbox as BcmCheckbox } from '../types/components/molecules/checkbox/checkbox';
14
15
  export { BcmCheckboxGroup as BcmCheckboxGroup } from '../types/components/molecules/checkbox/group';
@@ -54,6 +55,7 @@ export { BcmModal2 as BcmModal2 } from '../types/components/other/modal-2/modal-
54
55
  export { BcmModal2Footer as BcmModal2Footer } from '../types/components/other/modal-2/modal-2-footer';
55
56
  export { BcmModal2Header as BcmModal2Header } from '../types/components/other/modal-2/modal-2-header';
56
57
  export { BcmNotification as BcmNotification } from '../types/components/molecules/notification/notification';
58
+ export { NumberInput as BcmNumberInput } from '../types/components/molecules/number-input/number-input';
57
59
  export { BcmOldInput as BcmOldInput } from '../types/components/other_deprecated/old-input/old-input';
58
60
  export { BcmOldSearch as BcmOldSearch } from '../types/components/other_deprecated/old-search/old-search';
59
61
  export { BcmOldTag as BcmOldTag } from '../types/components/other_deprecated/old-tag/old-tag';
package/dist/components/index.js CHANGED
@@ -17,6 +17,7 @@ export { BcmBox, defineCustomElement as defineCustomElementBcmBox } from './bcm-
17
17
  export { BcmBreadcrumb, defineCustomElement as defineCustomElementBcmBreadcrumb } from './bcm-breadcrumb.js';
18
18
  export { BcmButton, defineCustomElement as defineCustomElementBcmButton } from './bcm-button.js';
19
19
  export { BcmButtonGroup, defineCustomElement as defineCustomElementBcmButtonGroup } from './bcm-button-group.js';
20
+ export { BcmCaption, defineCustomElement as defineCustomElementBcmCaption } from './bcm-caption.js';
20
21
  export { BcmCard, defineCustomElement as defineCustomElementBcmCard } from './bcm-card.js';
21
22
  export { BcmCheckbox, defineCustomElement as defineCustomElementBcmCheckbox } from './bcm-checkbox.js';
22
23
  export { BcmCheckboxGroup, defineCustomElement as defineCustomElementBcmCheckboxGroup } from './bcm-checkbox-group.js';
@@ -62,6 +63,7 @@ export { BcmModal2, defineCustomElement as defineCustomElementBcmModal2 } from '
62
63
  export { BcmModal2Footer, defineCustomElement as defineCustomElementBcmModal2Footer } from './bcm-modal-2-footer.js';
63
64
  export { BcmModal2Header, defineCustomElement as defineCustomElementBcmModal2Header } from './bcm-modal-2-header.js';
64
65
  export { BcmNotification, defineCustomElement as defineCustomElementBcmNotification } from './bcm-notification.js';
66
+ export { BcmNumberInput, defineCustomElement as defineCustomElementBcmNumberInput } from './bcm-number-input.js';
65
67
  export { BcmOldInput, defineCustomElement as defineCustomElementBcmOldInput } from './bcm-old-input.js';
66
68
  export { BcmOldSearch, defineCustomElement as defineCustomElementBcmOldSearch } from './bcm-old-search.js';
67
69
  export { BcmOldTag, defineCustomElement as defineCustomElementBcmOldTag } from './bcm-old-tag.js';
package/dist/components/input.js CHANGED
@@ -19,7 +19,7 @@ import { d as defineCustomElement$3 } from './label.js';
19
19
  import { d as defineCustomElement$2 } from './linked.js';
20
20
  import { d as defineCustomElement$1 } from './tooltip.js';
21
21
 
22
- const inputCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); @import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); @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-caption-area{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-size:12px;line-height:calc(12px + 8px);color:var(--bcm-new-ds-color-slate-400);display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;flex-wrap:nowrap;margin-top:2px}.bcm-caption-area__text{color:var(--bcm-new-ds-color-slate-400)}.bcm-caption-area__text.default{color:var(--bcm-new-ds-color-slate-400)}.bcm-caption-area__text.info{color:var(--bcm-new-ds-color-blue-500)}.bcm-caption-area__text.success{color:var(--bcm-new-ds-color-emerald-500)}.bcm-caption-area__text.warning{color:var(--bcm-new-ds-color-amber-500)}.bcm-caption-area__text.error{color:var(--bcm-new-ds-color-red-500)}.bcm-caption-area__size-small{font-size:10px;line-height:calc(10px + 8px);min-height:calc(10px + 8px)}.bcm-caption-area__size-medium{font-size:12px;line-height:calc(12px + 8px);min-height:calc(12px + 8px)}.bcm-caption-area__size-large{font-size:14px;line-height:calc(14px + 8px);min-height:calc(14px + 8px)}*{box-sizing:border-box}.bcm-label{display:inline-flex;align-items:flex-start;grid-gap:2px}.bcm-label__text{margin-bottom:2px;font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-block;color:var(--bcm-new-ds-color-slate-600)}.bcm-label__size-small{font-size:10px;line-height:calc(10px + 8px);min-height:calc(10px + 8px)}.bcm-label__size-medium{font-size:12px;line-height:calc(12px + 8px);min-height:calc(12px + 8px)}.bcm-label__size-large{font-size:14px;line-height:calc(14px + 8px);min-height:calc(14px + 8px)}.bcm-input[no-margin]{margin:0}.bcm-textarea[no-margin]{margin:0}.bcm-switch[no-margin]{margin:0}.bcm-checkbox[no-margin]{margin:0}.bcm-radio-group[no-margin]{margin:0}.bcm-checkbox-group[no-margin]{margin:0}.bcm-range[no-margin]{margin:0}.bcm-form[no-margin]{margin:0}.bcm-form-group[no-margin]{margin:0}.bcm-list[no-margin]{margin:0}.bcm-colorpicker[no-margin]{margin:0}.bcm-date-picker[no-margin]{margin:0}.bcm-time-picker[no-margin]{margin:0}.bcm-datetime-picker[no-margin]{margin:0}.bcm-select[no-margin]{margin:0}.bcm-listbox[no-margin]{margin:0}*{box-sizing:border-box}.bcm-input{display:inline-flex;flex-direction:column;width:100%;max-width:256px;margin-bottom:8px}.bcm-input.full-width{max-width:100%}.bcm-input.hidden{display:none}.bcm-input__container{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:flex;align-items:stretch;flex-direction:row;background-color:var(--bcm-new-ds-color-white);border:1px solid var(--bcm-new-ds-color-slate-300);border-radius:4px;box-sizing:border-box;cursor:text;padding:0 0 0 4px;position:relative;width:100%}.bcm-input__container.disabled{background-color:var(--bcm-new-ds-color-slate-50);cursor:not-allowed}.bcm-input__container.disabled .bcm-input-element{color:var(--bcm-new-ds-color-slate-500)}.bcm-input__container.readonly{background-color:var(--bcm-new-ds-color-slate-50);cursor:default}.bcm-input__container.readonly .bcm-input-element{color:var(--bcm-new-ds-color-slate-600)}.bcm-input__container:not(.disabled):hover .caret-container,.bcm-input__container:not(.disabled).focused .caret-container{opacity:1}.bcm-input__container:not(.disabled):hover .input-clear-button,.bcm-input__container:not(.disabled).focused .input-clear-button{opacity:1}.bcm-input__container:not(.disabled).focused{background-color:var(--bcm-new-ds-color-slate-50)}.bcm-input__container:not(.disabled):hover{border-color:var(--bcm-color-prime-blue-6)}.bcm-input__container.empty .input-clear-button{display:none}.bcm-input__container.invalid,.bcm-input__container.error{border-color:var(--bcm-new-ds-color-red-500)}.bcm-input__container .bcm-input-element{width:100%;color:var(--bcm-new-ds-color-slate-600);flex:1;border:none;background:transparent;box-shadow:unset;padding:0 4px;font-family:\"Inter\", sans-serif;cursor:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;text-overflow:ellipsis}.bcm-input__container .bcm-input-element::placeholder{font-family:\"Inter\", sans-serif;color:var(--bcm-new-ds-color-slate-300);user-select:none}.bcm-input__container .bcm-input-element::-webkit-search-decoration,.bcm-input__container .bcm-input-element::-webkit-search-cancel-button,.bcm-input__container .bcm-input-element::-webkit-search-results-button,.bcm-input__container .bcm-input-element::-webkit-search-results-decoration,.bcm-input__container .bcm-input-element::-webkit-calendar-picker-indicator,.bcm-input__container .bcm-input-element::-webkit-inner-spin-button,.bcm-input__container .bcm-input-element::-webkit-outer-spin-button{-webkit-appearance:none}.bcm-input__container .caret-container{width:30px;display:flex;flex-direction:column;justify-content:center;align-items:stretch;border-left:1px solid #D9D9D9;transition:0.2s opacity;user-select:none;box-sizing:border-box}.bcm-input__container .caret-container .bcm-input-caret{display:flex;align-items:center;justify-content:center;color:var(--bcm-color-grey-7);cursor:pointer;flex:1}.bcm-input__container .caret-container .bcm-input-caret bcm-icon{line-height:1}.bcm-input__container .caret-container .bcm-input-caret:hover{color:var(--bcm-color-prime-blue-6)}.bcm-input__container .caret-container .bcm-input-caret:active{background-color:var(--bcm-color-grey-3)}.bcm-input__container .caret-container .bcm-input-caret:last-child{border-top:1px solid #D9D9D9}.bcm-input__container .caret-container.disabled{background-color:var(--bcm-color-grey-3)}.bcm-input__container .caret-container.disabled .bcm-input-caret{cursor:not-allowed}.bcm-input__container .input-suffix-content{display:flex;align-items:center;justify-content:center}.bcm-input__container .input-prefix:not(:empty){padding-left:4px}.bcm-input__container .input-suffix:not(:empty){min-width:24px;padding-right:4px}.bcm-input__container .input-prefix:not(:empty),.bcm-input__container .input-suffix:not(:empty){display:flex;align-items:center;justify-content:center;cursor:default;color:#64748a}.bcm-input__container .input-prefix:not(:empty) .unit-prefix,.bcm-input__container .input-suffix:not(:empty) .unit-prefix{color:#64748a}.bcm-input__container .input-prefix-button:not(:empty),.bcm-input__container .input-suffix-button:not(:empty){cursor:pointer}.bcm-input__container .caret-container,.bcm-input__container .input-clear-button{opacity:0}.bcm-input__container--small{font-size:12px}.bcm-input__container--medium{font-size:14px}.bcm-input__container--large{font-size:16px}.bcm-input__textarea.clearable .bcm-input-element{padding-right:24px}.bcm-input__textarea .input-clear-button{position:absolute;top:4px;right:0}";
22
+ const inputCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-input[no-margin]{margin:0}.bcm-textarea[no-margin]{margin:0}.bcm-switch[no-margin]{margin:0}.bcm-checkbox[no-margin]{margin:0}.bcm-radio-group[no-margin]{margin:0}.bcm-checkbox-group[no-margin]{margin:0}.bcm-range[no-margin]{margin:0}.bcm-form[no-margin]{margin:0}.bcm-form-group[no-margin]{margin:0}.bcm-list[no-margin]{margin:0}.bcm-colorpicker[no-margin]{margin:0}.bcm-date-picker[no-margin]{margin:0}.bcm-time-picker[no-margin]{margin:0}.bcm-datetime-picker[no-margin]{margin:0}.bcm-select[no-margin]{margin:0}.bcm-listbox[no-margin]{margin:0}*{box-sizing:border-box}.bcm-input{display:inline-flex;flex-direction:column;width:100%;max-width:256px;margin-bottom:8px}.bcm-input.full-width{max-width:100%}.bcm-input.hidden{display:none}.bcm-input__container{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:flex;align-items:stretch;flex-direction:row;background-color:var(--bcm-new-ds-color-white);border:1px solid var(--bcm-new-ds-color-slate-300);border-radius:4px;box-sizing:border-box;cursor:text;padding:0 0 0 4px;position:relative;width:100%}.bcm-input__container.disabled{background-color:var(--bcm-new-ds-color-slate-50);cursor:not-allowed}.bcm-input__container.disabled .bcm-input-element{color:var(--bcm-new-ds-color-slate-500)}.bcm-input__container.readonly{background-color:var(--bcm-new-ds-color-slate-50);cursor:default}.bcm-input__container.readonly .bcm-input-element{color:var(--bcm-new-ds-color-slate-600)}.bcm-input__container:not(.disabled):hover .caret-container,.bcm-input__container:not(.disabled).focused .caret-container{opacity:1}.bcm-input__container:not(.disabled):hover .input-clear-button,.bcm-input__container:not(.disabled).focused .input-clear-button{opacity:1}.bcm-input__container:not(.disabled).focused{background-color:var(--bcm-new-ds-color-slate-50)}.bcm-input__container:not(.disabled):hover{border-color:var(--bcm-color-prime-blue-6)}.bcm-input__container.empty .input-clear-button{display:none}.bcm-input__container.invalid,.bcm-input__container.error{border-color:var(--bcm-new-ds-color-red-500)}.bcm-input__container .bcm-input-element{width:100%;color:var(--bcm-new-ds-color-slate-600);flex:1;border:none;background:transparent;box-shadow:unset;padding:0 4px;font-family:\"Inter\", sans-serif;cursor:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;text-overflow:ellipsis}.bcm-input__container .bcm-input-element::placeholder{font-family:\"Inter\", sans-serif;color:var(--bcm-new-ds-color-slate-300);user-select:none}.bcm-input__container .bcm-input-element::-webkit-search-decoration,.bcm-input__container .bcm-input-element::-webkit-search-cancel-button,.bcm-input__container .bcm-input-element::-webkit-search-results-button,.bcm-input__container .bcm-input-element::-webkit-search-results-decoration,.bcm-input__container .bcm-input-element::-webkit-calendar-picker-indicator,.bcm-input__container .bcm-input-element::-webkit-inner-spin-button,.bcm-input__container .bcm-input-element::-webkit-outer-spin-button{-webkit-appearance:none}.bcm-input__container .caret-container{width:30px;display:flex;flex-direction:column;justify-content:center;align-items:stretch;border-left:1px solid #D9D9D9;transition:0.2s opacity;user-select:none;box-sizing:border-box}.bcm-input__container .caret-container .bcm-input-caret{display:flex;align-items:center;justify-content:center;color:var(--bcm-color-grey-7);cursor:pointer;flex:1}.bcm-input__container .caret-container .bcm-input-caret bcm-icon{line-height:1}.bcm-input__container .caret-container .bcm-input-caret:hover{color:var(--bcm-color-prime-blue-6)}.bcm-input__container .caret-container .bcm-input-caret:active{background-color:var(--bcm-color-grey-3)}.bcm-input__container .caret-container .bcm-input-caret:last-child{border-top:1px solid #D9D9D9}.bcm-input__container .caret-container.disabled{background-color:var(--bcm-color-grey-3)}.bcm-input__container .caret-container.disabled .bcm-input-caret{cursor:not-allowed}.bcm-input__container .input-suffix-content{display:flex;align-items:center;justify-content:center}.bcm-input__container .input-prefix:not(:empty){padding-left:4px}.bcm-input__container .input-suffix:not(:empty){min-width:24px;padding-right:4px}.bcm-input__container .input-prefix:not(:empty),.bcm-input__container .input-suffix:not(:empty){display:flex;align-items:center;justify-content:center;cursor:default;color:#64748a}.bcm-input__container .input-prefix:not(:empty) .unit-prefix,.bcm-input__container .input-suffix:not(:empty) .unit-prefix{color:#64748a}.bcm-input__container .input-prefix-button:not(:empty),.bcm-input__container .input-suffix-button:not(:empty){cursor:pointer}.bcm-input__container .caret-container,.bcm-input__container .input-clear-button{opacity:0}.bcm-input__container--small{font-size:12px}.bcm-input__container--medium{font-size:14px}.bcm-input__container--large{font-size:16px}.bcm-input__textarea.clearable .bcm-input-element{padding-right:24px}.bcm-input__textarea .input-clear-button{position:absolute;top:4px;right:0}";
23
23
 
24
24
  var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
25
25
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
package/dist/components/label.js CHANGED
@@ -2,16 +2,40 @@
2
2
  * Built with Stencil
3
3
  * Copyright (c) Bromcom.
4
4
  */
5
- import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
6
- import { c as classnames } from './index2.js';
5
+ import { h, proxyCustomElement, HTMLElement, Host } from '@stencil/core/internal/client';
6
+ import { I as IsLoad } from './is-load-decorator.js';
7
7
  import { G as Generate } from './generate.js';
8
8
  import { B as Bcm } from './bcm.js';
9
- import { L as LabelTemplate } from './label-template.js';
9
+ import { c as classnames } from './index2.js';
10
10
  import { d as defineCustomElement$2 } from './icon.js';
11
11
  import { d as defineCustomElement$1 } from './tooltip.js';
12
12
 
13
- const labelCss = "@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-label{display:inline-flex;align-items:flex-start;grid-gap:2px}.bcm-label__text{margin-bottom:2px;font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:inline-block;color:var(--bcm-new-ds-color-slate-600)}.bcm-label__size-small{font-size:10px;line-height:calc(10px + 8px);min-height:calc(10px + 8px)}.bcm-label__size-medium{font-size:12px;line-height:calc(12px + 8px);min-height:calc(12px + 8px)}.bcm-label__size-large{font-size:14px;line-height:calc(14px + 8px);min-height:calc(14px + 8px)}";
13
+ const LabelTemplate = ({ required, value, size, form, htmlFor, type, tooltip }) => {
14
+ size = size || "medium";
15
+ type = type || Bcm.Status.default;
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
+ "tw-text-1": size == "small",
18
+ "tw-text-2": size == "medium",
19
+ "tw-text-3": size == "large",
20
+ }) },
21
+ value,
22
+ " ",
23
+ required && "*",
24
+ tooltip && (h("span", { class: "tw-ml-1" },
25
+ h("bcm-tooltip", { message: tooltip, placement: "top", trigger: "hover" },
26
+ h("bcm-icon", { icon: "fas fa-info-circle" }))))));
27
+ };
14
28
 
29
+ var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
30
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
31
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
32
+ r = Reflect.decorate(decorators, target, key, desc);
33
+ else
34
+ for (var i = decorators.length - 1; i >= 0; i--)
35
+ if (d = decorators[i])
36
+ r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
37
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
38
+ };
15
39
  const BcmLabel = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
16
40
  constructor() {
17
41
  super();
@@ -19,6 +43,7 @@ const BcmLabel = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
19
43
  this._id = Generate.UID();
20
44
  this.required = false;
21
45
  this.value = undefined;
46
+ this.label = undefined;
22
47
  this.size = "medium";
23
48
  this.form = undefined;
24
49
  this.htmlFor = undefined;
@@ -27,24 +52,25 @@ const BcmLabel = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
27
52
  this.tooltip = undefined;
28
53
  }
29
54
  render() {
30
- const { required, value, size, form, htmlFor, hidden, type, tooltip } = this;
31
- const hostClasses = classnames('bcm-label', { hidden });
32
- const Label = (h(LabelTemplate, { form: form, htmlFor: htmlFor, value: value, size: size, type: type, required: required }));
33
- return (h(Host, { class: hostClasses }, Label, tooltip && (h("bcm-tooltip", { message: tooltip, placement: 'top', trigger: 'hover' }, h("bcm-icon", { icon: "far fa-question-circle" })))));
55
+ const { required, value, label, size, form, htmlFor, type, tooltip } = this;
56
+ return (h(Host, { class: "tw-inline-block" }, h(LabelTemplate, { form: form, htmlFor: htmlFor, value: value || label, size: size, type: type, required: required, tooltip: tooltip })));
34
57
  }
35
58
  get el() { return this; }
36
- static get style() { return labelCss; }
37
- }, [4, "bcm-label", {
38
- "_id": [1537, "id"],
39
- "required": [1028],
40
- "value": [1025],
41
- "size": [1025],
42
- "form": [1032],
43
- "htmlFor": [1032, "html-for"],
44
- "hidden": [1028],
45
- "type": [1032],
46
- "tooltip": [1025]
59
+ }, [0, "bcm-label", {
60
+ "_id": [513, "id"],
61
+ "required": [4],
62
+ "value": [1],
63
+ "label": [1],
64
+ "size": [1],
65
+ "form": [8],
66
+ "htmlFor": [8, "html-for"],
67
+ "hidden": [4],
68
+ "type": [8],
69
+ "tooltip": [1]
47
70
  }]);
71
+ __decorate([
72
+ IsLoad()
73
+ ], BcmLabel.prototype, "el", void 0);
48
74
  function defineCustomElement() {
49
75
  if (typeof customElements === "undefined") {
50
76
  return;
@@ -69,4 +95,4 @@ function defineCustomElement() {
69
95
  } });
70
96
  }
71
97
 
72
- export { BcmLabel as B, defineCustomElement as d };
98
+ export { BcmLabel as B, LabelTemplate as L, defineCustomElement as d };