bromcom-ui 2.9.0-rc.15 → 2.9.0-rc.16

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 (222) hide show
  1. package/dist/bromcom-ui/bromcom-ui.esm.js +1 -1
  2. package/dist/bromcom-ui/{p-560ce7f5.entry.js → p-00f70814.entry.js} +1 -1
  3. package/dist/bromcom-ui/{p-7e289ea9.entry.js → p-030f76e1.entry.js} +1 -1
  4. package/dist/bromcom-ui/p-0720cb6f.js +5 -0
  5. package/dist/bromcom-ui/{p-af3a04fa.entry.js → p-08f8f54b.entry.js} +1 -1
  6. package/dist/bromcom-ui/{p-f4c1f369.js → p-0c82b9dd.js} +1 -1
  7. package/dist/bromcom-ui/{p-64a2dd84.entry.js → p-11bbdf4e.entry.js} +1 -1
  8. package/dist/bromcom-ui/{p-9215fe3e.entry.js → p-1842c0ae.entry.js} +1 -1
  9. package/dist/bromcom-ui/{p-aa7af475.entry.js → p-1c67fb2c.entry.js} +1 -1
  10. package/dist/bromcom-ui/{p-854d7f14.entry.js → p-2062bcad.entry.js} +1 -1
  11. package/dist/bromcom-ui/{p-b0c257dc.entry.js → p-227574bd.entry.js} +1 -1
  12. package/dist/bromcom-ui/{p-ed0327fa.entry.js → p-29e0998f.entry.js} +1 -1
  13. package/dist/bromcom-ui/{p-74f28bd6.js → p-2c5a0863.js} +1 -1
  14. package/dist/bromcom-ui/{p-98fddc9a.entry.js → p-33e572c7.entry.js} +1 -1
  15. package/dist/bromcom-ui/{p-b10f0360.entry.js → p-3932096b.entry.js} +1 -1
  16. package/dist/bromcom-ui/{p-041126d7.entry.js → p-46169c1c.entry.js} +1 -1
  17. package/dist/bromcom-ui/{p-4961dc1f.entry.js → p-4676e8f0.entry.js} +1 -1
  18. package/dist/bromcom-ui/{p-33602526.entry.js → p-49283813.entry.js} +1 -1
  19. package/dist/bromcom-ui/{p-e906f698.entry.js → p-5017ff5e.entry.js} +1 -1
  20. package/dist/bromcom-ui/{p-63e7f7ca.js → p-512cb112.js} +1 -1
  21. package/dist/bromcom-ui/{p-01557c50.entry.js → p-5436ea4f.entry.js} +1 -1
  22. package/dist/bromcom-ui/{p-5ee90aab.js → p-550a0676.js} +1 -1
  23. package/dist/bromcom-ui/{p-3b9a3c38.entry.js → p-5871767a.entry.js} +1 -1
  24. package/dist/bromcom-ui/{p-3a992769.entry.js → p-5a8e767a.entry.js} +1 -1
  25. package/dist/bromcom-ui/{p-9b786a19.entry.js → p-60bb78b8.entry.js} +1 -1
  26. package/dist/bromcom-ui/{p-4b0275bf.entry.js → p-657d2834.entry.js} +1 -1
  27. package/dist/bromcom-ui/{p-bb43edd6.entry.js → p-660a8daa.entry.js} +1 -1
  28. package/dist/bromcom-ui/{p-adf9975b.js → p-6a45c5a6.js} +1 -1
  29. package/dist/bromcom-ui/{p-acae5107.entry.js → p-7585daca.entry.js} +1 -1
  30. package/dist/bromcom-ui/{p-bb4c1bd7.js → p-78baef69.js} +1 -1
  31. package/dist/bromcom-ui/{p-2e480f64.entry.js → p-7ab25e89.entry.js} +1 -1
  32. package/dist/bromcom-ui/{p-84f08fc7.entry.js → p-7c8623d0.entry.js} +1 -1
  33. package/dist/bromcom-ui/p-7cb30513.js +5 -0
  34. package/dist/bromcom-ui/{p-250ab35e.entry.js → p-7f7ba6ac.entry.js} +3 -3
  35. package/dist/bromcom-ui/{p-e161ca50.entry.js → p-83f4cf84.entry.js} +1 -1
  36. package/dist/bromcom-ui/{p-d3c73f06.entry.js → p-86cd7eac.entry.js} +1 -1
  37. package/dist/bromcom-ui/{p-5f0daba7.entry.js → p-89bea864.entry.js} +1 -1
  38. package/dist/bromcom-ui/{p-10f6df36.entry.js → p-8be78066.entry.js} +1 -1
  39. package/dist/bromcom-ui/{p-dc408605.js → p-8c4d1c0d.js} +1 -1
  40. package/dist/bromcom-ui/{p-a7d791f3.entry.js → p-8d288e04.entry.js} +1 -1
  41. package/dist/bromcom-ui/{p-75668f78.entry.js → p-8ecd7dc7.entry.js} +1 -1
  42. package/dist/bromcom-ui/{p-da961102.entry.js → p-8efaea12.entry.js} +1 -1
  43. package/dist/bromcom-ui/{p-b3ed20fd.entry.js → p-8f9077af.entry.js} +1 -1
  44. package/dist/bromcom-ui/{p-a389094e.entry.js → p-90914449.entry.js} +1 -1
  45. package/dist/bromcom-ui/{p-8994c73d.entry.js → p-9e9fbc23.entry.js} +1 -1
  46. package/dist/bromcom-ui/{p-df49c771.js → p-a1b1750c.js} +1 -1
  47. package/dist/bromcom-ui/{p-986da63d.entry.js → p-b5500fbe.entry.js} +1 -1
  48. package/dist/bromcom-ui/{p-f96a3dfc.entry.js → p-b609b1ff.entry.js} +1 -1
  49. package/dist/bromcom-ui/{p-616eb967.entry.js → p-c9124af7.entry.js} +1 -1
  50. package/dist/bromcom-ui/p-ccf0872d.js +5 -0
  51. package/dist/bromcom-ui/{p-89155301.entry.js → p-cf3cf447.entry.js} +1 -1
  52. package/dist/bromcom-ui/{p-5855a3ac.js → p-d153c7fc.js} +1 -1
  53. package/dist/bromcom-ui/{p-61193b4a.js → p-d245e0a0.js} +1 -1
  54. package/dist/bromcom-ui/{p-a107ad5c.entry.js → p-d35d3363.entry.js} +1 -1
  55. package/dist/bromcom-ui/{p-2dd61eee.entry.js → p-d380e82d.entry.js} +1 -1
  56. package/dist/bromcom-ui/{p-1f5d0561.entry.js → p-d492f0ff.entry.js} +1 -1
  57. package/dist/bromcom-ui/{p-fbd1bec7.entry.js → p-d4a47122.entry.js} +1 -1
  58. package/dist/bromcom-ui/{p-438e38a8.entry.js → p-d50e62e3.entry.js} +1 -1
  59. package/dist/bromcom-ui/{p-f6aefdd0.js → p-d6e1a945.js} +1 -1
  60. package/dist/bromcom-ui/{p-c1863294.entry.js → p-d7c46622.entry.js} +1 -1
  61. package/dist/bromcom-ui/{p-689cff39.entry.js → p-df191eb4.entry.js} +1 -1
  62. package/dist/bromcom-ui/{p-921e14a0.entry.js → p-df2eb6bd.entry.js} +1 -1
  63. package/dist/bromcom-ui/{p-8adc3340.entry.js → p-e10682a3.entry.js} +1 -1
  64. package/dist/bromcom-ui/{p-245a569e.entry.js → p-e4486524.entry.js} +1 -1
  65. package/dist/bromcom-ui/{p-7441ea36.entry.js → p-e8f4e425.entry.js} +1 -1
  66. package/dist/bromcom-ui/{p-71a5cbd0.entry.js → p-eb62dda7.entry.js} +1 -1
  67. package/dist/bromcom-ui/{p-5ea0ebfd.entry.js → p-f644d1b8.entry.js} +1 -1
  68. package/dist/bromcom-ui/p-f711588b.js +5 -0
  69. package/dist/bromcom-ui/{p-6bd58eb2.entry.js → p-ff9a9423.entry.js} +1 -1
  70. package/dist/cjs/{bcm-2f1e54ba.js → bcm-7f703055.js} +1 -0
  71. package/dist/cjs/bcm-accordion.cjs.entry.js +2 -2
  72. package/dist/cjs/bcm-alert.cjs.entry.js +4 -4
  73. package/dist/cjs/bcm-attendance.cjs.entry.js +2 -2
  74. package/dist/cjs/bcm-avatar_2.cjs.entry.js +6 -6
  75. package/dist/cjs/bcm-breadcrumb.cjs.entry.js +2 -2
  76. package/dist/cjs/bcm-button-group.cjs.entry.js +4 -4
  77. package/dist/cjs/bcm-button_14.cjs.entry.js +13 -13
  78. package/dist/cjs/bcm-card.cjs.entry.js +5 -5
  79. package/dist/cjs/bcm-checkbox-group.cjs.entry.js +6 -6
  80. package/dist/cjs/bcm-checkbox-lite_9.cjs.entry.js +3 -3
  81. package/dist/cjs/bcm-checkbox_2.cjs.entry.js +5 -5
  82. package/dist/cjs/bcm-chip-group.cjs.entry.js +8 -8
  83. package/dist/cjs/bcm-chip.cjs.entry.js +2 -2
  84. package/dist/cjs/bcm-collapse.cjs.entry.js +2 -2
  85. package/dist/cjs/bcm-color-input.cjs.entry.js +6 -6
  86. package/dist/cjs/bcm-default.cjs.entry.js +2 -2
  87. package/dist/cjs/bcm-drawer.cjs.entry.js +6 -6
  88. package/dist/cjs/bcm-dropdown.cjs.entry.js +4 -4
  89. package/dist/cjs/bcm-expansion-panel.cjs.entry.js +4 -4
  90. package/dist/cjs/bcm-form.cjs.entry.js +2 -2
  91. package/dist/cjs/bcm-input-custom.cjs.entry.js +2 -2
  92. package/dist/cjs/bcm-input-dropdown.cjs.entry.js +6 -6
  93. package/dist/cjs/bcm-item.cjs.entry.js +3 -3
  94. package/dist/cjs/bcm-items.cjs.entry.js +4 -4
  95. package/dist/cjs/bcm-link.cjs.entry.js +1 -1
  96. package/dist/cjs/bcm-list_3.cjs.entry.js +11 -11
  97. package/dist/cjs/bcm-menu.cjs.entry.js +8 -8
  98. package/dist/cjs/bcm-modal-2-footer.cjs.entry.js +6 -6
  99. package/dist/cjs/bcm-modal-2-header.cjs.entry.js +6 -6
  100. package/dist/cjs/bcm-modal-2.cjs.entry.js +6 -6
  101. package/dist/cjs/bcm-modal.cjs.entry.js +5 -5
  102. package/dist/cjs/bcm-popconfirm-box.cjs.entry.js +5 -5
  103. package/dist/cjs/bcm-popconfirm.cjs.entry.js +3 -3
  104. package/dist/cjs/bcm-popover.cjs.entry.js +7 -7
  105. package/dist/cjs/bcm-progress.cjs.entry.js +3 -3
  106. package/dist/cjs/bcm-radio-group.cjs.entry.js +6 -6
  107. package/dist/cjs/bcm-radio.cjs.entry.js +6 -6
  108. package/dist/cjs/bcm-range.cjs.entry.js +3 -3
  109. package/dist/cjs/bcm-select.cjs.entry.js +2 -2
  110. package/dist/cjs/bcm-skeleton.cjs.entry.js +2 -2
  111. package/dist/cjs/bcm-step.cjs.entry.js +3 -3
  112. package/dist/cjs/bcm-stepper.cjs.entry.js +7 -7
  113. package/dist/cjs/bcm-switch.cjs.entry.js +3 -3
  114. package/dist/cjs/bcm-tab-group.cjs.entry.js +6 -6
  115. package/dist/cjs/bcm-tab-item-header.cjs.entry.js +6 -6
  116. package/dist/cjs/bcm-tab-item.cjs.entry.js +6 -6
  117. package/dist/cjs/bcm-table.cjs.entry.js +6 -6
  118. package/dist/cjs/bcm-tag.cjs.entry.js +4 -4
  119. package/dist/cjs/bcm-text.cjs.entry.js +3 -3
  120. package/dist/cjs/bcm-textarea.cjs.entry.js +4 -4
  121. package/dist/cjs/bcm-toast.cjs.entry.js +4 -4
  122. package/dist/cjs/bromcom-ui.cjs.js +2 -2
  123. package/dist/cjs/{floating-ui-b8cf8165.js → floating-ui-b441ea7c.js} +1 -1
  124. package/dist/cjs/{generate-a8f024e6.js → generate-91a65294.js} +1 -1
  125. package/dist/cjs/{global-a2abdfa3.js → global-b209d1e4.js} +1 -1
  126. package/dist/cjs/{input-template-b7d69c48.js → input-template-dc157fc2.js} +2 -2
  127. package/dist/cjs/{json-parse-decarator-4ca20ea1.js → json-parse-decarator-32a5151e.js} +1 -1
  128. package/dist/cjs/{label-template-7549bfd3.js → label-template-80235581.js} +2 -2
  129. package/dist/cjs/loader.cjs.js +2 -2
  130. package/dist/cjs/{number-helper-10130b47.js → number-helper-c44b719b.js} +1 -1
  131. package/dist/cjs/old-bcm-popover-box.cjs.entry.js +7 -7
  132. package/dist/cjs/old-bcm-popover.cjs.entry.js +3 -3
  133. package/dist/cjs/{package-e4999946.js → package-acdd89a1.js} +1 -1
  134. package/dist/cjs/{popover-placement-e2d2de50.js → popover-placement-f20020a6.js} +1 -1
  135. package/dist/cjs/{slot-template-c6d74441.js → slot-template-873b0cd5.js} +1 -1
  136. package/dist/cjs/{stepper-states-1fc0765b.js → stepper-states-c188e535.js} +1 -1
  137. package/dist/cjs/{string-helper-77273186.js → string-helper-fda7cbba.js} +1 -1
  138. package/dist/cjs/{tooltip-helper-57810baa.js → tooltip-helper-a3643a7d.js} +6 -6
  139. package/dist/cjs/{validators-b6b4447d.js → validators-74e507fb.js} +1 -1
  140. package/dist/collection/components/atoms/button/button.css +55 -0
  141. package/dist/collection/components/atoms/button/button.js +1 -1
  142. package/dist/collection/components/molecules/dropdown/dropdown.js +1 -1
  143. package/dist/collection/models/bcm.js +1 -0
  144. package/dist/components/bcm.js +1 -0
  145. package/dist/components/button.js +1 -1
  146. package/dist/components/generate.js +1 -1
  147. package/dist/esm/bcm-accordion.entry.js +2 -2
  148. package/dist/esm/bcm-alert.entry.js +4 -4
  149. package/dist/esm/bcm-attendance.entry.js +2 -2
  150. package/dist/esm/bcm-avatar_2.entry.js +6 -6
  151. package/dist/esm/bcm-breadcrumb.entry.js +2 -2
  152. package/dist/esm/bcm-button-group.entry.js +4 -4
  153. package/dist/esm/bcm-button_14.entry.js +13 -13
  154. package/dist/esm/bcm-card.entry.js +5 -5
  155. package/dist/esm/bcm-checkbox-group.entry.js +6 -6
  156. package/dist/esm/bcm-checkbox-lite_9.entry.js +3 -3
  157. package/dist/esm/bcm-checkbox_2.entry.js +5 -5
  158. package/dist/esm/bcm-chip-group.entry.js +8 -8
  159. package/dist/esm/bcm-chip.entry.js +2 -2
  160. package/dist/esm/bcm-collapse.entry.js +2 -2
  161. package/dist/esm/bcm-color-input.entry.js +6 -6
  162. package/dist/esm/{bcm-40f18097.js → bcm-d45dc47d.js} +1 -0
  163. package/dist/esm/bcm-default.entry.js +2 -2
  164. package/dist/esm/bcm-drawer.entry.js +6 -6
  165. package/dist/esm/bcm-dropdown.entry.js +4 -4
  166. package/dist/esm/bcm-expansion-panel.entry.js +4 -4
  167. package/dist/esm/bcm-form.entry.js +2 -2
  168. package/dist/esm/bcm-input-custom.entry.js +2 -2
  169. package/dist/esm/bcm-input-dropdown.entry.js +6 -6
  170. package/dist/esm/bcm-item.entry.js +3 -3
  171. package/dist/esm/bcm-items.entry.js +4 -4
  172. package/dist/esm/bcm-link.entry.js +1 -1
  173. package/dist/esm/bcm-list_3.entry.js +11 -11
  174. package/dist/esm/bcm-menu.entry.js +8 -8
  175. package/dist/esm/bcm-modal-2-footer.entry.js +6 -6
  176. package/dist/esm/bcm-modal-2-header.entry.js +6 -6
  177. package/dist/esm/bcm-modal-2.entry.js +6 -6
  178. package/dist/esm/bcm-modal.entry.js +5 -5
  179. package/dist/esm/bcm-popconfirm-box.entry.js +5 -5
  180. package/dist/esm/bcm-popconfirm.entry.js +3 -3
  181. package/dist/esm/bcm-popover.entry.js +7 -7
  182. package/dist/esm/bcm-progress.entry.js +3 -3
  183. package/dist/esm/bcm-radio-group.entry.js +6 -6
  184. package/dist/esm/bcm-radio.entry.js +6 -6
  185. package/dist/esm/bcm-range.entry.js +3 -3
  186. package/dist/esm/bcm-select.entry.js +2 -2
  187. package/dist/esm/bcm-skeleton.entry.js +2 -2
  188. package/dist/esm/bcm-step.entry.js +3 -3
  189. package/dist/esm/bcm-stepper.entry.js +7 -7
  190. package/dist/esm/bcm-switch.entry.js +3 -3
  191. package/dist/esm/bcm-tab-group.entry.js +6 -6
  192. package/dist/esm/bcm-tab-item-header.entry.js +6 -6
  193. package/dist/esm/bcm-tab-item.entry.js +6 -6
  194. package/dist/esm/bcm-table.entry.js +6 -6
  195. package/dist/esm/bcm-tag.entry.js +4 -4
  196. package/dist/esm/bcm-text.entry.js +3 -3
  197. package/dist/esm/bcm-textarea.entry.js +4 -4
  198. package/dist/esm/bcm-toast.entry.js +4 -4
  199. package/dist/esm/bromcom-ui.js +2 -2
  200. package/dist/esm/{floating-ui-fa2d9209.js → floating-ui-8a0c54d6.js} +1 -1
  201. package/dist/esm/{generate-ad35cf8e.js → generate-77508025.js} +1 -1
  202. package/dist/esm/{global-4ab30789.js → global-473e45f0.js} +1 -1
  203. package/dist/esm/{input-template-25434b4d.js → input-template-83fefdcc.js} +2 -2
  204. package/dist/esm/{json-parse-decarator-6ef9274a.js → json-parse-decarator-7221b8e2.js} +1 -1
  205. package/dist/esm/{label-template-9cddb5ed.js → label-template-946d4062.js} +2 -2
  206. package/dist/esm/loader.js +2 -2
  207. package/dist/esm/{number-helper-32d36561.js → number-helper-9ffb551c.js} +1 -1
  208. package/dist/esm/old-bcm-popover-box.entry.js +7 -7
  209. package/dist/esm/old-bcm-popover.entry.js +3 -3
  210. package/dist/esm/{package-a8541483.js → package-a7b14d41.js} +1 -1
  211. package/dist/esm/{popover-placement-bc0c4fdf.js → popover-placement-be68c848.js} +1 -1
  212. package/dist/esm/{slot-template-d37d0312.js → slot-template-fcc7846e.js} +1 -1
  213. package/dist/esm/{stepper-states-bc4dc077.js → stepper-states-d032d06a.js} +1 -1
  214. package/dist/esm/{string-helper-5a67b5cc.js → string-helper-b0e05041.js} +1 -1
  215. package/dist/esm/{tooltip-helper-4624c4e4.js → tooltip-helper-04d51591.js} +6 -6
  216. package/dist/esm/{validators-5606ad07.js → validators-39c53eb5.js} +1 -1
  217. package/dist/types/models/bcm.d.ts +2 -1
  218. package/package.json +1 -1
  219. package/dist/bromcom-ui/p-65c5eac0.js +0 -5
  220. package/dist/bromcom-ui/p-9d4504f2.js +0 -5
  221. package/dist/bromcom-ui/p-b4dedf15.js +0 -5
  222. package/dist/bromcom-ui/p-c778dc08.js +0 -5
