bromcom-ui 2.7.38-rc.9 → 2.7.38

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 (413) 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-2b73f6b1.entry.js → p-047c35b1.entry.js} +1 -1
  4. package/dist/bromcom-ui/p-074c97d3.js +5 -0
  5. package/dist/bromcom-ui/p-0a8b9f8a.entry.js +5 -0
  6. package/dist/bromcom-ui/{p-72f741db.entry.js → p-0b77585e.entry.js} +1 -1
  7. package/dist/bromcom-ui/{p-64b20f43.entry.js → p-0f685aa9.entry.js} +1 -1
  8. package/dist/bromcom-ui/p-1097cec9.entry.js +5 -0
  9. package/dist/bromcom-ui/{p-c58f338d.entry.js → p-14938158.entry.js} +1 -1
  10. package/dist/bromcom-ui/p-1731c4f9.entry.js +10 -0
  11. package/dist/bromcom-ui/p-19a500b9.entry.js +5 -0
  12. package/dist/bromcom-ui/p-1aa79294.entry.js +5 -0
  13. package/dist/bromcom-ui/{p-1d44dbea.entry.js → p-2183c4bd.entry.js} +1 -1
  14. package/dist/bromcom-ui/p-22e08221.entry.js +5 -0
  15. package/dist/bromcom-ui/p-24a7260a.entry.js +5 -0
  16. package/dist/bromcom-ui/{p-568f4f45.entry.js → p-2649e63a.entry.js} +1 -1
  17. package/dist/bromcom-ui/p-26e2f7ac.entry.js +5 -0
  18. package/dist/bromcom-ui/p-28079630.entry.js +5 -0
  19. package/dist/bromcom-ui/p-2867f803.entry.js +5 -0
  20. package/dist/bromcom-ui/p-3440e465.entry.js +5 -0
  21. package/dist/bromcom-ui/p-3614e6c5.entry.js +5 -0
  22. package/dist/bromcom-ui/{p-4721d58a.entry.js → p-369d6e4f.entry.js} +1 -1
  23. package/dist/bromcom-ui/p-3847b46e.entry.js +5 -0
  24. package/dist/bromcom-ui/{p-69ef565b.entry.js → p-3d4897d8.entry.js} +1 -1
  25. package/dist/bromcom-ui/{p-7dfb39a6.js → p-3f260a4c.js} +1 -1
  26. package/dist/bromcom-ui/p-3fccedf3.entry.js +5 -0
  27. package/dist/bromcom-ui/{p-3126f440.entry.js → p-40df99e2.entry.js} +1 -1
  28. package/dist/bromcom-ui/{p-969f623c.entry.js → p-4171e9a0.entry.js} +1 -1
  29. package/dist/bromcom-ui/p-4487e8c2.js +5 -0
  30. package/dist/bromcom-ui/p-4630dd52.entry.js +5 -0
  31. package/dist/bromcom-ui/p-4790b60c.js +5 -0
  32. package/dist/bromcom-ui/{p-5775dcea.js → p-48e9166c.js} +1 -1
  33. package/dist/bromcom-ui/p-4d0f27cb.js +5 -0
  34. package/dist/bromcom-ui/p-509e2130.entry.js +5 -0
  35. package/dist/bromcom-ui/p-52df9b68.entry.js +5 -0
  36. package/dist/bromcom-ui/p-53062c43.entry.js +5 -0
  37. package/dist/bromcom-ui/p-5b664dec.js +5 -0
  38. package/dist/bromcom-ui/p-5de651cc.entry.js +5 -0
  39. package/dist/bromcom-ui/p-5e7565fe.entry.js +5 -0
  40. package/dist/bromcom-ui/p-64683551.entry.js +5 -0
  41. package/dist/bromcom-ui/p-66e9afac.entry.js +5 -0
  42. package/dist/bromcom-ui/p-6842b4b7.entry.js +5 -0
  43. package/dist/bromcom-ui/p-696fe6a3.entry.js +5 -0
  44. package/dist/bromcom-ui/{p-9979bd82.entry.js → p-69cce4d0.entry.js} +1 -1
  45. package/dist/bromcom-ui/p-6cc9c855.entry.js +5 -0
  46. package/dist/bromcom-ui/p-73138fc4.entry.js +5 -0
  47. package/dist/bromcom-ui/{p-16ff1ff3.js → p-74595a06.js} +1 -1
  48. package/dist/bromcom-ui/{p-4f86851c.entry.js → p-74fb9a64.entry.js} +1 -1
  49. package/dist/bromcom-ui/{p-ba062b3c.js → p-88f7d869.js} +1 -1
  50. package/dist/bromcom-ui/{p-5001042f.js → p-8994cc96.js} +1 -1
  51. package/dist/bromcom-ui/p-89b5b86c.entry.js +5 -0
  52. package/dist/bromcom-ui/{p-219b3300.entry.js → p-8d1cd79f.entry.js} +1 -1
  53. package/dist/bromcom-ui/{p-57d0c6e7.entry.js → p-97df9122.entry.js} +1 -1
  54. package/dist/bromcom-ui/p-9812aaa8.entry.js +5 -0
  55. package/dist/bromcom-ui/p-982562ae.entry.js +5 -0
  56. package/dist/bromcom-ui/{p-ee9ba6ba.entry.js → p-9a1dc17c.entry.js} +1 -1
  57. package/dist/bromcom-ui/{p-1d77b8a6.js → p-9bef5a59.js} +1 -1
  58. package/dist/bromcom-ui/p-9df5c5ca.entry.js +5 -0
  59. package/dist/bromcom-ui/{p-fc55a7e3.entry.js → p-9e0f2680.entry.js} +1 -1
  60. package/dist/bromcom-ui/p-a1700c81.entry.js +5 -0
  61. package/dist/bromcom-ui/p-a32c26ec.entry.js +5 -0
  62. package/dist/bromcom-ui/p-a5982982.entry.js +5 -0
  63. package/dist/bromcom-ui/p-a6d95251.entry.js +5 -0
  64. package/dist/bromcom-ui/{p-444cb95f.entry.js → p-ad81c97f.entry.js} +1 -1
  65. package/dist/bromcom-ui/p-ae458ce8.entry.js +5 -0
  66. package/dist/bromcom-ui/p-ae5a0d1c.entry.js +5 -0
  67. package/dist/bromcom-ui/{p-620afa4f.js → p-b303a574.js} +1 -1
  68. package/dist/bromcom-ui/p-b69fa12b.entry.js +5 -0
  69. package/dist/bromcom-ui/p-b8f14695.entry.js +5 -0
  70. package/dist/bromcom-ui/p-b963626d.js +5 -0
  71. package/dist/bromcom-ui/p-b9e64c93.entry.js +5 -0
  72. package/dist/bromcom-ui/{p-5a9b78f6.entry.js → p-bdb012c3.entry.js} +1 -1
  73. package/dist/bromcom-ui/p-c0ea429a.entry.js +5 -0
  74. package/dist/bromcom-ui/p-c7458ce2.entry.js +5 -0
  75. package/dist/bromcom-ui/p-d7fc6422.entry.js +5 -0
  76. package/dist/bromcom-ui/p-d8d1a9d3.entry.js +5 -0
  77. package/dist/bromcom-ui/{p-a368c325.entry.js → p-dae1cc7b.entry.js} +1 -1
  78. package/dist/bromcom-ui/{p-b9352123.entry.js → p-dc306bd8.entry.js} +1 -1
  79. package/dist/bromcom-ui/{p-764ae0c1.js → p-de954bc9.js} +1 -1
  80. package/dist/bromcom-ui/{p-c3ef369d.entry.js → p-dfe8e354.entry.js} +1 -1
  81. package/dist/bromcom-ui/{p-930558cd.js → p-e118a7f1.js} +1 -1
  82. package/dist/bromcom-ui/{p-0b6afb97.entry.js → p-ed59e34f.entry.js} +1 -1
  83. package/dist/bromcom-ui/p-edf79ae6.entry.js +5 -0
  84. package/dist/bromcom-ui/{p-4b1ed966.entry.js → p-f089027d.entry.js} +1 -1
  85. package/dist/bromcom-ui/p-f102cc57.entry.js +5 -0
  86. package/dist/bromcom-ui/p-f116e15f.entry.js +5 -0
  87. package/dist/bromcom-ui/p-f3669849.entry.js +5 -0
  88. package/dist/bromcom-ui/{p-ac156ba4.entry.js → p-f7c6b75a.entry.js} +1 -1
  89. package/dist/bromcom-ui/p-fab02b40.entry.js +5 -0
  90. package/dist/bromcom-ui/p-face119d.entry.js +5 -0
  91. package/dist/bromcom-ui/p-fe702e56.entry.js +5 -0
  92. package/dist/cjs/bcm-accordion.cjs.entry.js +3 -1
  93. package/dist/cjs/bcm-alert.cjs.entry.js +2 -1
  94. package/dist/cjs/bcm-attendance.cjs.entry.js +4 -2
  95. package/dist/cjs/bcm-avatar_2.cjs.entry.js +5 -4
  96. package/dist/cjs/bcm-breadcrumb.cjs.entry.js +2 -1
  97. package/dist/cjs/bcm-button-group.cjs.entry.js +2 -1
  98. package/dist/cjs/bcm-button.cjs.entry.js +5 -4
  99. package/dist/cjs/bcm-card.cjs.entry.js +3 -2
  100. package/dist/cjs/bcm-checkbox-group.cjs.entry.js +18 -17
  101. package/dist/cjs/bcm-checkbox-lite_9.cjs.entry.js +3 -2
  102. package/dist/cjs/bcm-checkbox_2.cjs.entry.js +5 -4
  103. package/dist/cjs/bcm-chip.cjs.entry.js +4 -3
  104. package/dist/cjs/bcm-collapse.cjs.entry.js +2 -1
  105. package/dist/cjs/bcm-color-input.cjs.entry.js +5 -4
  106. package/dist/cjs/{bcm-colorful_7.cjs.entry.js → bcm-colorful_2.cjs.entry.js} +10 -904
  107. package/dist/cjs/bcm-colorpicker.cjs.entry.js +432 -0
  108. package/dist/cjs/bcm-date-picker.cjs.entry.js +2 -1
  109. package/dist/cjs/bcm-datetime-picker.cjs.entry.js +3 -2
  110. package/dist/cjs/bcm-default.cjs.entry.js +3 -1
  111. package/dist/cjs/bcm-drawer.cjs.entry.js +5 -4
  112. package/dist/cjs/bcm-dropdown.cjs.entry.js +3 -2
  113. package/dist/cjs/bcm-expansion-panel.cjs.entry.js +3 -2
  114. package/dist/cjs/bcm-form-2.cjs.entry.js +2 -1
  115. package/dist/cjs/bcm-form.cjs.entry.js +1 -1
  116. package/dist/cjs/{bcm-list.cjs.entry.js → bcm-icon_3.cjs.entry.js} +365 -94
  117. package/dist/cjs/bcm-input-custom.cjs.entry.js +73 -0
  118. package/dist/cjs/bcm-input.cjs.entry.js +369 -0
  119. package/dist/cjs/bcm-item.cjs.entry.js +3 -2
  120. package/dist/cjs/bcm-items.cjs.entry.js +3 -2
  121. package/dist/cjs/bcm-label_2.cjs.entry.js +149 -0
  122. package/dist/cjs/bcm-link.cjs.entry.js +1 -1
  123. package/dist/cjs/bcm-menu.cjs.entry.js +7 -6
  124. package/dist/cjs/bcm-modal.cjs.entry.js +2 -1
  125. package/dist/cjs/bcm-popconfirm-box.cjs.entry.js +3 -2
  126. package/dist/cjs/bcm-popconfirm.cjs.entry.js +3 -2
  127. package/dist/cjs/bcm-popover.cjs.entry.js +84 -34
  128. package/dist/cjs/bcm-progress.cjs.entry.js +3 -2
  129. package/dist/cjs/bcm-radio-group.cjs.entry.js +77 -211
  130. package/dist/cjs/bcm-radio.cjs.entry.js +36 -77
  131. package/dist/cjs/bcm-range.cjs.entry.js +2 -1
  132. package/dist/cjs/bcm-select.cjs.entry.js +1 -1
  133. package/dist/cjs/bcm-skeleton.cjs.entry.js +3 -1
  134. package/dist/cjs/bcm-step.cjs.entry.js +3 -2
  135. package/dist/cjs/bcm-stepper.cjs.entry.js +56 -29
  136. package/dist/cjs/bcm-switch.cjs.entry.js +3 -2
  137. package/dist/cjs/bcm-tab-group.cjs.entry.js +86 -98
  138. package/dist/cjs/bcm-tab-item-header.cjs.entry.js +87 -0
  139. package/dist/cjs/bcm-tab-item.cjs.entry.js +104 -0
  140. package/dist/cjs/bcm-tag.cjs.entry.js +3 -2
  141. package/dist/cjs/bcm-text.cjs.entry.js +2 -1
  142. package/dist/cjs/bcm-textarea.cjs.entry.js +3 -2
  143. package/dist/cjs/bcm-time-picker.cjs.entry.js +2 -1
  144. package/dist/cjs/bromcom-ui.cjs.js +1 -1
  145. package/dist/cjs/color-helper-0e3e8ce5.js +86 -0
  146. package/dist/cjs/{color-helper-c9882bd8.js → colors-25c96ed6.js} +4 -81
  147. package/dist/cjs/{generate-dbed3a63.js → generate-279ee026.js} +131 -29
  148. package/dist/cjs/{input-template-79002b88.js → input-template-b5da5370.js} +2 -2
  149. package/dist/cjs/{json-parse-decarator-65760934.js → json-parse-decarator-8201b40b.js} +1 -1
  150. package/dist/cjs/loader.cjs.js +1 -1
  151. package/dist/cjs/{number-helper-d77c9113.js → number-helper-5d3173db.js} +1 -1
  152. package/dist/cjs/old-bcm-popover-box.cjs.entry.js +3 -2
  153. package/dist/cjs/old-bcm-popover.cjs.entry.js +2 -1
  154. package/dist/cjs/{stepper-states-fae35b0d.js → stepper-states-f4380d04.js} +1 -1
  155. package/dist/cjs/{tooltip-helper-7beca613.js → tooltip-helper-adaa5f33.js} +37 -7
  156. package/dist/cjs/{validators-95afb38d.js → validators-ef83a65e.js} +1 -1
  157. package/dist/collection/collection-manifest.json +4 -1
  158. package/dist/collection/components/atoms/button/button.js +1 -1
  159. package/dist/collection/components/atoms/chip/chip.js +1 -1
  160. package/dist/collection/components/atoms/link/link.js +1 -1
  161. package/dist/collection/components/external-source/bcm-toast-helper.js +20 -0
  162. package/dist/collection/components/external-source/test.js/bcm-toast-helper.js +20 -0
  163. package/dist/collection/components/molecules/checkbox/checkbox.css +1 -0
  164. package/dist/collection/components/molecules/checkbox/checkbox.js +1 -1
  165. package/dist/collection/components/molecules/input/input.js +5 -2
  166. package/dist/collection/components/molecules/menu/menu.js +1 -1
  167. package/dist/collection/components/molecules/popconfirm/popconfirm.js +1 -1
  168. package/dist/collection/components/molecules/popover/popover.js +107 -2
  169. package/dist/collection/components/molecules/radio/{group.js → radio-group.js} +163 -246
  170. package/dist/collection/components/molecules/radio/radio.js +42 -132
  171. package/dist/collection/components/molecules/search/search.js +20 -1
  172. package/dist/collection/components/molecules/stepper/stepper.js +55 -35
  173. package/dist/collection/components/molecules/switch/switch.js +1 -1
  174. package/dist/collection/components/molecules/tab-group/tab-group.js +98 -100
  175. package/dist/collection/components/molecules/tab-group/tab-item-header.js +186 -0
  176. package/dist/collection/components/molecules/tab-group/tab-item.js +161 -0
  177. package/dist/collection/components/molecules/tooltip/tooltip.js +109 -2
  178. package/dist/collection/components/organism/datetime-picker/datetime-picker.js +1 -1
  179. package/dist/collection/components/organism/form/form.js +1 -1
  180. package/dist/collection/components/organism/list/list.css +1 -0
  181. package/dist/collection/components/organism/list/list.js +21 -2
  182. package/dist/collection/components/other/attendance/attendance.js +1 -1
  183. package/dist/collection/components/other/input-custom/input-custom.js +249 -0
  184. package/dist/collection/components/other_deprecated/select/select.js +1 -1
  185. package/dist/collection/global/components/_checkbox.css +1 -0
  186. package/dist/collection/helper/generate.js +120 -19
  187. package/dist/collection/helper/popover-helper.js +57 -29
  188. package/dist/collection/helper/tooltip-helper.js +33 -4
  189. package/dist/collection/stories/assets/button/1.svg +35 -0
  190. package/dist/collection/stories/assets/button/10.svg +24 -0
  191. package/dist/collection/stories/assets/button/11.svg +24 -0
  192. package/dist/collection/stories/assets/button/12.svg +24 -0
  193. package/dist/collection/stories/assets/button/2.svg +28 -0
  194. package/dist/collection/stories/assets/button/3.svg +41 -0
  195. package/dist/collection/stories/assets/button/4.svg +9 -0
  196. package/dist/collection/stories/assets/button/5.svg +65 -0
  197. package/dist/collection/stories/assets/button/6.svg +68 -0
  198. package/dist/collection/stories/assets/button/7.svg +203 -0
  199. package/dist/collection/stories/assets/button/8.svg +316 -0
  200. package/dist/collection/stories/assets/button/9.svg +9 -0
  201. package/dist/collection/templates/button-template.js +1 -1
  202. package/dist/collection/templates/input-template.js +1 -1
  203. package/dist/collection/templates/list-item-template.js +1 -1
  204. package/dist/collection/templates/list-template.js +2 -2
  205. package/dist/components/bcm-attendance.js +1 -1
  206. package/dist/components/bcm-chip.js +1 -1
  207. package/dist/components/bcm-form.js +1 -1
  208. package/dist/components/bcm-input-custom.d.ts +11 -0
  209. package/dist/components/bcm-input-custom.js +114 -0
  210. package/dist/components/bcm-list.js +10 -8
  211. package/dist/components/bcm-popconfirm.js +1 -1
  212. package/dist/components/bcm-popover.js +83 -30
  213. package/dist/components/bcm-radio-group.js +88 -230
  214. package/dist/components/bcm-select.js +1 -1
  215. package/dist/components/bcm-stepper.js +51 -33
  216. package/dist/components/bcm-switch.js +1 -1
  217. package/dist/components/bcm-tab-group.js +84 -98
  218. package/dist/components/bcm-tab-item-header.d.ts +11 -0
  219. package/dist/components/bcm-tab-item-header.js +102 -0
  220. package/dist/components/bcm-tab-item.d.ts +11 -0
  221. package/dist/components/bcm-tab-item.js +117 -0
  222. package/dist/components/bcm-tab.js +1 -1
  223. package/dist/components/bcm-tabs-content.js +1 -1
  224. package/dist/components/bcm-tabs.js +1 -1
  225. package/dist/components/bcm-tag.js +1 -1
  226. package/dist/components/button.js +2 -2
  227. package/dist/components/checkbox-lite.js +1 -1
  228. package/dist/components/checkbox.js +2 -2
  229. package/dist/components/color-helper.js +1 -405
  230. package/dist/{esm/color-helper-b5e9aa56.js → components/colors2.js} +2 -79
  231. package/dist/components/datetime-picker.js +1 -1
  232. package/dist/components/generate.js +117 -16
  233. package/dist/components/index.d.ts +4 -1
  234. package/dist/components/index.js +3 -0
  235. package/dist/components/input-template.js +2 -15
  236. package/dist/components/input.js +5 -2
  237. package/dist/components/link.js +1 -1
  238. package/dist/components/menu.js +1 -1
  239. package/dist/components/radio.js +38 -82
  240. package/dist/components/search.js +3 -1
  241. package/dist/components/tooltip-helper.js +33 -3
  242. package/dist/components/tooltip.js +29 -3
  243. package/dist/components/types.js +14 -27
  244. package/dist/components/types2.js +25 -25
  245. package/dist/components/types3.js +32 -0
  246. package/dist/esm/bcm-accordion.entry.js +5 -3
  247. package/dist/esm/bcm-alert.entry.js +5 -4
  248. package/dist/esm/bcm-attendance.entry.js +6 -4
  249. package/dist/esm/bcm-autocomplete.entry.js +2 -2
  250. package/dist/esm/bcm-avatar_2.entry.js +8 -7
  251. package/dist/esm/bcm-box.entry.js +2 -2
  252. package/dist/esm/bcm-breadcrumb.entry.js +4 -3
  253. package/dist/esm/bcm-button-group.entry.js +4 -3
  254. package/dist/esm/bcm-button.entry.js +9 -8
  255. package/dist/esm/bcm-card.entry.js +6 -5
  256. package/dist/esm/bcm-checkbox-group.entry.js +13 -12
  257. package/dist/esm/bcm-checkbox-lite_9.entry.js +5 -4
  258. package/dist/esm/bcm-checkbox_2.entry.js +9 -8
  259. package/dist/esm/bcm-chip.entry.js +6 -5
  260. package/dist/esm/bcm-collapse-group.entry.js +2 -2
  261. package/dist/esm/bcm-collapse.entry.js +4 -3
  262. package/dist/esm/bcm-color-input.entry.js +6 -5
  263. package/dist/esm/{bcm-colorful_7.entry.js → bcm-colorful_2.entry.js} +15 -904
  264. package/dist/esm/bcm-colorpicker.entry.js +428 -0
  265. package/dist/esm/bcm-date-picker.entry.js +4 -3
  266. package/dist/esm/bcm-datetime-picker.entry.js +7 -6
  267. package/dist/esm/bcm-default.entry.js +5 -3
  268. package/dist/esm/bcm-drawer.entry.js +7 -6
  269. package/dist/esm/bcm-dropdown.entry.js +5 -4
  270. package/dist/esm/bcm-error-layout.entry.js +2 -2
  271. package/dist/esm/bcm-expansion-panel.entry.js +5 -4
  272. package/dist/esm/bcm-form-2.entry.js +4 -3
  273. package/dist/esm/bcm-form-group.entry.js +2 -2
  274. package/dist/esm/bcm-form.entry.js +3 -3
  275. package/dist/esm/{bcm-list.entry.js → bcm-icon_3.entry.js} +324 -55
  276. package/dist/esm/bcm-input-custom.entry.js +69 -0
  277. package/dist/esm/bcm-input.entry.js +365 -0
  278. package/dist/esm/bcm-item.entry.js +5 -4
  279. package/dist/esm/bcm-items.entry.js +5 -4
  280. package/dist/esm/bcm-label_2.entry.js +144 -0
  281. package/dist/esm/bcm-link.entry.js +3 -3
  282. package/dist/esm/bcm-menu.entry.js +9 -8
  283. package/dist/esm/bcm-message.entry.js +2 -2
  284. package/dist/esm/bcm-modal.entry.js +5 -4
  285. package/dist/esm/bcm-notification.entry.js +2 -2
  286. package/dist/esm/bcm-old-input.entry.js +3 -3
  287. package/dist/esm/bcm-old-tag_2.entry.js +2 -2
  288. package/dist/esm/bcm-popconfirm-box.entry.js +5 -4
  289. package/dist/esm/bcm-popconfirm.entry.js +5 -4
  290. package/dist/esm/bcm-popover.entry.js +86 -36
  291. package/dist/esm/bcm-progress.entry.js +5 -4
  292. package/dist/esm/bcm-radio-group.entry.js +74 -208
  293. package/dist/esm/bcm-radio.entry.js +36 -77
  294. package/dist/esm/bcm-range.entry.js +4 -3
  295. package/dist/esm/bcm-result.entry.js +2 -2
  296. package/dist/esm/bcm-select-group.entry.js +1 -1
  297. package/dist/esm/bcm-select-option.entry.js +1 -1
  298. package/dist/esm/bcm-select.entry.js +3 -3
  299. package/dist/esm/bcm-skeleton.entry.js +5 -3
  300. package/dist/esm/bcm-step.entry.js +6 -5
  301. package/dist/esm/bcm-stepper.entry.js +57 -30
  302. package/dist/esm/bcm-switch.entry.js +6 -5
  303. package/dist/esm/bcm-tab-group.entry.js +87 -99
  304. package/dist/esm/bcm-tab-item-header.entry.js +83 -0
  305. package/dist/esm/bcm-tab-item.entry.js +100 -0
  306. package/dist/esm/bcm-tab-pane.entry.js +2 -2
  307. package/dist/esm/bcm-tab.entry.js +2 -2
  308. package/dist/esm/bcm-table.entry.js +2 -2
  309. package/dist/esm/bcm-tabs-content.entry.js +2 -2
  310. package/dist/esm/bcm-tabs.entry.js +2 -2
  311. package/dist/esm/bcm-tag.entry.js +5 -4
  312. package/dist/esm/bcm-text.entry.js +5 -4
  313. package/dist/esm/bcm-textarea.entry.js +6 -5
  314. package/dist/esm/bcm-time-picker.entry.js +4 -3
  315. package/dist/esm/bcm-timeline-item.entry.js +2 -2
  316. package/dist/esm/bcm-timeline.entry.js +2 -2
  317. package/dist/esm/bcm-treeview-group.entry.js +1 -1
  318. package/dist/esm/bromcom-ui.js +2 -2
  319. package/dist/esm/{caption-template-2ef181f9.js → caption-template-389f5bd6.js} +1 -1
  320. package/dist/esm/color-helper-0277e11a.js +84 -0
  321. package/dist/esm/colors-fabca483.js +411 -0
  322. package/dist/esm/{generate-1e46485f.js → generate-c2266936.js} +131 -29
  323. package/dist/esm/{index-662f4cf5.js → index-6e2d80d7.js} +1 -1
  324. package/dist/esm/{index-cb0cdd87.js → index-8b349654.js} +1 -1
  325. package/dist/esm/{input-template-844dc974.js → input-template-36e21911.js} +3 -3
  326. package/dist/esm/{is-load-decorator-0a59085d.js → is-load-decorator-66e19e04.js} +1 -1
  327. package/dist/esm/{json-parse-decarator-00aa321e.js → json-parse-decarator-8a7d935f.js} +2 -2
  328. package/dist/esm/{label-template-d8687efd.js → label-template-eed2dd69.js} +2 -2
  329. package/dist/esm/loader.js +2 -2
  330. package/dist/esm/{number-helper-f2cdb65b.js → number-helper-4b765a19.js} +1 -1
  331. package/dist/esm/old-bcm-popover-box.entry.js +5 -4
  332. package/dist/esm/old-bcm-popover.entry.js +4 -3
  333. package/dist/esm/{slot-template-5b2da1d3.js → slot-template-64b41ee5.js} +1 -1
  334. package/dist/esm/{stepper-states-822ebfe9.js → stepper-states-2d2c383b.js} +3 -3
  335. package/dist/esm/{tooltip-helper-aecc821b.js → tooltip-helper-71d04ca8.js} +37 -7
  336. package/dist/esm/{validators-1b3c085a.js → validators-fb7175a3.js} +1 -1
  337. package/dist/types/components/external-source/bcm-toast-helper.d.ts +12 -0
  338. package/dist/types/components/external-source/test.js/bcm-toast-helper.d.ts +12 -0
  339. package/dist/types/components/molecules/popover/popover.d.ts +10 -1
  340. package/dist/types/components/molecules/radio/{group.d.ts → radio-group.d.ts} +19 -27
  341. package/dist/types/components/molecules/radio/radio.d.ts +5 -11
  342. package/dist/types/components/molecules/search/search.d.ts +1 -0
  343. package/dist/types/components/molecules/stepper/stepper.d.ts +3 -3
  344. package/dist/types/components/molecules/tab-group/tab-group.d.ts +7 -4
  345. package/dist/types/components/molecules/tab-group/tab-item-header.d.ts +13 -0
  346. package/dist/types/components/molecules/tab-group/tab-item.d.ts +17 -0
  347. package/dist/types/components/molecules/tooltip/tooltip.d.ts +10 -1
  348. package/dist/types/components/organism/list/list.d.ts +1 -0
  349. package/dist/types/components/other/input-custom/input-custom.d.ts +20 -0
  350. package/dist/types/components.d.ts +136 -42
  351. package/dist/types/helper/generate.d.ts +3 -0
  352. package/dist/types/helper/popover-helper.d.ts +13 -3
  353. package/dist/types/helper/tooltip-helper.d.ts +13 -3
  354. package/dist/types/templates/list-template.d.ts +1 -0
  355. package/package.json +1 -1
  356. package/dist/bromcom-ui/p-053e9893.js +0 -5
  357. package/dist/bromcom-ui/p-07ebe62b.entry.js +0 -10
  358. package/dist/bromcom-ui/p-08c22a43.entry.js +0 -5
  359. package/dist/bromcom-ui/p-0a6cf248.entry.js +0 -5
  360. package/dist/bromcom-ui/p-15dcafdc.entry.js +0 -5
  361. package/dist/bromcom-ui/p-1683b3c0.entry.js +0 -5
  362. package/dist/bromcom-ui/p-1eaffb4d.entry.js +0 -5
  363. package/dist/bromcom-ui/p-2d75fb9d.entry.js +0 -5
  364. package/dist/bromcom-ui/p-2dc55ebd.entry.js +0 -5
  365. package/dist/bromcom-ui/p-2de23a54.entry.js +0 -5
  366. package/dist/bromcom-ui/p-3118bba1.entry.js +0 -5
  367. package/dist/bromcom-ui/p-3f3bb4b0.entry.js +0 -5
  368. package/dist/bromcom-ui/p-3f4192c8.entry.js +0 -5
  369. package/dist/bromcom-ui/p-40736ee7.entry.js +0 -5
  370. package/dist/bromcom-ui/p-44843df2.entry.js +0 -5
  371. package/dist/bromcom-ui/p-612f6cbc.entry.js +0 -5
  372. package/dist/bromcom-ui/p-69bffd70.entry.js +0 -5
  373. package/dist/bromcom-ui/p-6c77955c.entry.js +0 -5
  374. package/dist/bromcom-ui/p-6f98089c.entry.js +0 -5
  375. package/dist/bromcom-ui/p-6fcb72c6.entry.js +0 -5
  376. package/dist/bromcom-ui/p-73076cdb.entry.js +0 -5
  377. package/dist/bromcom-ui/p-751ee360.entry.js +0 -5
  378. package/dist/bromcom-ui/p-7b7ae0f3.entry.js +0 -5
  379. package/dist/bromcom-ui/p-7c318b12.js +0 -5
  380. package/dist/bromcom-ui/p-7ea09be3.js +0 -5
  381. package/dist/bromcom-ui/p-87de49b4.entry.js +0 -5
  382. package/dist/bromcom-ui/p-8914af05.entry.js +0 -5
  383. package/dist/bromcom-ui/p-918acf86.entry.js +0 -5
  384. package/dist/bromcom-ui/p-962d32ef.entry.js +0 -5
  385. package/dist/bromcom-ui/p-968e2d79.js +0 -5
  386. package/dist/bromcom-ui/p-9d349123.entry.js +0 -5
  387. package/dist/bromcom-ui/p-a3864e85.entry.js +0 -5
  388. package/dist/bromcom-ui/p-a5077dec.entry.js +0 -5
  389. package/dist/bromcom-ui/p-a8d1397d.js +0 -5
  390. package/dist/bromcom-ui/p-adf96c3b.entry.js +0 -5
  391. package/dist/bromcom-ui/p-b00d3d27.entry.js +0 -5
  392. package/dist/bromcom-ui/p-c421b369.entry.js +0 -5
  393. package/dist/bromcom-ui/p-c9e1f317.entry.js +0 -5
  394. package/dist/bromcom-ui/p-cd8998bd.entry.js +0 -5
  395. package/dist/bromcom-ui/p-cf5ad8a8.entry.js +0 -5
  396. package/dist/bromcom-ui/p-d1bd9b8d.entry.js +0 -5
  397. package/dist/bromcom-ui/p-dddbb790.entry.js +0 -5
  398. package/dist/bromcom-ui/p-de332baa.entry.js +0 -5
  399. package/dist/bromcom-ui/p-e258c81c.entry.js +0 -5
  400. package/dist/bromcom-ui/p-e9cea37d.entry.js +0 -5
  401. package/dist/bromcom-ui/p-ea9667ba.entry.js +0 -5
  402. package/dist/bromcom-ui/p-f7e85c95.entry.js +0 -5
  403. package/dist/bromcom-ui/p-f9608226.entry.js +0 -5
  404. package/dist/bromcom-ui/p-fa5118d5.entry.js +0 -5
  405. package/dist/bromcom-ui/p-faee01b2.entry.js +0 -5
  406. package/dist/cjs/bcm-search.cjs.entry.js +0 -257
  407. package/dist/collection/components/molecules/radio/group.css +0 -802
  408. package/dist/collection/components/molecules/radio/radio.css +0 -1286
  409. package/dist/collection/components/molecules/radio/types.js +0 -30
  410. package/dist/collection/components/molecules/states/radio-group.states.js +0 -107
  411. package/dist/esm/bcm-search.entry.js +0 -253
  412. package/dist/types/components/molecules/radio/types.d.ts +0 -29
  413. package/dist/types/components/molecules/states/radio-group.states.d.ts +0 -48
