bromcom-ui 2.11.1-rc.9-0 → 2.11.1-rc.9-1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (130) hide show
  1. package/dist/bromcom-ui/bromcom-ui.css +1 -1
  2. package/dist/bromcom-ui/bromcom-ui.esm.js +1 -1
  3. package/dist/bromcom-ui/{p-9610bd2d.js → p-0d0e3903.js} +1 -1
  4. package/dist/bromcom-ui/{p-b8e7d8ea.entry.js → p-1d81a0a4.entry.js} +1 -1
  5. package/dist/bromcom-ui/{p-022a9123.entry.js → p-2bdf78f5.entry.js} +1 -1
  6. package/dist/bromcom-ui/{p-98cf4aa5.js → p-2c4435e2.js} +1 -1
  7. package/dist/bromcom-ui/{p-9797db90.entry.js → p-3a290e0d.entry.js} +1 -1
  8. package/dist/bromcom-ui/{p-3616f96d.js → p-46cc4f0c.js} +1 -1
  9. package/dist/bromcom-ui/{p-8e11a26b.entry.js → p-4cc25225.entry.js} +1 -1
  10. package/dist/bromcom-ui/{p-aed4d33b.js → p-4d55ba21.js} +1 -1
  11. package/dist/bromcom-ui/{p-1f123f35.entry.js → p-54788d6e.entry.js} +1 -1
  12. package/dist/bromcom-ui/{p-4a1c1566.entry.js → p-5b63bfc6.entry.js} +1 -1
  13. package/dist/bromcom-ui/p-5be80cce.entry.js +5 -0
  14. package/dist/bromcom-ui/{p-9589f69c.entry.js → p-5d670fd7.entry.js} +1 -1
  15. package/dist/bromcom-ui/{p-79596f30.entry.js → p-5f4a7e27.entry.js} +1 -1
  16. package/dist/bromcom-ui/{p-0a5d0dad.entry.js → p-65119762.entry.js} +1 -1
  17. package/dist/bromcom-ui/{p-1f4f8e4f.entry.js → p-6a82a1c6.entry.js} +1 -1
  18. package/dist/bromcom-ui/{p-61753299.js → p-6bea284a.js} +1 -1
  19. package/dist/bromcom-ui/{p-bafe6f14.entry.js → p-7a590e30.entry.js} +1 -1
  20. package/dist/bromcom-ui/{p-95104e4f.entry.js → p-7d0d6073.entry.js} +1 -1
  21. package/dist/bromcom-ui/{p-82fb073c.entry.js → p-959bd503.entry.js} +1 -1
  22. package/dist/bromcom-ui/{p-e5212c52.entry.js → p-9668c853.entry.js} +1 -1
  23. package/dist/bromcom-ui/{p-8da487f0.entry.js → p-991f374c.entry.js} +1 -1
  24. package/dist/bromcom-ui/{p-c00d26c1.entry.js → p-a20ac74f.entry.js} +1 -1
  25. package/dist/bromcom-ui/{p-cb4c07af.entry.js → p-a32b4186.entry.js} +1 -1
  26. package/dist/bromcom-ui/{p-0e530449.entry.js → p-a9759941.entry.js} +1 -1
  27. package/dist/bromcom-ui/p-aeb4be41.js +5 -0
  28. package/dist/bromcom-ui/{p-1a6a917c.entry.js → p-b703f03f.entry.js} +1 -1
  29. package/dist/bromcom-ui/{p-9b8b692a.entry.js → p-b72147fd.entry.js} +1 -1
  30. package/dist/bromcom-ui/{p-f2bc61dd.entry.js → p-c661de9e.entry.js} +1 -1
  31. package/dist/bromcom-ui/{p-bb47062a.entry.js → p-cb7003f0.entry.js} +1 -1
  32. package/dist/bromcom-ui/p-cbbadc43.entry.js +5 -0
  33. package/dist/bromcom-ui/{p-8eb45b0e.entry.js → p-ce917a87.entry.js} +1 -1
  34. package/dist/bromcom-ui/{p-847e7a75.entry.js → p-cf119021.entry.js} +1 -1
  35. package/dist/bromcom-ui/{p-ec5fe536.entry.js → p-d5251ffe.entry.js} +1 -1
  36. package/dist/bromcom-ui/{p-974c5210.entry.js → p-e72cd4e5.entry.js} +1 -1
  37. package/dist/bromcom-ui/{p-38686733.entry.js → p-e98016f3.entry.js} +1 -1
  38. package/dist/bromcom-ui/{p-d25d4c40.entry.js → p-ea062405.entry.js} +1 -1
  39. package/dist/bromcom-ui/p-ee0bfc38.entry.js +5 -0
  40. package/dist/bromcom-ui/{p-52145717.js → p-f990f4c3.js} +1 -1
  41. package/dist/cjs/bcm-accordion_45.cjs.entry.js +15 -15
  42. package/dist/cjs/bcm-alert.cjs.entry.js +3 -3
  43. package/dist/cjs/bcm-attendance-actions-comment.cjs.entry.js +6 -6
  44. package/dist/cjs/bcm-attendance-actions-dropdown.cjs.entry.js +6 -6
  45. package/dist/cjs/bcm-breadcrumb.cjs.entry.js +3 -3
  46. package/dist/cjs/bcm-caption.cjs.entry.js +6 -6
  47. package/dist/cjs/bcm-card.cjs.entry.js +4 -4
  48. package/dist/cjs/bcm-checkbox-lite_8.cjs.entry.js +3 -3
  49. package/dist/cjs/bcm-chip-group.cjs.entry.js +6 -6
  50. package/dist/cjs/bcm-collapse.cjs.entry.js +3 -3
  51. package/dist/cjs/bcm-date-picker.cjs.entry.js +3 -3
  52. package/dist/cjs/bcm-datetime-picker.cjs.entry.js +3 -3
  53. package/dist/cjs/bcm-default.cjs.entry.js +3 -3
  54. package/dist/cjs/bcm-form-2.cjs.entry.js +3 -3
  55. package/dist/cjs/bcm-input-custom.cjs.entry.js +3 -3
  56. package/dist/cjs/bcm-input-dropdown.cjs.entry.js +6 -6
  57. package/dist/cjs/bcm-modal-2-footer.cjs.entry.js +6 -6
  58. package/dist/cjs/bcm-modal-2-header.cjs.entry.js +6 -6
  59. package/dist/cjs/bcm-modal-2.cjs.entry.js +6 -6
  60. package/dist/cjs/bcm-modal.cjs.entry.js +3 -3
  61. package/dist/cjs/bcm-number-input.cjs.entry.js +6 -6
  62. package/dist/cjs/bcm-overlay_2.cjs.entry.js +1 -1
  63. package/dist/cjs/bcm-popover.cjs.entry.js +6 -6
  64. package/dist/cjs/bcm-range.cjs.entry.js +3 -3
  65. package/dist/cjs/bcm-skeleton.cjs.entry.js +6 -6
  66. package/dist/cjs/bcm-table.cjs.entry.js +6 -6
  67. package/dist/cjs/bcm-tag.cjs.entry.js +4 -4
  68. package/dist/cjs/bcm-time-picker.cjs.entry.js +3 -3
  69. package/dist/cjs/bcm-toast.cjs.entry.js +3 -3
  70. package/dist/cjs/bromcom-ui.cjs.js +2 -2
  71. package/dist/cjs/{color-helper-c3a819ea.js → color-helper-dc98a2ca.js} +1 -1
  72. package/dist/cjs/{colors-078851ec.js → colors-250d0982.js} +13 -7
  73. package/dist/cjs/{generate-cb6d728f.js → generate-c4e28fef.js} +2 -2
  74. package/dist/cjs/{global-9a7fa11d.js → global-32a72f23.js} +1 -1
  75. package/dist/cjs/loader.cjs.js +2 -2
  76. package/dist/cjs/{number-helper-7cda3b8d.js → number-helper-40bfb2fc.js} +1 -1
  77. package/dist/cjs/old-bcm-popover-box.cjs.entry.js +4 -4
  78. package/dist/cjs/old-bcm-popover.cjs.entry.js +3 -3
  79. package/dist/cjs/{package-417ad2df.js → package-4a28cfe9.js} +1 -1
  80. package/dist/cjs/{validators-5201d427.js → validators-0f4f7438.js} +1 -1
  81. package/dist/collection/components/atoms/button/button.css +6 -6
  82. package/dist/collection/components/atoms/button/button.js +8 -8
  83. package/dist/components/button.js +9 -9
  84. package/dist/components/colors2.js +13 -7
  85. package/dist/components/generate.js +1 -1
  86. package/dist/esm/bcm-accordion_45.entry.js +15 -15
  87. package/dist/esm/bcm-alert.entry.js +3 -3
  88. package/dist/esm/bcm-attendance-actions-comment.entry.js +6 -6
  89. package/dist/esm/bcm-attendance-actions-dropdown.entry.js +6 -6
  90. package/dist/esm/bcm-breadcrumb.entry.js +3 -3
  91. package/dist/esm/bcm-caption.entry.js +6 -6
  92. package/dist/esm/bcm-card.entry.js +4 -4
  93. package/dist/esm/bcm-checkbox-lite_8.entry.js +3 -3
  94. package/dist/esm/bcm-chip-group.entry.js +6 -6
  95. package/dist/esm/bcm-collapse.entry.js +3 -3
  96. package/dist/esm/bcm-date-picker.entry.js +3 -3
  97. package/dist/esm/bcm-datetime-picker.entry.js +3 -3
  98. package/dist/esm/bcm-default.entry.js +3 -3
  99. package/dist/esm/bcm-form-2.entry.js +3 -3
  100. package/dist/esm/bcm-input-custom.entry.js +3 -3
  101. package/dist/esm/bcm-input-dropdown.entry.js +6 -6
  102. package/dist/esm/bcm-modal-2-footer.entry.js +6 -6
  103. package/dist/esm/bcm-modal-2-header.entry.js +6 -6
  104. package/dist/esm/bcm-modal-2.entry.js +6 -6
  105. package/dist/esm/bcm-modal.entry.js +3 -3
  106. package/dist/esm/bcm-number-input.entry.js +6 -6
  107. package/dist/esm/bcm-overlay_2.entry.js +1 -1
  108. package/dist/esm/bcm-popover.entry.js +6 -6
  109. package/dist/esm/bcm-range.entry.js +3 -3
  110. package/dist/esm/bcm-skeleton.entry.js +6 -6
  111. package/dist/esm/bcm-table.entry.js +6 -6
  112. package/dist/esm/bcm-tag.entry.js +4 -4
  113. package/dist/esm/bcm-time-picker.entry.js +3 -3
  114. package/dist/esm/bcm-toast.entry.js +3 -3
  115. package/dist/esm/bromcom-ui.js +2 -2
  116. package/dist/esm/{color-helper-3b528349.js → color-helper-74614f24.js} +1 -1
  117. package/dist/esm/{colors-c530a5b8.js → colors-dd598eea.js} +13 -7
  118. package/dist/esm/{generate-6502409d.js → generate-7f921cea.js} +2 -2
  119. package/dist/esm/{global-030f848d.js → global-e270bb55.js} +1 -1
  120. package/dist/esm/loader.js +2 -2
  121. package/dist/esm/{number-helper-f5777f14.js → number-helper-48abae7a.js} +1 -1
  122. package/dist/esm/old-bcm-popover-box.entry.js +4 -4
  123. package/dist/esm/old-bcm-popover.entry.js +3 -3
  124. package/dist/esm/{package-e3b09e0c.js → package-52b93905.js} +1 -1
  125. package/dist/esm/{validators-f574d105.js → validators-2bf0eca1.js} +1 -1
  126. package/package.json +1 -1
  127. package/dist/bromcom-ui/p-144bd7f3.entry.js +0 -5
  128. package/dist/bromcom-ui/p-3a43bf45.js +0 -5
  129. package/dist/bromcom-ui/p-641d81c9.entry.js +0 -5
  130. package/dist/bromcom-ui/p-dcb48e92.entry.js +0 -5