package/dist/cjs/{validators-b6b4447d.js → validators-74e507fb.js} RENAMED
@@ -4,7 +4,7 @@
4
4
  */
5
5
  'use strict';
6
6
 
7
- const generate = require('./generate-a8f024e6.js');
7
+ const generate = require('./generate-91a65294.js');
8
8
 
9
9
  class DateTimeHelper {
10
10
  }
package/dist/collection/components/atoms/button/button.css CHANGED
@@ -176,6 +176,21 @@
176
176
  --bcm-button-link-color-disabled: var(--bcm-new-ds-color-slate-400);
177
177
  --bcm-button-link-background-color-disabled: var(--bcm-new-ds-color-transparent);
178
178
  --bcm-button-link-border-disabled: var(--bcm-new-ds-color-transparent);
179
+ --bcm-button-ghost-link-color-default: var(--bcm-new-ds-color-slate-700);
180
+ --bcm-button-ghost-link-background-color-default: var(--bcm-new-ds-color-transparent);
181
+ --bcm-button-ghost-link-border-default: var(--bcm-new-ds-color-transparent);
182
+ --bcm-button-ghost-link-color-hover: var(--bcm-new-ds-color-slate-700);
183
+ --bcm-button-ghost-link-background-color-hover: var(--bcm-new-ds-color-slate-200);
184
+ --bcm-button-ghost-link-border-hover: var(--bcm-new-ds-color-transparent);
185
+ --bcm-button-ghost-link-color-focus-visible: var(--bcm-new-ds-color-slate-700);
186
+ --bcm-button-ghost-link-background-color-focus-visible: var(--bcm-new-ds-color-slate-300);
187
+ --bcm-button-ghost-link-border-focus-visible: var(--bcm-new-ds-color-transparent);
188
+ --bcm-button-ghost-link-color-active: var(--bcm-new-ds-color-slate-700);
189
+ --bcm-button-ghost-link-background-color-active: var(--bcm-new-ds-color-slate-300);
190
+ --bcm-button-ghost-link-border-active: var(--bcm-new-ds-color-transparent);
191
+ --bcm-button-ghost-link-color-disabled: var(--bcm-new-ds-color-slate-500);
192
+ --bcm-button-ghost-link-background-color-disabled: var(--bcm-new-ds-color-transparent);
193
+ --bcm-button-ghost-link-border-disabled: var(--bcm-new-ds-color-transparent);
179
194
  }