package/dist/collection/components/molecules/radio/radio.css DELETED
@@ -1,1286 +0,0 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap");
3
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap");
4
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap");
5
- .size-1 {
6
- font-size: 12px;
7
- line-height: 20px;
8
- }
9
-
10
- .size-2 {
11
- font-size: 14px;
12
- line-height: 22px;
13
- }
14
-
15
- .size-3 {
16
- font-size: 16px;
17
- line-height: 24px;
18
- }
19
-
20
- .size-4 {
21
- font-size: 20px;
22
- line-height: 28px;
23
- }
24
-
25
- .size-5 {
26
- font-size: 24px;
27
- line-height: 32px;
28
- }
29
-
30
- .size-6 {
31
- font-size: 30px;
32
- line-height: 38px;
33
- }
34
-
35
- .size-7 {
36
- font-size: 38px;
37
- line-height: 46px;
38
- }
39
-
40
- .size-8 {
41
- font-size: 46px;
42
- line-height: 54px;
43
- }
44
-
45
- .size-9 {
46
- font-size: 56px;
47
- line-height: 64px;
48
- }
49
-
50
- .weight-regular {
51
- font-weight: 400;
52
- }
53
-
54
- .weight-semibold {
55
- font-weight: 500;
56
- }
57
-
58
- /**
59
- * Generator
60
- */
61
- .input-size-large {
62
- height: 40px;
63
- }
64
-
65
- .input-size-medium {
66
- height: 32px;
67
- }
68
-
69
- .input-size-small {
70
- height: 24px;
71
- }
72
-
73
- .resize-none textarea {
74
- resize: none;
75
- }
76
-
77
- .resize-vertical textarea {
78
- resize: vertical;
79
- }
80
-
81
- .resize-auto textarea {
82
- height: auto;
83
- resize: none;
84
- }
85
-
86
- .textarea-size-large {
87
- padding: 4px 0 0 4px;
88
- min-height: 40px;
89
- }
90
- .textarea-size-large .bcm-input-element {
91
- min-height: calc((40px - 8px) + 2px);
92
- }
93
- .textarea-size-large .input-clear-button {
94
- height: calc( 40px - 16px );
95
- top: 8px;
96
- padding: 0;
97
- margin-right: 8px;
98
- }
99
-
100
- .textarea-size-medium {
101
- padding: 4px 0 0 4px;
102
- min-height: 32px;
103
- }
104
- .textarea-size-medium .bcm-input-element {
105
- min-height: calc((32px - 8px) + 2px);
106
- }
107
- .textarea-size-medium .input-clear-button {
108
- height: calc( 32px - 16px );
109
- top: 8px;
110
- padding: 0;
111
- margin-right: 8px;
112
- }
113
-
114
- .textarea-size-small {
115
- padding: 0px 0 0 4px;
116
- min-height: 24px;
117
- }
118
- .textarea-size-small .bcm-input-element {
119
- min-height: calc((24px - 8px) + 2px);
120
- }
121
- .textarea-size-small .input-clear-button {
122
- height: calc( 24px - 16px );
123
- top: 8px;
124
- padding: 0;
125
- margin-right: 8px;
126
- }
127
-
128
- :root,
129
- ::after,
130
- ::before {
131
- --bcm-new-ds-color-inherit: inherit;
132
- --bcm-new-ds-color-current: currentColor;
133
- --bcm-new-ds-color-transparent: transparent;
134
- --bcm-new-ds-color-black: #000;
135
- --bcm-new-ds-color-white: #fff;
136
- --bcm-new-ds-color-slate: #64748b;
137
- --bcm-new-ds-color-slate-50: #f8fafc;
138
- --bcm-new-ds-color-slate-100: #f1f5f9;
139
- --bcm-new-ds-color-slate-200: #e2e8f0;
140
- --bcm-new-ds-color-slate-300: #cbd5e1;
141
- --bcm-new-ds-color-slate-400: #94a3b8;
142
- --bcm-new-ds-color-slate-500: #64748b;
143
- --bcm-new-ds-color-slate-600: #475569;
144
- --bcm-new-ds-color-slate-700: #334155;
145
- --bcm-new-ds-color-slate-800: #1e293b;
146
- --bcm-new-ds-color-slate-900: #0f172a;
147
- --bcm-new-ds-color-gray: #6b7280;
148
- --bcm-new-ds-color-gray-50: #f9fafb;
149
- --bcm-new-ds-color-gray-100: #f3f4f6;
150
- --bcm-new-ds-color-gray-200: #e5e7eb;
151
- --bcm-new-ds-color-gray-300: #d1d5db;
152
- --bcm-new-ds-color-gray-400: #9ca3af;
153
- --bcm-new-ds-color-gray-500: #6b7280;
154
- --bcm-new-ds-color-gray-600: #4b5563;
155
- --bcm-new-ds-color-gray-700: #374151;
156
- --bcm-new-ds-color-gray-800: #1f2937;
157
- --bcm-new-ds-color-gray-900: #111827;
158
- --bcm-new-ds-color-zinc: #71717a;
159
- --bcm-new-ds-color-zinc-50: #fafafa;
160
- --bcm-new-ds-color-zinc-100: #f4f4f5;
161
- --bcm-new-ds-color-zinc-200: #e4e4e7;
162
- --bcm-new-ds-color-zinc-300: #d4d4d8;
163
- --bcm-new-ds-color-zinc-400: #a1a1aa;
164
- --bcm-new-ds-color-zinc-500: #71717a;
165
- --bcm-new-ds-color-zinc-600: #52525b;
166
- --bcm-new-ds-color-zinc-700: #3f3f46;
167
- --bcm-new-ds-color-zinc-800: #27272a;
168
- --bcm-new-ds-color-zinc-900: #18181b;
169
- --bcm-new-ds-color-neutral: #737373;
170
- --bcm-new-ds-color-neutral-50: #fafafa;
171
- --bcm-new-ds-color-neutral-100: #f5f5f5;
172
- --bcm-new-ds-color-neutral-200: #e5e5e5;
173
- --bcm-new-ds-color-neutral-300: #d4d4d4;
174
- --bcm-new-ds-color-neutral-400: #a3a3a3;
175
- --bcm-new-ds-color-neutral-500: #737373;
176
- --bcm-new-ds-color-neutral-600: #525252;
177
- --bcm-new-ds-color-neutral-700: #404040;
178
- --bcm-new-ds-color-neutral-800: #262626;
179
- --bcm-new-ds-color-neutral-900: #171717;
180
- --bcm-new-ds-color-stone: #78716c;
181
- --bcm-new-ds-color-stone-50: #fafaf9;
182
- --bcm-new-ds-color-stone-100: #f5f5f4;
183
- --bcm-new-ds-color-stone-200: #e7e5e4;
184
- --bcm-new-ds-color-stone-300: #d6d3d1;
185
- --bcm-new-ds-color-stone-400: #a8a29e;
186
- --bcm-new-ds-color-stone-500: #78716c;
187
- --bcm-new-ds-color-stone-600: #57534e;
188
- --bcm-new-ds-color-stone-700: #44403c;
189
- --bcm-new-ds-color-stone-800: #292524;
190
- --bcm-new-ds-color-stone-900: #1c1917;
191
- --bcm-new-ds-color-red: #ef4444;
192
- --bcm-new-ds-color-red-50: #fef2f2;
193
- --bcm-new-ds-color-red-100: #fee2e2;
194
- --bcm-new-ds-color-red-200: #fecaca;
195
- --bcm-new-ds-color-red-300: #fca5a5;
196
- --bcm-new-ds-color-red-400: #f87171;
197
- --bcm-new-ds-color-red-500: #ef4444;
198
- --bcm-new-ds-color-red-600: #dc2626;
199
- --bcm-new-ds-color-red-700: #b91c1c;
200
- --bcm-new-ds-color-red-800: #991b1b;
201
- --bcm-new-ds-color-red-900: #7f1d1d;
202
- --bcm-new-ds-color-orange: #f97316;
203
- --bcm-new-ds-color-orange-50: #fff7ed;
204
- --bcm-new-ds-color-orange-100: #ffedd5;
205
- --bcm-new-ds-color-orange-200: #fed7aa;
206
- --bcm-new-ds-color-orange-300: #fdba74;
207
- --bcm-new-ds-color-orange-400: #fb923c;
208
- --bcm-new-ds-color-orange-500: #f97316;
209
- --bcm-new-ds-color-orange-600: #ea580c;
210
- --bcm-new-ds-color-orange-700: #c2410c;
211
- --bcm-new-ds-color-orange-800: #9a3412;
212
- --bcm-new-ds-color-orange-900: #7c2d12;
213
- --bcm-new-ds-color-amber: #f59e0b;
214
- --bcm-new-ds-color-amber-50: #fffbeb;
215
- --bcm-new-ds-color-amber-100: #fef3c7;
216
- --bcm-new-ds-color-amber-200: #fde68a;
217
- --bcm-new-ds-color-amber-300: #fcd34d;
218
- --bcm-new-ds-color-amber-400: #fbbf24;
219
- --bcm-new-ds-color-amber-500: #f59e0b;
220
- --bcm-new-ds-color-amber-600: #d97706;
221
- --bcm-new-ds-color-amber-700: #b45309;
222
- --bcm-new-ds-color-amber-800: #92400e;
223
- --bcm-new-ds-color-amber-900: #78350f;
224
- --bcm-new-ds-color-yellow: #eab308;
225
- --bcm-new-ds-color-yellow-50: #fefce8;
226
- --bcm-new-ds-color-yellow-100: #fef9c3;
227
- --bcm-new-ds-color-yellow-200: #fef08a;
228
- --bcm-new-ds-color-yellow-300: #fde047;
229
- --bcm-new-ds-color-yellow-400: #facc15;
230
- --bcm-new-ds-color-yellow-500: #eab308;
231
- --bcm-new-ds-color-yellow-600: #ca8a04;
232
- --bcm-new-ds-color-yellow-700: #a16207;
233
- --bcm-new-ds-color-yellow-800: #854d0e;
234
- --bcm-new-ds-color-yellow-900: #713f12;
235
- --bcm-new-ds-color-lime: #84cc16;
236
- --bcm-new-ds-color-lime-50: #f7fee7;
237
- --bcm-new-ds-color-lime-100: #ecfccb;
238
- --bcm-new-ds-color-lime-200: #d9f99d;
239
- --bcm-new-ds-color-lime-300: #bef264;
240
- --bcm-new-ds-color-lime-400: #a3e635;
241
- --bcm-new-ds-color-lime-500: #84cc16;
242
- --bcm-new-ds-color-lime-600: #65a30d;
243
- --bcm-new-ds-color-lime-700: #4d7c0f;
244
- --bcm-new-ds-color-lime-800: #3f6212;
245
- --bcm-new-ds-color-lime-900: #365314;
246
- --bcm-new-ds-color-green: #22c55e;
247
- --bcm-new-ds-color-green-50: #f0fdf4;
248
- --bcm-new-ds-color-green-100: #dcfce7;
249
- --bcm-new-ds-color-green-200: #bbf7d0;
250
- --bcm-new-ds-color-green-300: #86efac;
251
- --bcm-new-ds-color-green-400: #4ade80;
252
- --bcm-new-ds-color-green-500: #22c55e;
253
- --bcm-new-ds-color-green-600: #16a34a;
254
- --bcm-new-ds-color-green-700: #15803d;
255
- --bcm-new-ds-color-green-800: #166534;
256
- --bcm-new-ds-color-green-900: #14532d;
257
- --bcm-new-ds-color-emerald: #10b981;
258
- --bcm-new-ds-color-emerald-50: #ecfdf5;
259
- --bcm-new-ds-color-emerald-100: #d1fae5;
260
- --bcm-new-ds-color-emerald-200: #a7f3d0;
261
- --bcm-new-ds-color-emerald-300: #6ee7b7;
262
- --bcm-new-ds-color-emerald-400: #34d399;
263
- --bcm-new-ds-color-emerald-500: #10b981;
264
- --bcm-new-ds-color-emerald-600: #059669;
265
- --bcm-new-ds-color-emerald-700: #047857;
266
- --bcm-new-ds-color-emerald-800: #065f46;
267
- --bcm-new-ds-color-emerald-900: #064e3b;
268
- --bcm-new-ds-color-teal: #14b8a6;
269
- --bcm-new-ds-color-teal-50: #f0fdfa;
270
- --bcm-new-ds-color-teal-100: #ccfbf1;
271
- --bcm-new-ds-color-teal-200: #99f6e4;
272
- --bcm-new-ds-color-teal-300: #5eead4;
273
- --bcm-new-ds-color-teal-400: #2dd4bf;
274
- --bcm-new-ds-color-teal-500: #14b8a6;
275
- --bcm-new-ds-color-teal-600: #0d9488;
276
- --bcm-new-ds-color-teal-700: #0f766e;
277
- --bcm-new-ds-color-teal-800: #115e59;
278
- --bcm-new-ds-color-teal-900: #134e4a;
279
- --bcm-new-ds-color-cyan: #06b6d4;
280
- --bcm-new-ds-color-cyan-50: #ecfeff;
281
- --bcm-new-ds-color-cyan-100: #cffafe;
282
- --bcm-new-ds-color-cyan-200: #a5f3fc;
283
- --bcm-new-ds-color-cyan-300: #67e8f9;
284
- --bcm-new-ds-color-cyan-400: #22d3ee;
285
- --bcm-new-ds-color-cyan-500: #06b6d4;
286
- --bcm-new-ds-color-cyan-600: #0891b2;
287
- --bcm-new-ds-color-cyan-700: #0e7490;
288
- --bcm-new-ds-color-cyan-800: #155e75;
289
- --bcm-new-ds-color-cyan-900: #164e63;
290
- --bcm-new-ds-color-sky: #0ea5e9;
291
- --bcm-new-ds-color-sky-50: #f0f9ff;
292
- --bcm-new-ds-color-sky-100: #e0f2fe;
293
- --bcm-new-ds-color-sky-200: #bae6fd;
294
- --bcm-new-ds-color-sky-300: #7dd3fc;
295
- --bcm-new-ds-color-sky-400: #38bdf8;
296
- --bcm-new-ds-color-sky-500: #0ea5e9;
297
- --bcm-new-ds-color-sky-600: #0284c7;
298
- --bcm-new-ds-color-sky-700: #0369a1;
299
- --bcm-new-ds-color-sky-800: #075985;
300
- --bcm-new-ds-color-sky-900: #0c4a6e;
301
- --bcm-new-ds-color-blue: #3b82f6;
302
- --bcm-new-ds-color-blue-50: #eff6ff;
303
- --bcm-new-ds-color-blue-100: #dbeafe;
304
- --bcm-new-ds-color-blue-200: #bfdbfe;
305
- --bcm-new-ds-color-blue-300: #93c5fd;
306
- --bcm-new-ds-color-blue-400: #60a5fa;
307
- --bcm-new-ds-color-blue-500: #3b82f6;
308
- --bcm-new-ds-color-blue-600: #2563eb;
309
- --bcm-new-ds-color-blue-700: #1d4ed8;
310
- --bcm-new-ds-color-blue-800: #1e40af;
311
- --bcm-new-ds-color-blue-900: #1e3a8a;
312
- --bcm-new-ds-color-indigo: #6366f1;
313
- --bcm-new-ds-color-indigo-50: #eef2ff;
314
- --bcm-new-ds-color-indigo-100: #e0e7ff;
315
- --bcm-new-ds-color-indigo-200: #c7d2fe;
316
- --bcm-new-ds-color-indigo-300: #a5b4fc;
317
- --bcm-new-ds-color-indigo-400: #818cf8;
318
- --bcm-new-ds-color-indigo-500: #6366f1;
319
- --bcm-new-ds-color-indigo-600: #4f46e5;
320
- --bcm-new-ds-color-indigo-700: #4338ca;
321
- --bcm-new-ds-color-indigo-800: #3730a3;
322
- --bcm-new-ds-color-indigo-900: #312e81;
323
- --bcm-new-ds-color-violet: #8b5cf6;
324
- --bcm-new-ds-color-violet-50: #f5f3ff;
325
- --bcm-new-ds-color-violet-100: #ede9fe;
326
- --bcm-new-ds-color-violet-200: #ddd6fe;
327
- --bcm-new-ds-color-violet-300: #c4b5fd;
328
- --bcm-new-ds-color-violet-400: #a78bfa;
329
- --bcm-new-ds-color-violet-500: #8b5cf6;
330
- --bcm-new-ds-color-violet-600: #7c3aed;
331
- --bcm-new-ds-color-violet-700: #6d28d9;
332
- --bcm-new-ds-color-violet-800: #5b21b6;
333
- --bcm-new-ds-color-violet-900: #4c1d95;
334
- --bcm-new-ds-color-purple: #a855f7;
335
- --bcm-new-ds-color-purple-50: #faf5ff;
336
- --bcm-new-ds-color-purple-100: #f3e8ff;
337
- --bcm-new-ds-color-purple-200: #e9d5ff;
338
- --bcm-new-ds-color-purple-300: #d8b4fe;
339
- --bcm-new-ds-color-purple-400: #c084fc;
340
- --bcm-new-ds-color-purple-500: #a855f7;
341
- --bcm-new-ds-color-purple-600: #9333ea;
342
- --bcm-new-ds-color-purple-700: #7e22ce;
343
- --bcm-new-ds-color-purple-800: #6b21a8;
344
- --bcm-new-ds-color-purple-900: #581c87;
345
- --bcm-new-ds-color-fuchsia: #d946ef;
346
- --bcm-new-ds-color-fuchsia-50: #fdf4ff;
347
- --bcm-new-ds-color-fuchsia-100: #fae8ff;
348
- --bcm-new-ds-color-fuchsia-200: #f5d0fe;
349
- --bcm-new-ds-color-fuchsia-300: #f0abfc;
350
- --bcm-new-ds-color-fuchsia-400: #e879f9;
351
- --bcm-new-ds-color-fuchsia-500: #d946ef;
352
- --bcm-new-ds-color-fuchsia-600: #c026d3;
353
- --bcm-new-ds-color-fuchsia-700: #a21caf;
354
- --bcm-new-ds-color-fuchsia-800: #86198f;
355
- --bcm-new-ds-color-fuchsia-900: #701a75;
356
- --bcm-new-ds-color-pink: #ec4899;
357
- --bcm-new-ds-color-pink-50: #fdf2f8;
358
- --bcm-new-ds-color-pink-100: #fce7f3;
359
- --bcm-new-ds-color-pink-200: #fbcfe8;
360
- --bcm-new-ds-color-pink-300: #f9a8d4;
361
- --bcm-new-ds-color-pink-400: #f472b6;
362
- --bcm-new-ds-color-pink-500: #ec4899;
363
- --bcm-new-ds-color-pink-600: #db2777;
364
- --bcm-new-ds-color-pink-700: #be185d;
365
- --bcm-new-ds-color-pink-800: #9d174d;
366
- --bcm-new-ds-color-pink-900: #831843;
367
- --bcm-new-ds-color-rose: #f43f5e;
368
- --bcm-new-ds-color-rose-50: #fff1f2;
369
- --bcm-new-ds-color-rose-100: #ffe4e6;
370
- --bcm-new-ds-color-rose-200: #fecdd3;
371
- --bcm-new-ds-color-rose-300: #fda4af;
372
- --bcm-new-ds-color-rose-400: #fb7185;
373
- --bcm-new-ds-color-rose-500: #f43f5e;
374
- --bcm-new-ds-color-rose-600: #e11d48;
375
- --bcm-new-ds-color-rose-700: #be123c;
376
- --bcm-new-ds-color-rose-800: #9f1239;
377
- --bcm-new-ds-color-rose-900: #881337;
378
- }
379
-
380
- * {
381
- box-sizing: border-box;
382
- }
383
-
384
- .bcm-caption-area {
385
- font-family: "Inter", sans-serif;
386
- font-size: 14px;
387
- line-height: calc(14px + 8px);
388
- font-weight: 400;
389
- font-size: 12px;
390
- line-height: calc(12px + 8px);
391
- color: var(--bcm-new-ds-color-slate-400);
392
- display: flex;
393
- flex-direction: row;
394
- align-items: flex-start;
395
- justify-content: space-between;
396
- flex-wrap: nowrap;
397
- margin-top: 2px;
398
- }
399
- .bcm-caption-area__text {
400
- color: var(--bcm-new-ds-color-slate-400);
401
- }
402
- .bcm-caption-area__text.default {
403
- color: var(--bcm-new-ds-color-slate-400);
404
- }
405
- .bcm-caption-area__text.info {
406
- color: var(--bcm-new-ds-color-blue-500);
407
- }
408
- .bcm-caption-area__text.success {
409
- color: var(--bcm-new-ds-color-emerald-500);
410
- }
411
- .bcm-caption-area__text.warning {
412
- color: var(--bcm-new-ds-color-amber-500);
413
- }
414
- .bcm-caption-area__text.error {
415
- color: var(--bcm-new-ds-color-red-500);
416
- }
417
- .bcm-caption-area__size-small {
418
- font-size: 10px;
419
- line-height: calc(10px + 8px);
420
- min-height: calc(10px + 8px);
421
- }
422
- .bcm-caption-area__size-medium {
423
- font-size: 12px;
424
- line-height: calc(12px + 8px);
425
- min-height: calc(12px + 8px);
426
- }
427
- .bcm-caption-area__size-large {
428
- font-size: 14px;
429
- line-height: calc(14px + 8px);
430
- min-height: calc(14px + 8px);
431
- }
432
-
433
- :root,
434
- ::after,
435
- ::before {
436
- --bcm-new-ds-color-inherit: inherit;
437
- --bcm-new-ds-color-current: currentColor;
438
- --bcm-new-ds-color-transparent: transparent;
439
- --bcm-new-ds-color-black: #000;
440
- --bcm-new-ds-color-white: #fff;
441
- --bcm-new-ds-color-slate: #64748b;
442
- --bcm-new-ds-color-slate-50: #f8fafc;
443
- --bcm-new-ds-color-slate-100: #f1f5f9;
444
- --bcm-new-ds-color-slate-200: #e2e8f0;
445
- --bcm-new-ds-color-slate-300: #cbd5e1;
446
- --bcm-new-ds-color-slate-400: #94a3b8;
447
- --bcm-new-ds-color-slate-500: #64748b;
448
- --bcm-new-ds-color-slate-600: #475569;
449
- --bcm-new-ds-color-slate-700: #334155;
450
- --bcm-new-ds-color-slate-800: #1e293b;
451
- --bcm-new-ds-color-slate-900: #0f172a;
452
- --bcm-new-ds-color-gray: #6b7280;
453
- --bcm-new-ds-color-gray-50: #f9fafb;
454
- --bcm-new-ds-color-gray-100: #f3f4f6;
455
- --bcm-new-ds-color-gray-200: #e5e7eb;
456
- --bcm-new-ds-color-gray-300: #d1d5db;
457
- --bcm-new-ds-color-gray-400: #9ca3af;
458
- --bcm-new-ds-color-gray-500: #6b7280;
459
- --bcm-new-ds-color-gray-600: #4b5563;
460
- --bcm-new-ds-color-gray-700: #374151;
461
- --bcm-new-ds-color-gray-800: #1f2937;
462
- --bcm-new-ds-color-gray-900: #111827;
463
- --bcm-new-ds-color-zinc: #71717a;
464
- --bcm-new-ds-color-zinc-50: #fafafa;
465
- --bcm-new-ds-color-zinc-100: #f4f4f5;
466
- --bcm-new-ds-color-zinc-200: #e4e4e7;
467
- --bcm-new-ds-color-zinc-300: #d4d4d8;
468
- --bcm-new-ds-color-zinc-400: #a1a1aa;
469
- --bcm-new-ds-color-zinc-500: #71717a;
470
- --bcm-new-ds-color-zinc-600: #52525b;
471
- --bcm-new-ds-color-zinc-700: #3f3f46;
472
- --bcm-new-ds-color-zinc-800: #27272a;
473
- --bcm-new-ds-color-zinc-900: #18181b;
474
- --bcm-new-ds-color-neutral: #737373;
475
- --bcm-new-ds-color-neutral-50: #fafafa;
476
- --bcm-new-ds-color-neutral-100: #f5f5f5;
477
- --bcm-new-ds-color-neutral-200: #e5e5e5;
478
- --bcm-new-ds-color-neutral-300: #d4d4d4;
479
- --bcm-new-ds-color-neutral-400: #a3a3a3;
480
- --bcm-new-ds-color-neutral-500: #737373;
481
- --bcm-new-ds-color-neutral-600: #525252;
482
- --bcm-new-ds-color-neutral-700: #404040;
483
- --bcm-new-ds-color-neutral-800: #262626;
484
- --bcm-new-ds-color-neutral-900: #171717;
485
- --bcm-new-ds-color-stone: #78716c;
486
- --bcm-new-ds-color-stone-50: #fafaf9;
487
- --bcm-new-ds-color-stone-100: #f5f5f4;
488
- --bcm-new-ds-color-stone-200: #e7e5e4;
489
- --bcm-new-ds-color-stone-300: #d6d3d1;
490
- --bcm-new-ds-color-stone-400: #a8a29e;
491
- --bcm-new-ds-color-stone-500: #78716c;
492
- --bcm-new-ds-color-stone-600: #57534e;
493
- --bcm-new-ds-color-stone-700: #44403c;
494
- --bcm-new-ds-color-stone-800: #292524;
495
- --bcm-new-ds-color-stone-900: #1c1917;
496
- --bcm-new-ds-color-red: #ef4444;
497
- --bcm-new-ds-color-red-50: #fef2f2;
498
- --bcm-new-ds-color-red-100: #fee2e2;
499
- --bcm-new-ds-color-red-200: #fecaca;
500
- --bcm-new-ds-color-red-300: #fca5a5;
501
- --bcm-new-ds-color-red-400: #f87171;
502
- --bcm-new-ds-color-red-500: #ef4444;
503
- --bcm-new-ds-color-red-600: #dc2626;
504
- --bcm-new-ds-color-red-700: #b91c1c;
505
- --bcm-new-ds-color-red-800: #991b1b;
506
- --bcm-new-ds-color-red-900: #7f1d1d;
507
- --bcm-new-ds-color-orange: #f97316;
508
- --bcm-new-ds-color-orange-50: #fff7ed;
509
- --bcm-new-ds-color-orange-100: #ffedd5;
510
- --bcm-new-ds-color-orange-200: #fed7aa;
511
- --bcm-new-ds-color-orange-300: #fdba74;
512
- --bcm-new-ds-color-orange-400: #fb923c;
513
- --bcm-new-ds-color-orange-500: #f97316;
514
- --bcm-new-ds-color-orange-600: #ea580c;
515
- --bcm-new-ds-color-orange-700: #c2410c;
516
- --bcm-new-ds-color-orange-800: #9a3412;
517
- --bcm-new-ds-color-orange-900: #7c2d12;
518
- --bcm-new-ds-color-amber: #f59e0b;
519
- --bcm-new-ds-color-amber-50: #fffbeb;
520
- --bcm-new-ds-color-amber-100: #fef3c7;
521
- --bcm-new-ds-color-amber-200: #fde68a;
522
- --bcm-new-ds-color-amber-300: #fcd34d;
523
- --bcm-new-ds-color-amber-400: #fbbf24;
524
- --bcm-new-ds-color-amber-500: #f59e0b;
525
- --bcm-new-ds-color-amber-600: #d97706;
526
- --bcm-new-ds-color-amber-700: #b45309;
527
- --bcm-new-ds-color-amber-800: #92400e;
528
- --bcm-new-ds-color-amber-900: #78350f;
529
- --bcm-new-ds-color-yellow: #eab308;
530
- --bcm-new-ds-color-yellow-50: #fefce8;
531
- --bcm-new-ds-color-yellow-100: #fef9c3;
532
- --bcm-new-ds-color-yellow-200: #fef08a;
533
- --bcm-new-ds-color-yellow-300: #fde047;
534
- --bcm-new-ds-color-yellow-400: #facc15;
535
- --bcm-new-ds-color-yellow-500: #eab308;
536
- --bcm-new-ds-color-yellow-600: #ca8a04;
537
- --bcm-new-ds-color-yellow-700: #a16207;
538
- --bcm-new-ds-color-yellow-800: #854d0e;
539
- --bcm-new-ds-color-yellow-900: #713f12;
540
- --bcm-new-ds-color-lime: #84cc16;
541
- --bcm-new-ds-color-lime-50: #f7fee7;
542
- --bcm-new-ds-color-lime-100: #ecfccb;
543
- --bcm-new-ds-color-lime-200: #d9f99d;
544
- --bcm-new-ds-color-lime-300: #bef264;
545
- --bcm-new-ds-color-lime-400: #a3e635;
546
- --bcm-new-ds-color-lime-500: #84cc16;
547
- --bcm-new-ds-color-lime-600: #65a30d;
548
- --bcm-new-ds-color-lime-700: #4d7c0f;
549
- --bcm-new-ds-color-lime-800: #3f6212;
550
- --bcm-new-ds-color-lime-900: #365314;
551
- --bcm-new-ds-color-green: #22c55e;
552
- --bcm-new-ds-color-green-50: #f0fdf4;
553
- --bcm-new-ds-color-green-100: #dcfce7;
554
- --bcm-new-ds-color-green-200: #bbf7d0;
555
- --bcm-new-ds-color-green-300: #86efac;
556
- --bcm-new-ds-color-green-400: #4ade80;
557
- --bcm-new-ds-color-green-500: #22c55e;
558
- --bcm-new-ds-color-green-600: #16a34a;
559
- --bcm-new-ds-color-green-700: #15803d;
560
- --bcm-new-ds-color-green-800: #166534;
561
- --bcm-new-ds-color-green-900: #14532d;
562
- --bcm-new-ds-color-emerald: #10b981;
563
- --bcm-new-ds-color-emerald-50: #ecfdf5;
564
- --bcm-new-ds-color-emerald-100: #d1fae5;
565
- --bcm-new-ds-color-emerald-200: #a7f3d0;
566
- --bcm-new-ds-color-emerald-300: #6ee7b7;
567
- --bcm-new-ds-color-emerald-400: #34d399;
568
- --bcm-new-ds-color-emerald-500: #10b981;
569
- --bcm-new-ds-color-emerald-600: #059669;
570
- --bcm-new-ds-color-emerald-700: #047857;
571
- --bcm-new-ds-color-emerald-800: #065f46;
572
- --bcm-new-ds-color-emerald-900: #064e3b;
573
- --bcm-new-ds-color-teal: #14b8a6;
574
- --bcm-new-ds-color-teal-50: #f0fdfa;
575
- --bcm-new-ds-color-teal-100: #ccfbf1;
576
- --bcm-new-ds-color-teal-200: #99f6e4;
577
- --bcm-new-ds-color-teal-300: #5eead4;
578
- --bcm-new-ds-color-teal-400: #2dd4bf;
579
- --bcm-new-ds-color-teal-500: #14b8a6;
580
- --bcm-new-ds-color-teal-600: #0d9488;
581
- --bcm-new-ds-color-teal-700: #0f766e;
582
- --bcm-new-ds-color-teal-800: #115e59;
583
- --bcm-new-ds-color-teal-900: #134e4a;
584
- --bcm-new-ds-color-cyan: #06b6d4;
585
- --bcm-new-ds-color-cyan-50: #ecfeff;
586
- --bcm-new-ds-color-cyan-100: #cffafe;
587
- --bcm-new-ds-color-cyan-200: #a5f3fc;
588
- --bcm-new-ds-color-cyan-300: #67e8f9;
589
- --bcm-new-ds-color-cyan-400: #22d3ee;
590
- --bcm-new-ds-color-cyan-500: #06b6d4;
591
- --bcm-new-ds-color-cyan-600: #0891b2;
592
- --bcm-new-ds-color-cyan-700: #0e7490;
593
- --bcm-new-ds-color-cyan-800: #155e75;
594
- --bcm-new-ds-color-cyan-900: #164e63;
595
- --bcm-new-ds-color-sky: #0ea5e9;
596
- --bcm-new-ds-color-sky-50: #f0f9ff;
597
- --bcm-new-ds-color-sky-100: #e0f2fe;
598
- --bcm-new-ds-color-sky-200: #bae6fd;
599
- --bcm-new-ds-color-sky-300: #7dd3fc;
600
- --bcm-new-ds-color-sky-400: #38bdf8;
601
- --bcm-new-ds-color-sky-500: #0ea5e9;
602
- --bcm-new-ds-color-sky-600: #0284c7;
603
- --bcm-new-ds-color-sky-700: #0369a1;
604
- --bcm-new-ds-color-sky-800: #075985;
605
- --bcm-new-ds-color-sky-900: #0c4a6e;
606
- --bcm-new-ds-color-blue: #3b82f6;
607
- --bcm-new-ds-color-blue-50: #eff6ff;
608
- --bcm-new-ds-color-blue-100: #dbeafe;
609
- --bcm-new-ds-color-blue-200: #bfdbfe;
610
- --bcm-new-ds-color-blue-300: #93c5fd;
611
- --bcm-new-ds-color-blue-400: #60a5fa;
612
- --bcm-new-ds-color-blue-500: #3b82f6;
613
- --bcm-new-ds-color-blue-600: #2563eb;
614
- --bcm-new-ds-color-blue-700: #1d4ed8;
615
- --bcm-new-ds-color-blue-800: #1e40af;
616
- --bcm-new-ds-color-blue-900: #1e3a8a;
617
- --bcm-new-ds-color-indigo: #6366f1;
618
- --bcm-new-ds-color-indigo-50: #eef2ff;
619
- --bcm-new-ds-color-indigo-100: #e0e7ff;
620
- --bcm-new-ds-color-indigo-200: #c7d2fe;
621
- --bcm-new-ds-color-indigo-300: #a5b4fc;
622
- --bcm-new-ds-color-indigo-400: #818cf8;
623
- --bcm-new-ds-color-indigo-500: #6366f1;
624
- --bcm-new-ds-color-indigo-600: #4f46e5;
625
- --bcm-new-ds-color-indigo-700: #4338ca;
626
- --bcm-new-ds-color-indigo-800: #3730a3;
627
- --bcm-new-ds-color-indigo-900: #312e81;
628
- --bcm-new-ds-color-violet: #8b5cf6;
629
- --bcm-new-ds-color-violet-50: #f5f3ff;
630
- --bcm-new-ds-color-violet-100: #ede9fe;
631
- --bcm-new-ds-color-violet-200: #ddd6fe;
632
- --bcm-new-ds-color-violet-300: #c4b5fd;
633
- --bcm-new-ds-color-violet-400: #a78bfa;
634
- --bcm-new-ds-color-violet-500: #8b5cf6;
635
- --bcm-new-ds-color-violet-600: #7c3aed;
636
- --bcm-new-ds-color-violet-700: #6d28d9;
637
- --bcm-new-ds-color-violet-800: #5b21b6;
638
- --bcm-new-ds-color-violet-900: #4c1d95;
639
- --bcm-new-ds-color-purple: #a855f7;
640
- --bcm-new-ds-color-purple-50: #faf5ff;
641
- --bcm-new-ds-color-purple-100: #f3e8ff;
642
- --bcm-new-ds-color-purple-200: #e9d5ff;
643
- --bcm-new-ds-color-purple-300: #d8b4fe;
644
- --bcm-new-ds-color-purple-400: #c084fc;
645
- --bcm-new-ds-color-purple-500: #a855f7;
646
- --bcm-new-ds-color-purple-600: #9333ea;
647
- --bcm-new-ds-color-purple-700: #7e22ce;
648
- --bcm-new-ds-color-purple-800: #6b21a8;
649
- --bcm-new-ds-color-purple-900: #581c87;
650
- --bcm-new-ds-color-fuchsia: #d946ef;
651
- --bcm-new-ds-color-fuchsia-50: #fdf4ff;
652
- --bcm-new-ds-color-fuchsia-100: #fae8ff;
653
- --bcm-new-ds-color-fuchsia-200: #f5d0fe;
654
- --bcm-new-ds-color-fuchsia-300: #f0abfc;
655
- --bcm-new-ds-color-fuchsia-400: #e879f9;
656
- --bcm-new-ds-color-fuchsia-500: #d946ef;
657
- --bcm-new-ds-color-fuchsia-600: #c026d3;
658
- --bcm-new-ds-color-fuchsia-700: #a21caf;
659
- --bcm-new-ds-color-fuchsia-800: #86198f;
660
- --bcm-new-ds-color-fuchsia-900: #701a75;
661
- --bcm-new-ds-color-pink: #ec4899;
662
- --bcm-new-ds-color-pink-50: #fdf2f8;
663
- --bcm-new-ds-color-pink-100: #fce7f3;
664
- --bcm-new-ds-color-pink-200: #fbcfe8;
665
- --bcm-new-ds-color-pink-300: #f9a8d4;
666
- --bcm-new-ds-color-pink-400: #f472b6;
667
- --bcm-new-ds-color-pink-500: #ec4899;
668
- --bcm-new-ds-color-pink-600: #db2777;
669
- --bcm-new-ds-color-pink-700: #be185d;
670
- --bcm-new-ds-color-pink-800: #9d174d;
671
- --bcm-new-ds-color-pink-900: #831843;
672
- --bcm-new-ds-color-rose: #f43f5e;
673
- --bcm-new-ds-color-rose-50: #fff1f2;
674
- --bcm-new-ds-color-rose-100: #ffe4e6;
675
- --bcm-new-ds-color-rose-200: #fecdd3;
676
- --bcm-new-ds-color-rose-300: #fda4af;
677
- --bcm-new-ds-color-rose-400: #fb7185;
678
- --bcm-new-ds-color-rose-500: #f43f5e;
679
- --bcm-new-ds-color-rose-600: #e11d48;
680
- --bcm-new-ds-color-rose-700: #be123c;
681
- --bcm-new-ds-color-rose-800: #9f1239;
682
- --bcm-new-ds-color-rose-900: #881337;
683
- }
684
-
685
- * {
686
- box-sizing: border-box;
687
- }
688
-
689
- .bcm-label {
690
- display: inline-flex;
691
- align-items: flex-start;
692
- grid-gap: 2px;
693
- }
694
- .bcm-label__text {
695
- margin-bottom: 2px;
696
- font-family: "Inter", sans-serif;
697
- font-size: 14px;
698
- line-height: calc(14px + 8px);
699
- font-weight: 400;
700
- display: inline-block;
701
- color: var(--bcm-new-ds-color-slate-600);
702
- }
703
- .bcm-label__size-small {
704
- font-size: 10px;
705
- line-height: calc(10px + 8px);
706
- min-height: calc(10px + 8px);
707
- }
708
- .bcm-label__size-medium {
709
- font-size: 12px;
710
- line-height: calc(12px + 8px);
711
- min-height: calc(12px + 8px);
712
- }
713
- .bcm-label__size-large {
714
- font-size: 14px;
715
- line-height: calc(14px + 8px);
716
- min-height: calc(14px + 8px);
717
- }
718
-
719
- .bcm-input[no-margin] {
720
- margin: 0;
721
- }
722
-
723
- .bcm-textarea[no-margin] {
724
- margin: 0;
725
- }
726
-
727
- .bcm-switch[no-margin] {
728
- margin: 0;
729
- }
730
-
731
- .bcm-checkbox[no-margin] {
732
- margin: 0;
733
- }
734
-
735
- .bcm-radio-group[no-margin] {
736
- margin: 0;
737
- }
738
-
739
- .bcm-checkbox-group[no-margin] {
740
- margin: 0;
741
- }
742
-
743
- .bcm-range[no-margin] {
744
- margin: 0;
745
- }
746
-
747
- .bcm-form[no-margin] {
748
- margin: 0;
749
- }
750
-
751
- .bcm-form-group[no-margin] {
752
- margin: 0;
753
- }
754
-
755
- .bcm-list[no-margin] {
756
- margin: 0;
757
- }
758
-
759
- .bcm-colorpicker[no-margin] {
760
- margin: 0;
761
- }
762
-
763
- .bcm-date-picker[no-margin] {
764
- margin: 0;
765
- }
766
-
767
- .bcm-time-picker[no-margin] {
768
- margin: 0;
769
- }
770
-
771
- .bcm-datetime-picker[no-margin] {
772
- margin: 0;
773
- }
774
-
775
- .bcm-select[no-margin] {
776
- margin: 0;
777
- }
778
-
779
- .bcm-listbox[no-margin] {
780
- margin: 0;
781
- }
782
-
783
- :root,
784
- ::after,
785
- ::before {
786
- --bcm-new-ds-color-inherit: inherit;
787
- --bcm-new-ds-color-current: currentColor;
788
- --bcm-new-ds-color-transparent: transparent;
789
- --bcm-new-ds-color-black: #000;
790
- --bcm-new-ds-color-white: #fff;
791
- --bcm-new-ds-color-slate: #64748b;
792
- --bcm-new-ds-color-slate-50: #f8fafc;
793
- --bcm-new-ds-color-slate-100: #f1f5f9;
794
- --bcm-new-ds-color-slate-200: #e2e8f0;
795
- --bcm-new-ds-color-slate-300: #cbd5e1;
796
- --bcm-new-ds-color-slate-400: #94a3b8;
797
- --bcm-new-ds-color-slate-500: #64748b;
798
- --bcm-new-ds-color-slate-600: #475569;
799
- --bcm-new-ds-color-slate-700: #334155;
800
- --bcm-new-ds-color-slate-800: #1e293b;
801
- --bcm-new-ds-color-slate-900: #0f172a;
802
- --bcm-new-ds-color-gray: #6b7280;
803
- --bcm-new-ds-color-gray-50: #f9fafb;
804
- --bcm-new-ds-color-gray-100: #f3f4f6;
805
- --bcm-new-ds-color-gray-200: #e5e7eb;
806
- --bcm-new-ds-color-gray-300: #d1d5db;
807
- --bcm-new-ds-color-gray-400: #9ca3af;
808
- --bcm-new-ds-color-gray-500: #6b7280;
809
- --bcm-new-ds-color-gray-600: #4b5563;
810
- --bcm-new-ds-color-gray-700: #374151;
811
- --bcm-new-ds-color-gray-800: #1f2937;
812
- --bcm-new-ds-color-gray-900: #111827;
813
- --bcm-new-ds-color-zinc: #71717a;
814
- --bcm-new-ds-color-zinc-50: #fafafa;
815
- --bcm-new-ds-color-zinc-100: #f4f4f5;
816
- --bcm-new-ds-color-zinc-200: #e4e4e7;
817
- --bcm-new-ds-color-zinc-300: #d4d4d8;
818
- --bcm-new-ds-color-zinc-400: #a1a1aa;
819
- --bcm-new-ds-color-zinc-500: #71717a;
820
- --bcm-new-ds-color-zinc-600: #52525b;
821
- --bcm-new-ds-color-zinc-700: #3f3f46;
822
- --bcm-new-ds-color-zinc-800: #27272a;
823
- --bcm-new-ds-color-zinc-900: #18181b;
824
- --bcm-new-ds-color-neutral: #737373;
825
- --bcm-new-ds-color-neutral-50: #fafafa;
826
- --bcm-new-ds-color-neutral-100: #f5f5f5;
827
- --bcm-new-ds-color-neutral-200: #e5e5e5;
828
- --bcm-new-ds-color-neutral-300: #d4d4d4;
829
- --bcm-new-ds-color-neutral-400: #a3a3a3;
830
- --bcm-new-ds-color-neutral-500: #737373;
831
- --bcm-new-ds-color-neutral-600: #525252;
832
- --bcm-new-ds-color-neutral-700: #404040;
833
- --bcm-new-ds-color-neutral-800: #262626;
834
- --bcm-new-ds-color-neutral-900: #171717;
835
- --bcm-new-ds-color-stone: #78716c;
836
- --bcm-new-ds-color-stone-50: #fafaf9;
837
- --bcm-new-ds-color-stone-100: #f5f5f4;
838
- --bcm-new-ds-color-stone-200: #e7e5e4;
839
- --bcm-new-ds-color-stone-300: #d6d3d1;
840
- --bcm-new-ds-color-stone-400: #a8a29e;
841
- --bcm-new-ds-color-stone-500: #78716c;
842
- --bcm-new-ds-color-stone-600: #57534e;
843
- --bcm-new-ds-color-stone-700: #44403c;
844
- --bcm-new-ds-color-stone-800: #292524;
845
- --bcm-new-ds-color-stone-900: #1c1917;
846
- --bcm-new-ds-color-red: #ef4444;
847
- --bcm-new-ds-color-red-50: #fef2f2;
848
- --bcm-new-ds-color-red-100: #fee2e2;
849
- --bcm-new-ds-color-red-200: #fecaca;
850
- --bcm-new-ds-color-red-300: #fca5a5;
851
- --bcm-new-ds-color-red-400: #f87171;
852
- --bcm-new-ds-color-red-500: #ef4444;
853
- --bcm-new-ds-color-red-600: #dc2626;
854
- --bcm-new-ds-color-red-700: #b91c1c;
855
- --bcm-new-ds-color-red-800: #991b1b;
856
- --bcm-new-ds-color-red-900: #7f1d1d;
857
- --bcm-new-ds-color-orange: #f97316;
858
- --bcm-new-ds-color-orange-50: #fff7ed;
859
- --bcm-new-ds-color-orange-100: #ffedd5;
860
- --bcm-new-ds-color-orange-200: #fed7aa;
861
- --bcm-new-ds-color-orange-300: #fdba74;
862
- --bcm-new-ds-color-orange-400: #fb923c;
863
- --bcm-new-ds-color-orange-500: #f97316;
864
- --bcm-new-ds-color-orange-600: #ea580c;
865
- --bcm-new-ds-color-orange-700: #c2410c;
866
- --bcm-new-ds-color-orange-800: #9a3412;
867
- --bcm-new-ds-color-orange-900: #7c2d12;
868
- --bcm-new-ds-color-amber: #f59e0b;
869
- --bcm-new-ds-color-amber-50: #fffbeb;
870
- --bcm-new-ds-color-amber-100: #fef3c7;
871
- --bcm-new-ds-color-amber-200: #fde68a;
872
- --bcm-new-ds-color-amber-300: #fcd34d;
873
- --bcm-new-ds-color-amber-400: #fbbf24;
874
- --bcm-new-ds-color-amber-500: #f59e0b;
875
- --bcm-new-ds-color-amber-600: #d97706;
876
- --bcm-new-ds-color-amber-700: #b45309;
877
- --bcm-new-ds-color-amber-800: #92400e;
878
- --bcm-new-ds-color-amber-900: #78350f;
879
- --bcm-new-ds-color-yellow: #eab308;
880
- --bcm-new-ds-color-yellow-50: #fefce8;
881
- --bcm-new-ds-color-yellow-100: #fef9c3;
882
- --bcm-new-ds-color-yellow-200: #fef08a;
883
- --bcm-new-ds-color-yellow-300: #fde047;
884
- --bcm-new-ds-color-yellow-400: #facc15;
885
- --bcm-new-ds-color-yellow-500: #eab308;
886
- --bcm-new-ds-color-yellow-600: #ca8a04;
887
- --bcm-new-ds-color-yellow-700: #a16207;
888
- --bcm-new-ds-color-yellow-800: #854d0e;
889
- --bcm-new-ds-color-yellow-900: #713f12;
890
- --bcm-new-ds-color-lime: #84cc16;
891
- --bcm-new-ds-color-lime-50: #f7fee7;
892
- --bcm-new-ds-color-lime-100: #ecfccb;
893
- --bcm-new-ds-color-lime-200: #d9f99d;
894
- --bcm-new-ds-color-lime-300: #bef264;
895
- --bcm-new-ds-color-lime-400: #a3e635;
896
- --bcm-new-ds-color-lime-500: #84cc16;
897
- --bcm-new-ds-color-lime-600: #65a30d;
898
- --bcm-new-ds-color-lime-700: #4d7c0f;
899
- --bcm-new-ds-color-lime-800: #3f6212;
900
- --bcm-new-ds-color-lime-900: #365314;
901
- --bcm-new-ds-color-green: #22c55e;
902
- --bcm-new-ds-color-green-50: #f0fdf4;
903
- --bcm-new-ds-color-green-100: #dcfce7;
904
- --bcm-new-ds-color-green-200: #bbf7d0;
905
- --bcm-new-ds-color-green-300: #86efac;
906
- --bcm-new-ds-color-green-400: #4ade80;
907
- --bcm-new-ds-color-green-500: #22c55e;
908
- --bcm-new-ds-color-green-600: #16a34a;
909
- --bcm-new-ds-color-green-700: #15803d;
910
- --bcm-new-ds-color-green-800: #166534;
911
- --bcm-new-ds-color-green-900: #14532d;
912
- --bcm-new-ds-color-emerald: #10b981;
913
- --bcm-new-ds-color-emerald-50: #ecfdf5;
914
- --bcm-new-ds-color-emerald-100: #d1fae5;
915
- --bcm-new-ds-color-emerald-200: #a7f3d0;
916
- --bcm-new-ds-color-emerald-300: #6ee7b7;
917
- --bcm-new-ds-color-emerald-400: #34d399;
918
- --bcm-new-ds-color-emerald-500: #10b981;
919
- --bcm-new-ds-color-emerald-600: #059669;
920
- --bcm-new-ds-color-emerald-700: #047857;
921
- --bcm-new-ds-color-emerald-800: #065f46;
922
- --bcm-new-ds-color-emerald-900: #064e3b;
923
- --bcm-new-ds-color-teal: #14b8a6;
924
- --bcm-new-ds-color-teal-50: #f0fdfa;
925
- --bcm-new-ds-color-teal-100: #ccfbf1;
926
- --bcm-new-ds-color-teal-200: #99f6e4;
927
- --bcm-new-ds-color-teal-300: #5eead4;
928
- --bcm-new-ds-color-teal-400: #2dd4bf;
929
- --bcm-new-ds-color-teal-500: #14b8a6;
930
- --bcm-new-ds-color-teal-600: #0d9488;
931
- --bcm-new-ds-color-teal-700: #0f766e;
932
- --bcm-new-ds-color-teal-800: #115e59;
933
- --bcm-new-ds-color-teal-900: #134e4a;
934
- --bcm-new-ds-color-cyan: #06b6d4;
935
- --bcm-new-ds-color-cyan-50: #ecfeff;
936
- --bcm-new-ds-color-cyan-100: #cffafe;
937
- --bcm-new-ds-color-cyan-200: #a5f3fc;
938
- --bcm-new-ds-color-cyan-300: #67e8f9;
939
- --bcm-new-ds-color-cyan-400: #22d3ee;
940
- --bcm-new-ds-color-cyan-500: #06b6d4;
941
- --bcm-new-ds-color-cyan-600: #0891b2;
942
- --bcm-new-ds-color-cyan-700: #0e7490;
943
- --bcm-new-ds-color-cyan-800: #155e75;
944
- --bcm-new-ds-color-cyan-900: #164e63;
945
- --bcm-new-ds-color-sky: #0ea5e9;
946
- --bcm-new-ds-color-sky-50: #f0f9ff;
947
- --bcm-new-ds-color-sky-100: #e0f2fe;
948
- --bcm-new-ds-color-sky-200: #bae6fd;
949
- --bcm-new-ds-color-sky-300: #7dd3fc;
950
- --bcm-new-ds-color-sky-400: #38bdf8;
951
- --bcm-new-ds-color-sky-500: #0ea5e9;
952
- --bcm-new-ds-color-sky-600: #0284c7;
953
- --bcm-new-ds-color-sky-700: #0369a1;
954
- --bcm-new-ds-color-sky-800: #075985;
955
- --bcm-new-ds-color-sky-900: #0c4a6e;
956
- --bcm-new-ds-color-blue: #3b82f6;
957
- --bcm-new-ds-color-blue-50: #eff6ff;
958
- --bcm-new-ds-color-blue-100: #dbeafe;
959
- --bcm-new-ds-color-blue-200: #bfdbfe;
960
- --bcm-new-ds-color-blue-300: #93c5fd;
961
- --bcm-new-ds-color-blue-400: #60a5fa;
962
- --bcm-new-ds-color-blue-500: #3b82f6;
963
- --bcm-new-ds-color-blue-600: #2563eb;
964
- --bcm-new-ds-color-blue-700: #1d4ed8;
965
- --bcm-new-ds-color-blue-800: #1e40af;
966
- --bcm-new-ds-color-blue-900: #1e3a8a;
967
- --bcm-new-ds-color-indigo: #6366f1;
968
- --bcm-new-ds-color-indigo-50: #eef2ff;
969
- --bcm-new-ds-color-indigo-100: #e0e7ff;
970
- --bcm-new-ds-color-indigo-200: #c7d2fe;
971
- --bcm-new-ds-color-indigo-300: #a5b4fc;
972
- --bcm-new-ds-color-indigo-400: #818cf8;
973
- --bcm-new-ds-color-indigo-500: #6366f1;
974
- --bcm-new-ds-color-indigo-600: #4f46e5;
975
- --bcm-new-ds-color-indigo-700: #4338ca;
976
- --bcm-new-ds-color-indigo-800: #3730a3;
977
- --bcm-new-ds-color-indigo-900: #312e81;
978
- --bcm-new-ds-color-violet: #8b5cf6;
979
- --bcm-new-ds-color-violet-50: #f5f3ff;
980
- --bcm-new-ds-color-violet-100: #ede9fe;
981
- --bcm-new-ds-color-violet-200: #ddd6fe;
982
- --bcm-new-ds-color-violet-300: #c4b5fd;
983
- --bcm-new-ds-color-violet-400: #a78bfa;
984
- --bcm-new-ds-color-violet-500: #8b5cf6;
985
- --bcm-new-ds-color-violet-600: #7c3aed;
986
- --bcm-new-ds-color-violet-700: #6d28d9;
987
- --bcm-new-ds-color-violet-800: #5b21b6;
988
- --bcm-new-ds-color-violet-900: #4c1d95;
989
- --bcm-new-ds-color-purple: #a855f7;
990
- --bcm-new-ds-color-purple-50: #faf5ff;
991
- --bcm-new-ds-color-purple-100: #f3e8ff;
992
- --bcm-new-ds-color-purple-200: #e9d5ff;
993
- --bcm-new-ds-color-purple-300: #d8b4fe;
994
- --bcm-new-ds-color-purple-400: #c084fc;
995
- --bcm-new-ds-color-purple-500: #a855f7;
996
- --bcm-new-ds-color-purple-600: #9333ea;
997
- --bcm-new-ds-color-purple-700: #7e22ce;
998
- --bcm-new-ds-color-purple-800: #6b21a8;
999
- --bcm-new-ds-color-purple-900: #581c87;
1000
- --bcm-new-ds-color-fuchsia: #d946ef;
1001
- --bcm-new-ds-color-fuchsia-50: #fdf4ff;
1002
- --bcm-new-ds-color-fuchsia-100: #fae8ff;
1003
- --bcm-new-ds-color-fuchsia-200: #f5d0fe;
1004
- --bcm-new-ds-color-fuchsia-300: #f0abfc;
1005
- --bcm-new-ds-color-fuchsia-400: #e879f9;
1006
- --bcm-new-ds-color-fuchsia-500: #d946ef;
1007
- --bcm-new-ds-color-fuchsia-600: #c026d3;
1008
- --bcm-new-ds-color-fuchsia-700: #a21caf;
1009
- --bcm-new-ds-color-fuchsia-800: #86198f;
1010
- --bcm-new-ds-color-fuchsia-900: #701a75;
1011
- --bcm-new-ds-color-pink: #ec4899;
1012
- --bcm-new-ds-color-pink-50: #fdf2f8;
1013
- --bcm-new-ds-color-pink-100: #fce7f3;
1014
- --bcm-new-ds-color-pink-200: #fbcfe8;
1015
- --bcm-new-ds-color-pink-300: #f9a8d4;
1016
- --bcm-new-ds-color-pink-400: #f472b6;
1017
- --bcm-new-ds-color-pink-500: #ec4899;
1018
- --bcm-new-ds-color-pink-600: #db2777;
1019
- --bcm-new-ds-color-pink-700: #be185d;
1020
- --bcm-new-ds-color-pink-800: #9d174d;
1021
- --bcm-new-ds-color-pink-900: #831843;
1022
- --bcm-new-ds-color-rose: #f43f5e;
1023
- --bcm-new-ds-color-rose-50: #fff1f2;
1024
- --bcm-new-ds-color-rose-100: #ffe4e6;
1025
- --bcm-new-ds-color-rose-200: #fecdd3;
1026
- --bcm-new-ds-color-rose-300: #fda4af;
1027
- --bcm-new-ds-color-rose-400: #fb7185;
1028
- --bcm-new-ds-color-rose-500: #f43f5e;
1029
- --bcm-new-ds-color-rose-600: #e11d48;
1030
- --bcm-new-ds-color-rose-700: #be123c;
1031
- --bcm-new-ds-color-rose-800: #9f1239;
1032
- --bcm-new-ds-color-rose-900: #881337;
1033
- }
1034
-
1035
- * {
1036
- box-sizing: border-box;
1037
- }
1038
-
1039
- .bcm-checkbox {
1040
- outline: none;
1041
- border: none;
1042
- --bcm-checkbox-primary-color-default: var(--bcm-new-ds-color-blue-500);
1043
- --bcm-checkbox-secondary-color-default: var(--bcm-new-ds-color-white);
1044
- --bcm-checkbox-primary-color-hover: var(--bcm-new-ds-color-blue-600);
1045
- --bcm-checkbox-secondary-color-hover: var(--bcm-new-ds-color-slate-50);
1046
- --bcm-checkbox-primary-color-focus-visible: var(--bcm-new-ds-color-blue-800);
1047
- --bcm-checkbox-secondary-color-focus-visible: var(--bcm-new-ds-color-slate-50);
1048
- --bcm-checkbox-primary-color-active: var(--bcm-new-ds-color-blue-700);
1049
- --bcm-checkbox-secondary-color-active: var(--bcm-new-ds-color-slate-50);
1050
- --bcm-checkbox-primary-color-disabled: var(--bcm-new-ds-color-slate-300);
1051
- --bcm-checkbox-secondary-color-disabled: var(--bcm-new-ds-color-slate-200);
1052
- display: inline-flex;
1053
- width: fit-content;
1054
- flex-direction: column;
1055
- margin-bottom: 8px;
1056
- }
1057
- .bcm-checkbox:focus, .bcm-checkbox:hover, .bcm-checkbox:active {
1058
- outline: none;
1059
- border: none;
1060
- }
1061
- .bcm-checkbox * {
1062
- box-sizing: border-box;
1063
- }
1064
- .bcm-checkbox input[type=radio],
1065
- .bcm-checkbox input[type=checkbox] {
1066
- -webkit-appearance: none;
1067
- appearance: none;
1068
- background-color: #fff;
1069
- margin: 0;
1070
- }
1071
- .bcm-checkbox__input {
1072
- display: flex;
1073
- flex-direction: row;
1074
- align-items: flex-start;
1075
- justify-content: flex-start;
1076
- flex-wrap: nowrap;
1077
- padding-top: 4px;
1078
- }
1079
- .bcm-checkbox.hidden {
1080
- display: none;
1081
- }
1082
- .bcm-checkbox :hover {
1083
- cursor: pointer;
1084
- }
1085
- .bcm-checkbox[disabled] :hover, .bcm-checkbox.disabled :hover {
1086
- cursor: not-allowed;
1087
- }
1088
- .bcm-checkbox .slot {
1089
- font-family: "Inter", sans-serif;
1090
- font-size: 14px;
1091
- line-height: calc(14px + 8px);
1092
- font-weight: 400;
1093
- font-weight: 500;
1094
- color: var(--bcm-new-ds-color-slate-600);
1095
- }
1096
- .bcm-checkbox .slot:not(:empty) {
1097
- margin-left: 8px;
1098
- margin-right: 8px;
1099
- }
1100
- .bcm-checkbox-size-small .slot {
1101
- font-size: 12px;
1102
- line-height: calc(12px + 8px);
1103
- margin-top: -2.5px;
1104
- }
1105
- .bcm-checkbox-size-small .bcm-checkbox__input {
1106
- min-height: calc(24px - 4px);
1107
- }
1108
- .bcm-checkbox-size-small .bcm-checkbox__label-icon {
1109
- width: 14px;
1110
- height: 14px;
1111
- min-width: 14px;
1112
- font-size: calc(10px - 2px);
1113
- }
1114
- .bcm-checkbox-size-medium .slot {
1115
- font-size: calc(12px + 1px);
1116
- line-height: calc(12px + 8px);
1117
- margin-top: -1.5px;
1118
- }
1119
- .bcm-checkbox-size-medium .bcm-checkbox__input {
1120
- min-height: calc(32px - 4px);
1121
- }
1122
- .bcm-checkbox-size-medium .bcm-checkbox__label-icon {
1123
- width: 16px;
1124
- height: 16px;
1125
- min-width: 16px;
1126
- font-size: 10px;
1127
- }
1128
- .bcm-checkbox-size-large .slot {
1129
- font-size: 16px;
1130
- line-height: calc(16px + 8px);
1131
- margin-top: -1.5px;
1132
- }
1133
- .bcm-checkbox-size-large .bcm-checkbox__input {
1134
- min-height: calc(32px - 4px);
1135
- }
1136
- .bcm-checkbox-size-large .bcm-checkbox__label-icon {
1137
- width: 18px;
1138
- height: 18px;
1139
- min-width: 18px;
1140
- font-size: 12px;
1141
- }
1142
- .bcm-checkbox__label {
1143
- display: flex;
1144
- flex-direction: row;
1145
- align-items: flex-start;
1146
- justify-content: flex-start;
1147
- flex-wrap: nowrap;
1148
- }
1149
- .bcm-checkbox__label-icon {
1150
- display: flex;
1151
- flex-direction: column;
1152
- align-items: center;
1153
- justify-content: center;
1154
- flex-wrap: nowrap;
1155
- border-width: 1px;
1156
- border-style: solid;
1157
- border-radius: 2px;
1158
- }
1159
- .bcm-checkbox__label-icon-indeterminate {
1160
- position: relative;
1161
- }
1162
- .bcm-checkbox__label-icon-indeterminate:after {
1163
- content: "";
1164
- display: block;
1165
- position: absolute;
1166
- width: 70%;
1167
- height: 1.5px;
1168
- background: var(--bcm-new-ds-color-white);
1169
- }
1170
- .bcm-checkbox__label-icon.bcm-radio__icon {
1171
- width: 16px;
1172
- height: 16px;
1173
- box-sizing: border-box;
1174
- border-radius: 100px;
1175
- }
1176
- .bcm-checkbox__label-icon.bcm-radio__icon .bcm-radio__icon-inner {
1177
- width: 10px;
1178
- height: 10px;
1179
- border-radius: 100px;
1180
- background-color: var(--bcm-new-ds-color-white);
1181
- }
1182
- .bcm-checkbox .bcm-checkbox__label-icon {
1183
- background: var(--bcm-checkbox-secondary-color-default);
1184
- color: var(--bcm-checkbox-secondary-color-default);
1185
- border-color: var(--bcm-new-ds-color-slate-300);
1186
- }
1187
- .bcm-checkbox .bcm-checkbox__label-icon-checked, .bcm-checkbox .bcm-checkbox__label-icon-indeterminate {
1188
- color: var(--bcm-new-ds-color-white);
1189
- background-color: var(--bcm-checkbox-primary-color-default);
1190
- border-color: var(--bcm-checkbox-primary-color-default);
1191
- }
1192
- .bcm-checkbox .bcm-checkbox__label-icon-checked.bcm-radio__icon, .bcm-checkbox .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon {
1193
- border-color: var(--bcm-checkbox-primary-color-default);
1194
- background-color: var(--bcm-checkbox-secondary-color-default);
1195
- }
1196
- .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 {
1197
- background-color: var(--bcm-checkbox-primary-color-default);
1198
- }
1199
- .bcm-checkbox .bcm-checkbox__label-icon-indeterminate {
1200
- color: var(--bcm-checkbox-primary-color-default);
1201
- }
1202
- .bcm-checkbox:hover .bcm-checkbox__label-icon {
1203
- background: var(--bcm-checkbox-secondary-color-hover);
1204
- color: var(--bcm-checkbox-secondary-color-hover);
1205
- border-color: var(--bcm-checkbox-primary-color-hover);
1206
- }
1207
- .bcm-checkbox:hover .bcm-checkbox__label-icon-checked, .bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate {
1208
- color: var(--bcm-new-ds-color-white);
1209
- background-color: var(--bcm-checkbox-primary-color-hover);
1210
- border-color: var(--bcm-checkbox-primary-color-hover);
1211
- }
1212
- .bcm-checkbox:hover .bcm-checkbox__label-icon-checked.bcm-radio__icon, .bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon {
1213
- border-color: var(--bcm-checkbox-primary-color-hover);
1214
- background-color: var(--bcm-checkbox-secondary-color-hover);
1215
- }
1216
- .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 {
1217
- background-color: var(--bcm-checkbox-primary-color-hover);
1218
- }
1219
- .bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate {
1220
- color: var(--bcm-checkbox-primary-color-hover);
1221
- }
1222
- .bcm-checkbox:focus-visible .bcm-checkbox__label-icon {
1223
- background: var(--bcm-checkbox-secondary-color-focus-visible);
1224
- color: var(--bcm-checkbox-secondary-color-focus-visible);
1225
- border-color: var(--bcm-checkbox-primary-color-focus-visible);
1226
- }
1227
- .bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked, .bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate {
1228
- color: var(--bcm-new-ds-color-white);
1229
- background-color: var(--bcm-checkbox-primary-color-focus-visible);
1230
- border-color: var(--bcm-checkbox-primary-color-focus-visible);
1231
- }
1232
- .bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked.bcm-radio__icon, .bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon {
1233
- border-color: var(--bcm-checkbox-primary-color-focus-visible);
1234
- background-color: var(--bcm-checkbox-secondary-color-focus-visible);
1235
- }
1236
- .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 {
1237
- background-color: var(--bcm-checkbox-primary-color-focus-visible);
1238
- }
1239
- .bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate {
1240
- color: var(--bcm-checkbox-primary-color-focus-visible);
1241
- }
1242
- .bcm-checkbox:active .bcm-checkbox__label-icon {
1243
- background: var(--bcm-checkbox-secondary-color-active);
1244
- color: var(--bcm-checkbox-secondary-color-active);
1245
- border-color: var(--bcm-checkbox-primary-color-active);
1246
- }
1247
- .bcm-checkbox:active .bcm-checkbox__label-icon-checked, .bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate {
1248
- color: var(--bcm-new-ds-color-white);
1249
- background-color: var(--bcm-checkbox-primary-color-active);
1250
- border-color: var(--bcm-checkbox-primary-color-active);
1251
- }
1252
- .bcm-checkbox:active .bcm-checkbox__label-icon-checked.bcm-radio__icon, .bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon {
1253
- border-color: var(--bcm-checkbox-primary-color-active);
1254
- background-color: var(--bcm-checkbox-secondary-color-active);
1255
- }
1256
- .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 {
1257
- background-color: var(--bcm-checkbox-primary-color-active);
1258
- }
1259
- .bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate {
1260
- color: var(--bcm-checkbox-primary-color-active);
1261
- }
1262
- .bcm-checkbox[disabled] .bcm-checkbox__label-icon, .bcm-checkbox.disabled .bcm-checkbox__label-icon {
1263
- background: var(--bcm-checkbox-secondary-color-disabled);
1264
- color: var(--bcm-checkbox-secondary-color-disabled);
1265
- border-color: var(--bcm-checkbox-primary-color-disabled);
1266
- }
1267
- .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 {
1268
- color: var(--bcm-new-ds-color-white);
1269
- background-color: var(--bcm-checkbox-primary-color-disabled);
1270
- border-color: var(--bcm-checkbox-primary-color-disabled);
1271
- }
1272
- .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 {
1273
- border-color: var(--bcm-checkbox-primary-color-disabled);
1274
- background-color: var(--bcm-checkbox-secondary-color-disabled);
1275
- }
1276
- .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 {
1277
- background-color: var(--bcm-checkbox-primary-color-disabled);
1278
- }
1279
- .bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate, .bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate {
1280
- color: var(--bcm-checkbox-primary-color-disabled);
1281
- }
1282
- .bcm-checkbox[no-margin] .bcm-checkbox__input {
1283
- margin: 0;
1284
- min-height: 0;
1285
- padding: 0;
1286
- }