@@ -7,12 +7,12 @@
7
7
  Object.defineProperty(exports, '__esModule', { value: true });
8
8
 
9
9
  const index$1 = require('./index-c591ecec.js');
10
- require('./color-helper-c3a819ea.js');
10
+ require('./color-helper-dc98a2ca.js');
11
11
  require('./datetime-helper-eaf4fadb.js');
12
- const generate = require('./generate-cb6d728f.js');
13
- require('./number-helper-7cda3b8d.js');
12
+ const generate = require('./generate-c4e28fef.js');
13
+ require('./number-helper-40bfb2fc.js');
14
14
  require('./string-helper-9cdfb273.js');
15
- require('./validators-5201d427.js');
15
+ require('./validators-0f4f7438.js');
16
16
  require('./element-dragger-a8562f82.js');
17
17
  const bcm = require('./bcm-1d1fcf21.js');
18
18
  const captionTemplate = require('./caption-template-85a18b6d.js');
@@ -22,9 +22,9 @@ require('./types-7523fd99.js');
22
22
  const index = require('./index-5279dea2.js');
23
23
  require('./colors-56282b00.js');
24
24
  require('./utils-fc077139.js');
25
- require('./colors-078851ec.js');
25
+ require('./colors-250d0982.js');
26
26
  require('./_commonjsHelpers-ed84c3ca.js');
27
- require('./package-417ad2df.js');
27
+ require('./package-4a28cfe9.js');
28
28
 