180
195
  .bcm-button.full-width {
181
196
  width: 100%;
@@ -354,6 +369,46 @@
354
369
  background-color: var(--bcm-button-link-background-color-default);
355
370
  border-color: var(--bcm-button-link-border-default);
356
371
  }
372
+ .bcm-button__container-kind-ghost-link {
373
+ color: var(--bcm-button-ghost-link-color-default);
374
+ background-color: var(--bcm-button-ghost-link-background-color-default);
375
+ border-color: var(--bcm-button-ghost-link-border-default);
376
+ }
377
+ .bcm-button__container-kind-ghost-link:hover {
378
+ color: var(--bcm-button-ghost-link-color-hover);
379
+ background-color: var(--bcm-button-ghost-link-background-color-hover);
380
+ border-color: var(--bcm-button-ghost-link-border-hover);
381
+ }
382
+ .bcm-button__container-kind-ghost-link:focus-visible {
383
+ color: var(--bcm-button-ghost-link-color-focus-visible);
384
+ background-color: var(--bcm-button-ghost-link-background-color-focus-visible);
385
+ border-color: var(--bcm-button-ghost-link-border-focus-visible);
386
+ }
387
+ .bcm-button__container-kind-ghost-link:active {
388
+ color: var(--bcm-button-ghost-link-color-active);
389
+ background-color: var(--bcm-button-ghost-link-background-color-active);
390
+ border-color: var(--bcm-button-ghost-link-border-active);
391
+ }
392
+ .bcm-button__container-kind-ghost-link:disabled {
393
+ color: var(--bcm-button-ghost-link-color-disabled);
394
+ background-color: var(--bcm-button-ghost-link-background-color-disabled);
395
+ border-color: var(--bcm-button-ghost-link-border-disabled);
396
+ }
397
+ .bcm-button__container-kind-ghost-link.checked {
398
+ color: var(--bcm-button-ghost-link-color-active);
399
+ background-color: var(--bcm-button-ghost-link-background-color-active);
400
+ border-color: var(--bcm-button-ghost-link-border-active);
401
+ }
402
+ .bcm-button__container-kind-ghost-link.disabled {
403
+ color: var(--bcm-button-ghost-link-color-disabled);
404
+ background-color: var(--bcm-button-ghost-link-background-color-disabled);
405
+ border-color: var(--bcm-button-ghost-link-border-disabled);
406
+ }
407
+ .bcm-button__container-kind-ghost-link .bcm-button__container-loading {
408
+ color: var(--bcm-button-ghost-link-color-default);
409
+ background-color: var(--bcm-button-ghost-link-background-color-default);
410
+ border-color: var(--bcm-button-ghost-link-border-default);
411
+ }
357
412
  .bcm-button__container[disabled] {
358
413
  cursor: not-allowed;
359
414
  }
