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.
- package/dist/bromcom-ui/bromcom-ui.css +1 -1
- package/dist/bromcom-ui/bromcom-ui.esm.js +1 -1
- package/dist/bromcom-ui/{p-9610bd2d.js → p-0d0e3903.js} +1 -1
- package/dist/bromcom-ui/{p-b8e7d8ea.entry.js → p-1d81a0a4.entry.js} +1 -1
- package/dist/bromcom-ui/{p-022a9123.entry.js → p-2bdf78f5.entry.js} +1 -1
- package/dist/bromcom-ui/{p-98cf4aa5.js → p-2c4435e2.js} +1 -1
- package/dist/bromcom-ui/{p-9797db90.entry.js → p-3a290e0d.entry.js} +1 -1
- package/dist/bromcom-ui/{p-3616f96d.js → p-46cc4f0c.js} +1 -1
- package/dist/bromcom-ui/{p-8e11a26b.entry.js → p-4cc25225.entry.js} +1 -1
- package/dist/bromcom-ui/{p-aed4d33b.js → p-4d55ba21.js} +1 -1
- package/dist/bromcom-ui/{p-1f123f35.entry.js → p-54788d6e.entry.js} +1 -1
- package/dist/bromcom-ui/{p-4a1c1566.entry.js → p-5b63bfc6.entry.js} +1 -1
- package/dist/bromcom-ui/p-5be80cce.entry.js +5 -0
- package/dist/bromcom-ui/{p-9589f69c.entry.js → p-5d670fd7.entry.js} +1 -1
- package/dist/bromcom-ui/{p-79596f30.entry.js → p-5f4a7e27.entry.js} +1 -1
- package/dist/bromcom-ui/{p-0a5d0dad.entry.js → p-65119762.entry.js} +1 -1
- package/dist/bromcom-ui/{p-1f4f8e4f.entry.js → p-6a82a1c6.entry.js} +1 -1
- package/dist/bromcom-ui/{p-61753299.js → p-6bea284a.js} +1 -1
- package/dist/bromcom-ui/{p-bafe6f14.entry.js → p-7a590e30.entry.js} +1 -1
- package/dist/bromcom-ui/{p-95104e4f.entry.js → p-7d0d6073.entry.js} +1 -1
- package/dist/bromcom-ui/{p-82fb073c.entry.js → p-959bd503.entry.js} +1 -1
- package/dist/bromcom-ui/{p-e5212c52.entry.js → p-9668c853.entry.js} +1 -1
- package/dist/bromcom-ui/{p-8da487f0.entry.js → p-991f374c.entry.js} +1 -1
- package/dist/bromcom-ui/{p-c00d26c1.entry.js → p-a20ac74f.entry.js} +1 -1
- package/dist/bromcom-ui/{p-cb4c07af.entry.js → p-a32b4186.entry.js} +1 -1
- package/dist/bromcom-ui/{p-0e530449.entry.js → p-a9759941.entry.js} +1 -1
- package/dist/bromcom-ui/p-aeb4be41.js +5 -0
- package/dist/bromcom-ui/{p-1a6a917c.entry.js → p-b703f03f.entry.js} +1 -1
- package/dist/bromcom-ui/{p-9b8b692a.entry.js → p-b72147fd.entry.js} +1 -1
- package/dist/bromcom-ui/{p-f2bc61dd.entry.js → p-c661de9e.entry.js} +1 -1
- package/dist/bromcom-ui/{p-bb47062a.entry.js → p-cb7003f0.entry.js} +1 -1
- package/dist/bromcom-ui/p-cbbadc43.entry.js +5 -0
- package/dist/bromcom-ui/{p-8eb45b0e.entry.js → p-ce917a87.entry.js} +1 -1
- package/dist/bromcom-ui/{p-847e7a75.entry.js → p-cf119021.entry.js} +1 -1
- package/dist/bromcom-ui/{p-ec5fe536.entry.js → p-d5251ffe.entry.js} +1 -1
- package/dist/bromcom-ui/{p-974c5210.entry.js → p-e72cd4e5.entry.js} +1 -1
- package/dist/bromcom-ui/{p-38686733.entry.js → p-e98016f3.entry.js} +1 -1
- package/dist/bromcom-ui/{p-d25d4c40.entry.js → p-ea062405.entry.js} +1 -1
- package/dist/bromcom-ui/p-ee0bfc38.entry.js +5 -0
- package/dist/bromcom-ui/{p-52145717.js → p-f990f4c3.js} +1 -1
- package/dist/cjs/bcm-accordion_45.cjs.entry.js +15 -15
- package/dist/cjs/bcm-alert.cjs.entry.js +3 -3
- package/dist/cjs/bcm-attendance-actions-comment.cjs.entry.js +6 -6
- package/dist/cjs/bcm-attendance-actions-dropdown.cjs.entry.js +6 -6
- package/dist/cjs/bcm-breadcrumb.cjs.entry.js +3 -3
- package/dist/cjs/bcm-caption.cjs.entry.js +6 -6
- package/dist/cjs/bcm-card.cjs.entry.js +4 -4
- package/dist/cjs/bcm-checkbox-lite_8.cjs.entry.js +3 -3
- package/dist/cjs/bcm-chip-group.cjs.entry.js +6 -6
- package/dist/cjs/bcm-collapse.cjs.entry.js +3 -3
- package/dist/cjs/bcm-date-picker.cjs.entry.js +3 -3
- package/dist/cjs/bcm-datetime-picker.cjs.entry.js +3 -3
- package/dist/cjs/bcm-default.cjs.entry.js +3 -3
- package/dist/cjs/bcm-form-2.cjs.entry.js +3 -3
- package/dist/cjs/bcm-input-custom.cjs.entry.js +3 -3
- package/dist/cjs/bcm-input-dropdown.cjs.entry.js +6 -6
- package/dist/cjs/bcm-modal-2-footer.cjs.entry.js +6 -6
- package/dist/cjs/bcm-modal-2-header.cjs.entry.js +6 -6
- package/dist/cjs/bcm-modal-2.cjs.entry.js +6 -6
- package/dist/cjs/bcm-modal.cjs.entry.js +3 -3
- package/dist/cjs/bcm-number-input.cjs.entry.js +6 -6
- package/dist/cjs/bcm-overlay_2.cjs.entry.js +1 -1
- package/dist/cjs/bcm-popover.cjs.entry.js +6 -6
- package/dist/cjs/bcm-range.cjs.entry.js +3 -3
- package/dist/cjs/bcm-skeleton.cjs.entry.js +6 -6
- package/dist/cjs/bcm-table.cjs.entry.js +6 -6
- package/dist/cjs/bcm-tag.cjs.entry.js +4 -4
- package/dist/cjs/bcm-time-picker.cjs.entry.js +3 -3
- package/dist/cjs/bcm-toast.cjs.entry.js +3 -3
- package/dist/cjs/bromcom-ui.cjs.js +2 -2
- package/dist/cjs/{color-helper-c3a819ea.js → color-helper-dc98a2ca.js} +1 -1
- package/dist/cjs/{colors-078851ec.js → colors-250d0982.js} +13 -7
- package/dist/cjs/{generate-cb6d728f.js → generate-c4e28fef.js} +2 -2
- package/dist/cjs/{global-9a7fa11d.js → global-32a72f23.js} +1 -1
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{number-helper-7cda3b8d.js → number-helper-40bfb2fc.js} +1 -1
- package/dist/cjs/old-bcm-popover-box.cjs.entry.js +4 -4
- package/dist/cjs/old-bcm-popover.cjs.entry.js +3 -3
- package/dist/cjs/{package-417ad2df.js → package-4a28cfe9.js} +1 -1
- package/dist/cjs/{validators-5201d427.js → validators-0f4f7438.js} +1 -1
- package/dist/collection/components/atoms/button/button.css +6 -6
- package/dist/collection/components/atoms/button/button.js +8 -8
- package/dist/components/button.js +9 -9
- package/dist/components/colors2.js +13 -7
- package/dist/components/generate.js +1 -1
- package/dist/esm/bcm-accordion_45.entry.js +15 -15
- package/dist/esm/bcm-alert.entry.js +3 -3
- package/dist/esm/bcm-attendance-actions-comment.entry.js +6 -6
- package/dist/esm/bcm-attendance-actions-dropdown.entry.js +6 -6
- package/dist/esm/bcm-breadcrumb.entry.js +3 -3
- package/dist/esm/bcm-caption.entry.js +6 -6
- package/dist/esm/bcm-card.entry.js +4 -4
- package/dist/esm/bcm-checkbox-lite_8.entry.js +3 -3
- package/dist/esm/bcm-chip-group.entry.js +6 -6
- package/dist/esm/bcm-collapse.entry.js +3 -3
- package/dist/esm/bcm-date-picker.entry.js +3 -3
- package/dist/esm/bcm-datetime-picker.entry.js +3 -3
- package/dist/esm/bcm-default.entry.js +3 -3
- package/dist/esm/bcm-form-2.entry.js +3 -3
- package/dist/esm/bcm-input-custom.entry.js +3 -3
- package/dist/esm/bcm-input-dropdown.entry.js +6 -6
- package/dist/esm/bcm-modal-2-footer.entry.js +6 -6
- package/dist/esm/bcm-modal-2-header.entry.js +6 -6
- package/dist/esm/bcm-modal-2.entry.js +6 -6
- package/dist/esm/bcm-modal.entry.js +3 -3
- package/dist/esm/bcm-number-input.entry.js +6 -6
- package/dist/esm/bcm-overlay_2.entry.js +1 -1
- package/dist/esm/bcm-popover.entry.js +6 -6
- package/dist/esm/bcm-range.entry.js +3 -3
- package/dist/esm/bcm-skeleton.entry.js +6 -6
- package/dist/esm/bcm-table.entry.js +6 -6
- package/dist/esm/bcm-tag.entry.js +4 -4
- package/dist/esm/bcm-time-picker.entry.js +3 -3
- package/dist/esm/bcm-toast.entry.js +3 -3
- package/dist/esm/bromcom-ui.js +2 -2
- package/dist/esm/{color-helper-3b528349.js → color-helper-74614f24.js} +1 -1
- package/dist/esm/{colors-c530a5b8.js → colors-dd598eea.js} +13 -7
- package/dist/esm/{generate-6502409d.js → generate-7f921cea.js} +2 -2
- package/dist/esm/{global-030f848d.js → global-e270bb55.js} +1 -1
- package/dist/esm/loader.js +2 -2
- package/dist/esm/{number-helper-f5777f14.js → number-helper-48abae7a.js} +1 -1
- package/dist/esm/old-bcm-popover-box.entry.js +4 -4
- package/dist/esm/old-bcm-popover.entry.js +3 -3
- package/dist/esm/{package-e3b09e0c.js → package-52b93905.js} +1 -1
- package/dist/esm/{validators-f574d105.js → validators-2bf0eca1.js} +1 -1
- package/package.json +1 -1
- package/dist/bromcom-ui/p-144bd7f3.entry.js +0 -5
- package/dist/bromcom-ui/p-3a43bf45.js +0 -5
- package/dist/bromcom-ui/p-641d81c9.entry.js +0 -5
- 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-
|
|
10
|
+
require('./color-helper-dc98a2ca.js');
|
|
11
11
|
require('./datetime-helper-eaf4fadb.js');
|
|
12
|
-
const generate = require('./generate-
|
|
13
|
-
require('./number-helper-
|
|
12
|
+
const generate = require('./generate-c4e28fef.js');
|
|
13
|
+
require('./number-helper-40bfb2fc.js');
|
|
14
14
|
require('./string-helper-9cdfb273.js');
|
|
15
|
-
require('./validators-
|
|
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-
|
|
25
|
+
require('./colors-250d0982.js');
|
|
26
26
|
require('./_commonjsHelpers-ed84c3ca.js');
|
|
27
|
-
require('./package-
|
|
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-
|
|
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-
|
|
10
|
+
const colorHelper = require('./color-helper-dc98a2ca.js');
|
|
11
11
|
require('./datetime-helper-eaf4fadb.js');
|
|
12
|
-
const generate = require('./generate-
|
|
13
|
-
require('./number-helper-
|
|
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-
|
|
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-
|
|
21
|
+
require('./colors-250d0982.js');
|
|
22
22
|
require('./_commonjsHelpers-ed84c3ca.js');
|
|
23
|
-
require('./package-
|
|
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-
|
|
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-
|
|
16
|
-
require('./colors-
|
|
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-
|
|
10
|
+
require('./color-helper-dc98a2ca.js');
|
|
11
11
|
require('./datetime-helper-eaf4fadb.js');
|
|
12
|
-
const generate = require('./generate-
|
|
13
|
-
require('./number-helper-
|
|
12
|
+
const generate = require('./generate-c4e28fef.js');
|
|
13
|
+
require('./number-helper-40bfb2fc.js');
|
|
14
14
|
require('./string-helper-9cdfb273.js');
|
|
15
|
-
require('./validators-
|
|
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-
|
|
21
|
+
require('./colors-250d0982.js');
|
|
22
22
|
require('./_commonjsHelpers-ed84c3ca.js');
|
|
23
|
-
require('./package-
|
|
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-
|
|
11
|
+
require('./color-helper-dc98a2ca.js');
|
|
12
12
|
require('./datetime-helper-eaf4fadb.js');
|
|
13
|
-
const generate = require('./generate-
|
|
14
|
-
require('./number-helper-
|
|
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-
|
|
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-
|
|
24
|
+
require('./colors-250d0982.js');
|
|
25
25
|
require('./_commonjsHelpers-ed84c3ca.js');
|
|
26
|
-
require('./package-
|
|
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-
|
|
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-
|
|
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-
|
|
18
|
-
require('./colors-
|
|
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-
|
|
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-
|
|
17
|
-
require('./colors-
|
|
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-
|
|
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-
|
|
17
|
-
require('./colors-
|
|
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-
|
|
11
|
-
require('./package-
|
|
10
|
+
require('./global-32a72f23.js');
|
|
11
|
+
require('./package-4a28cfe9.js');
|
|
12
12
|
require('./watermark-2c23c8f1.js');
|
|
13
13
|
|
|
14
14
|
/*
|
|
@@ -23,11 +23,15 @@ function _export(target, all) {
|
|
|
23
23
|
});
|
|
24
24
|
}
|
|
25
25
|
_export(exports, {
|
|
26
|
-
dim: ()
|
|
27
|
-
|
|
26
|
+
dim: function() {
|
|
27
|
+
return dim;
|
|
28
|
+
},
|
|
29
|
+
default: function() {
|
|
30
|
+
return _default;
|
|
31
|
+
}
|
|
28
32
|
});
|
|
29
|
-
const _picocolors = /*#__PURE__*/
|
|
30
|
-
function
|
|
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: ()
|
|
84
|
+
get: function() {
|
|
85
|
+
return _default;
|
|
86
|
+
}
|
|
81
87
|
});
|
|
82
|
-
const _log = /*#__PURE__*/
|
|
83
|
-
function
|
|
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-
|
|
8
|
-
const colors = require('./colors-
|
|
7
|
+
const _package = require('./package-4a28cfe9.js');
|
|
8
|
+
const colors = require('./colors-250d0982.js');
|
|
9
9
|
|
|
10
10
|
/**
|
|
11
11
|
* 'status' prop predefined values
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -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-
|
|
11
|
-
require('./package-
|
|
10
|
+
require('./global-32a72f23.js');
|
|
11
|
+
require('./package-4a28cfe9.js');
|
|
12
12
|
require('./watermark-2c23c8f1.js');
|
|
13
13
|
|
|
14
14
|
/*
|
|
@@ -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-
|
|
15
|
-
const numberHelper = require('./number-helper-
|
|
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-
|
|
21
|
-
require('./colors-
|
|
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-
|
|
12
|
+
const generate = require('./generate-c4e28fef.js');
|
|
13
13
|
require('./_commonjsHelpers-ed84c3ca.js');
|
|
14
|
-
require('./package-
|
|
15
|
-
require('./colors-
|
|
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
|
|
|
@@ -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-
|
|
136
|
-
--bcm-button-solid-border-default: var(--bcm-new-ds-color-blue-
|
|
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-
|
|
139
|
-
--bcm-button-solid-border-hover: var(--bcm-new-ds-color-blue-
|
|
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-
|
|
145
|
-
--bcm-button-solid-border-active: var(--bcm-new-ds-color-blue-
|
|
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 +
|
|
81
|
-
[`${prefix}-background-color-hover`]: ColorHelper.dsColor(color +
|
|
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 +
|
|
86
|
-
[`${prefix}-border-hover`]: ColorHelper.dsColor(color +
|
|
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 +
|
|
95
|
-
[`${prefix}-color-hover`]: ColorHelper.dsColor(color +
|
|
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 +
|
|
114
|
-
[`${prefix}-color-hover`]: ColorHelper.dsColor(color +
|
|
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 +
|
|
294
|
-
[`${prefix}-background-color-hover`]: ColorHelper.dsColor(color +
|
|
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 +
|
|
299
|
-
[`${prefix}-border-hover`]: ColorHelper.dsColor(color +
|
|
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 +
|
|
308
|
-
[`${prefix}-color-hover`]: ColorHelper.dsColor(color +
|
|
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 +
|
|
327
|
-
[`${prefix}-color-hover`]: ColorHelper.dsColor(color +
|
|
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: ()
|
|
25
|
-
|
|
24
|
+
dim: function() {
|
|
25
|
+
return dim;
|
|
26
|
+
},
|
|
27
|
+
default: function() {
|
|
28
|
+
return _default;
|
|
29
|
+
}
|
|
26
30
|
});
|
|
27
|
-
const _picocolors = /*#__PURE__*/
|
|
28
|
-
function
|
|
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: ()
|
|
82
|
+
get: function() {
|
|
83
|
+
return _default;
|
|
84
|
+
}
|
|
79
85
|
});
|
|
80
|
-
const _log = /*#__PURE__*/
|
|
81
|
-
function
|
|
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
|
};
|