29
29
  const numberInputStyle = index.ce({
30
30
  slots: {
@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
8
8
 
9
9
  const index = require('./index-c591ecec.js');
10
10
  const index$1 = require('./index-95ae50d0.js');
11
- const colors = require('./colors-078851ec.js');
11
+ const colors = require('./colors-250d0982.js');
12
12
  require('./_commonjsHelpers-ed84c3ca.js');
13
13
 
14
14
  const BcmOverlay = class {
@@ -7,20 +7,20 @@
7
7
  Object.defineProperty(exports, '__esModule', { value: true });
8
8
 
9
9
  const index = require('./index-c591ecec.js');
10
- const colorHelper = require('./color-helper-c3a819ea.js');
10
+ const colorHelper = require('./color-helper-dc98a2ca.js');
11
11
  require('./datetime-helper-eaf4fadb.js');
12
- const generate = require('./generate-cb6d728f.js');
13
- require('./number-helper-7cda3b8d.js');
12
+ const generate = require('./generate-c4e28fef.js');
13
+ require('./number-helper-40bfb2fc.js');
14
14
  const stringHelper = require('./string-helper-9cdfb273.js');
15
- require('./validators-5201d427.js');
15
+ require('./validators-0f4f7438.js');
16
16
  require('./element-dragger-a8562f82.js');
17
17
  const bcm = require('./bcm-1d1fcf21.js');
18
18
  const utils = require('./utils-fc077139.js');
19
19
  const floatingUi = require('./floating-ui-5b396838.js');
20
20
  require('./colors-56282b00.js');
21
- require('./colors-078851ec.js');
21
+ require('./colors-250d0982.js');
22
22
  require('./_commonjsHelpers-ed84c3ca.js');
23
- require('./package-417ad2df.js');
23
+ require('./package-4a28cfe9.js');
24
24
 
25
25
  class Popover {
26
26
  constructor({ content, message, targetId, placement = "top", color = "slate-700", trigger = "none", openDelay = 0, closeDelay = 0, autoHide = false, emitShow = () => { }, emitHide = () => { } }) {
@@ -8,12 +8,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
8
8
 
9
9
  const index = require('./index-c591ecec.js');
10
10
  const index$1 = require('./index-95ae50d0.js');
11
- const generate = require('./generate-cb6d728f.js');
11
+ const generate = require('./generate-c4e28fef.js');
12
12
  const bcm = require('./bcm-1d1fcf21.js');
13
13
  const utils = require('./utils-fc077139.js');
14
14
  require('./_commonjsHelpers-ed84c3ca.js');
15
- require('./package-417ad2df.js');
16
- require('./colors-078851ec.js');
15
+ require('./package-4a28cfe9.js');
16
+ require('./colors-250d0982.js');
17
17
 
18
18
  const rangeCss = "@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-range{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;width:100%;position:relative;display:block;margin:16px 0}.bcm-range input[type=range]{position:absolute;pointer-events:none;-webkit-appearance:none;z-index:4;height:30px;width:100%;top:-17px;opacity:0}.bcm-range input[type=range].single{display:none}.bcm-range input[type=range]::-webkit-slider-thumb{pointer-events:all;width:30px;height:30px;border-radius:0;border:0 none;background-color:red;-webkit-appearance:none;cursor:pointer}.bcm-range__container-bar{width:calc(100% - 24px);left:12px;position:relative}.bcm-range__container-bar-track{position:absolute;top:-2px;width:100%;height:4px;background-color:var(--bcm-new-ds-color-slate-300);z-index:1}.bcm-range__container-bar-range{position:absolute;top:-2px;left:22.22%;right:22.22%;height:4px;background-color:var(--bcm-new-ds-color-blue-500);z-index:2}.bcm-range__container-bar-thumb{position:absolute;top:0;width:16px;height:16px;background-color:var(--bcm-new-ds-color-blue-500);border-radius:50%;z-index:3;transition:box-shadow 0.2s ease-in-out;display:flex;align-items:center;justify-content:center}.bcm-range__container-bar-thumb>span{display:flex;width:100%;height:100%}.bcm-range__container-bar-thumb.hover{box-shadow:0px 2px 2px rgba(0, 0, 0, 0.1), 0px 3px 1px rgba(0, 0, 0, 0.05), 0px 1px 5px rgba(0, 0, 0, 0.1);cursor:pointer}.bcm-range__container-bar-thumb.hidden{display:none}.bcm-range__container-bar-thumb.left{left:22.22222%;transform:translate(-8px, -8px)}.bcm-range__container-bar-thumb.right{right:0%;transform:translate(8px, -8px)}.bcm-range .ticks{position:absolute;z-index:0;top:0;left:0;width:100%;display:flex;justify-content:space-between;padding:4px 0;user-select:none}.bcm-range .tick{position:relative;display:flex;justify-content:center;width:1px;color:var(--bcm-new-ds-color-slate-300);cursor:pointer;height:8px;line-height:32px;margin-bottom:8px;z-index:-1;transition:color 0.1s ease-in-out}.bcm-range .tick::before,.bcm-range .tick::after{content:\" \";position:absolute;width:1px;height:8px;background-color:var(--bcm-new-ds-color-slate-300);z-index:-1;transition:background-color 0.1s ease-in-out}.bcm-range .tick::before{top:-16px}.bcm-range .tick::after{top:0}.bcm-range .tick.hover{color:var(--bcm-new-ds-color-slate-400)}.bcm-range .tick.hover::before,.bcm-range .tick.hover::after{background-color:var(--bcm-new-ds-color-slate-400)}.bcm-range .touch{position:absolute;width:calc(100% + 48px);left:-24px;top:-17px;opacity:0;height:45px;z-index:2;background-color:transparent;display:flex;flex-direction:row;justify-content:space-between}.bcm-range .touch-point{cursor:pointer;flex:1;border:1px solid var(--bcm-new-ds-color-slate-300);box-sizing:border-box;background-color:var(--bcm-new-ds-color-slate-300)}.bcm-range .touch-point:hover{border-color:var(--bcm-new-ds-color-blue-500);background-color:var(--bcm-new-ds-color-blue-500)}.bcm-range .touch::after,.bcm-range .touch::before{content:\"\";position:absolute;width:24px;height:100%;top:0}.bcm-range .touch::before{left:0}.bcm-range .touch::after{right:0}.bcm-range.vertical{margin:0 16px;padding:12px 0}.bcm-range.vertical .touch{width:calc(100% + 12px);left:-6px;top:-17px}.bcm-range.vertical .touch::after,.bcm-range.vertical .touch::before{width:12px}.bcm-range.vertical .bcm-range__container{transform:rotate(270deg)}.bcm-range.vertical .bcm-range__container .ticks .tick-text{position:absolute;top:0px;width:100%;transform:rotate(90deg)}";
19
19
 
@@ -7,20 +7,20 @@
7
7
  Object.defineProperty(exports, '__esModule', { value: true });
8
8
 
9
9
  const index$1 = require('./index-c591ecec.js');
10
- require('./color-helper-c3a819ea.js');
10
+ require('./color-helper-dc98a2ca.js');
11
11
  require('./datetime-helper-eaf4fadb.js');
12
- const generate = require('./generate-cb6d728f.js');
13
- require('./number-helper-7cda3b8d.js');
12
+ const generate = require('./generate-c4e28fef.js');
13
+ require('./number-helper-40bfb2fc.js');
14
14
  require('./string-helper-9cdfb273.js');
15
- require('./validators-5201d427.js');
15
+ require('./validators-0f4f7438.js');
16
16
  require('./element-dragger-a8562f82.js');
17
17
  require('./bcm-1d1fcf21.js');
18
18
  const index = require('./index-5279dea2.js');
19
19
  require('./colors-56282b00.js');
20
20
  require('./utils-fc077139.js');
21
- require('./colors-078851ec.js');
21
+ require('./colors-250d0982.js');
22
22
  require('./_commonjsHelpers-ed84c3ca.js');
23
- require('./package-417ad2df.js');
23
+ require('./package-4a28cfe9.js');
24
24
 
25
25
  const skeletonStyle = index.ce({
26
26
  slots: {
@@ -8,12 +8,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
8
8
 
9
9
  const index = require('./index-c591ecec.js');
10
10
  const watermark = require('./watermark-2c23c8f1.js');
11
- require('./color-helper-c3a819ea.js');
11
+ require('./color-helper-dc98a2ca.js');
12
12
  require('./datetime-helper-eaf4fadb.js');
13
- const generate = require('./generate-cb6d728f.js');
14
- require('./number-helper-7cda3b8d.js');
13
+ const generate = require('./generate-c4e28fef.js');
14
+ require('./number-helper-40bfb2fc.js');
15
15
  const stringHelper = require('./string-helper-9cdfb273.js');
16
- require('./validators-5201d427.js');
16
+ require('./validators-0f4f7438.js');
17
17
  require('./element-dragger-a8562f82.js');
18
18
  require('./bcm-1d1fcf21.js');
19
19
  const index$1 = require('./index-95ae50d0.js');
@@ -21,9 +21,9 @@ require('./types-cc4adee7.js');
21
21
  require('./types-7523fd99.js');
22
22
  require('./colors-56282b00.js');
23
23
  require('./utils-fc077139.js');
24
- require('./colors-078851ec.js');
24
+ require('./colors-250d0982.js');
25
25
  require('./_commonjsHelpers-ed84c3ca.js');
26
- require('./package-417ad2df.js');
26
+ require('./package-4a28cfe9.js');
27
27
 
28
28
  // DO NOT UPDATE MANUALLY: Generated from script during build time
29
29
  var VERSION$4 = '29.0.0';
@@ -7,15 +7,15 @@
7
7
  Object.defineProperty(exports, '__esModule', { value: true });
8
8
 
9
9
  const index$1 = require('./index-c591ecec.js');
10
- const generate = require('./generate-cb6d728f.js');
10
+ const generate = require('./generate-c4e28fef.js');
11
11
  const bcm = require('./bcm-1d1fcf21.js');
12
12
  const index = require('./index-95ae50d0.js');
13
- const numberHelper = require('./number-helper-7cda3b8d.js');
13
+ const numberHelper = require('./number-helper-40bfb2fc.js');
14
14
  const utils = require('./utils-fc077139.js');
15
15
  const colors = require('./colors-56282b00.js');
16
16
  const types = require('./types-7523fd99.js');
17
- require('./package-417ad2df.js');
18
- require('./colors-078851ec.js');
17
+ require('./package-4a28cfe9.js');
18
+ require('./colors-250d0982.js');
19
19
  require('./_commonjsHelpers-ed84c3ca.js');
20
20
 
21
21
  const TagTemplate = ({ _id, color, customStyle, size, checked, hidden, value, type, onDismiss, onSelect }) => {
@@ -9,12 +9,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
9
9
  const index = require('./index-c591ecec.js');
10
10
  const index$1 = require('./index-95ae50d0.js');
11
11
  const isLoadDecorator = require('./is-load-decorator-15036f37.js');
12
- const generate = require('./generate-cb6d728f.js');
12
+ const generate = require('./generate-c4e28fef.js');
13
13
  const bcm = require('./bcm-1d1fcf21.js');
14
14
  const utils = require('./utils-fc077139.js');
15
15
  require('./_commonjsHelpers-ed84c3ca.js');
16
- require('./package-417ad2df.js');
17
- require('./colors-078851ec.js');
16
+ require('./package-4a28cfe9.js');
17
+ require('./colors-250d0982.js');
18
18
 
19
19
  const timePickerCss = "@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}:host{display:inline-flex;width:100%;max-width:256px}:host(.full-width){max-width:100%}:host(.hidden){display:none}:host(.linked-component){display:none}";
20
20
 
@@ -8,13 +8,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
8
8
 
9
9
  const index = require('./index-c591ecec.js');
10
10
  const index$1 = require('./index-95ae50d0.js');
11
- const generate = require('./generate-cb6d728f.js');
11
+ const generate = require('./generate-c4e28fef.js');
12
12
  const stringHelper = require('./string-helper-9cdfb273.js');
13
13
  const bcm = require('./bcm-1d1fcf21.js');
14
14
  const utils = require('./utils-fc077139.js');
15
15
  require('./_commonjsHelpers-ed84c3ca.js');
16
- require('./package-417ad2df.js');
17
- require('./colors-078851ec.js');
16
+ require('./package-4a28cfe9.js');
17
+ require('./colors-250d0982.js');
18
18
 
19
19
  const BcmToast = class {
20
20
  constructor(hostRef) {
@@ -7,8 +7,8 @@
7
7
  Object.defineProperty(exports, '__esModule', { value: true });
8
8
 
9
9
  const index = require('./index-c591ecec.js');
10
- require('./global-9a7fa11d.js');
11
- require('./package-417ad2df.js');
10
+ require('./global-32a72f23.js');
11
+ require('./package-4a28cfe9.js');
12
12
  require('./watermark-2c23c8f1.js');
13
13
 
14
14
  /*
@@ -6,7 +6,7 @@
6
6
 
7
7
  const colors = require('./colors-56282b00.js');
8
8
  const utils = require('./utils-fc077139.js');
9
- const colors$1 = require('./colors-078851ec.js');
9
+ const colors$1 = require('./colors-250d0982.js');
10
10
 
11
11
  class ColorHelper {
12
12
  /**
@@ -23,11 +23,15 @@ function _export(target, all) {
23
23
  });
24
24
  }
25
25
  _export(exports, {
26
- dim: ()=>dim,
27
- default: ()=>_default
26
+ dim: function() {
27
+ return dim;
28
+ },
29
+ default: function() {
30
+ return _default;
31
+ }
28
32
  });
29
- const _picocolors = /*#__PURE__*/ _interopRequireDefault(picocolors_browser);
30
- function _interopRequireDefault(obj) {
33
+ const _picocolors = /*#__PURE__*/ _interop_require_default(picocolors_browser);
34
+ function _interop_require_default(obj) {
31
35
  return obj && obj.__esModule ? obj : {
32
36
  default: obj
33
37
  };
@@ -77,10 +81,12 @@ Object.defineProperty(exports, "__esModule", {
77
81
  });
78
82
  Object.defineProperty(exports, "default", {
79
83
  enumerable: true,
80
- get: ()=>_default
84
+ get: function() {
85
+ return _default;
86
+ }
81
87
  });
82
- const _log = /*#__PURE__*/ _interopRequireDefault(log_1);
83
- function _interopRequireDefault(obj) {
88
+ const _log = /*#__PURE__*/ _interop_require_default(log_1);
89
+ function _interop_require_default(obj) {
84
90
  return obj && obj.__esModule ? obj : {
85
91
  default: obj
86
92
  };
@@ -4,8 +4,8 @@
4
4
  */
5
5
  'use strict';
6
6
 
7
- const _package = require('./package-417ad2df.js');
8
- const colors = require('./colors-078851ec.js');
7
+ const _package = require('./package-4a28cfe9.js');
8
+ const colors = require('./colors-250d0982.js');
9
9
 
10
10
  /**
11
11
  * 'status' prop predefined values
@@ -5,7 +5,7 @@
5
5
  'use strict';
6
6
 
7
7
  const index = require('./index-c591ecec.js');
8
- const _package = require('./package-417ad2df.js');
8
+ const _package = require('./package-4a28cfe9.js');
9
9
  const watermark = require('./watermark-2c23c8f1.js');
10
10
 
11
11
  window.bcm = (function () {
@@ -7,8 +7,8 @@
7
7
  Object.defineProperty(exports, '__esModule', { value: true });
8
8
 
9
9
  const index = require('./index-c591ecec.js');
10
- require('./global-9a7fa11d.js');
11
- require('./package-417ad2df.js');
10
+ require('./global-32a72f23.js');
11
+ require('./package-4a28cfe9.js');
12
12
  require('./watermark-2c23c8f1.js');
13
13
 
14
14
  /*
@@ -4,7 +4,7 @@
4
4
  */
5
5
  'use strict';
6
6
 
7
- const generate = require('./generate-cb6d728f.js');
7
+ const generate = require('./generate-c4e28fef.js');
8
8
 
9
9
  class NumberHelper {
10
10
  }
@@ -11,14 +11,14 @@ require('./element-dragger-a8562f82.js');
11
11
  const popoverPlacement = require('./popover-placement-02e6101b.js');
12
12
  const floatingUi = require('./floating-ui-5b396838.js');
13
13
  const index$1 = require('./index-95ae50d0.js');
14
- const generate = require('./generate-cb6d728f.js');
15
- const numberHelper = require('./number-helper-7cda3b8d.js');
14
+ const generate = require('./generate-c4e28fef.js');
15
+ const numberHelper = require('./number-helper-40bfb2fc.js');
16
16
  const stringHelper = require('./string-helper-9cdfb273.js');
17
17
  require('./utils-fc077139.js');
18
18
  require('./bcm-1d1fcf21.js');
19
19
  require('./_commonjsHelpers-ed84c3ca.js');
20
- require('./package-417ad2df.js');
21
- require('./colors-078851ec.js');
20
+ require('./package-4a28cfe9.js');
21
+ require('./colors-250d0982.js');
22
22
 
23
23
  const oldPopoverBoxCss = "@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-popover-box{display:none;position:absolute;transition:transform 0.2s ease-in-out;}.bcm-popover-box .bcm-pop-box{font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-size:10px;line-height:calc(10px + 8px);box-shadow:0 4px 12px 2px rgba(17, 24, 38, 0.1);border-radius:4px;position:absolute;box-sizing:border-box;background-color:#FFFFFF;border:1px solid #FFFFFF;z-index:-99999;overflow:hidden;visibility:hidden;width:fit-content;position:absolute;display:block;overflow:hidden;visibility:hidden;z-index:-99999;filter:drop-shadow(0px 1px 6px rgba(0, 0, 0, 0.25))}.bcm-popover-box .bcm-pop-box.bcm-pop-open{overflow:unset;visibility:visible;height:unset}.bcm-popover-box .bcm-pop-box .bcm-pop-heading,.bcm-popover-box .bcm-pop-box .bcm-pop-content{display:block}.bcm-popover-box .bcm-pop-box .bcm-pop-heading:not(:empty){padding:4px 16px;border-bottom:1px solid #D9D9D9;color:var(--bcm-color-grey-9)}.bcm-popover-box .bcm-pop-box .bcm-pop-content:not(:empty){padding:8px 16px;color:var(--bcm-color-grey-8)}.bcm-popover-box::after{content:\"\";position:absolute;display:none;border:6px solid;z-index:10900;pointer-events:none}.bcm-popover-box.bcm-pop-open{display:block;z-index:10900}.bcm-popover-box.bcm-pop-open .bcm-pop-box{z-index:10900;overflow:unset;visibility:unset}.bcm-popover-box.bcm-pop-open::after{display:block}.bcm-popover-box.top .bcm-pop-box{bottom:100%;margin-bottom:16px}.bcm-popover-box.top::after{bottom:100%;margin-bottom:4px;border-color:#FFFFFF transparent transparent transparent}.bcm-popover-box.bottom .bcm-pop-box{top:100%;margin-top:16px}.bcm-popover-box.bottom::after{top:100%;margin-top:4px;border-color:transparent transparent #FFFFFF transparent}.bcm-popover-box.left .bcm-pop-box{right:100%;margin-right:16px}.bcm-popover-box.left::after{right:100%;margin-right:4px;border-color:transparent transparent transparent #FFFFFF}.bcm-popover-box.right .bcm-pop-box{left:100%;margin-left:16px}.bcm-popover-box.right::after{left:100%;margin-left:4px;border-color:transparent #FFFFFF transparent transparent}.bcm-popover-box.top.center .bcm-pop-box,.bcm-popover-box.bottom.center .bcm-pop-box{left:50%;transform:translateX(-50%)}.bcm-popover-box.top.center::after,.bcm-popover-box.bottom.center::after{left:50%;transform:translateX(-50%)}.bcm-popover-box.top.start .bcm-pop-box,.bcm-popover-box.bottom.start .bcm-pop-box{left:0}.bcm-popover-box.top.start::after,.bcm-popover-box.bottom.start::after{left:16px}.bcm-popover-box.top.end .bcm-pop-box,.bcm-popover-box.bottom.end .bcm-pop-box{right:0}.bcm-popover-box.top.end::after,.bcm-popover-box.bottom.end::after{right:16px}.bcm-popover-box.left.center .bcm-pop-box,.bcm-popover-box.right.center .bcm-pop-box{top:50%;transform:translateY(-50%)}.bcm-popover-box.left.center::after,.bcm-popover-box.right.center::after{top:50%;transform:translateY(-50%)}.bcm-popover-box.left.start .bcm-pop-box,.bcm-popover-box.right.start .bcm-pop-box{top:0}.bcm-popover-box.left.start::after,.bcm-popover-box.right.start::after{top:12px}.bcm-popover-box.left.end .bcm-pop-box,.bcm-popover-box.right.end .bcm-pop-box{bottom:0}.bcm-popover-box.left.end::after,.bcm-popover-box.right.end::after{bottom:12px}.bcm-popover-box.top{transform:translateY(1px)}.bcm-popover-box.bottom{transform:translateY(-1px)}.bcm-popover-box.left{transform:translateX(1px)}.bcm-popover-box.right{transform:translateX(-1px)}.bcm-popover-box.top.bcm-pop-open,.bcm-popover-box.bottom.bcm-pop-open{transform:translateY(0)}.bcm-popover-box.left.bcm-pop-open,.bcm-popover-box.right.bcm-pop-open{transform:translateX(0)}.bcm-popover-box.bcm-pop-linked.top .bcm-pop-box{margin:0 0 2px 0}.bcm-popover-box.bcm-pop-linked.bottom .bcm-pop-box{margin:2px 0 0 0}.bcm-popover-box.bcm-pop-linked.left .bcm-pop-box{margin:0 2px 0 0}.bcm-popover-box.bcm-pop-linked.right .bcm-pop-box{margin:0 0 0 2px}.bcm-popover-box.bcm-pop-linked .bcm-pop-box{filter:unset;border-radius:8px;box-shadow:0 2px 6px 1px rgba(17, 24, 38, 0.1)}.bcm-popover-box.bcm-pop-linked::after{display:none}";
24
24
 
@@ -9,10 +9,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
9
9
  const index = require('./index-c591ecec.js');
10
10
  const index$1 = require('./index-95ae50d0.js');
11
11
  const bcm = require('./bcm-1d1fcf21.js');
12
- const generate = require('./generate-cb6d728f.js');
12
+ const generate = require('./generate-c4e28fef.js');
13
13
  require('./_commonjsHelpers-ed84c3ca.js');
14
- require('./package-417ad2df.js');
15
- require('./colors-078851ec.js');
14
+ require('./package-4a28cfe9.js');
15
+ require('./colors-250d0982.js');
16
16
 
17
17
  const oldPopoverCss = "@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-popover{display:inline-flex}";
18
18
 
@@ -4,6 +4,6 @@
4
4
  */
5
5
  'use strict';
6
6
 
7
- const version = "2.11.1-rc.9-0";
7
+ const version = "2.11.1-rc.9-1";
8
8
 
9
9
  exports.version = version;
@@ -4,7 +4,7 @@
4
4
  */
5
5
  'use strict';
6
6
 
7
- const generate = require('./generate-cb6d728f.js');
7
+ const generate = require('./generate-c4e28fef.js');
8
8
 
9
9
  class Validators {
10
10
  }
@@ -132,17 +132,17 @@
132
132
  width: fit-content;
133
133
  height: fit-content;
134
134
  --bcm-button-solid-color-default: var(--bcm-new-ds-color-white);
135
- --bcm-button-solid-background-color-default: var(--bcm-new-ds-color-blue-600);
136
- --bcm-button-solid-border-default: var(--bcm-new-ds-color-blue-600);
135
+ --bcm-button-solid-background-color-default: var(--bcm-new-ds-color-blue-700);
136
+ --bcm-button-solid-border-default: var(--bcm-new-ds-color-blue-700);
137
137
  --bcm-button-solid-color-hover: var(--bcm-new-ds-color-white);
138
- --bcm-button-solid-background-color-hover: var(--bcm-new-ds-color-blue-700);
139
- --bcm-button-solid-border-hover: var(--bcm-new-ds-color-blue-700);
138
+ --bcm-button-solid-background-color-hover: var(--bcm-new-ds-color-blue-800);
139
+ --bcm-button-solid-border-hover: var(--bcm-new-ds-color-blue-800);
140
140
  --bcm-button-solid-color-focus-visible: var(--bcm-new-ds-color-white);
141
141
  --bcm-button-solid-background-color-focus-visible: var(--bcm-new-ds-color-blue-900);
142
142
  --bcm-button-solid-border-focus-visible: var(--bcm-new-ds-color-blue-900);
143
143
  --bcm-button-solid-color-active: var(--bcm-new-ds-color-white);
144
- --bcm-button-solid-background-color-active: var(--bcm-new-ds-color-blue-800);
145
- --bcm-button-solid-border-active: var(--bcm-new-ds-color-blue-800);
144
+ --bcm-button-solid-background-color-active: var(--bcm-new-ds-color-blue-900);
145
+ --bcm-button-solid-border-active: var(--bcm-new-ds-color-blue-900);
146
146
  --bcm-button-solid-color-disabled: var(--bcm-new-ds-color-white);
147
147
  --bcm-button-solid-background-color-disabled: var(--bcm-new-ds-color-slate-400);
148
148
  --bcm-button-solid-border-disabled: var(--bcm-new-ds-color-slate-400);
@@ -77,13 +77,13 @@ export class BcmButton {
77
77
  [`${prefix}-color-focus-visible`]: ColorHelper.dsColor('white'),
78
78
  [`${prefix}-color-active`]: ColorHelper.dsColor('white'),
79
79
  [`${prefix}-color-disabled`]: ColorHelper.dsColor('white'),
80
- [`${prefix}-background-color-default`]: ColorHelper.dsColor(color + (color == "amber" || color == "emerald" ? '-700' : '-600')),
81
- [`${prefix}-background-color-hover`]: ColorHelper.dsColor(color + (color == "amber" || color == "emerald" ? '-800' : '-700')),
80
+ [`${prefix}-background-color-default`]: ColorHelper.dsColor(color + '-700'),
81
+ [`${prefix}-background-color-hover`]: ColorHelper.dsColor(color + '-800'),
82
82
  [`${prefix}-background-color-focus-visible`]: ColorHelper.dsColor(color + '-900'),
83
83
  [`${prefix}-background-color-active`]: ColorHelper.dsColor(color + '-900'),
84
84
  [`${prefix}-background-color-disabled`]: ColorHelper.dsColor('slate-400'),
85
- [`${prefix}-border-default`]: ColorHelper.dsColor(color + (color == "amber" || color == "emerald" ? '-700' : '-600')),
86
- [`${prefix}-border-hover`]: ColorHelper.dsColor(color + (color == "amber" || color == "emerald" ? '-800' : '-700')),
85
+ [`${prefix}-border-default`]: ColorHelper.dsColor(color + '-700'),
86
+ [`${prefix}-border-hover`]: ColorHelper.dsColor(color + '-800'),
87
87
  [`${prefix}-border-focus-visible`]: ColorHelper.dsColor(color + '-900'),
88
88
  [`${prefix}-border-active`]: ColorHelper.dsColor(color + '-900'),
89
89
  [`${prefix}-border-disabled`]: ColorHelper.dsColor('slate-400')
@@ -91,8 +91,8 @@ export class BcmButton {
91
91
  }
92
92
  else if (kind == 'link') {
93
93
  return {
94
- [`${prefix}-color-default`]: ColorHelper.dsColor(color + (color == "amber" || color == "emerald" ? '-700' : '-600')),
95
- [`${prefix}-color-hover`]: ColorHelper.dsColor(color + (color == "amber" || color == "emerald" ? '-800' : '-700')),
94
+ [`${prefix}-color-default`]: ColorHelper.dsColor(color + '-700'),
95
+ [`${prefix}-color-hover`]: ColorHelper.dsColor(color + '-800'),
96
96
  [`${prefix}-color-focus-visible`]: ColorHelper.dsColor(color + '-900'),
97
97
  [`${prefix}-color-active`]: ColorHelper.dsColor(color + '-900'),
98
98
  [`${prefix}-color-disabled`]: ColorHelper.dsColor('slate-400'),
@@ -110,8 +110,8 @@ export class BcmButton {
110
110
  }
111
111
  else if (kind == 'ghost') {
112
112
  return {
113
- [`${prefix}-color-default`]: ColorHelper.dsColor(color + (color == "amber" || color == "emerald" || color == "red" ? '-700' : '-600')),
114
- [`${prefix}-color-hover`]: ColorHelper.dsColor(color + (color == "amber" || color == "emerald" || color == "red" ? '-800' : '-700')),
113
+ [`${prefix}-color-default`]: ColorHelper.dsColor(color + '-700'),
114
+ [`${prefix}-color-hover`]: ColorHelper.dsColor(color + '-800'),
115
115
  [`${prefix}-color-focus-visible`]: ColorHelper.dsColor(color + '-600'),
116
116
  [`${prefix}-color-active`]: ColorHelper.dsColor(color + '-600'),
117
117
  [`${prefix}-color-disabled`]: ColorHelper.dsColor(color + '-300'),
@@ -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-600);--bcm-button-solid-border-default:var(--bcm-new-ds-color-blue-600);--bcm-button-solid-color-hover:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-hover:var(--bcm-new-ds-color-blue-700);--bcm-button-solid-border-hover:var(--bcm-new-ds-color-blue-700);--bcm-button-solid-color-focus-visible:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-focus-visible:var(--bcm-new-ds-color-blue-900);--bcm-button-solid-border-focus-visible:var(--bcm-new-ds-color-blue-900);--bcm-button-solid-color-active:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-active:var(--bcm-new-ds-color-blue-800);--bcm-button-solid-border-active:var(--bcm-new-ds-color-blue-800);--bcm-button-solid-color-disabled:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-solid-border-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-color-default:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-background-color-default:var(--bcm-new-ds-color-slate-100);--bcm-button-ghost-border-default:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-color-hover:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-background-color-hover:var(--bcm-new-ds-color-slate-200);--bcm-button-ghost-border-hover:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-color-focus-visible:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-background-color-focus-visible:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-border-focus-visible:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-color-active:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-background-color-active:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-border-active:var(--bcm-new-ds-color-slate-500);--bcm-button-ghost-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-background-color-disabled:var(--bcm-new-ds-color-slate-50);--bcm-button-ghost-border-disabled:var(--bcm-new-ds-color-slate-200);--bcm-button-link-color-default:var(--bcm-new-ds-color-blue-700);--bcm-button-link-background-color-default:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-default:var(--bcm-new-ds-color-transparent);--bcm-button-link-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-link-background-color-hover:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-hover:var(--bcm-new-ds-color-transparent);--bcm-button-link-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-link-background-color-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-button-link-border-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-button-link-color-active:var(--bcm-new-ds-color-blue-700);--bcm-button-link-background-color-active:var(--bcm-new-ds-color-slate-50);--bcm-button-link-border-active:var(--bcm-new-ds-color-slate-50);--bcm-button-link-color-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-link-background-color-disabled:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-disabled:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-default:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-link-background-color-default:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-border-default:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-hover:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-link-background-color-hover:var(--bcm-new-ds-color-slate-200);--bcm-button-ghost-link-border-hover:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-focus-visible:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-link-background-color-focus-visible:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-link-border-focus-visible:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-active:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-link-background-color-active:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-link-border-active:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-disabled:var(--bcm-new-ds-color-slate-500);--bcm-button-ghost-link-background-color-disabled:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-border-disabled:var(--bcm-new-ds-color-transparent)}.bcm-button.full-width{width:100%}.bcm-button.full-width .bcm-button__container{width:100%}.bcm-button:after,.bcm-button:before{content:\"\";clear:both}.bcm-button__container{border:none;color:inherit;background-color:inherit;padding:0;margin:0;font:inherit;cursor:pointer;outline:none;text-decoration:none;font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:4px 12px;outline:none;border-radius:4px;transition:background-color 0.1s ease-in-out;position:relative;min-width:40px;border-width:1px;border-style:solid;border-color:initial}.bcm-button__container:hover,.bcm-button__container:focus,.bcm-button__container:active{outline:none;text-decoration:none}.bcm-button__container-loading{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px;display:flex;align-items:center;justify-content:center}.bcm-button__container-kind-solid{color:var(--bcm-button-solid-color-default);background-color:var(--bcm-button-solid-background-color-default);border-color:var(--bcm-button-solid-border-default)}.bcm-button__container-kind-solid:hover{color:var(--bcm-button-solid-color-hover);background-color:var(--bcm-button-solid-background-color-hover);border-color:var(--bcm-button-solid-border-hover)}.bcm-button__container-kind-solid:focus-visible{color:var(--bcm-button-solid-color-focus-visible);background-color:var(--bcm-button-solid-background-color-focus-visible);border-color:var(--bcm-button-solid-border-focus-visible)}.bcm-button__container-kind-solid:active{color:var(--bcm-button-solid-color-active);background-color:var(--bcm-button-solid-background-color-active);border-color:var(--bcm-button-solid-border-active)}.bcm-button__container-kind-solid:disabled{color:var(--bcm-button-solid-color-disabled);background-color:var(--bcm-button-solid-background-color-disabled);border-color:var(--bcm-button-solid-border-disabled)}.bcm-button__container-kind-solid.checked{color:var(--bcm-button-solid-color-active);background-color:var(--bcm-button-solid-background-color-active);border-color:var(--bcm-button-solid-border-active)}.bcm-button__container-kind-solid.disabled{color:var(--bcm-button-solid-color-disabled);background-color:var(--bcm-button-solid-background-color-disabled);border-color:var(--bcm-button-solid-border-disabled)}.bcm-button__container-kind-solid .bcm-button__container-loading{color:var(--bcm-button-solid-color-default);background-color:var(--bcm-button-solid-background-color-default);border-color:var(--bcm-button-solid-border-default)}.bcm-button__container-kind-ghost{color:var(--bcm-button-ghost-color-default);background-color:var(--bcm-button-ghost-background-color-default);border-color:var(--bcm-button-ghost-border-default)}.bcm-button__container-kind-ghost:not([disabled]) .bcm-icon{color:var(--bcm-new-ds-color-slate-500)}.bcm-button__container-kind-ghost:hover{color:var(--bcm-button-ghost-color-hover);background-color:var(--bcm-button-ghost-background-color-hover);border-color:var(--bcm-button-ghost-border-hover)}.bcm-button__container-kind-ghost:focus-visible{color:var(--bcm-button-ghost-color-focus-visible);background-color:var(--bcm-button-ghost-background-color-focus-visible);border-color:var(--bcm-button-ghost-border-focus-visible)}.bcm-button__container-kind-ghost:active{color:var(--bcm-button-ghost-color-active);background-color:var(--bcm-button-ghost-background-color-active);border-color:var(--bcm-button-ghost-border-active)}.bcm-button__container-kind-ghost:disabled{color:var(--bcm-button-ghost-color-disabled);background-color:var(--bcm-button-ghost-background-color-disabled);border-color:var(--bcm-button-ghost-border-disabled)}.bcm-button__container-kind-ghost.checked{color:var(--bcm-button-ghost-color-active);background-color:var(--bcm-button-ghost-background-color-active);border-color:var(--bcm-button-ghost-border-active)}.bcm-button__container-kind-ghost.disabled{color:var(--bcm-button-ghost-color-disabled);background-color:var(--bcm-button-ghost-background-color-disabled);border-color:var(--bcm-button-ghost-border-disabled)}.bcm-button__container-kind-ghost .bcm-button__container-loading{color:var(--bcm-button-ghost-color-default);background-color:var(--bcm-button-ghost-background-color-default);border-color:var(--bcm-button-ghost-border-default)}.bcm-button__container-kind-link{color:var(--bcm-button-link-color-default);background-color:var(--bcm-button-link-background-color-default);border-color:var(--bcm-button-link-border-default)}.bcm-button__container-kind-link:hover{color:var(--bcm-button-link-color-hover);background-color:var(--bcm-button-link-background-color-hover);border-color:var(--bcm-button-link-border-hover)}.bcm-button__container-kind-link:focus-visible{color:var(--bcm-button-link-color-focus-visible);background-color:var(--bcm-button-link-background-color-focus-visible);border-color:var(--bcm-button-link-border-focus-visible)}.bcm-button__container-kind-link:active{color:var(--bcm-button-link-color-active);background-color:var(--bcm-button-link-background-color-active);border-color:var(--bcm-button-link-border-active)}.bcm-button__container-kind-link:disabled{color:var(--bcm-button-link-color-disabled);background-color:var(--bcm-button-link-background-color-disabled);border-color:var(--bcm-button-link-border-disabled)}.bcm-button__container-kind-link.checked{color:var(--bcm-button-link-color-active);background-color:var(--bcm-button-link-background-color-active);border-color:var(--bcm-button-link-border-active)}.bcm-button__container-kind-link.disabled{color:var(--bcm-button-link-color-disabled);background-color:var(--bcm-button-link-background-color-disabled);border-color:var(--bcm-button-link-border-disabled)}.bcm-button__container-kind-link .bcm-button__container-loading{color:var(--bcm-button-link-color-default);background-color:var(--bcm-button-link-background-color-default);border-color:var(--bcm-button-link-border-default)}.bcm-button__container-kind-ghost-link{color:var(--bcm-button-ghost-link-color-default);background-color:var(--bcm-button-ghost-link-background-color-default);border-color:var(--bcm-button-ghost-link-border-default)}.bcm-button__container-kind-ghost-link:hover{color:var(--bcm-button-ghost-link-color-hover);background-color:var(--bcm-button-ghost-link-background-color-hover);border-color:var(--bcm-button-ghost-link-border-hover)}.bcm-button__container-kind-ghost-link:focus-visible{color:var(--bcm-button-ghost-link-color-focus-visible);background-color:var(--bcm-button-ghost-link-background-color-focus-visible);border-color:var(--bcm-button-ghost-link-border-focus-visible)}.bcm-button__container-kind-ghost-link:active{color:var(--bcm-button-ghost-link-color-active);background-color:var(--bcm-button-ghost-link-background-color-active);border-color:var(--bcm-button-ghost-link-border-active)}.bcm-button__container-kind-ghost-link:disabled{color:var(--bcm-button-ghost-link-color-disabled);background-color:var(--bcm-button-ghost-link-background-color-disabled);border-color:var(--bcm-button-ghost-link-border-disabled)}.bcm-button__container-kind-ghost-link.checked{color:var(--bcm-button-ghost-link-color-active);background-color:var(--bcm-button-ghost-link-background-color-active);border-color:var(--bcm-button-ghost-link-border-active)}.bcm-button__container-kind-ghost-link.disabled{color:var(--bcm-button-ghost-link-color-disabled);background-color:var(--bcm-button-ghost-link-background-color-disabled);border-color:var(--bcm-button-ghost-link-border-disabled)}.bcm-button__container-kind-ghost-link .bcm-button__container-loading{color:var(--bcm-button-ghost-link-color-default);background-color:var(--bcm-button-ghost-link-background-color-default);border-color:var(--bcm-button-ghost-link-border-default)}.bcm-button__container[disabled]{cursor:not-allowed}.bcm-button__container-text{order:3;display:flex;align-items:center;gap:8px;white-space:nowrap}.bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-icon.prefix{order:2}.bcm-button__container-icon.suffix{order:4}.bcm-button__container-size-small{font-size:12px;line-height:calc(12px + 8px);padding:calc(4px - 3px) 12px;min-height:calc(calc(12px + 8px) + calc(calc(4px - 2px)) * 2)}.bcm-button__container-size-small .bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-size-medium{font-size:calc(12px + 1px);line-height:calc(12px + 8px);padding:calc(4px + 1px) 12px;min-height:calc(calc(12px + 8px) + calc(calc(4px + 2px)) * 2)}.bcm-button__container-size-medium .bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-size-large{font-size:16px;line-height:calc(16px + 8px);padding:calc(8px - 1px) 12px;min-height:calc(calc(16px + 8px) + (calc(8px) * 2))}.bcm-button__container-size-large .bcm-button__container-icon{min-height:calc(16px + 8px)}";
220
+ const buttonCss = "@import url(\"https://fonts.googleapis.com/css?family=Roboto:400,500\");@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@200;400;500;600&display=swap\"); .size-1{font-size:12px;line-height:20px}.size-2{font-size:14px;line-height:22px}.size-3{font-size:16px;line-height:24px}.size-4{font-size:20px;line-height:28px}.size-5{font-size:24px;line-height:32px}.size-6{font-size:30px;line-height:38px}.size-7{font-size:38px;line-height:46px}.size-8{font-size:46px;line-height:54px}.size-9{font-size:56px;line-height:64px}.weight-regular{font-weight:400}.weight-semibold{font-weight:500}.input-size-large{height:40px}.input-size-medium{height:32px}.input-size-small{height:24px}.resize-none textarea{resize:none}.resize-vertical textarea{resize:vertical}.resize-auto textarea{height:auto;resize:none}.textarea-size-large{padding:4px 0 0 4px;min-height:40px}.textarea-size-large .bcm-input-element{min-height:calc((40px - 8px) + 2px)}.textarea-size-large .input-clear-button{height:calc( 40px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-medium{padding:4px 0 0 4px;min-height:32px}.textarea-size-medium .bcm-input-element{min-height:calc((32px - 8px) + 2px)}.textarea-size-medium .input-clear-button{height:calc( 32px - 16px );top:8px;padding:0;margin-right:8px}.textarea-size-small{padding:0px 0 0 4px;min-height:24px}.textarea-size-small .bcm-input-element{min-height:calc((24px - 8px) + 2px)}.textarea-size-small .input-clear-button{height:calc( 24px - 16px );top:8px;padding:0;margin-right:8px}*{box-sizing:border-box}.bcm-button{display:inline-flex;width:fit-content;height:fit-content;--bcm-button-solid-color-default:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-default:var(--bcm-new-ds-color-blue-700);--bcm-button-solid-border-default:var(--bcm-new-ds-color-blue-700);--bcm-button-solid-color-hover:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-hover:var(--bcm-new-ds-color-blue-800);--bcm-button-solid-border-hover:var(--bcm-new-ds-color-blue-800);--bcm-button-solid-color-focus-visible:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-focus-visible:var(--bcm-new-ds-color-blue-900);--bcm-button-solid-border-focus-visible:var(--bcm-new-ds-color-blue-900);--bcm-button-solid-color-active:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-active:var(--bcm-new-ds-color-blue-900);--bcm-button-solid-border-active:var(--bcm-new-ds-color-blue-900);--bcm-button-solid-color-disabled:var(--bcm-new-ds-color-white);--bcm-button-solid-background-color-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-solid-border-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-color-default:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-background-color-default:var(--bcm-new-ds-color-slate-100);--bcm-button-ghost-border-default:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-color-hover:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-background-color-hover:var(--bcm-new-ds-color-slate-200);--bcm-button-ghost-border-hover:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-color-focus-visible:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-background-color-focus-visible:var(--bcm-new-ds-color-slate-400);--bcm-button-ghost-border-focus-visible:var(--bcm-new-ds-color-slate-600);--bcm-button-ghost-color-active:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-background-color-active:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-border-active:var(--bcm-new-ds-color-slate-500);--bcm-button-ghost-color-disabled:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-background-color-disabled:var(--bcm-new-ds-color-slate-50);--bcm-button-ghost-border-disabled:var(--bcm-new-ds-color-slate-200);--bcm-button-link-color-default:var(--bcm-new-ds-color-blue-700);--bcm-button-link-background-color-default:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-default:var(--bcm-new-ds-color-transparent);--bcm-button-link-color-hover:var(--bcm-new-ds-color-blue-600);--bcm-button-link-background-color-hover:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-hover:var(--bcm-new-ds-color-transparent);--bcm-button-link-color-focus-visible:var(--bcm-new-ds-color-blue-800);--bcm-button-link-background-color-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-button-link-border-focus-visible:var(--bcm-new-ds-color-slate-50);--bcm-button-link-color-active:var(--bcm-new-ds-color-blue-700);--bcm-button-link-background-color-active:var(--bcm-new-ds-color-slate-50);--bcm-button-link-border-active:var(--bcm-new-ds-color-slate-50);--bcm-button-link-color-disabled:var(--bcm-new-ds-color-slate-400);--bcm-button-link-background-color-disabled:var(--bcm-new-ds-color-transparent);--bcm-button-link-border-disabled:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-default:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-link-background-color-default:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-border-default:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-hover:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-link-background-color-hover:var(--bcm-new-ds-color-slate-200);--bcm-button-ghost-link-border-hover:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-focus-visible:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-link-background-color-focus-visible:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-link-border-focus-visible:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-active:var(--bcm-new-ds-color-slate-700);--bcm-button-ghost-link-background-color-active:var(--bcm-new-ds-color-slate-300);--bcm-button-ghost-link-border-active:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-color-disabled:var(--bcm-new-ds-color-slate-500);--bcm-button-ghost-link-background-color-disabled:var(--bcm-new-ds-color-transparent);--bcm-button-ghost-link-border-disabled:var(--bcm-new-ds-color-transparent)}.bcm-button.full-width{width:100%}.bcm-button.full-width .bcm-button__container{width:100%}.bcm-button:after,.bcm-button:before{content:\"\";clear:both}.bcm-button__container{border:none;color:inherit;background-color:inherit;padding:0;margin:0;font:inherit;cursor:pointer;outline:none;text-decoration:none;font-family:\"Inter\", sans-serif;font-size:14px;line-height:calc(14px + 8px);font-weight:400;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:4px 12px;outline:none;border-radius:4px;transition:background-color 0.1s ease-in-out;position:relative;min-width:40px;border-width:1px;border-style:solid;border-color:initial}.bcm-button__container:hover,.bcm-button__container:focus,.bcm-button__container:active{outline:none;text-decoration:none}.bcm-button__container-loading{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px;display:flex;align-items:center;justify-content:center}.bcm-button__container-kind-solid{color:var(--bcm-button-solid-color-default);background-color:var(--bcm-button-solid-background-color-default);border-color:var(--bcm-button-solid-border-default)}.bcm-button__container-kind-solid:hover{color:var(--bcm-button-solid-color-hover);background-color:var(--bcm-button-solid-background-color-hover);border-color:var(--bcm-button-solid-border-hover)}.bcm-button__container-kind-solid:focus-visible{color:var(--bcm-button-solid-color-focus-visible);background-color:var(--bcm-button-solid-background-color-focus-visible);border-color:var(--bcm-button-solid-border-focus-visible)}.bcm-button__container-kind-solid:active{color:var(--bcm-button-solid-color-active);background-color:var(--bcm-button-solid-background-color-active);border-color:var(--bcm-button-solid-border-active)}.bcm-button__container-kind-solid:disabled{color:var(--bcm-button-solid-color-disabled);background-color:var(--bcm-button-solid-background-color-disabled);border-color:var(--bcm-button-solid-border-disabled)}.bcm-button__container-kind-solid.checked{color:var(--bcm-button-solid-color-active);background-color:var(--bcm-button-solid-background-color-active);border-color:var(--bcm-button-solid-border-active)}.bcm-button__container-kind-solid.disabled{color:var(--bcm-button-solid-color-disabled);background-color:var(--bcm-button-solid-background-color-disabled);border-color:var(--bcm-button-solid-border-disabled)}.bcm-button__container-kind-solid .bcm-button__container-loading{color:var(--bcm-button-solid-color-default);background-color:var(--bcm-button-solid-background-color-default);border-color:var(--bcm-button-solid-border-default)}.bcm-button__container-kind-ghost{color:var(--bcm-button-ghost-color-default);background-color:var(--bcm-button-ghost-background-color-default);border-color:var(--bcm-button-ghost-border-default)}.bcm-button__container-kind-ghost:not([disabled]) .bcm-icon{color:var(--bcm-new-ds-color-slate-500)}.bcm-button__container-kind-ghost:hover{color:var(--bcm-button-ghost-color-hover);background-color:var(--bcm-button-ghost-background-color-hover);border-color:var(--bcm-button-ghost-border-hover)}.bcm-button__container-kind-ghost:focus-visible{color:var(--bcm-button-ghost-color-focus-visible);background-color:var(--bcm-button-ghost-background-color-focus-visible);border-color:var(--bcm-button-ghost-border-focus-visible)}.bcm-button__container-kind-ghost:active{color:var(--bcm-button-ghost-color-active);background-color:var(--bcm-button-ghost-background-color-active);border-color:var(--bcm-button-ghost-border-active)}.bcm-button__container-kind-ghost:disabled{color:var(--bcm-button-ghost-color-disabled);background-color:var(--bcm-button-ghost-background-color-disabled);border-color:var(--bcm-button-ghost-border-disabled)}.bcm-button__container-kind-ghost.checked{color:var(--bcm-button-ghost-color-active);background-color:var(--bcm-button-ghost-background-color-active);border-color:var(--bcm-button-ghost-border-active)}.bcm-button__container-kind-ghost.disabled{color:var(--bcm-button-ghost-color-disabled);background-color:var(--bcm-button-ghost-background-color-disabled);border-color:var(--bcm-button-ghost-border-disabled)}.bcm-button__container-kind-ghost .bcm-button__container-loading{color:var(--bcm-button-ghost-color-default);background-color:var(--bcm-button-ghost-background-color-default);border-color:var(--bcm-button-ghost-border-default)}.bcm-button__container-kind-link{color:var(--bcm-button-link-color-default);background-color:var(--bcm-button-link-background-color-default);border-color:var(--bcm-button-link-border-default)}.bcm-button__container-kind-link:hover{color:var(--bcm-button-link-color-hover);background-color:var(--bcm-button-link-background-color-hover);border-color:var(--bcm-button-link-border-hover)}.bcm-button__container-kind-link:focus-visible{color:var(--bcm-button-link-color-focus-visible);background-color:var(--bcm-button-link-background-color-focus-visible);border-color:var(--bcm-button-link-border-focus-visible)}.bcm-button__container-kind-link:active{color:var(--bcm-button-link-color-active);background-color:var(--bcm-button-link-background-color-active);border-color:var(--bcm-button-link-border-active)}.bcm-button__container-kind-link:disabled{color:var(--bcm-button-link-color-disabled);background-color:var(--bcm-button-link-background-color-disabled);border-color:var(--bcm-button-link-border-disabled)}.bcm-button__container-kind-link.checked{color:var(--bcm-button-link-color-active);background-color:var(--bcm-button-link-background-color-active);border-color:var(--bcm-button-link-border-active)}.bcm-button__container-kind-link.disabled{color:var(--bcm-button-link-color-disabled);background-color:var(--bcm-button-link-background-color-disabled);border-color:var(--bcm-button-link-border-disabled)}.bcm-button__container-kind-link .bcm-button__container-loading{color:var(--bcm-button-link-color-default);background-color:var(--bcm-button-link-background-color-default);border-color:var(--bcm-button-link-border-default)}.bcm-button__container-kind-ghost-link{color:var(--bcm-button-ghost-link-color-default);background-color:var(--bcm-button-ghost-link-background-color-default);border-color:var(--bcm-button-ghost-link-border-default)}.bcm-button__container-kind-ghost-link:hover{color:var(--bcm-button-ghost-link-color-hover);background-color:var(--bcm-button-ghost-link-background-color-hover);border-color:var(--bcm-button-ghost-link-border-hover)}.bcm-button__container-kind-ghost-link:focus-visible{color:var(--bcm-button-ghost-link-color-focus-visible);background-color:var(--bcm-button-ghost-link-background-color-focus-visible);border-color:var(--bcm-button-ghost-link-border-focus-visible)}.bcm-button__container-kind-ghost-link:active{color:var(--bcm-button-ghost-link-color-active);background-color:var(--bcm-button-ghost-link-background-color-active);border-color:var(--bcm-button-ghost-link-border-active)}.bcm-button__container-kind-ghost-link:disabled{color:var(--bcm-button-ghost-link-color-disabled);background-color:var(--bcm-button-ghost-link-background-color-disabled);border-color:var(--bcm-button-ghost-link-border-disabled)}.bcm-button__container-kind-ghost-link.checked{color:var(--bcm-button-ghost-link-color-active);background-color:var(--bcm-button-ghost-link-background-color-active);border-color:var(--bcm-button-ghost-link-border-active)}.bcm-button__container-kind-ghost-link.disabled{color:var(--bcm-button-ghost-link-color-disabled);background-color:var(--bcm-button-ghost-link-background-color-disabled);border-color:var(--bcm-button-ghost-link-border-disabled)}.bcm-button__container-kind-ghost-link .bcm-button__container-loading{color:var(--bcm-button-ghost-link-color-default);background-color:var(--bcm-button-ghost-link-background-color-default);border-color:var(--bcm-button-ghost-link-border-default)}.bcm-button__container[disabled]{cursor:not-allowed}.bcm-button__container-text{order:3;display:flex;align-items:center;gap:8px;white-space:nowrap}.bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-icon.prefix{order:2}.bcm-button__container-icon.suffix{order:4}.bcm-button__container-size-small{font-size:12px;line-height:calc(12px + 8px);padding:calc(4px - 3px) 12px;min-height:calc(calc(12px + 8px) + calc(calc(4px - 2px)) * 2)}.bcm-button__container-size-small .bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-size-medium{font-size:calc(12px + 1px);line-height:calc(12px + 8px);padding:calc(4px + 1px) 12px;min-height:calc(calc(12px + 8px) + calc(calc(4px + 2px)) * 2)}.bcm-button__container-size-medium .bcm-button__container-icon{min-height:calc(12px + 8px)}.bcm-button__container-size-large{font-size:16px;line-height:calc(16px + 8px);padding:calc(8px - 1px) 12px;min-height:calc(calc(16px + 8px) + (calc(8px) * 2))}.bcm-button__container-size-large .bcm-button__container-icon{min-height:calc(16px + 8px)}";
221
221
 
222
222
  const BcmButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
223
223
  constructor() {
@@ -290,13 +290,13 @@ const BcmButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
290
290
  [`${prefix}-color-focus-visible`]: ColorHelper.dsColor('white'),
291
291
  [`${prefix}-color-active`]: ColorHelper.dsColor('white'),
292
292
  [`${prefix}-color-disabled`]: ColorHelper.dsColor('white'),
293
- [`${prefix}-background-color-default`]: ColorHelper.dsColor(color + (color == "amber" || color == "emerald" ? '-700' : '-600')),
294
- [`${prefix}-background-color-hover`]: ColorHelper.dsColor(color + (color == "amber" || color == "emerald" ? '-800' : '-700')),
293
+ [`${prefix}-background-color-default`]: ColorHelper.dsColor(color + '-700'),
294
+ [`${prefix}-background-color-hover`]: ColorHelper.dsColor(color + '-800'),
295
295
  [`${prefix}-background-color-focus-visible`]: ColorHelper.dsColor(color + '-900'),
296
296
  [`${prefix}-background-color-active`]: ColorHelper.dsColor(color + '-900'),
297
297
  [`${prefix}-background-color-disabled`]: ColorHelper.dsColor('slate-400'),
298
- [`${prefix}-border-default`]: ColorHelper.dsColor(color + (color == "amber" || color == "emerald" ? '-700' : '-600')),
299
- [`${prefix}-border-hover`]: ColorHelper.dsColor(color + (color == "amber" || color == "emerald" ? '-800' : '-700')),
298
+ [`${prefix}-border-default`]: ColorHelper.dsColor(color + '-700'),
299
+ [`${prefix}-border-hover`]: ColorHelper.dsColor(color + '-800'),
300
300
  [`${prefix}-border-focus-visible`]: ColorHelper.dsColor(color + '-900'),
301
301
  [`${prefix}-border-active`]: ColorHelper.dsColor(color + '-900'),
302
302
  [`${prefix}-border-disabled`]: ColorHelper.dsColor('slate-400')
@@ -304,8 +304,8 @@ const BcmButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
304
304
  }
305
305
  else if (kind == 'link') {
306
306
  return {
307
- [`${prefix}-color-default`]: ColorHelper.dsColor(color + (color == "amber" || color == "emerald" ? '-700' : '-600')),
308
- [`${prefix}-color-hover`]: ColorHelper.dsColor(color + (color == "amber" || color == "emerald" ? '-800' : '-700')),
307
+ [`${prefix}-color-default`]: ColorHelper.dsColor(color + '-700'),
308
+ [`${prefix}-color-hover`]: ColorHelper.dsColor(color + '-800'),
309
309
  [`${prefix}-color-focus-visible`]: ColorHelper.dsColor(color + '-900'),
310
310
  [`${prefix}-color-active`]: ColorHelper.dsColor(color + '-900'),
311
311
  [`${prefix}-color-disabled`]: ColorHelper.dsColor('slate-400'),
@@ -323,8 +323,8 @@ const BcmButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
323
323
  }
324
324
  else if (kind == 'ghost') {
325
325
  return {
326
- [`${prefix}-color-default`]: ColorHelper.dsColor(color + (color == "amber" || color == "emerald" || color == "red" ? '-700' : '-600')),
327
- [`${prefix}-color-hover`]: ColorHelper.dsColor(color + (color == "amber" || color == "emerald" || color == "red" ? '-800' : '-700')),
326
+ [`${prefix}-color-default`]: ColorHelper.dsColor(color + '-700'),
327
+ [`${prefix}-color-hover`]: ColorHelper.dsColor(color + '-800'),
328
328
  [`${prefix}-color-focus-visible`]: ColorHelper.dsColor(color + '-600'),
329
329
  [`${prefix}-color-active`]: ColorHelper.dsColor(color + '-600'),
330
330
  [`${prefix}-color-disabled`]: ColorHelper.dsColor(color + '-300'),
@@ -21,11 +21,15 @@ function _export(target, all) {
21
21
  });
22
22
  }
23
23
  _export(exports, {
24
- dim: ()=>dim,
25
- default: ()=>_default
24
+ dim: function() {
25
+ return dim;
26
+ },
27
+ default: function() {
28
+ return _default;
29
+ }
26
30
  });
27
- const _picocolors = /*#__PURE__*/ _interopRequireDefault(picocolors_browser);
28
- function _interopRequireDefault(obj) {
31
+ const _picocolors = /*#__PURE__*/ _interop_require_default(picocolors_browser);
32
+ function _interop_require_default(obj) {
29
33
  return obj && obj.__esModule ? obj : {
30
34
  default: obj
31
35
  };
@@ -75,10 +79,12 @@ Object.defineProperty(exports, "__esModule", {
75
79
  });
76
80
  Object.defineProperty(exports, "default", {
77
81
  enumerable: true,
78
- get: ()=>_default
82
+ get: function() {
83
+ return _default;
84
+ }
79
85
  });
80
- const _log = /*#__PURE__*/ _interopRequireDefault(log_1);
81
- function _interopRequireDefault(obj) {
86
+ const _log = /*#__PURE__*/ _interop_require_default(log_1);
87
+ function _interop_require_default(obj) {
82
88
  return obj && obj.__esModule ? obj : {
83
89
  default: obj
84
90
  };
@@ -5,7 +5,7 @@
5
5
  import { Build } from '@stencil/core/internal/client';
6
6
  import { c as colors } from './colors2.js';
7
7
 
8
- const version = "2.11.1-rc.9-0";
8
+ const version = "2.11.1-rc.9-1";
9
9
 
10
10
  /**
11
11
  * 'status' prop predefined values