package/dist/collection/components/atoms/button/button.js CHANGED
@@ -261,7 +261,7 @@ export class BcmButton {
261
261
  "mutable": true,
262
262
  "complexType": {
263
263
  "original": "KindTypes",
264
- "resolved": "\"ghost\" | \"link\" | \"solid\"",
264
+ "resolved": "\"ghost\" | \"ghost-link\" | \"link\" | \"solid\"",
265
265
  "references": {
266
266
  "KindTypes": {
267
267
  "location": "import",
package/dist/collection/components/molecules/dropdown/dropdown.js CHANGED
@@ -238,7 +238,7 @@ export class BcmDropdown {
238
238
  "mutable": true,
239
239
  "complexType": {
240
240
  "original": "KindTypes",
241
- "resolved": "\"ghost\" | \"link\" | \"solid\"",
241
+ "resolved": "\"ghost\" | \"ghost-link\" | \"link\" | \"solid\"",
242
242
  "references": {
243
243
  "KindTypes": {
244
244
  "location": "import",
package/dist/collection/models/bcm.js CHANGED
@@ -81,6 +81,7 @@ export var Bcm;
81
81
  Kind["solid"] = "solid";
82
82
  Kind["ghost"] = "ghost";
83
83
  Kind["link"] = "link";
84
+ Kind["ghost-link"] = "ghost-link";
84
85
  })(Kind = Bcm.Kind || (Bcm.Kind = {}));
85
86
  let ButtonType;
86
87
  (function (ButtonType) {
package/dist/components/bcm.js CHANGED
@@ -73,6 +73,7 @@ var Bcm;
73
73
  Kind["solid"] = "solid";
74
74
  Kind["ghost"] = "ghost";
75
75
  Kind["link"] = "link";
76
+ Kind["ghost-link"] = "ghost-link";
76
77
  })(Bcm.Kind || (Bcm.Kind = {}));
77
78
  (function (ButtonType) {
78
79
  ButtonType["button"] = "button";
package/dist/components/button.js CHANGED
@@ -217,7 +217,7 @@ const ButtonTemplate = ({ value, type, componentClass, disabled, href, target, l
217
217
  h("slot", { name: "suffix" })));
218
218
  };
219
219
 
220
- const buttonCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-button{display:inline-flex;width:fit-content;height:fit-content;--bcm-button-solid-color-default:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-default:var(--bcm-new-ds-color-blue-500);--bcm-button-solid-border-default:var(--bcm-new-ds-color-blue-500);--bcm-button-solid-color-hover:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-solid-border-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-solid-color-focus-visible:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-solid-border-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-solid-color-active:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-active:var(--bcm-new-ds-color-blue-700);--bcm-button-solid-border-active:var(--bcm-new-ds-color-blue-700);--bcm-button-solid-color-disabled:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-solid-border-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-color-default:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-default:var(--bcm-new-ds-color-slate-100);--bcm-button-ghost-border-default:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-color-hover:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-hover:var(--bcm-new-ds-color-slate-200);--bcm-button-ghost-border-hover:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-color-focus-visible:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-focus-visible:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-border-focus-visible:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-color-active:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-active:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-border-active:var(--bcm-new-ds-color-slate-500);--bcm-button-ghost-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-background-color-disabled:var(--bcm-new-ds-color-slate-50);--bcm-button-ghost-border-disabled:var(--bcm-new-ds-color-slate-200);--bcm-button-link-color-default:var(--bcm-new-ds-color-blue-500);--bcm-button-link-background-color-default:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-default:var(--bcm-new-ds-color-transparent);--bcm-button-link-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-link-background-color-hover:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-hover:var(--bcm-new-ds-color-transparent);--bcm-button-link-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-link-background-color-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-button-link-border-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-button-link-color-active:var(--bcm-new-ds-color-blue-700);--bcm-button-link-background-color-active:var(--bcm-new-ds-color-slate-50);--bcm-button-link-border-active:var(--bcm-new-ds-color-slate-50);--bcm-button-link-color-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-link-background-color-disabled:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-disabled:var(--bcm-new-ds-color-transparent)}.bcm-button.full-width{width:100%}.bcm-button.full-width .bcm-button__container{width:100%}.bcm-button:after,.bcm-button:before{content:\"\";clear:both}.bcm-button__container{border:none;color:inherit;background-color:inherit;padding:0;margin:0;font:inherit;cursor:pointer;outline:none;text-decoration:none;font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:4px 12px;outline:none;border-radius:4px;transition:background-color 0.1s ease-in-out;position:relative;min-width:40px;border-width:1px;border-style:solid;border-color:initial}.bcm-button__container:hover,.bcm-button__container:focus,.bcm-button__container:active{outline:none;text-decoration:none}.bcm-button__container-loading{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px;display:flex;align-items:center;justify-content:center}.bcm-button__container-kind-solid{color:var(--bcm-button-solid-color-default);background-color:var(--bcm-button-solid-background-color-default);border-color:var(--bcm-button-solid-border-default)}.bcm-button__container-kind-solid:hover{color:var(--bcm-button-solid-color-hover);background-color:var(--bcm-button-solid-background-color-hover);border-color:var(--bcm-button-solid-border-hover)}.bcm-button__container-kind-solid:focus-visible{color:var(--bcm-button-solid-color-focus-visible);background-color:var(--bcm-button-solid-background-color-focus-visible);border-color:var(--bcm-button-solid-border-focus-visible)}.bcm-button__container-kind-solid:active{color:var(--bcm-button-solid-color-active);background-color:var(--bcm-button-solid-background-color-active);border-color:var(--bcm-button-solid-border-active)}.bcm-button__container-kind-solid:disabled{color:var(--bcm-button-solid-color-disabled);background-color:var(--bcm-button-solid-background-color-disabled);border-color:var(--bcm-button-solid-border-disabled)}.bcm-button__container-kind-solid.checked{color:var(--bcm-button-solid-color-active);background-color:var(--bcm-button-solid-background-color-active);border-color:var(--bcm-button-solid-border-active)}.bcm-button__container-kind-solid.disabled{color:var(--bcm-button-solid-color-disabled);background-color:var(--bcm-button-solid-background-color-disabled);border-color:var(--bcm-button-solid-border-disabled)}.bcm-button__container-kind-solid .bcm-button__container-loading{color:var(--bcm-button-solid-color-default);background-color:var(--bcm-button-solid-background-color-default);border-color:var(--bcm-button-solid-border-default)}.bcm-button__container-kind-ghost{color:var(--bcm-button-ghost-color-default);background-color:var(--bcm-button-ghost-background-color-default);border-color:var(--bcm-button-ghost-border-default)}.bcm-button__container-kind-ghost:not([disabled]) .bcm-icon{color:var(--bcm-new-ds-color-slate-500)}.bcm-button__container-kind-ghost:hover{color:var(--bcm-button-ghost-color-hover);background-color:var(--bcm-button-ghost-background-color-hover);border-color:var(--bcm-button-ghost-border-hover)}.bcm-button__container-kind-ghost:focus-visible{color:var(--bcm-button-ghost-color-focus-visible);background-color:var(--bcm-button-ghost-background-color-focus-visible);border-color:var(--bcm-button-ghost-border-focus-visible)}.bcm-button__container-kind-ghost:active{color:var(--bcm-button-ghost-color-active);background-color:var(--bcm-button-ghost-background-color-active);border-color:var(--bcm-button-ghost-border-active)}.bcm-button__container-kind-ghost:disabled{color:var(--bcm-button-ghost-color-disabled);background-color:var(--bcm-button-ghost-background-color-disabled);border-color:var(--bcm-button-ghost-border-disabled)}.bcm-button__container-kind-ghost.checked{color:var(--bcm-button-ghost-color-active);background-color:var(--bcm-button-ghost-background-color-active);border-color:var(--bcm-button-ghost-border-active)}.bcm-button__container-kind-ghost.disabled{color:var(--bcm-button-ghost-color-disabled);background-color:var(--bcm-button-ghost-background-color-disabled);border-color:var(--bcm-button-ghost-border-disabled)}.bcm-button__container-kind-ghost .bcm-button__container-loading{color:var(--bcm-button-ghost-color-default);background-color:var(--bcm-button-ghost-background-color-default);border-color:var(--bcm-button-ghost-border-default)}.bcm-button__container-kind-link{color:var(--bcm-button-link-color-default);background-color:var(--bcm-button-link-background-color-default);border-color:var(--bcm-button-link-border-default)}.bcm-button__container-kind-link:hover{color:var(--bcm-button-link-color-hover);background-color:var(--bcm-button-link-background-color-hover);border-color:var(--bcm-button-link-border-hover)}.bcm-button__container-kind-link:focus-visible{color:var(--bcm-button-link-color-focus-visible);background-color:var(--bcm-button-link-background-color-focus-visible);border-color:var(--bcm-button-link-border-focus-visible)}.bcm-button__container-kind-link:active{color:var(--bcm-button-link-color-active);background-color:var(--bcm-button-link-background-color-active);border-color:var(--bcm-button-link-border-active)}.bcm-button__container-kind-link:disabled{color:var(--bcm-button-link-color-disabled);background-color:var(--bcm-button-link-background-color-disabled);border-color:var(--bcm-button-link-border-disabled)}.bcm-button__container-kind-link.checked{color:var(--bcm-button-link-color-active);background-color:var(--bcm-button-link-background-color-active);border-color:var(--bcm-button-link-border-active)}.bcm-button__container-kind-link.disabled{color:var(--bcm-button-link-color-disabled);background-color:var(--bcm-button-link-background-color-disabled);border-color:var(--bcm-button-link-border-disabled)}.bcm-button__container-kind-link .bcm-button__container-loading{color:var(--bcm-button-link-color-default);background-color:var(--bcm-button-link-background-color-default);border-color:var(--bcm-button-link-border-default)}.bcm-button__container[disabled]{cursor:not-allowed}.bcm-button__container-text{order:3;display:flex;align-items:center;gap:8px;white-space:nowrap}.bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-icon.prefix{order:2}.bcm-button__container-icon.suffix{order:4}.bcm-button__container-size-small{font-size:12px;line-height:calc(12px + 8px);padding:calc(4px - 3px) 12px;min-height:calc(calc(12px + 8px) + calc(calc(4px - 2px)) * 2)}.bcm-button__container-size-small .bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-size-medium{font-size:calc(12px + 1px);line-height:calc(12px + 8px);padding:calc(4px + 1px) 12px;min-height:calc(calc(12px + 8px) + calc(calc(4px + 2px)) * 2)}.bcm-button__container-size-medium .bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-size-large{font-size:16px;line-height:calc(16px + 8px);padding:calc(8px - 1px) 12px;min-height:calc(calc(16px + 8px) + (calc(8px) * 2))}.bcm-button__container-size-large .bcm-button__container-icon{min-height:calc(16px + 8px)}";
220
+ const buttonCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-button{display:inline-flex;width:fit-content;height:fit-content;--bcm-button-solid-color-default:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-default:var(--bcm-new-ds-color-blue-500);--bcm-button-solid-border-default:var(--bcm-new-ds-color-blue-500);--bcm-button-solid-color-hover:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-solid-border-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-solid-color-focus-visible:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-solid-border-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-solid-color-active:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-active:var(--bcm-new-ds-color-blue-700);--bcm-button-solid-border-active:var(--bcm-new-ds-color-blue-700);--bcm-button-solid-color-disabled:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-solid-border-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-color-default:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-default:var(--bcm-new-ds-color-slate-100);--bcm-button-ghost-border-default:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-color-hover:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-hover:var(--bcm-new-ds-color-slate-200);--bcm-button-ghost-border-hover:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-color-focus-visible:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-focus-visible:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-border-focus-visible:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-color-active:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-active:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-border-active:var(--bcm-new-ds-color-slate-500);--bcm-button-ghost-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-background-color-disabled:var(--bcm-new-ds-color-slate-50);--bcm-button-ghost-border-disabled:var(--bcm-new-ds-color-slate-200);--bcm-button-link-color-default:var(--bcm-new-ds-color-blue-500);--bcm-button-link-background-color-default:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-default:var(--bcm-new-ds-color-transparent);--bcm-button-link-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-link-background-color-hover:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-hover:var(--bcm-new-ds-color-transparent);--bcm-button-link-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-link-background-color-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-button-link-border-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-button-link-color-active:var(--bcm-new-ds-color-blue-700);--bcm-button-link-background-color-active:var(--bcm-new-ds-color-slate-50);--bcm-button-link-border-active:var(--bcm-new-ds-color-slate-50);--bcm-button-link-color-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-link-background-color-disabled:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-disabled:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-default:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-link-background-color-default:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-border-default:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-hover:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-link-background-color-hover:var(--bcm-new-ds-color-slate-200);--bcm-button-ghost-link-border-hover:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-focus-visible:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-link-background-color-focus-visible:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-link-border-focus-visible:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-active:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-link-background-color-active:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-link-border-active:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-disabled:var(--bcm-new-ds-color-slate-500);--bcm-button-ghost-link-background-color-disabled:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-border-disabled:var(--bcm-new-ds-color-transparent)}.bcm-button.full-width{width:100%}.bcm-button.full-width .bcm-button__container{width:100%}.bcm-button:after,.bcm-button:before{content:\"\";clear:both}.bcm-button__container{border:none;color:inherit;background-color:inherit;padding:0;margin:0;font:inherit;cursor:pointer;outline:none;text-decoration:none;font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:4px 12px;outline:none;border-radius:4px;transition:background-color 0.1s ease-in-out;position:relative;min-width:40px;border-width:1px;border-style:solid;border-color:initial}.bcm-button__container:hover,.bcm-button__container:focus,.bcm-button__container:active{outline:none;text-decoration:none}.bcm-button__container-loading{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px;display:flex;align-items:center;justify-content:center}.bcm-button__container-kind-solid{color:var(--bcm-button-solid-color-default);background-color:var(--bcm-button-solid-background-color-default);border-color:var(--bcm-button-solid-border-default)}.bcm-button__container-kind-solid:hover{color:var(--bcm-button-solid-color-hover);background-color:var(--bcm-button-solid-background-color-hover);border-color:var(--bcm-button-solid-border-hover)}.bcm-button__container-kind-solid:focus-visible{color:var(--bcm-button-solid-color-focus-visible);background-color:var(--bcm-button-solid-background-color-focus-visible);border-color:var(--bcm-button-solid-border-focus-visible)}.bcm-button__container-kind-solid:active{color:var(--bcm-button-solid-color-active);background-color:var(--bcm-button-solid-background-color-active);border-color:var(--bcm-button-solid-border-active)}.bcm-button__container-kind-solid:disabled{color:var(--bcm-button-solid-color-disabled);background-color:var(--bcm-button-solid-background-color-disabled);border-color:var(--bcm-button-solid-border-disabled)}.bcm-button__container-kind-solid.checked{color:var(--bcm-button-solid-color-active);background-color:var(--bcm-button-solid-background-color-active);border-color:var(--bcm-button-solid-border-active)}.bcm-button__container-kind-solid.disabled{color:var(--bcm-button-solid-color-disabled);background-color:var(--bcm-button-solid-background-color-disabled);border-color:var(--bcm-button-solid-border-disabled)}.bcm-button__container-kind-solid .bcm-button__container-loading{color:var(--bcm-button-solid-color-default);background-color:var(--bcm-button-solid-background-color-default);border-color:var(--bcm-button-solid-border-default)}.bcm-button__container-kind-ghost{color:var(--bcm-button-ghost-color-default);background-color:var(--bcm-button-ghost-background-color-default);border-color:var(--bcm-button-ghost-border-default)}.bcm-button__container-kind-ghost:not([disabled]) .bcm-icon{color:var(--bcm-new-ds-color-slate-500)}.bcm-button__container-kind-ghost:hover{color:var(--bcm-button-ghost-color-hover);background-color:var(--bcm-button-ghost-background-color-hover);border-color:var(--bcm-button-ghost-border-hover)}.bcm-button__container-kind-ghost:focus-visible{color:var(--bcm-button-ghost-color-focus-visible);background-color:var(--bcm-button-ghost-background-color-focus-visible);border-color:var(--bcm-button-ghost-border-focus-visible)}.bcm-button__container-kind-ghost:active{color:var(--bcm-button-ghost-color-active);background-color:var(--bcm-button-ghost-background-color-active);border-color:var(--bcm-button-ghost-border-active)}.bcm-button__container-kind-ghost:disabled{color:var(--bcm-button-ghost-color-disabled);background-color:var(--bcm-button-ghost-background-color-disabled);border-color:var(--bcm-button-ghost-border-disabled)}.bcm-button__container-kind-ghost.checked{color:var(--bcm-button-ghost-color-active);background-color:var(--bcm-button-ghost-background-color-active);border-color:var(--bcm-button-ghost-border-active)}.bcm-button__container-kind-ghost.disabled{color:var(--bcm-button-ghost-color-disabled);background-color:var(--bcm-button-ghost-background-color-disabled);border-color:var(--bcm-button-ghost-border-disabled)}.bcm-button__container-kind-ghost .bcm-button__container-loading{color:var(--bcm-button-ghost-color-default);background-color:var(--bcm-button-ghost-background-color-default);border-color:var(--bcm-button-ghost-border-default)}.bcm-button__container-kind-link{color:var(--bcm-button-link-color-default);background-color:var(--bcm-button-link-background-color-default);border-color:var(--bcm-button-link-border-default)}.bcm-button__container-kind-link:hover{color:var(--bcm-button-link-color-hover);background-color:var(--bcm-button-link-background-color-hover);border-color:var(--bcm-button-link-border-hover)}.bcm-button__container-kind-link:focus-visible{color:var(--bcm-button-link-color-focus-visible);background-color:var(--bcm-button-link-background-color-focus-visible);border-color:var(--bcm-button-link-border-focus-visible)}.bcm-button__container-kind-link:active{color:var(--bcm-button-link-color-active);background-color:var(--bcm-button-link-background-color-active);border-color:var(--bcm-button-link-border-active)}.bcm-button__container-kind-link:disabled{color:var(--bcm-button-link-color-disabled);background-color:var(--bcm-button-link-background-color-disabled);border-color:var(--bcm-button-link-border-disabled)}.bcm-button__container-kind-link.checked{color:var(--bcm-button-link-color-active);background-color:var(--bcm-button-link-background-color-active);border-color:var(--bcm-button-link-border-active)}.bcm-button__container-kind-link.disabled{color:var(--bcm-button-link-color-disabled);background-color:var(--bcm-button-link-background-color-disabled);border-color:var(--bcm-button-link-border-disabled)}.bcm-button__container-kind-link .bcm-button__container-loading{color:var(--bcm-button-link-color-default);background-color:var(--bcm-button-link-background-color-default);border-color:var(--bcm-button-link-border-default)}.bcm-button__container-kind-ghost-link{color:var(--bcm-button-ghost-link-color-default);background-color:var(--bcm-button-ghost-link-background-color-default);border-color:var(--bcm-button-ghost-link-border-default)}.bcm-button__container-kind-ghost-link:hover{color:var(--bcm-button-ghost-link-color-hover);background-color:var(--bcm-button-ghost-link-background-color-hover);border-color:var(--bcm-button-ghost-link-border-hover)}.bcm-button__container-kind-ghost-link:focus-visible{color:var(--bcm-button-ghost-link-color-focus-visible);background-color:var(--bcm-button-ghost-link-background-color-focus-visible);border-color:var(--bcm-button-ghost-link-border-focus-visible)}.bcm-button__container-kind-ghost-link:active{color:var(--bcm-button-ghost-link-color-active);background-color:var(--bcm-button-ghost-link-background-color-active);border-color:var(--bcm-button-ghost-link-border-active)}.bcm-button__container-kind-ghost-link:disabled{color:var(--bcm-button-ghost-link-color-disabled);background-color:var(--bcm-button-ghost-link-background-color-disabled);border-color:var(--bcm-button-ghost-link-border-disabled)}.bcm-button__container-kind-ghost-link.checked{color:var(--bcm-button-ghost-link-color-active);background-color:var(--bcm-button-ghost-link-background-color-active);border-color:var(--bcm-button-ghost-link-border-active)}.bcm-button__container-kind-ghost-link.disabled{color:var(--bcm-button-ghost-link-color-disabled);background-color:var(--bcm-button-ghost-link-background-color-disabled);border-color:var(--bcm-button-ghost-link-border-disabled)}.bcm-button__container-kind-ghost-link .bcm-button__container-loading{color:var(--bcm-button-ghost-link-color-default);background-color:var(--bcm-button-ghost-link-background-color-default);border-color:var(--bcm-button-ghost-link-border-default)}.bcm-button__container[disabled]{cursor:not-allowed}.bcm-button__container-text{order:3;display:flex;align-items:center;gap:8px;white-space:nowrap}.bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-icon.prefix{order:2}.bcm-button__container-icon.suffix{order:4}.bcm-button__container-size-small{font-size:12px;line-height:calc(12px + 8px);padding:calc(4px - 3px) 12px;min-height:calc(calc(12px + 8px) + calc(calc(4px - 2px)) * 2)}.bcm-button__container-size-small .bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-size-medium{font-size:calc(12px + 1px);line-height:calc(12px + 8px);padding:calc(4px + 1px) 12px;min-height:calc(calc(12px + 8px) + calc(calc(4px + 2px)) * 2)}.bcm-button__container-size-medium .bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-size-large{font-size:16px;line-height:calc(16px + 8px);padding:calc(8px - 1px) 12px;min-height:calc(calc(16px + 8px) + (calc(8px) * 2))}.bcm-button__container-size-large .bcm-button__container-icon{min-height:calc(16px + 8px)}";
221
221
 
222
222
  const BcmButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
223
223
  constructor() {
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.9.0-rc.15";
8
+ const version = "2.9.0-rc.16";
9
9
 
10
10
  /**
11
11
  * 'status' prop predefined values
package/dist/esm/bcm-accordion.entry.js CHANGED
@@ -3,8 +3,8 @@
3
3
  * Copyright (c) Bromcom.
4
4
  */
5
5
  import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
6
- import { G as Generate } from './generate-ad35cf8e.js';
7
- import './package-a8541483.js';
6
+ import { G as Generate } from './generate-77508025.js';
7
+ import './package-a7b14d41.js';
8
8
  import './colors-ebea297f.js';
9
9
  import './_commonjsHelpers-7002e5de.js';
10
10
 
package/dist/esm/bcm-alert.entry.js CHANGED
@@ -3,14 +3,14 @@
3
3
  * Copyright (c) Bromcom.
4
4
  */
5
5
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0615c2b8.js';
6
- import { G as Generate, s as snq, S as StatusProps, T as TypeProps } from './generate-ad35cf8e.js';
6
+ import { G as Generate, s as snq, S as StatusProps, T as TypeProps } from './generate-77508025.js';
7
7
  import { c as classnames } from './index-00c8a8f7.js';
8
8
  import { c as createStore } from './index-7e71bbc8.js';
9
- import { S as StringHelper } from './string-helper-5a67b5cc.js';
10
- import './package-a8541483.js';
9
+ import { S as StringHelper } from './string-helper-b0e05041.js';
10
+ import './package-a7b14d41.js';
11
11
  import './colors-ebea297f.js';
12
12
  import './_commonjsHelpers-7002e5de.js';
13
- import './bcm-40f18097.js';
13
+ import './bcm-d45dc47d.js';
14
14
 
15
15
  const { state } = createStore({
16
16
  value: new Map(),
package/dist/esm/bcm-attendance.entry.js CHANGED
@@ -3,8 +3,8 @@
3
3
  * Copyright (c) Bromcom.
4
4
  */
5
5
  import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
6
- import { G as Generate } from './generate-ad35cf8e.js';
7
- import './package-a8541483.js';
6
+ import { G as Generate } from './generate-77508025.js';
7
+ import './package-a7b14d41.js';
8
8
  import './colors-ebea297f.js';
9
9
  import './_commonjsHelpers-7002e5de.js';
10
10
 
package/dist/esm/bcm-avatar_2.entry.js CHANGED
@@ -4,18 +4,18 @@
4
4
  */
5
5
  import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
6
6
  import { C as ColorHelper } from './color-helper-71b610e7.js';
7
- import './validators-5606ad07.js';
8
- import { G as Generate } from './generate-ad35cf8e.js';
9
- import './number-helper-32d36561.js';
10
- import './string-helper-5a67b5cc.js';
7
+ import './validators-39c53eb5.js';
8
+ import { G as Generate } from './generate-77508025.js';
9
+ import './number-helper-9ffb551c.js';
10
+ import './string-helper-b0e05041.js';
11
11
  import './element-dragger-7ea06c76.js';
12
- import { a as Bcm } from './bcm-40f18097.js';
12
+ import { a as Bcm } from './bcm-d45dc47d.js';
13
13
  import { c as ce } from './index-3bc8c6e3.js';
14
14
  import './colors-1d7854ea.js';
15
15
  import './utils-b3338faf.js';
16
16
  import './colors-ebea297f.js';
17
17
  import './_commonjsHelpers-7002e5de.js';
18
- import './package-a8541483.js';
18
+ import './package-a7b14d41.js';
19
19
 
20
20
  const avatarStyle = ce({
21
21
  slots: {
package/dist/esm/bcm-breadcrumb.entry.js CHANGED
@@ -4,9 +4,9 @@
4
4
  */
5
5
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0615c2b8.js';
6
6
  import { c as classnames } from './index-00c8a8f7.js';
7
- import { G as Generate } from './generate-ad35cf8e.js';
7
+ import { G as Generate } from './generate-77508025.js';
8
8
  import './_commonjsHelpers-7002e5de.js';
9
- import './package-a8541483.js';
9
+ import './package-a7b14d41.js';
10
10
  import './colors-ebea297f.js';
11
11
 
12
12
  const breadcrumbCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-breadcrumb{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;color:var(--bcm-color-grey-7)}.bcm-breadcrumb__item{display:flex;align-items:center}.bcm-breadcrumb .seperator{cursor:default;display:inline-flex;align-items:center;justify-content:center;margin-left:8px;margin-right:8px;color:var(--bcm-color-grey-7)}.bcm-breadcrumb bcm-link:hover{color:var(--bcm-color-grey-7)}.bcm-breadcrumb .active{color:var(--bcm-color-grey-8)}.bcm-breadcrumb .active:hover{color:var(--bcm-color-grey-8)}.bcm-breadcrumb .is-link:hover{color:var(--bcm-color-prime-blue-6)}.bcm-breadcrumb .is-link:hover bcm-link,.bcm-breadcrumb .is-link:hover bcm-icon{color:var(--bcm-color-prime-blue-6)}.bcm-breadcrumb__dropdown-item{position:relative;display:inline-flex}.bcm-breadcrumb__dropdown-item summary{display:inline-flex;align-items:center;cursor:pointer}.bcm-breadcrumb__dropdown-item summary>span{display:inline-flex;align-items:center}.bcm-breadcrumb__dropdown-item summary::-webkit-details-marker{display:none}.bcm-breadcrumb__dropdown-item summary:focus{outline:none}.bcm-breadcrumb__dropdown-item summary.open bcm-link,.bcm-breadcrumb__dropdown-item summary.open bcm-icon{color:var(--bcm-color-prime-blue-6)}.bcm-breadcrumb__dropdown-item summary .down-icon{margin-left:4px}.bcm-breadcrumb__dropdown-submenu{position:absolute;min-width:140px;background-color:var(--bcm-color-grey-1);box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);margin-top:4px}.bcm-breadcrumb__dropdown-submenu .dropdown-item{display:flex;padding:4px 8px}.bcm-breadcrumb__dropdown-submenu .dropdown-item bcm-link{width:100%}";
package/dist/esm/bcm-button-group.entry.js CHANGED
@@ -3,11 +3,11 @@
3
3
  * Copyright (c) Bromcom.
4
4
  */
5
5
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0615c2b8.js';
6
- import { G as Generate, s as snq } from './generate-ad35cf8e.js';
7
- import { B as Bcm } from './bcm-40f18097.js';
6
+ import { G as Generate, s as snq } from './generate-77508025.js';
7
+ import { B as Bcm } from './bcm-d45dc47d.js';
8
8
  import { c as classnames } from './index-00c8a8f7.js';
9
- import { S as StringHelper } from './string-helper-5a67b5cc.js';
10
- import './package-a8541483.js';
9
+ import { S as StringHelper } from './string-helper-b0e05041.js';
10
+ import './package-a7b14d41.js';
11
11
  import './colors-ebea297f.js';
12
12
  import './_commonjsHelpers-7002e5de.js';
13
13
 
package/dist/esm/bcm-button_14.entry.js CHANGED
@@ -3,29 +3,29 @@
3
3
  * Copyright (c) Bromcom.
4
4
  */
5
5
  import { h as h$1, r as registerInstance, c as createEvent, H as Host, g as getElement, f as forceUpdate, a as getAssetPath } from './index-0615c2b8.js';
6
- import { s as snq, G as Generate } from './generate-ad35cf8e.js';
7
- import { B as Bcm, a as Bcm$1 } from './bcm-40f18097.js';
6
+ import { s as snq, G as Generate } from './generate-77508025.js';
7
+ import { B as Bcm, a as Bcm$1 } from './bcm-d45dc47d.js';
8
8
  import { c as classnames } from './index-00c8a8f7.js';
9
9
  import { c as createStore } from './index-7e71bbc8.js';
10
- import { S as SlotTemplate } from './slot-template-d37d0312.js';
10
+ import { S as SlotTemplate } from './slot-template-fcc7846e.js';
11
11
  import { C as ColorHelper } from './color-helper-71b610e7.js';
12
12
  import { r as react, a as reactDom, u as useEvent, b as useLayoutUpdateEffect, _ as _typeof$3, w as warningOnce, c as useMemo, d as wrapperRaf, e as useLayoutEffect, f as canUseDom, s as supportRef, g as useComposeRef, R as React, i as isDOM, h as fillRef, j as findDOMNode, k as RefResizeObserver, l as composeRef } from './index-e4b6a4ce.js';
13
13
  import { c as createCommonjsModule, a as commonjsGlobal, g as getAugmentedNamespace, b as getDefaultExportFromCjs } from './_commonjsHelpers-7002e5de.js';
14
14
  import { I as IsLoad } from './is-load-decorator-8277e3b8.js';
15
- import { D as DateTimeHelper, V as Validators } from './validators-5606ad07.js';
16
- import { N as NumberHelper } from './number-helper-32d36561.js';
17
- import { S as StringHelper } from './string-helper-5a67b5cc.js';
15
+ import { D as DateTimeHelper, V as Validators } from './validators-39c53eb5.js';
16
+ import { N as NumberHelper } from './number-helper-9ffb551c.js';
17
+ import { S as StringHelper } from './string-helper-b0e05041.js';
18
18
  import { D as DragDirections, E as ElementDragger } from './element-dragger-7ea06c76.js';
19
19
  import { C as CaptionTemplate } from './caption-template-d47f338f.js';
20
20
  import './types-6f06fa1a.js';
21
- import { L as LabelTemplate } from './label-template-9cddb5ed.js';
21
+ import { L as LabelTemplate } from './label-template-946d4062.js';
22
22
  import './types-9493a7ed.js';
23
23
  import { d as delay } from './utils-b3338faf.js';
24
- import { g as getPlacement, s as setPosition } from './popover-placement-bc0c4fdf.js';
25
- import { I as InputTemplate } from './input-template-25434b4d.js';
26
- import { F as FloatingUI } from './floating-ui-fa2d9209.js';
27
- import { T as Tooltip } from './tooltip-helper-4624c4e4.js';
28
- import './package-a8541483.js';
24
+ import { g as getPlacement, s as setPosition } from './popover-placement-be68c848.js';
25
+ import { I as InputTemplate } from './input-template-83fefdcc.js';
26
+ import { F as FloatingUI } from './floating-ui-8a0c54d6.js';
27
+ import { T as Tooltip } from './tooltip-helper-04d51591.js';
28
+ import './package-a7b14d41.js';
29
29
  import './colors-ebea297f.js';
30
30
  import './colors-1d7854ea.js';
31
31
 
@@ -236,7 +236,7 @@ const ButtonTemplate = ({ value, type, componentClass, disabled, href, target, l
236
236
  h$1("slot", { name: "suffix" })));
237
237
  };
238
238
 
239
- const buttonCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-button{display:inline-flex;width:fit-content;height:fit-content;--bcm-button-solid-color-default:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-default:var(--bcm-new-ds-color-blue-500);--bcm-button-solid-border-default:var(--bcm-new-ds-color-blue-500);--bcm-button-solid-color-hover:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-solid-border-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-solid-color-focus-visible:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-solid-border-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-solid-color-active:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-active:var(--bcm-new-ds-color-blue-700);--bcm-button-solid-border-active:var(--bcm-new-ds-color-blue-700);--bcm-button-solid-color-disabled:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-solid-border-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-color-default:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-default:var(--bcm-new-ds-color-slate-100);--bcm-button-ghost-border-default:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-color-hover:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-hover:var(--bcm-new-ds-color-slate-200);--bcm-button-ghost-border-hover:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-color-focus-visible:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-focus-visible:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-border-focus-visible:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-color-active:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-active:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-border-active:var(--bcm-new-ds-color-slate-500);--bcm-button-ghost-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-background-color-disabled:var(--bcm-new-ds-color-slate-50);--bcm-button-ghost-border-disabled:var(--bcm-new-ds-color-slate-200);--bcm-button-link-color-default:var(--bcm-new-ds-color-blue-500);--bcm-button-link-background-color-default:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-default:var(--bcm-new-ds-color-transparent);--bcm-button-link-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-link-background-color-hover:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-hover:var(--bcm-new-ds-color-transparent);--bcm-button-link-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-link-background-color-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-button-link-border-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-button-link-color-active:var(--bcm-new-ds-color-blue-700);--bcm-button-link-background-color-active:var(--bcm-new-ds-color-slate-50);--bcm-button-link-border-active:var(--bcm-new-ds-color-slate-50);--bcm-button-link-color-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-link-background-color-disabled:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-disabled:var(--bcm-new-ds-color-transparent)}.bcm-button.full-width{width:100%}.bcm-button.full-width .bcm-button__container{width:100%}.bcm-button:after,.bcm-button:before{content:\"\";clear:both}.bcm-button__container{border:none;color:inherit;background-color:inherit;padding:0;margin:0;font:inherit;cursor:pointer;outline:none;text-decoration:none;font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:4px 12px;outline:none;border-radius:4px;transition:background-color 0.1s ease-in-out;position:relative;min-width:40px;border-width:1px;border-style:solid;border-color:initial}.bcm-button__container:hover,.bcm-button__container:focus,.bcm-button__container:active{outline:none;text-decoration:none}.bcm-button__container-loading{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px;display:flex;align-items:center;justify-content:center}.bcm-button__container-kind-solid{color:var(--bcm-button-solid-color-default);background-color:var(--bcm-button-solid-background-color-default);border-color:var(--bcm-button-solid-border-default)}.bcm-button__container-kind-solid:hover{color:var(--bcm-button-solid-color-hover);background-color:var(--bcm-button-solid-background-color-hover);border-color:var(--bcm-button-solid-border-hover)}.bcm-button__container-kind-solid:focus-visible{color:var(--bcm-button-solid-color-focus-visible);background-color:var(--bcm-button-solid-background-color-focus-visible);border-color:var(--bcm-button-solid-border-focus-visible)}.bcm-button__container-kind-solid:active{color:var(--bcm-button-solid-color-active);background-color:var(--bcm-button-solid-background-color-active);border-color:var(--bcm-button-solid-border-active)}.bcm-button__container-kind-solid:disabled{color:var(--bcm-button-solid-color-disabled);background-color:var(--bcm-button-solid-background-color-disabled);border-color:var(--bcm-button-solid-border-disabled)}.bcm-button__container-kind-solid.checked{color:var(--bcm-button-solid-color-active);background-color:var(--bcm-button-solid-background-color-active);border-color:var(--bcm-button-solid-border-active)}.bcm-button__container-kind-solid.disabled{color:var(--bcm-button-solid-color-disabled);background-color:var(--bcm-button-solid-background-color-disabled);border-color:var(--bcm-button-solid-border-disabled)}.bcm-button__container-kind-solid .bcm-button__container-loading{color:var(--bcm-button-solid-color-default);background-color:var(--bcm-button-solid-background-color-default);border-color:var(--bcm-button-solid-border-default)}.bcm-button__container-kind-ghost{color:var(--bcm-button-ghost-color-default);background-color:var(--bcm-button-ghost-background-color-default);border-color:var(--bcm-button-ghost-border-default)}.bcm-button__container-kind-ghost:not([disabled]) .bcm-icon{color:var(--bcm-new-ds-color-slate-500)}.bcm-button__container-kind-ghost:hover{color:var(--bcm-button-ghost-color-hover);background-color:var(--bcm-button-ghost-background-color-hover);border-color:var(--bcm-button-ghost-border-hover)}.bcm-button__container-kind-ghost:focus-visible{color:var(--bcm-button-ghost-color-focus-visible);background-color:var(--bcm-button-ghost-background-color-focus-visible);border-color:var(--bcm-button-ghost-border-focus-visible)}.bcm-button__container-kind-ghost:active{color:var(--bcm-button-ghost-color-active);background-color:var(--bcm-button-ghost-background-color-active);border-color:var(--bcm-button-ghost-border-active)}.bcm-button__container-kind-ghost:disabled{color:var(--bcm-button-ghost-color-disabled);background-color:var(--bcm-button-ghost-background-color-disabled);border-color:var(--bcm-button-ghost-border-disabled)}.bcm-button__container-kind-ghost.checked{color:var(--bcm-button-ghost-color-active);background-color:var(--bcm-button-ghost-background-color-active);border-color:var(--bcm-button-ghost-border-active)}.bcm-button__container-kind-ghost.disabled{color:var(--bcm-button-ghost-color-disabled);background-color:var(--bcm-button-ghost-background-color-disabled);border-color:var(--bcm-button-ghost-border-disabled)}.bcm-button__container-kind-ghost .bcm-button__container-loading{color:var(--bcm-button-ghost-color-default);background-color:var(--bcm-button-ghost-background-color-default);border-color:var(--bcm-button-ghost-border-default)}.bcm-button__container-kind-link{color:var(--bcm-button-link-color-default);background-color:var(--bcm-button-link-background-color-default);border-color:var(--bcm-button-link-border-default)}.bcm-button__container-kind-link:hover{color:var(--bcm-button-link-color-hover);background-color:var(--bcm-button-link-background-color-hover);border-color:var(--bcm-button-link-border-hover)}.bcm-button__container-kind-link:focus-visible{color:var(--bcm-button-link-color-focus-visible);background-color:var(--bcm-button-link-background-color-focus-visible);border-color:var(--bcm-button-link-border-focus-visible)}.bcm-button__container-kind-link:active{color:var(--bcm-button-link-color-active);background-color:var(--bcm-button-link-background-color-active);border-color:var(--bcm-button-link-border-active)}.bcm-button__container-kind-link:disabled{color:var(--bcm-button-link-color-disabled);background-color:var(--bcm-button-link-background-color-disabled);border-color:var(--bcm-button-link-border-disabled)}.bcm-button__container-kind-link.checked{color:var(--bcm-button-link-color-active);background-color:var(--bcm-button-link-background-color-active);border-color:var(--bcm-button-link-border-active)}.bcm-button__container-kind-link.disabled{color:var(--bcm-button-link-color-disabled);background-color:var(--bcm-button-link-background-color-disabled);border-color:var(--bcm-button-link-border-disabled)}.bcm-button__container-kind-link .bcm-button__container-loading{color:var(--bcm-button-link-color-default);background-color:var(--bcm-button-link-background-color-default);border-color:var(--bcm-button-link-border-default)}.bcm-button__container[disabled]{cursor:not-allowed}.bcm-button__container-text{order:3;display:flex;align-items:center;gap:8px;white-space:nowrap}.bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-icon.prefix{order:2}.bcm-button__container-icon.suffix{order:4}.bcm-button__container-size-small{font-size:12px;line-height:calc(12px + 8px);padding:calc(4px - 3px) 12px;min-height:calc(calc(12px + 8px) + calc(calc(4px - 2px)) * 2)}.bcm-button__container-size-small .bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-size-medium{font-size:calc(12px + 1px);line-height:calc(12px + 8px);padding:calc(4px + 1px) 12px;min-height:calc(calc(12px + 8px) + calc(calc(4px + 2px)) * 2)}.bcm-button__container-size-medium .bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-size-large{font-size:16px;line-height:calc(16px + 8px);padding:calc(8px - 1px) 12px;min-height:calc(calc(16px + 8px) + (calc(8px) * 2))}.bcm-button__container-size-large .bcm-button__container-icon{min-height:calc(16px + 8px)}";
239
+ const buttonCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-button{display:inline-flex;width:fit-content;height:fit-content;--bcm-button-solid-color-default:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-default:var(--bcm-new-ds-color-blue-500);--bcm-button-solid-border-default:var(--bcm-new-ds-color-blue-500);--bcm-button-solid-color-hover:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-solid-border-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-solid-color-focus-visible:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-solid-border-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-solid-color-active:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-active:var(--bcm-new-ds-color-blue-700);--bcm-button-solid-border-active:var(--bcm-new-ds-color-blue-700);--bcm-button-solid-color-disabled:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-solid-border-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-color-default:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-default:var(--bcm-new-ds-color-slate-100);--bcm-button-ghost-border-default:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-color-hover:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-hover:var(--bcm-new-ds-color-slate-200);--bcm-button-ghost-border-hover:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-color-focus-visible:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-focus-visible:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-border-focus-visible:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-color-active:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-background-color-active:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-border-active:var(--bcm-new-ds-color-slate-500);--bcm-button-ghost-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-background-color-disabled:var(--bcm-new-ds-color-slate-50);--bcm-button-ghost-border-disabled:var(--bcm-new-ds-color-slate-200);--bcm-button-link-color-default:var(--bcm-new-ds-color-blue-500);--bcm-button-link-background-color-default:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-default:var(--bcm-new-ds-color-transparent);--bcm-button-link-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-link-background-color-hover:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-hover:var(--bcm-new-ds-color-transparent);--bcm-button-link-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-link-background-color-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-button-link-border-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-button-link-color-active:var(--bcm-new-ds-color-blue-700);--bcm-button-link-background-color-active:var(--bcm-new-ds-color-slate-50);--bcm-button-link-border-active:var(--bcm-new-ds-color-slate-50);--bcm-button-link-color-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-link-background-color-disabled:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-disabled:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-default:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-link-background-color-default:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-border-default:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-hover:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-link-background-color-hover:var(--bcm-new-ds-color-slate-200);--bcm-button-ghost-link-border-hover:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-focus-visible:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-link-background-color-focus-visible:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-link-border-focus-visible:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-active:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-link-background-color-active:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-link-border-active:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-disabled:var(--bcm-new-ds-color-slate-500);--bcm-button-ghost-link-background-color-disabled:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-border-disabled:var(--bcm-new-ds-color-transparent)}.bcm-button.full-width{width:100%}.bcm-button.full-width .bcm-button__container{width:100%}.bcm-button:after,.bcm-button:before{content:\"\";clear:both}.bcm-button__container{border:none;color:inherit;background-color:inherit;padding:0;margin:0;font:inherit;cursor:pointer;outline:none;text-decoration:none;font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:4px 12px;outline:none;border-radius:4px;transition:background-color 0.1s ease-in-out;position:relative;min-width:40px;border-width:1px;border-style:solid;border-color:initial}.bcm-button__container:hover,.bcm-button__container:focus,.bcm-button__container:active{outline:none;text-decoration:none}.bcm-button__container-loading{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px;display:flex;align-items:center;justify-content:center}.bcm-button__container-kind-solid{color:var(--bcm-button-solid-color-default);background-color:var(--bcm-button-solid-background-color-default);border-color:var(--bcm-button-solid-border-default)}.bcm-button__container-kind-solid:hover{color:var(--bcm-button-solid-color-hover);background-color:var(--bcm-button-solid-background-color-hover);border-color:var(--bcm-button-solid-border-hover)}.bcm-button__container-kind-solid:focus-visible{color:var(--bcm-button-solid-color-focus-visible);background-color:var(--bcm-button-solid-background-color-focus-visible);border-color:var(--bcm-button-solid-border-focus-visible)}.bcm-button__container-kind-solid:active{color:var(--bcm-button-solid-color-active);background-color:var(--bcm-button-solid-background-color-active);border-color:var(--bcm-button-solid-border-active)}.bcm-button__container-kind-solid:disabled{color:var(--bcm-button-solid-color-disabled);background-color:var(--bcm-button-solid-background-color-disabled);border-color:var(--bcm-button-solid-border-disabled)}.bcm-button__container-kind-solid.checked{color:var(--bcm-button-solid-color-active);background-color:var(--bcm-button-solid-background-color-active);border-color:var(--bcm-button-solid-border-active)}.bcm-button__container-kind-solid.disabled{color:var(--bcm-button-solid-color-disabled);background-color:var(--bcm-button-solid-background-color-disabled);border-color:var(--bcm-button-solid-border-disabled)}.bcm-button__container-kind-solid .bcm-button__container-loading{color:var(--bcm-button-solid-color-default);background-color:var(--bcm-button-solid-background-color-default);border-color:var(--bcm-button-solid-border-default)}.bcm-button__container-kind-ghost{color:var(--bcm-button-ghost-color-default);background-color:var(--bcm-button-ghost-background-color-default);border-color:var(--bcm-button-ghost-border-default)}.bcm-button__container-kind-ghost:not([disabled]) .bcm-icon{color:var(--bcm-new-ds-color-slate-500)}.bcm-button__container-kind-ghost:hover{color:var(--bcm-button-ghost-color-hover);background-color:var(--bcm-button-ghost-background-color-hover);border-color:var(--bcm-button-ghost-border-hover)}.bcm-button__container-kind-ghost:focus-visible{color:var(--bcm-button-ghost-color-focus-visible);background-color:var(--bcm-button-ghost-background-color-focus-visible);border-color:var(--bcm-button-ghost-border-focus-visible)}.bcm-button__container-kind-ghost:active{color:var(--bcm-button-ghost-color-active);background-color:var(--bcm-button-ghost-background-color-active);border-color:var(--bcm-button-ghost-border-active)}.bcm-button__container-kind-ghost:disabled{color:var(--bcm-button-ghost-color-disabled);background-color:var(--bcm-button-ghost-background-color-disabled);border-color:var(--bcm-button-ghost-border-disabled)}.bcm-button__container-kind-ghost.checked{color:var(--bcm-button-ghost-color-active);background-color:var(--bcm-button-ghost-background-color-active);border-color:var(--bcm-button-ghost-border-active)}.bcm-button__container-kind-ghost.disabled{color:var(--bcm-button-ghost-color-disabled);background-color:var(--bcm-button-ghost-background-color-disabled);border-color:var(--bcm-button-ghost-border-disabled)}.bcm-button__container-kind-ghost .bcm-button__container-loading{color:var(--bcm-button-ghost-color-default);background-color:var(--bcm-button-ghost-background-color-default);border-color:var(--bcm-button-ghost-border-default)}.bcm-button__container-kind-link{color:var(--bcm-button-link-color-default);background-color:var(--bcm-button-link-background-color-default);border-color:var(--bcm-button-link-border-default)}.bcm-button__container-kind-link:hover{color:var(--bcm-button-link-color-hover);background-color:var(--bcm-button-link-background-color-hover);border-color:var(--bcm-button-link-border-hover)}.bcm-button__container-kind-link:focus-visible{color:var(--bcm-button-link-color-focus-visible);background-color:var(--bcm-button-link-background-color-focus-visible);border-color:var(--bcm-button-link-border-focus-visible)}.bcm-button__container-kind-link:active{color:var(--bcm-button-link-color-active);background-color:var(--bcm-button-link-background-color-active);border-color:var(--bcm-button-link-border-active)}.bcm-button__container-kind-link:disabled{color:var(--bcm-button-link-color-disabled);background-color:var(--bcm-button-link-background-color-disabled);border-color:var(--bcm-button-link-border-disabled)}.bcm-button__container-kind-link.checked{color:var(--bcm-button-link-color-active);background-color:var(--bcm-button-link-background-color-active);border-color:var(--bcm-button-link-border-active)}.bcm-button__container-kind-link.disabled{color:var(--bcm-button-link-color-disabled);background-color:var(--bcm-button-link-background-color-disabled);border-color:var(--bcm-button-link-border-disabled)}.bcm-button__container-kind-link .bcm-button__container-loading{color:var(--bcm-button-link-color-default);background-color:var(--bcm-button-link-background-color-default);border-color:var(--bcm-button-link-border-default)}.bcm-button__container-kind-ghost-link{color:var(--bcm-button-ghost-link-color-default);background-color:var(--bcm-button-ghost-link-background-color-default);border-color:var(--bcm-button-ghost-link-border-default)}.bcm-button__container-kind-ghost-link:hover{color:var(--bcm-button-ghost-link-color-hover);background-color:var(--bcm-button-ghost-link-background-color-hover);border-color:var(--bcm-button-ghost-link-border-hover)}.bcm-button__container-kind-ghost-link:focus-visible{color:var(--bcm-button-ghost-link-color-focus-visible);background-color:var(--bcm-button-ghost-link-background-color-focus-visible);border-color:var(--bcm-button-ghost-link-border-focus-visible)}.bcm-button__container-kind-ghost-link:active{color:var(--bcm-button-ghost-link-color-active);background-color:var(--bcm-button-ghost-link-background-color-active);border-color:var(--bcm-button-ghost-link-border-active)}.bcm-button__container-kind-ghost-link:disabled{color:var(--bcm-button-ghost-link-color-disabled);background-color:var(--bcm-button-ghost-link-background-color-disabled);border-color:var(--bcm-button-ghost-link-border-disabled)}.bcm-button__container-kind-ghost-link.checked{color:var(--bcm-button-ghost-link-color-active);background-color:var(--bcm-button-ghost-link-background-color-active);border-color:var(--bcm-button-ghost-link-border-active)}.bcm-button__container-kind-ghost-link.disabled{color:var(--bcm-button-ghost-link-color-disabled);background-color:var(--bcm-button-ghost-link-background-color-disabled);border-color:var(--bcm-button-ghost-link-border-disabled)}.bcm-button__container-kind-ghost-link .bcm-button__container-loading{color:var(--bcm-button-ghost-link-color-default);background-color:var(--bcm-button-ghost-link-background-color-default);border-color:var(--bcm-button-ghost-link-border-default)}.bcm-button__container[disabled]{cursor:not-allowed}.bcm-button__container-text{order:3;display:flex;align-items:center;gap:8px;white-space:nowrap}.bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-icon.prefix{order:2}.bcm-button__container-icon.suffix{order:4}.bcm-button__container-size-small{font-size:12px;line-height:calc(12px + 8px);padding:calc(4px - 3px) 12px;min-height:calc(calc(12px + 8px) + calc(calc(4px - 2px)) * 2)}.bcm-button__container-size-small .bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-size-medium{font-size:calc(12px + 1px);line-height:calc(12px + 8px);padding:calc(4px + 1px) 12px;min-height:calc(calc(12px + 8px) + calc(calc(4px + 2px)) * 2)}.bcm-button__container-size-medium .bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-size-large{font-size:16px;line-height:calc(16px + 8px);padding:calc(8px - 1px) 12px;min-height:calc(calc(16px + 8px) + (calc(8px) * 2))}.bcm-button__container-size-large .bcm-button__container-icon{min-height:calc(16px + 8px)}";
240
240
 
241
241
  const BcmButton = class {
242
242
  constructor(hostRef) {
package/dist/esm/bcm-card.entry.js CHANGED
@@ -5,15 +5,15 @@
5
5
  import { r as registerInstance, h, H as Host, g as getElement } from './index-0615c2b8.js';
6
6
  import { c as classnames } from './index-00c8a8f7.js';
7
7
  import { C as ColorHelper } from './color-helper-71b610e7.js';
8
- import { G as Generate } from './generate-ad35cf8e.js';
9
- import { S as StringHelper } from './string-helper-5a67b5cc.js';
10
- import { S as SlotTemplate } from './slot-template-d37d0312.js';
8
+ import { G as Generate } from './generate-77508025.js';
9
+ import { S as StringHelper } from './string-helper-b0e05041.js';
10
+ import { S as SlotTemplate } from './slot-template-fcc7846e.js';
11
11
  import './_commonjsHelpers-7002e5de.js';
12
12
  import './colors-1d7854ea.js';
13
13
  import './utils-b3338faf.js';
14
14
  import './colors-ebea297f.js';
15
- import './package-a8541483.js';
16
- import './bcm-40f18097.js';
15
+ import './package-a7b14d41.js';
16
+ import './bcm-d45dc47d.js';
17
17
 
18
18
  const cardCss = "@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-card{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;display:block;width:100%;background-color:var(--bcm-new-ds-color-white);border-radius:8px;box-shadow:0 1px 3px 0 rgba(17, 24, 38, 0.1);box-sizing:border-box}.bcm-card__header,.bcm-card__body,.bcm-card__footer{display:block;width:100%}.bcm-card__header{border-radius:8px 8px 0 0;padding:12px 24px;color:var(--bcm-new-ds-color-slate-700);font-weight:600}.bcm-card__body{padding:12px 24px}.bcm-card__footer{padding:12px 24px;border-radius:0 0 8px 8px}";
19
19
 
package/dist/esm/bcm-checkbox-group.entry.js CHANGED
@@ -4,17 +4,17 @@
4
4
  */
5
5
  import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-0615c2b8.js';
6
6
  import { c as classnames } from './index-00c8a8f7.js';
7
- import { G as Generate, s as snq } from './generate-ad35cf8e.js';
8
- import { B as Bcm } from './bcm-40f18097.js';
7
+ import { G as Generate, s as snq } from './generate-77508025.js';
8
+ import { B as Bcm } from './bcm-d45dc47d.js';
9
9
  import { d as delay, a as getChildElements } from './utils-b3338faf.js';
10
10
  import { c as createStore } from './index-7e71bbc8.js';
11
- import { L as LabelTemplate } from './label-template-9cddb5ed.js';
11
+ import { L as LabelTemplate } from './label-template-946d4062.js';
12
12
  import { I as IsLoad } from './is-load-decorator-8277e3b8.js';
13
13
  import './_commonjsHelpers-7002e5de.js';
14
- import './package-a8541483.js';
14
+ import './package-a7b14d41.js';
15
15
  import './colors-ebea297f.js';
16
- import './slot-template-d37d0312.js';
17
- import './string-helper-5a67b5cc.js';
16
+ import './slot-template-fcc7846e.js';
17
+ import './string-helper-b0e05041.js';
18
18
 
19
19
  const CheckboxGroupTemplate = ({ customStyle, groupContainerClasses, onBcmSelect, items }) => {
20
20
  return (h("div", { class: groupContainerClasses, style: customStyle }, items.childs && items.childs.map((checkbox) => {
package/dist/esm/bcm-checkbox-lite_9.entry.js CHANGED
@@ -4,11 +4,11 @@
4
4
  */
5
5
  import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-0615c2b8.js';
6
6
  import { c as classnames } from './index-00c8a8f7.js';
7
- import { G as Generate } from './generate-ad35cf8e.js';
8
- import { B as Bcm } from './bcm-40f18097.js';
7
+ import { G as Generate } from './generate-77508025.js';
8
+ import { B as Bcm } from './bcm-d45dc47d.js';
9
9
  import { c as getChilds, d as delay } from './utils-b3338faf.js';
10
10
  import './_commonjsHelpers-7002e5de.js';
11
- import './package-a8541483.js';
11
+ import './package-a7b14d41.js';
12
12
  import './colors-ebea297f.js';
13
13
 
14
14
  const checkboxCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-checkbox{outline:none;border:none;--bcm-checkbox-primary-color-default:var(--bcm-new-ds-color-blue-500);--bcm-checkbox-secondary-color-default:var(--bcm-new-ds-color-white);--bcm-checkbox-primary-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-checkbox-secondary-color-hover:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-checkbox-secondary-color-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-active:var(--bcm-new-ds-color-blue-700);--bcm-checkbox-secondary-color-active:var(--bcm-new-ds-color-slate-50);--bcm-checkbox-primary-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-checkbox-secondary-color-disabled:var(--bcm-new-ds-color-slate-200);display:inline-flex;width:fit-content;flex-direction:column;margin-bottom:8px}.bcm-checkbox:focus,.bcm-checkbox:hover,.bcm-checkbox:active{outline:none;border:none}.bcm-checkbox *{box-sizing:border-box}.bcm-checkbox input[type=radio],.bcm-checkbox input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:#fff;margin:0;display:none}.bcm-checkbox__input{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap;padding-top:4px}.bcm-checkbox.hidden{display:none}.bcm-checkbox :hover{cursor:pointer}.bcm-checkbox[disabled] :hover,.bcm-checkbox.disabled :hover{cursor:not-allowed}.bcm-checkbox .slot{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-weight:500;color:var(--bcm-new-ds-color-slate-600)}.bcm-checkbox .slot:not(:empty){margin-left:8px;margin-right:8px}.bcm-checkbox-size-small .slot{font-size:12px;line-height:calc(12px + 8px);margin-top:-2.5px}.bcm-checkbox-size-small .bcm-checkbox__input{min-height:calc(24px - 4px)}.bcm-checkbox-size-small .bcm-checkbox__label-icon{width:14px;height:14px;min-width:14px;font-size:calc(10px - 2px)}.bcm-checkbox-size-medium .slot{font-size:calc(12px + 1px);line-height:calc(12px + 8px);margin-top:-1.5px}.bcm-checkbox-size-medium .bcm-checkbox__input{min-height:calc(32px - 4px)}.bcm-checkbox-size-medium .bcm-checkbox__label-icon{width:16px;height:16px;min-width:16px;font-size:10px}.bcm-checkbox-size-large .slot{font-size:16px;line-height:calc(16px + 8px);margin-top:-1.5px}.bcm-checkbox-size-large .bcm-checkbox__input{min-height:calc(32px - 4px)}.bcm-checkbox-size-large .bcm-checkbox__label-icon{width:18px;height:18px;min-width:18px;font-size:12px}.bcm-checkbox__label{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap}.bcm-checkbox__label-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-wrap:nowrap;border-width:1px;border-style:solid;border-radius:2px}.bcm-checkbox__label-icon-indeterminate{position:relative}.bcm-checkbox__label-icon-indeterminate:after{content:\"\";display:block;position:absolute;width:70%;height:1.5px;background:var(--bcm-new-ds-color-white)}.bcm-checkbox__label-icon.bcm-radio__icon{width:16px;height:16px;box-sizing:border-box;border-radius:100px}.bcm-checkbox__label-icon.bcm-radio__icon .bcm-radio__icon-inner{width:10px;height:10px;border-radius:100px;background-color:var(--bcm-new-ds-color-white)}.bcm-checkbox .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-default);color:var(--bcm-checkbox-secondary-color-default);border-color:var(--bcm-new-ds-color-slate-300)}.bcm-checkbox .bcm-checkbox__label-icon-checked,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-default);border-color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-default);background-color:var(--bcm-checkbox-secondary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-default)}.bcm-checkbox:hover .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-hover);color:var(--bcm-checkbox-secondary-color-hover);border-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-hover);border-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-hover);background-color:var(--bcm-checkbox-secondary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:hover .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-hover)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-focus-visible);color:var(--bcm-checkbox-secondary-color-focus-visible);border-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-focus-visible);border-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-focus-visible);background-color:var(--bcm-checkbox-secondary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:focus-visible .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-focus-visible)}.bcm-checkbox:active .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-active);color:var(--bcm-checkbox-secondary-color-active);border-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-active);border-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-active);background-color:var(--bcm-checkbox-secondary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox:active .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-active)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon{background:var(--bcm-checkbox-secondary-color-disabled);color:var(--bcm-checkbox-secondary-color-disabled);border-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-new-ds-color-white);background-color:var(--bcm-checkbox-primary-color-disabled);border-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked.bcm-radio__icon,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon{border-color:var(--bcm-checkbox-primary-color-disabled);background-color:var(--bcm-checkbox-secondary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox.disabled .bcm-checkbox__label-icon-checked.bcm-radio__icon .bcm-radio__icon-inner,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate.bcm-radio__icon .bcm-radio__icon-inner{background-color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[disabled] .bcm-checkbox__label-icon-indeterminate,.bcm-checkbox.disabled .bcm-checkbox__label-icon-indeterminate{color:var(--bcm-checkbox-primary-color-disabled)}.bcm-checkbox[no-margin] .bcm-checkbox__input{margin:0;min-height:0;padding:0}";
package/dist/esm/bcm-checkbox_2.entry.js CHANGED
@@ -5,16 +5,16 @@
5
5
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0615c2b8.js';
6
6
  import { c as classnames } from './index-00c8a8f7.js';
7
7
  import { C as CaptionTemplate } from './caption-template-d47f338f.js';
8
- import { G as Generate } from './generate-ad35cf8e.js';
9
- import { S as SlotTemplate } from './slot-template-d37d0312.js';
10
- import { B as Bcm } from './bcm-40f18097.js';
8
+ import { G as Generate } from './generate-77508025.js';
9
+ import { S as SlotTemplate } from './slot-template-fcc7846e.js';
10
+ import { B as Bcm } from './bcm-d45dc47d.js';
11
11
  import { d as delay } from './utils-b3338faf.js';
12
12
  import { C as ColorHelper } from './color-helper-71b610e7.js';
13
13
  import { I as IsLoad } from './is-load-decorator-8277e3b8.js';
14
14
  import './_commonjsHelpers-7002e5de.js';
15
- import './package-a8541483.js';
15
+ import './package-a7b14d41.js';
16
16
  import './colors-ebea297f.js';
17
- import './string-helper-5a67b5cc.js';
17
+ import './string-helper-b0e05041.js';
18
18
  import './colors-1d7854ea.js';
19
19
 
20
20
  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}";
package/dist/esm/bcm-chip-group.entry.js CHANGED
@@ -4,23 +4,23 @@
4
4
  */
5
5
  import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-0615c2b8.js';
6
6
  import './color-helper-71b610e7.js';
7
- import './validators-5606ad07.js';
8
- import { G as Generate } from './generate-ad35cf8e.js';
9
- import './number-helper-32d36561.js';
10
- import './string-helper-5a67b5cc.js';
7
+ import './validators-39c53eb5.js';
8
+ import { G as Generate } from './generate-77508025.js';
9
+ import './number-helper-9ffb551c.js';
10
+ import './string-helper-b0e05041.js';
11
11
  import './element-dragger-7ea06c76.js';
12
- import { a as Bcm } from './bcm-40f18097.js';
12
+ import { a as Bcm } from './bcm-d45dc47d.js';
13
13
  import { C as CaptionTemplate } from './caption-template-d47f338f.js';
14
14
  import { c as classnames } from './index-00c8a8f7.js';
15
15
  import './types-6f06fa1a.js';
16
- import { L as LabelTemplate } from './label-template-9cddb5ed.js';
16
+ import { L as LabelTemplate } from './label-template-946d4062.js';
17
17
  import './types-9493a7ed.js';
18
18
  import './colors-1d7854ea.js';
19
19
  import './utils-b3338faf.js';
20
20
  import './colors-ebea297f.js';
21
21
  import './_commonjsHelpers-7002e5de.js';
22
- import './package-a8541483.js';
23
- import './slot-template-d37d0312.js';
22
+ import './package-a7b14d41.js';
23
+ import './slot-template-fcc7846e.js';
24
24
 
25
25
  const chipGroupCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");.size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}.bcm-chip-group .bcm-chip{cursor:pointer}";
26
26