@viasat/beam-web-components 2.29.1 → 2.36.0
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/Avatar/Avatar.js +1 -1
- package/Avatar/AvatarGroup.js +1 -1
- package/Avatar/index.js +1 -1
- package/Badge/Badge.js +1 -1
- package/Button/Button.js +43 -43
- package/CloseButton/CloseButton.js +12 -12
- package/EmptyState/EmptyState.js +3 -3
- package/InputChoiceGroup/InputChoiceGroup.js +20 -20
- package/Link/Link.js +25 -25
- package/ProgressBar/ProgressBar.js +22 -22
- package/SegmentedControl/SegmentedControl.js +1 -1
- package/SegmentedControl/SegmentedControlItem.js +1 -1
- package/SegmentedControl/SegmentedControlList.js +1 -1
- package/SegmentedControl/SegmentedControlPanel.js +1 -1
- package/Spinner/Spinner.js +35 -35
- package/TextField/TextField.js +40 -40
- package/Tooltip/Tooltip.js +25 -25
- package/chunks/Avatar.BKgI1H4m.js +174 -0
- package/chunks/fileUpload.module.WyOEuxoP.js +4 -0
- package/chunks/segmentedControl.module.DUw6nBfH.js +4 -0
- package/custom-elements.json +1554 -1554
- package/local/Avatar/Avatar.js +1 -1
- package/local/Avatar/AvatarGroup.js +1 -1
- package/local/Avatar/index.js +1 -1
- package/local/Badge/Badge.js +7 -7
- package/local/Button/Button.js +19 -19
- package/local/CloseButton/CloseButton.js +10 -10
- package/local/EmptyState/EmptyState.js +1 -1
- package/local/InputChoiceGroup/InputChoiceGroup.js +20 -20
- package/local/Link/Link.js +36 -36
- package/local/ProgressBar/ProgressBar.js +22 -22
- package/local/SegmentedControl/SegmentedControl.js +1 -1
- package/local/SegmentedControl/SegmentedControlItem.js +1 -1
- package/local/SegmentedControl/SegmentedControlList.js +1 -1
- package/local/SegmentedControl/SegmentedControlPanel.js +1 -1
- package/local/Spinner/Spinner.js +28 -28
- package/local/TextField/TextField.js +40 -40
- package/local/Tooltip/Tooltip.js +39 -39
- package/local/chunks/Avatar.GyYNA9m6.js +172 -0
- package/local/chunks/fileUpload.module.WyOEuxoP.js +4 -0
- package/local/chunks/segmentedControl.module.DUw6nBfH.js +4 -0
- package/local/wip/Checkbox/Checkbox.js +52 -52
- package/local/wip/FileUpload/FileUpload.Button.js +1 -1
- package/local/wip/FileUpload/FileUpload.Dropzone.js +1 -1
- package/local/wip/FileUpload/FileUpload.List.Item.js +1 -1
- package/local/wip/FileUpload/FileUpload.List.js +1 -1
- package/local/wip/FileUpload/FileUpload.js +1 -1
- package/local/wip/NativeSelect/NativeSelect.js +25 -25
- package/local/wip/RadioButton/RadioButton.js +17 -17
- package/local/wip/Switch/Switch.js +37 -37
- package/local/wip/TextArea/TextArea.js +18 -18
- package/package.json +6 -6
- package/vscode.html-custom-data.json +232 -232
- package/wip/Checkbox/Checkbox.js +15 -15
- package/wip/FileUpload/FileUpload.Button.js +1 -1
- package/wip/FileUpload/FileUpload.Dropzone.js +1 -1
- package/wip/FileUpload/FileUpload.List.Item.js +1 -1
- package/wip/FileUpload/FileUpload.List.js +1 -1
- package/wip/FileUpload/FileUpload.js +1 -1
- package/wip/NativeSelect/NativeSelect.js +47 -47
- package/wip/RadioButton/RadioButton.js +21 -21
- package/wip/Switch/Switch.js +37 -37
- package/wip/TextArea/TextArea.js +18 -18
- package/chunks/Avatar.BgufO4-1.js +0 -174
- package/chunks/fileUpload.module.CNe9mg2f.js +0 -4
- package/chunks/segmentedControl.module.5EsIjpJa.js +0 -4
- package/local/chunks/Avatar.CEb3Se7H.js +0 -172
- package/local/chunks/fileUpload.module.CNe9mg2f.js +0 -4
- package/local/chunks/segmentedControl.module.5EsIjpJa.js +0 -4
package/Avatar/Avatar.js
CHANGED
|
@@ -3,7 +3,7 @@ import "lit";
|
|
|
3
3
|
import "lit/decorators.js";
|
|
4
4
|
import "lit/directives/unsafe-svg.js";
|
|
5
5
|
import "clsx";
|
|
6
|
-
import { B as s } from "../chunks/Avatar.
|
|
6
|
+
import { B as s } from "../chunks/Avatar.BKgI1H4m.js";
|
|
7
7
|
import "../chunks/register-custom-element.DHGKOhmA.js";
|
|
8
8
|
import "../StateLayer/StateLayer.js";
|
|
9
9
|
import "./AvatarGroup.context.js";
|
package/Avatar/AvatarGroup.js
CHANGED
|
@@ -2,7 +2,7 @@ import { provide as E } from "@lit/context";
|
|
|
2
2
|
import { unsafeCSS as q, LitElement as B, nothing as L, html as b } from "lit";
|
|
3
3
|
import { property as C } from "lit/decorators.js";
|
|
4
4
|
import D from "clsx";
|
|
5
|
-
import { a as F, c as T, b as U, g as G, d as I, e as H, f as g } from "../chunks/Avatar.
|
|
5
|
+
import { a as F, c as T, b as U, g as G, d as I, e as H, f as g } from "../chunks/Avatar.BKgI1H4m.js";
|
|
6
6
|
import "../chunks/constants.jOWREYQE.js";
|
|
7
7
|
import { c as V, r as R, f as J } from "../chunks/dom.CroF8n1N.js";
|
|
8
8
|
import { c as K } from "../chunks/CSSLookup.BdqZ5Li9.js";
|
package/Avatar/index.js
CHANGED
package/Badge/Badge.js
CHANGED
|
@@ -40,7 +40,7 @@ const H = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/sv
|
|
|
40
40
|
</clipPath>
|
|
41
41
|
</defs>
|
|
42
42
|
</svg>
|
|
43
|
-
`, B = M, E = ':root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-badge-color-positive-strong-bg: var( --bm-sem-color-surface-positive-strong, #187c36 );--bm-comp-badge-color-positive-strong-fg: var( --bm-sem-color-text-primary-inverse, #ffffff );--bm-comp-badge-color-positive-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-positive-medium-bg: var( --bm-sem-color-surface-positive, #daf7cf );--bm-comp-badge-color-positive-medium-fg: var( --bm-sem-color-text-positive, #187c36 );--bm-comp-badge-color-positive-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-positive-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-positive-subtle-fg: var( --bm-sem-color-text-positive, #187c36 );--bm-comp-badge-color-positive-subtle-border: var( --bm-sem-color-border-positive, rgba(24, 124, 54, .4) );--bm-comp-badge-color-warning-strong-bg: var( --bm-sem-color-surface-warning-strong, #ac4902 );--bm-comp-badge-color-warning-strong-fg: var( --bm-sem-color-text-primary-inverse, #ffffff );--bm-comp-badge-color-warning-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-warning-medium-bg: var( --bm-sem-color-surface-warning, #ffe4c9 );--bm-comp-badge-color-warning-medium-fg: var( --bm-sem-color-text-warning, #ac4902 );--bm-comp-badge-color-warning-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-warning-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-warning-subtle-fg: var( --bm-sem-color-text-warning, #ac4902 );--bm-comp-badge-color-warning-subtle-border: var( --bm-sem-color-border-warning, rgba(172, 73, 2, .4) );--bm-comp-badge-color-negative-strong-bg: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-badge-color-negative-strong-fg: var( --bm-sem-color-text-primary-inverse, #ffffff );--bm-comp-badge-color-negative-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-negative-medium-bg: var( --bm-sem-color-surface-negative, #fee6e7 );--bm-comp-badge-color-negative-medium-fg: var( --bm-sem-color-text-negative, #cc2429 );--bm-comp-badge-color-negative-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-negative-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-negative-subtle-fg: var( --bm-sem-color-text-negative, #cc2429 );--bm-comp-badge-color-negative-subtle-border: var( --bm-sem-color-border-negative, rgba(204, 36, 41, .4) );--bm-comp-badge-color-info-primary-strong-bg: var( --bm-sem-color-surface-info-primary-strong, #006ead );--bm-comp-badge-color-info-primary-strong-fg: var( --bm-sem-color-text-primary-inverse, #ffffff );--bm-comp-badge-color-info-primary-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-info-primary-medium-bg: var( --bm-sem-color-surface-info-primary, #ccf0ff );--bm-comp-badge-color-info-primary-medium-fg: var( --bm-sem-color-text-info-primary, #006ead );--bm-comp-badge-color-info-primary-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-info-primary-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-info-primary-subtle-fg: var( --bm-sem-color-text-info-primary, #006ead );--bm-comp-badge-color-info-primary-subtle-border: var( --bm-sem-color-border-info-primary, rgba(0, 110, 173, .4) );--bm-comp-badge-color-info-secondary-strong-bg: var( --bm-sem-color-surface-info-secondary-strong, #576775 );--bm-comp-badge-color-info-secondary-strong-fg: var( --bm-sem-color-text-primary-inverse, #ffffff );--bm-comp-badge-color-info-secondary-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-info-secondary-medium-bg: var( --bm-sem-color-surface-info-secondary, #dfe7ec );--bm-comp-badge-color-info-secondary-medium-fg: var( --bm-sem-color-text-info-secondary, #465967 );--bm-comp-badge-color-info-secondary-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-info-secondary-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-info-secondary-subtle-fg: var( --bm-sem-color-text-info-secondary, #465967 );--bm-comp-badge-color-info-secondary-subtle-border: var( --bm-sem-color-border-info-secondary, rgba(87, 103, 117, .4) );--bm-comp-badge-space-gap: var(--bm-sem-space-25, .25rem);--bm-comp-badge-space-x: var(--bm-utility-comp-badge-space-x, .75rem);--bm-comp-badge-size-icon: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-badge-size-sm-height: var(--bm-primitive-dimension-150, 1.5rem);--bm-comp-badge-size-md-height: var(--bm-primitive-dimension-175, 1.75rem);--bm-comp-badge-radius: var(--bm-utility-comp-badge-radius, 624.938rem);--bm-comp-badge-border-width: var(--bm-sem-border-width-action, .063rem);--bm-comp-badge-typo-sm: var( --bm-sem-typo-label-xs, 600 .75rem/1.25rem "Source Sans Pro" );--bm-comp-badge-typo-md: var( --bm-sem-typo-label-sm, 600 .875rem/1.25rem "Source Sans Pro" );--bm-comp-badge-shadow: var(--bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0));--bm-comp-badge-dot-color-positive-bg: var( --bm-sem-color-icon-positive, #24a148 );--bm-comp-badge-dot-color-positive-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-dot-color-positive-text: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-badge-dot-color-warning-bg: var( --bm-sem-color-icon-warning, #eb6200 );--bm-comp-badge-dot-color-warning-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-badge-dot-color-warning-text: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-badge-dot-color-negative-bg: var( --bm-sem-color-icon-negative, #ed464c );--bm-comp-badge-dot-color-negative-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-dot-color-negative-text: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-badge-dot-color-info-primary-bg: var( --bm-sem-color-icon-info-primary, #0095e0 );--bm-comp-badge-dot-color-info-primary-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-dot-color-info-primary-text: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-badge-dot-color-info-secondary-bg: var( --bm-sem-color-icon-info-secondary, #576775 );--bm-comp-badge-dot-color-info-secondary-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-dot-color-info-secondary-text: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-badge-dot-space-gap: var(--bm-sem-space-50, .5rem);--bm-comp-badge-dot-size: .625rem;--bm-comp-badge-dot-radius: var(--bm-sem-radius-round, 624.938rem);--bm-comp-badge-dot-border-width: var(--bm-sem-border-width-md, .063rem);--bm-comp-badge-dot-typo-subtle: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-badge-dot-typo-strong: var( --bm-sem-typo-compact-label-md, 600 1rem/1.25rem "Source Sans Pro" )}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-badge-color-positive-strong-bg: var( --bm-sem-color-surface-positive-strong, #b3eb9e );--bm-comp-badge-color-positive-strong-fg: var( --bm-sem-color-text-primary-inverse, #141d24 );--bm-comp-badge-color-positive-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-positive-medium-bg: var( --bm-sem-color-surface-positive, #02310e );--bm-comp-badge-color-positive-medium-fg: var( --bm-sem-color-text-positive, #b3eb9e );--bm-comp-badge-color-positive-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-positive-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-positive-subtle-fg: var( --bm-sem-color-text-positive, #b3eb9e );--bm-comp-badge-color-positive-subtle-border: var( --bm-sem-color-border-positive, rgba(179, 235, 158, .4) );--bm-comp-badge-color-warning-strong-bg: var( --bm-sem-color-surface-warning-strong, #ffd4a8 );--bm-comp-badge-color-warning-strong-fg: var( --bm-sem-color-text-primary-inverse, #141d24 );--bm-comp-badge-color-warning-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-warning-medium-bg: var( --bm-sem-color-surface-warning, #3e1a00 );--bm-comp-badge-color-warning-medium-fg: var( --bm-sem-color-text-warning, #ffd4a8 );--bm-comp-badge-color-warning-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-warning-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-warning-subtle-fg: var( --bm-sem-color-text-warning, #ffd4a8 );--bm-comp-badge-color-warning-subtle-border: var( --bm-sem-color-border-warning, rgba(255, 212, 168, .4) );--bm-comp-badge-color-negative-strong-bg: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-badge-color-negative-strong-fg: var( --bm-sem-color-text-primary-inverse, #141d24 );--bm-comp-badge-color-negative-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-negative-medium-bg: var( --bm-sem-color-surface-negative, #520f11 );--bm-comp-badge-color-negative-medium-fg: var( --bm-sem-color-text-negative, #f67378 );--bm-comp-badge-color-negative-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-negative-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-negative-subtle-fg: var( --bm-sem-color-text-negative, #f67378 );--bm-comp-badge-color-negative-subtle-border: var( --bm-sem-color-border-negative, rgba(253, 203, 205, .4) );--bm-comp-badge-color-info-primary-strong-bg: var( --bm-sem-color-surface-info-primary-strong, #64cefb );--bm-comp-badge-color-info-primary-strong-fg: var( --bm-sem-color-text-primary-inverse, #141d24 );--bm-comp-badge-color-info-primary-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-info-primary-medium-bg: var( --bm-sem-color-surface-info-primary, #002f57 );--bm-comp-badge-color-info-primary-medium-fg: var( --bm-sem-color-text-info-primary, #9be1ff );--bm-comp-badge-color-info-primary-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-info-primary-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-info-primary-subtle-fg: var( --bm-sem-color-text-info-primary, #9be1ff );--bm-comp-badge-color-info-primary-subtle-border: var( --bm-sem-color-border-info-primary, rgba(155, 225, 255, .4) );--bm-comp-badge-color-info-secondary-strong-bg: var( --bm-sem-color-surface-info-secondary-strong, #d1dae0 );--bm-comp-badge-color-info-secondary-strong-fg: var( --bm-sem-color-text-primary-inverse, #141d24 );--bm-comp-badge-color-info-secondary-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-info-secondary-medium-bg: var( --bm-sem-color-surface-info-secondary, #202e39 );--bm-comp-badge-color-info-secondary-medium-fg: var( --bm-sem-color-text-info-secondary, #c3cdd5 );--bm-comp-badge-color-info-secondary-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-info-secondary-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-info-secondary-subtle-fg: var( --bm-sem-color-text-info-secondary, #c3cdd5 );--bm-comp-badge-color-info-secondary-subtle-border: var( --bm-sem-color-border-info-secondary, rgba(209, 218, 224, .4) );--bm-comp-badge-space-gap: var(--bm-sem-space-25, .25rem);--bm-comp-badge-space-x: var(--bm-utility-comp-badge-space-x, .75rem);--bm-comp-badge-size-icon: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-badge-size-sm-height: var(--bm-primitive-dimension-150, 1.5rem);--bm-comp-badge-size-md-height: var(--bm-primitive-dimension-175, 1.75rem);--bm-comp-badge-radius: var(--bm-utility-comp-badge-radius, 624.938rem);--bm-comp-badge-border-width: var(--bm-sem-border-width-action, .063rem);--bm-comp-badge-typo-sm: var( --bm-sem-typo-label-xs, 600 .75rem/1.25rem "Source Sans Pro" );--bm-comp-badge-typo-md: var( --bm-sem-typo-label-sm, 600 .875rem/1.25rem "Source Sans Pro" );--bm-comp-badge-shadow: var(--bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0));--bm-comp-badge-dot-color-positive-bg: var( --bm-sem-color-icon-positive, #71d963 );--bm-comp-badge-dot-color-positive-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-dot-color-positive-text: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-badge-dot-color-warning-bg: var( --bm-sem-color-icon-warning, #ffb17a );--bm-comp-badge-dot-color-warning-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-badge-dot-color-warning-text: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-badge-dot-color-negative-bg: var( --bm-sem-color-icon-negative, #ed464c );--bm-comp-badge-dot-color-negative-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-dot-color-negative-text: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-badge-dot-color-info-primary-bg: var( --bm-sem-color-icon-info-primary, #64cefb );--bm-comp-badge-dot-color-info-primary-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-dot-color-info-primary-text: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-badge-dot-color-info-secondary-bg: var( --bm-sem-color-icon-info-secondary, #9fafbc );--bm-comp-badge-dot-color-info-secondary-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-dot-color-info-secondary-text: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-badge-dot-space-gap: var(--bm-sem-space-50, .5rem);--bm-comp-badge-dot-size: .625rem;--bm-comp-badge-dot-radius: var(--bm-sem-radius-round, 624.938rem);--bm-comp-badge-dot-border-width: var(--bm-sem-border-width-md, .063rem);--bm-comp-badge-dot-typo-subtle: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-badge-dot-typo-strong: var( --bm-sem-typo-compact-label-md, 600 1rem/1.25rem "Source Sans Pro" )}.bm-badge{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--bm-comp-badge-radius);padding-left:var(--bm-comp-badge-space-x);padding-right:var(--bm-comp-badge-space-x);max-width:-moz-fit-content;width:fit-content;gap:var(--bm-comp-badge-space-gap);box-shadow:var(--bm-comp-badge-shadow)}.bm-badge__icon{width:var(--bm-comp-badge-size-icon);height:var(--bm-comp-badge-size-icon);transform:translateZ(0)}.bm-badge__label{text-wrap:nowrap}.bm-badge--sm{height:var(--bm-comp-badge-size-sm-height);font:var(--bm-comp-badge-typo-sm)}.bm-badge--md{height:var(--bm-comp-badge-size-md-height);font:var(--bm-comp-badge-typo-md)}.bm-badge--positive-strong{background-color:var(--bm-comp-badge-color-positive-strong-bg);color:var(--bm-comp-badge-color-positive-strong-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-positive-strong-border)}.bm-badge--positive-medium{background-color:var(--bm-comp-badge-color-positive-medium-bg);color:var(--bm-comp-badge-color-positive-medium-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-positive-medium-border)}.bm-badge--positive-subtle{background-color:var(--bm-comp-badge-color-positive-subtle-bg);color:var(--bm-comp-badge-color-positive-subtle-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-positive-subtle-border)}.bm-badge--warning-strong{background-color:var(--bm-comp-badge-color-warning-strong-bg);color:var(--bm-comp-badge-color-warning-strong-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-warning-strong-border)}.bm-badge--warning-medium{background-color:var(--bm-comp-badge-color-warning-medium-bg);color:var(--bm-comp-badge-color-warning-medium-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-warning-medium-border)}.bm-badge--warning-subtle{background-color:var(--bm-comp-badge-color-warning-subtle-bg);color:var(--bm-comp-badge-color-warning-subtle-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-warning-subtle-border)}.bm-badge--negative-strong{background-color:var(--bm-comp-badge-color-negative-strong-bg);color:var(--bm-comp-badge-color-negative-strong-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-negative-strong-border)}.bm-badge--negative-medium{background-color:var(--bm-comp-badge-color-negative-medium-bg);color:var(--bm-comp-badge-color-negative-medium-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-negative-medium-border)}.bm-badge--negative-subtle{background-color:var(--bm-comp-badge-color-negative-subtle-bg);color:var(--bm-comp-badge-color-negative-subtle-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-negative-subtle-border)}.bm-badge--infoPrimary-strong{background-color:var(--bm-comp-badge-color-info-primary-strong-bg);color:var(--bm-comp-badge-color-info-primary-strong-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-info-primary-strong-border)}.bm-badge--infoPrimary-medium{background-color:var(--bm-comp-badge-color-info-primary-medium-bg);color:var(--bm-comp-badge-color-info-primary-medium-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-info-primary-medium-border)}.bm-badge--infoPrimary-subtle{background-color:var(--bm-comp-badge-color-info-primary-subtle-bg);color:var(--bm-comp-badge-color-info-primary-subtle-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-info-primary-subtle-border)}.bm-badge--infoSecondary-strong{background-color:var(--bm-comp-badge-color-info-secondary-strong-bg);color:var(--bm-comp-badge-color-info-secondary-strong-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-info-secondary-strong-border)}.bm-badge--infoSecondary-medium{background-color:var(--bm-comp-badge-color-info-secondary-medium-bg);color:var(--bm-comp-badge-color-info-secondary-medium-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-info-secondary-medium-border)}.bm-badge--infoSecondary-subtle{background-color:var(--bm-comp-badge-color-info-secondary-subtle-bg);color:var(--bm-comp-badge-color-info-secondary-subtle-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-info-secondary-subtle-border)}';
|
|
43
|
+
`, B = M, E = ':root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-badge-color-positive-strong-bg: var( --bm-sem-color-surface-positive-strong, #187c36 );--bm-comp-badge-color-positive-strong-fg: var( --bm-sem-color-text-primary-inverse, #ffffff );--bm-comp-badge-color-positive-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-positive-medium-bg: var( --bm-sem-color-surface-positive, #daf7cf );--bm-comp-badge-color-positive-medium-fg: var( --bm-sem-color-text-positive, #187c36 );--bm-comp-badge-color-positive-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-positive-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-positive-subtle-fg: var( --bm-sem-color-text-positive, #187c36 );--bm-comp-badge-color-positive-subtle-border: var( --bm-sem-color-border-positive, rgba(24, 124, 54, .4) );--bm-comp-badge-color-warning-strong-bg: var( --bm-sem-color-surface-warning-strong, #ac4902 );--bm-comp-badge-color-warning-strong-fg: var( --bm-sem-color-text-primary-inverse, #ffffff );--bm-comp-badge-color-warning-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-warning-medium-bg: var( --bm-sem-color-surface-warning, #ffe4c9 );--bm-comp-badge-color-warning-medium-fg: var( --bm-sem-color-text-warning, #ac4902 );--bm-comp-badge-color-warning-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-warning-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-warning-subtle-fg: var( --bm-sem-color-text-warning, #ac4902 );--bm-comp-badge-color-warning-subtle-border: var( --bm-sem-color-border-warning, rgba(172, 73, 2, .4) );--bm-comp-badge-color-negative-strong-bg: var( --bm-sem-color-surface-negative-strong, #cc2429 );--bm-comp-badge-color-negative-strong-fg: var( --bm-sem-color-text-primary-inverse, #ffffff );--bm-comp-badge-color-negative-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-negative-medium-bg: var( --bm-sem-color-surface-negative, #fee6e7 );--bm-comp-badge-color-negative-medium-fg: var( --bm-sem-color-text-negative, #cc2429 );--bm-comp-badge-color-negative-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-negative-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-negative-subtle-fg: var( --bm-sem-color-text-negative, #cc2429 );--bm-comp-badge-color-negative-subtle-border: var( --bm-sem-color-border-negative, rgba(204, 36, 41, .4) );--bm-comp-badge-color-info-primary-strong-bg: var( --bm-sem-color-surface-info-primary-strong, #006ead );--bm-comp-badge-color-info-primary-strong-fg: var( --bm-sem-color-text-primary-inverse, #ffffff );--bm-comp-badge-color-info-primary-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-info-primary-medium-bg: var( --bm-sem-color-surface-info-primary, #ccf0ff );--bm-comp-badge-color-info-primary-medium-fg: var( --bm-sem-color-text-info-primary, #006ead );--bm-comp-badge-color-info-primary-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-info-primary-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-info-primary-subtle-fg: var( --bm-sem-color-text-info-primary, #006ead );--bm-comp-badge-color-info-primary-subtle-border: var( --bm-sem-color-border-info-primary, rgba(0, 110, 173, .4) );--bm-comp-badge-color-info-secondary-strong-bg: var( --bm-sem-color-surface-info-secondary-strong, #576775 );--bm-comp-badge-color-info-secondary-strong-fg: var( --bm-sem-color-text-primary-inverse, #ffffff );--bm-comp-badge-color-info-secondary-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-info-secondary-medium-bg: var( --bm-sem-color-surface-info-secondary, #dfe7ec );--bm-comp-badge-color-info-secondary-medium-fg: var( --bm-sem-color-text-info-secondary, #465967 );--bm-comp-badge-color-info-secondary-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-info-secondary-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-info-secondary-subtle-fg: var( --bm-sem-color-text-info-secondary, #465967 );--bm-comp-badge-color-info-secondary-subtle-border: var( --bm-sem-color-border-info-secondary, rgba(87, 103, 117, .4) );--bm-comp-badge-space-gap: var(--bm-sem-space-25, .25rem);--bm-comp-badge-space-x: var(--bm-alias-badge-space-x, .75rem);--bm-comp-badge-size-icon: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-badge-size-sm-height: var(--bm-primitive-dimension-150, 1.5rem);--bm-comp-badge-size-md-height: var(--bm-primitive-dimension-175, 1.75rem);--bm-comp-badge-radius: var(--bm-alias-badge-radius, 624.938rem);--bm-comp-badge-border-width: var(--bm-sem-border-width-action, .063rem);--bm-comp-badge-typo-sm: var( --bm-sem-typo-label-xs, 600 .75rem/1.25rem "Source Sans Pro" );--bm-comp-badge-typo-md: var( --bm-sem-typo-label-sm, 600 .875rem/1.25rem "Source Sans Pro" );--bm-comp-badge-shadow: var(--bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0));--bm-comp-badge-dot-color-positive-bg: var( --bm-sem-color-icon-positive, #24a148 );--bm-comp-badge-dot-color-positive-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-dot-color-positive-text: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-badge-dot-color-warning-bg: var( --bm-sem-color-icon-warning, #eb6200 );--bm-comp-badge-dot-color-warning-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-badge-dot-color-warning-text: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-badge-dot-color-negative-bg: var( --bm-sem-color-icon-negative, #ed464c );--bm-comp-badge-dot-color-negative-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-dot-color-negative-text: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-badge-dot-color-info-primary-bg: var( --bm-sem-color-icon-info-primary, #0095e0 );--bm-comp-badge-dot-color-info-primary-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-dot-color-info-primary-text: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-badge-dot-color-info-secondary-bg: var( --bm-sem-color-icon-info-secondary, #576775 );--bm-comp-badge-dot-color-info-secondary-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-dot-color-info-secondary-text: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-badge-dot-space-gap: var(--bm-sem-space-50, .5rem);--bm-comp-badge-dot-size: .625rem;--bm-comp-badge-dot-radius: var(--bm-sem-radius-round, 624.938rem);--bm-comp-badge-dot-border-width: var(--bm-sem-border-width-md, .063rem);--bm-comp-badge-dot-typo-subtle: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-badge-dot-typo-strong: var( --bm-sem-typo-compact-label-md, 600 1rem/1.25rem "Source Sans Pro" )}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-badge-color-positive-strong-bg: var( --bm-sem-color-surface-positive-strong, #b3eb9e );--bm-comp-badge-color-positive-strong-fg: var( --bm-sem-color-text-primary-inverse, #141d24 );--bm-comp-badge-color-positive-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-positive-medium-bg: var( --bm-sem-color-surface-positive, #02310e );--bm-comp-badge-color-positive-medium-fg: var( --bm-sem-color-text-positive, #b3eb9e );--bm-comp-badge-color-positive-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-positive-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-positive-subtle-fg: var( --bm-sem-color-text-positive, #b3eb9e );--bm-comp-badge-color-positive-subtle-border: var( --bm-sem-color-border-positive, rgba(179, 235, 158, .4) );--bm-comp-badge-color-warning-strong-bg: var( --bm-sem-color-surface-warning-strong, #ffd4a8 );--bm-comp-badge-color-warning-strong-fg: var( --bm-sem-color-text-primary-inverse, #141d24 );--bm-comp-badge-color-warning-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-warning-medium-bg: var( --bm-sem-color-surface-warning, #3e1a00 );--bm-comp-badge-color-warning-medium-fg: var( --bm-sem-color-text-warning, #ffd4a8 );--bm-comp-badge-color-warning-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-warning-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-warning-subtle-fg: var( --bm-sem-color-text-warning, #ffd4a8 );--bm-comp-badge-color-warning-subtle-border: var( --bm-sem-color-border-warning, rgba(255, 212, 168, .4) );--bm-comp-badge-color-negative-strong-bg: var( --bm-sem-color-surface-negative-strong, #f67378 );--bm-comp-badge-color-negative-strong-fg: var( --bm-sem-color-text-primary-inverse, #141d24 );--bm-comp-badge-color-negative-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-negative-medium-bg: var( --bm-sem-color-surface-negative, #520f11 );--bm-comp-badge-color-negative-medium-fg: var( --bm-sem-color-text-negative, #f67378 );--bm-comp-badge-color-negative-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-negative-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-negative-subtle-fg: var( --bm-sem-color-text-negative, #f67378 );--bm-comp-badge-color-negative-subtle-border: var( --bm-sem-color-border-negative, rgba(253, 203, 205, .4) );--bm-comp-badge-color-info-primary-strong-bg: var( --bm-sem-color-surface-info-primary-strong, #64cefb );--bm-comp-badge-color-info-primary-strong-fg: var( --bm-sem-color-text-primary-inverse, #141d24 );--bm-comp-badge-color-info-primary-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-info-primary-medium-bg: var( --bm-sem-color-surface-info-primary, #002f57 );--bm-comp-badge-color-info-primary-medium-fg: var( --bm-sem-color-text-info-primary, #9be1ff );--bm-comp-badge-color-info-primary-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-info-primary-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-info-primary-subtle-fg: var( --bm-sem-color-text-info-primary, #9be1ff );--bm-comp-badge-color-info-primary-subtle-border: var( --bm-sem-color-border-info-primary, rgba(155, 225, 255, .4) );--bm-comp-badge-color-info-secondary-strong-bg: var( --bm-sem-color-surface-info-secondary-strong, #d1dae0 );--bm-comp-badge-color-info-secondary-strong-fg: var( --bm-sem-color-text-primary-inverse, #141d24 );--bm-comp-badge-color-info-secondary-strong-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-info-secondary-medium-bg: var( --bm-sem-color-surface-info-secondary, #202e39 );--bm-comp-badge-color-info-secondary-medium-fg: var( --bm-sem-color-text-info-secondary, #c3cdd5 );--bm-comp-badge-color-info-secondary-medium-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-color-info-secondary-subtle-bg: var( --bm-primitive-color-transparent, #ffffff00 );--bm-comp-badge-color-info-secondary-subtle-fg: var( --bm-sem-color-text-info-secondary, #c3cdd5 );--bm-comp-badge-color-info-secondary-subtle-border: var( --bm-sem-color-border-info-secondary, rgba(209, 218, 224, .4) );--bm-comp-badge-space-gap: var(--bm-sem-space-25, .25rem);--bm-comp-badge-space-x: var(--bm-alias-badge-space-x, .75rem);--bm-comp-badge-size-icon: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-badge-size-sm-height: var(--bm-primitive-dimension-150, 1.5rem);--bm-comp-badge-size-md-height: var(--bm-primitive-dimension-175, 1.75rem);--bm-comp-badge-radius: var(--bm-alias-badge-radius, 624.938rem);--bm-comp-badge-border-width: var(--bm-sem-border-width-action, .063rem);--bm-comp-badge-typo-sm: var( --bm-sem-typo-label-xs, 600 .75rem/1.25rem "Source Sans Pro" );--bm-comp-badge-typo-md: var( --bm-sem-typo-label-sm, 600 .875rem/1.25rem "Source Sans Pro" );--bm-comp-badge-shadow: var(--bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0));--bm-comp-badge-dot-color-positive-bg: var( --bm-sem-color-icon-positive, #71d963 );--bm-comp-badge-dot-color-positive-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-dot-color-positive-text: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-badge-dot-color-warning-bg: var( --bm-sem-color-icon-warning, #ffb17a );--bm-comp-badge-dot-color-warning-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-badge-dot-color-warning-text: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-badge-dot-color-negative-bg: var( --bm-sem-color-icon-negative, #ed464c );--bm-comp-badge-dot-color-negative-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-dot-color-negative-text: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-badge-dot-color-info-primary-bg: var( --bm-sem-color-icon-info-primary, #64cefb );--bm-comp-badge-dot-color-info-primary-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-dot-color-info-primary-text: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-badge-dot-color-info-secondary-bg: var( --bm-sem-color-icon-info-secondary, #9fafbc );--bm-comp-badge-dot-color-info-secondary-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-badge-dot-color-info-secondary-text: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-badge-dot-space-gap: var(--bm-sem-space-50, .5rem);--bm-comp-badge-dot-size: .625rem;--bm-comp-badge-dot-radius: var(--bm-sem-radius-round, 624.938rem);--bm-comp-badge-dot-border-width: var(--bm-sem-border-width-md, .063rem);--bm-comp-badge-dot-typo-subtle: var( --bm-sem-typo-compact-body-md, 400 1rem/1.25rem "Source Sans Pro" );--bm-comp-badge-dot-typo-strong: var( --bm-sem-typo-compact-label-md, 600 1rem/1.25rem "Source Sans Pro" )}.bm-badge{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--bm-comp-badge-radius);padding-left:var(--bm-comp-badge-space-x);padding-right:var(--bm-comp-badge-space-x);max-width:-moz-fit-content;width:fit-content;gap:var(--bm-comp-badge-space-gap);box-shadow:var(--bm-comp-badge-shadow)}.bm-badge__icon{width:var(--bm-comp-badge-size-icon);height:var(--bm-comp-badge-size-icon);transform:translateZ(0)}.bm-badge__label{text-wrap:nowrap}.bm-badge--sm{height:var(--bm-comp-badge-size-sm-height);font:var(--bm-comp-badge-typo-sm)}.bm-badge--md{height:var(--bm-comp-badge-size-md-height);font:var(--bm-comp-badge-typo-md)}.bm-badge--positive-strong{background-color:var(--bm-comp-badge-color-positive-strong-bg);color:var(--bm-comp-badge-color-positive-strong-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-positive-strong-border)}.bm-badge--positive-medium{background-color:var(--bm-comp-badge-color-positive-medium-bg);color:var(--bm-comp-badge-color-positive-medium-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-positive-medium-border)}.bm-badge--positive-subtle{background-color:var(--bm-comp-badge-color-positive-subtle-bg);color:var(--bm-comp-badge-color-positive-subtle-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-positive-subtle-border)}.bm-badge--warning-strong{background-color:var(--bm-comp-badge-color-warning-strong-bg);color:var(--bm-comp-badge-color-warning-strong-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-warning-strong-border)}.bm-badge--warning-medium{background-color:var(--bm-comp-badge-color-warning-medium-bg);color:var(--bm-comp-badge-color-warning-medium-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-warning-medium-border)}.bm-badge--warning-subtle{background-color:var(--bm-comp-badge-color-warning-subtle-bg);color:var(--bm-comp-badge-color-warning-subtle-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-warning-subtle-border)}.bm-badge--negative-strong{background-color:var(--bm-comp-badge-color-negative-strong-bg);color:var(--bm-comp-badge-color-negative-strong-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-negative-strong-border)}.bm-badge--negative-medium{background-color:var(--bm-comp-badge-color-negative-medium-bg);color:var(--bm-comp-badge-color-negative-medium-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-negative-medium-border)}.bm-badge--negative-subtle{background-color:var(--bm-comp-badge-color-negative-subtle-bg);color:var(--bm-comp-badge-color-negative-subtle-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-negative-subtle-border)}.bm-badge--infoPrimary-strong{background-color:var(--bm-comp-badge-color-info-primary-strong-bg);color:var(--bm-comp-badge-color-info-primary-strong-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-info-primary-strong-border)}.bm-badge--infoPrimary-medium{background-color:var(--bm-comp-badge-color-info-primary-medium-bg);color:var(--bm-comp-badge-color-info-primary-medium-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-info-primary-medium-border)}.bm-badge--infoPrimary-subtle{background-color:var(--bm-comp-badge-color-info-primary-subtle-bg);color:var(--bm-comp-badge-color-info-primary-subtle-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-info-primary-subtle-border)}.bm-badge--infoSecondary-strong{background-color:var(--bm-comp-badge-color-info-secondary-strong-bg);color:var(--bm-comp-badge-color-info-secondary-strong-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-info-secondary-strong-border)}.bm-badge--infoSecondary-medium{background-color:var(--bm-comp-badge-color-info-secondary-medium-bg);color:var(--bm-comp-badge-color-info-secondary-medium-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-info-secondary-medium-border)}.bm-badge--infoSecondary-subtle{background-color:var(--bm-comp-badge-color-info-secondary-subtle-bg);color:var(--bm-comp-badge-color-info-secondary-subtle-fg);border:var(--bm-comp-badge-border-width) solid var(--bm-comp-badge-color-info-secondary-subtle-border)}';
|
|
44
44
|
var O = Object.defineProperty, V = Object.getOwnPropertyDescriptor, C = (o) => {
|
|
45
45
|
throw TypeError(o);
|
|
46
46
|
}, b = (o, r, e, i) => {
|
package/Button/Button.js
CHANGED
|
@@ -14,16 +14,16 @@ const W = "button", { classModifierPrefix: v, subElementClassPrefix: _ } = x(W),
|
|
|
14
14
|
iconWrap: `${_}icon-wrap`,
|
|
15
15
|
fluid: `${v}fluid`,
|
|
16
16
|
iconOnly: `${v}icon-only`
|
|
17
|
-
}, E = (e, o) => `${v}${o}-${e}`, I = ':root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-spinner-color-heading: var(--bm-sem-color-text-primary, #141d24);--bm-comp-spinner-color-body: var(--bm-sem-color-text-primary, #141d24);--bm-comp-spinner-color-track: var( --bm-sem-color-surface-highlight, rgba(159, 175, 188, .16) );--bm-comp-spinner-color-indicator: var( --bm-utility-color-accent-default, #00768f );--bm-comp-spinner-color-indicator-neutral: var( --bm-sem-color-border-strong, #8697a5 );--bm-comp-spinner-space-xs-gap: var(--bm-sem-space-50, .5rem);--bm-comp-spinner-space-sm-gap: var(--bm-sem-space-100, 1rem);--bm-comp-spinner-space-md-gap: var(--bm-sem-space-150, 1.5rem);--bm-comp-spinner-space-lg-gap: var(--bm-sem-space-150, 1.5rem);--bm-comp-spinner-space-content-gap: var(--bm-sem-space-50, .5rem);--bm-comp-spinner-space-nudge-y: var(--bm-sem-space-12, .125rem);--bm-comp-spinner-size-xxs-track: var(--bm-primitive-dimension-100, 1rem);--bm-comp-spinner-size-xxs-border-width: var( --bm-primitive-dimension-12, .125rem );--bm-comp-spinner-size-xs-track: var(--bm-primitive-dimension-125, 1.25rem);--bm-comp-spinner-size-xs-border-width: var( --bm-primitive-dimension-12, .125rem );--bm-comp-spinner-size-sm-track: var(--bm-primitive-dimension-250, 2.5rem);--bm-comp-spinner-size-sm-border-width: var( --bm-primitive-dimension-25, .25rem );--bm-comp-spinner-size-md-track: var(--bm-primitive-dimension-400, 4rem);--bm-comp-spinner-size-md-border-width: var( --bm-primitive-dimension-37, .375rem );--bm-comp-spinner-size-lg-track: var(--bm-primitive-dimension-550, 5.5rem);--bm-comp-spinner-size-lg-border-width: var( --bm-primitive-dimension-50, .5rem );--bm-comp-spinner-size-width: 27.5rem;--bm-comp-spinner-typo-heading: var( --bm-sem-typo-label-md, 600 1rem/1.5rem "Source Sans Pro" );--bm-comp-spinner-typo-body: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" )}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-spinner-color-heading: var(--bm-sem-color-text-primary, #ffffff);--bm-comp-spinner-color-body: var(--bm-sem-color-text-primary, #ffffff);--bm-comp-spinner-color-track: var( --bm-sem-color-surface-highlight, rgba(134, 151, 165, .16) );--bm-comp-spinner-color-indicator: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-spinner-color-indicator-neutral: var( --bm-sem-color-border-strong, #9fafbc );--bm-comp-spinner-space-xs-gap: var(--bm-sem-space-50, .5rem);--bm-comp-spinner-space-sm-gap: var(--bm-sem-space-100, 1rem);--bm-comp-spinner-space-md-gap: var(--bm-sem-space-150, 1.5rem);--bm-comp-spinner-space-lg-gap: var(--bm-sem-space-150, 1.5rem);--bm-comp-spinner-space-content-gap: var(--bm-sem-space-50, .5rem);--bm-comp-spinner-space-nudge-y: var(--bm-sem-space-12, .125rem);--bm-comp-spinner-size-xxs-track: var(--bm-primitive-dimension-100, 1rem);--bm-comp-spinner-size-xxs-border-width: var( --bm-primitive-dimension-12, .125rem );--bm-comp-spinner-size-xs-track: var(--bm-primitive-dimension-125, 1.25rem);--bm-comp-spinner-size-xs-border-width: var( --bm-primitive-dimension-12, .125rem );--bm-comp-spinner-size-sm-track: var(--bm-primitive-dimension-250, 2.5rem);--bm-comp-spinner-size-sm-border-width: var( --bm-primitive-dimension-25, .25rem );--bm-comp-spinner-size-md-track: var(--bm-primitive-dimension-400, 4rem);--bm-comp-spinner-size-md-border-width: var( --bm-primitive-dimension-37, .375rem );--bm-comp-spinner-size-lg-track: var(--bm-primitive-dimension-550, 5.5rem);--bm-comp-spinner-size-lg-border-width: var( --bm-primitive-dimension-50, .5rem );--bm-comp-spinner-size-width: 27.5rem;--bm-comp-spinner-typo-heading: var( --bm-sem-typo-label-md, 600 1rem/1.5rem "Source Sans Pro" );--bm-comp-spinner-typo-body: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" )}:root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-btn-color-accent-filled-bg: var( --bm-sem-color-action-primary, #00768f );--bm-comp-btn-color-accent-filled-fg: var( --bm-sem-color-action-onPrimary, #ffffff );--bm-comp-btn-color-accent-filled-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-outline-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-outline-fg: var( --bm-utility-color-accent-default, #00768f );--bm-comp-btn-color-accent-outline-border: var( --bm-utility-color-accent-default, #00768f );--bm-comp-btn-color-accent-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-ghost-fg: var( --bm-utility-color-accent-default, #00768f );--bm-comp-btn-color-accent-ghost-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-bare-fg: var( --bm-utility-color-accent-default, #00768f );--bm-comp-btn-color-accent-bare-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-filled-bg: var( --bm-sem-color-surface-inverse, #202e39 );--bm-comp-btn-color-neutral-filled-fg: var( --bm-sem-color-text-primary-inverse, #ffffff );--bm-comp-btn-color-neutral-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-outline-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-outline-fg: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-btn-color-neutral-outline-border: var( --bm-sem-color-border-inverse, #465967 );--bm-comp-btn-color-neutral-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-ghost-fg: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-btn-color-neutral-ghost-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-bare-fg: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-btn-color-neutral-bare-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-subtle-filled-bg: var( --bm-sem-color-action-neutral-subtle, rgba(159, 175, 188, .16) );--bm-comp-btn-color-neutral-subtle-filled-fg: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-btn-color-neutral-subtle-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-outline-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-outline-fg: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-btn-color-neutral-subtle-outline-border: var( --bm-sem-color-border-info-secondary, rgba(87, 103, 117, .4) );--bm-comp-btn-color-neutral-subtle-ghost-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-ghost-fg: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-btn-color-neutral-subtle-ghost-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-bare-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-bare-fg: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-btn-color-neutral-subtle-bare-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-filled-bg: var( --bm-sem-color-action-destructive, #cc2429 );--bm-comp-btn-color-destructive-filled-fg: var( --bm-sem-color-static-white, #ffffff );--bm-comp-btn-color-destructive-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-outline-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-outline-fg: var( --bm-sem-color-text-negative, #cc2429 );--bm-comp-btn-color-destructive-outline-border: var( --bm-sem-color-border-negative-strong, #cc2429 );--bm-comp-btn-color-destructive-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-destructive-ghost-fg: var( --bm-sem-color-text-negative, #cc2429 );--bm-comp-btn-color-destructive-ghost-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-destructive-bare-fg: var( --bm-sem-color-text-negative, #cc2429 );--bm-comp-btn-color-destructive-bare-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-loading-filled-bg: var( --bm-sem-color-action-neutral-subtle, rgba(159, 175, 188, .16) );--bm-comp-btn-color-loading-filled-fg: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-btn-color-loading-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-loading-outline-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-outline-fg: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-btn-color-loading-outline-border: var( --bm-sem-color-border-strong, #8697a5 );--bm-comp-btn-color-loading-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-ghost-fg: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-btn-color-loading-ghost-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-bare-fg: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-btn-color-loading-bare-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-border-width: var(--bm-sem-border-width-action, .063rem);--bm-comp-btn-size-sm-width: var(--bm-sem-size-height-sm, 2rem);--bm-comp-btn-size-sm-height: var(--bm-sem-size-height-sm, 2rem);--bm-comp-btn-size-sm-icon: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-btn-size-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-btn-size-md-width: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-btn-size-md-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-btn-size-lg-height: var(--bm-sem-size-height-lg, 3rem);--bm-comp-btn-size-lg-width: var(--bm-sem-size-height-lg, 3rem);--bm-comp-btn-size-lg-icon: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-btn-space-gap: var(--bm-sem-space-25, .25rem);--bm-comp-btn-space-label-x: var(--bm-sem-space-25, .25rem);--bm-comp-btn-space-sm-x: var(--bm-utility-comp-btn-space-sm-x, .5rem);--bm-comp-btn-space-sm-y: var(--bm-sem-space-25, .25rem);--bm-comp-btn-space-md-x: var(--bm-utility-comp-btn-space-md-x, .75rem);--bm-comp-btn-space-md-y: var(--bm-sem-space-50, .5rem);--bm-comp-btn-space-lg-x: var(--bm-utility-comp-btn-space-lg-x, 1rem);--bm-comp-btn-space-lg-y: var(--bm-sem-space-50, .5rem);--bm-comp-btn-space-bare-x: var(--bm-sem-space-0, 0);--bm-comp-btn-space-bare-y: var(--bm-sem-space-0, 0);--bm-comp-btn-space-bare-gap: var(--bm-sem-space-50, .5rem);--bm-comp-btn-space-bare-label-x: var(--bm-sem-space-0, 0);--bm-comp-btn-radius-container: var( --bm-utility-comp-btn-radius-container, .25rem );--bm-comp-btn-radius-focus: var(--bm-utility-comp-btn-radius-focus, .5rem);--bm-comp-btn-typo-sm: var( --bm-sem-typo-compact-label-sm, 600 .875rem/1rem "Source Sans Pro" );--bm-comp-btn-typo-md: var( --bm-sem-typo-compact-label-md, 600 1rem/1.25rem "Source Sans Pro" );--bm-comp-btn-typo-lg: var( --bm-sem-typo-compact-label-lg, 600 1.125rem/1.25rem "Source Sans Pro" );--bm-comp-btn-shadow: var(--bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0));--bm-comp-btn-opacity-spinner-track: var(--bm-primitive-opacity-20, .2)}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-btn-color-accent-filled-bg: var( --bm-sem-color-action-primary, #43bfd6 );--bm-comp-btn-color-accent-filled-fg: var( --bm-sem-color-action-onPrimary, #141d24 );--bm-comp-btn-color-accent-filled-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-outline-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-outline-fg: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-btn-color-accent-outline-border: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-btn-color-accent-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-ghost-fg: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-btn-color-accent-ghost-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-bare-fg: var( --bm-utility-color-accent-default, #43bfd6 );--bm-comp-btn-color-accent-bare-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-filled-bg: var( --bm-sem-color-surface-inverse, #ffffff );--bm-comp-btn-color-neutral-filled-fg: var( --bm-sem-color-text-primary-inverse, #141d24 );--bm-comp-btn-color-neutral-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-outline-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-outline-fg: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-btn-color-neutral-outline-border: var( --bm-sem-color-border-inverse, #dfe7ec );--bm-comp-btn-color-neutral-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-ghost-fg: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-btn-color-neutral-ghost-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-bare-fg: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-btn-color-neutral-bare-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-subtle-filled-bg: var( --bm-sem-color-action-neutral-subtle, rgba(134, 151, 165, .16) );--bm-comp-btn-color-neutral-subtle-filled-fg: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-btn-color-neutral-subtle-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-outline-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-outline-fg: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-btn-color-neutral-subtle-outline-border: var( --bm-sem-color-border-info-secondary, rgba(209, 218, 224, .4) );--bm-comp-btn-color-neutral-subtle-ghost-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-ghost-fg: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-btn-color-neutral-subtle-ghost-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-bare-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-bare-fg: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-btn-color-neutral-subtle-bare-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-filled-bg: var( --bm-sem-color-action-destructive, #cc2429 );--bm-comp-btn-color-destructive-filled-fg: var( --bm-sem-color-static-white, #ffffff );--bm-comp-btn-color-destructive-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-outline-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-outline-fg: var( --bm-sem-color-text-negative, #f67378 );--bm-comp-btn-color-destructive-outline-border: var( --bm-sem-color-border-negative-strong, #f67378 );--bm-comp-btn-color-destructive-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-destructive-ghost-fg: var( --bm-sem-color-text-negative, #f67378 );--bm-comp-btn-color-destructive-ghost-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-destructive-bare-fg: var( --bm-sem-color-text-negative, #f67378 );--bm-comp-btn-color-destructive-bare-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-loading-filled-bg: var( --bm-sem-color-action-neutral-subtle, rgba(134, 151, 165, .16) );--bm-comp-btn-color-loading-filled-fg: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-btn-color-loading-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-loading-outline-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-outline-fg: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-btn-color-loading-outline-border: var( --bm-sem-color-border-strong, #9fafbc );--bm-comp-btn-color-loading-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-ghost-fg: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-btn-color-loading-ghost-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-bare-fg: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-btn-color-loading-bare-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-border-width: var(--bm-sem-border-width-action, .063rem);--bm-comp-btn-size-sm-width: var(--bm-sem-size-height-sm, 2rem);--bm-comp-btn-size-sm-height: var(--bm-sem-size-height-sm, 2rem);--bm-comp-btn-size-sm-icon: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-btn-size-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-btn-size-md-width: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-btn-size-md-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-btn-size-lg-height: var(--bm-sem-size-height-lg, 3rem);--bm-comp-btn-size-lg-width: var(--bm-sem-size-height-lg, 3rem);--bm-comp-btn-size-lg-icon: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-btn-space-gap: var(--bm-sem-space-25, .25rem);--bm-comp-btn-space-label-x: var(--bm-sem-space-25, .25rem);--bm-comp-btn-space-sm-x: var(--bm-utility-comp-btn-space-sm-x, .5rem);--bm-comp-btn-space-sm-y: var(--bm-sem-space-25, .25rem);--bm-comp-btn-space-md-x: var(--bm-utility-comp-btn-space-md-x, .75rem);--bm-comp-btn-space-md-y: var(--bm-sem-space-50, .5rem);--bm-comp-btn-space-lg-x: var(--bm-utility-comp-btn-space-lg-x, 1rem);--bm-comp-btn-space-lg-y: var(--bm-sem-space-50, .5rem);--bm-comp-btn-space-bare-x: var(--bm-sem-space-0, 0);--bm-comp-btn-space-bare-y: var(--bm-sem-space-0, 0);--bm-comp-btn-space-bare-gap: var(--bm-sem-space-50, .5rem);--bm-comp-btn-space-bare-label-x: var(--bm-sem-space-0, 0);--bm-comp-btn-radius-container: var( --bm-utility-comp-btn-radius-container, .25rem );--bm-comp-btn-radius-focus: var(--bm-utility-comp-btn-radius-focus, .5rem);--bm-comp-btn-typo-sm: var( --bm-sem-typo-compact-label-sm, 600 .875rem/1rem "Source Sans Pro" );--bm-comp-btn-typo-md: var( --bm-sem-typo-compact-label-md, 600 1rem/1.25rem "Source Sans Pro" );--bm-comp-btn-typo-lg: var( --bm-sem-typo-compact-label-lg, 600 1.125rem/1.25rem "Source Sans Pro" );--bm-comp-btn-shadow: var(--bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0));--bm-comp-btn-opacity-spinner-track: var(--bm-primitive-opacity-20, .2)}.bm-button__icon-wrap svg,.bm-button ::slotted([slot=iconBefore]),.bm-button ::slotted([slot=iconAfter]){display:block;width:var(--bm--comp-btn-size-icon);height:var(--bm--comp-btn-size-icon)}.bm-button{cursor:pointer;position:relative;display:inline-flex;flex-direction:row;width:fit-content;padding:var(--bm--comp-btn-space-padding-y) var(--bm--comp-btn-space-padding-x);justify-content:center;align-items:center;gap:var(--bm-comp-btn-space-gap);border:none;border-radius:var(--bm-comp-btn-radius-container);max-width:100%;font:var(--bm-comp-btn-typo-md);min-width:var(--bm-comp-btn-size-md-width);min-height:var(--bm-comp-btn-size-md-height);--bm--comp-btn-space-padding-y: var(--bm-comp-btn-space-md-y);--bm--comp-btn-space-padding-x: var(--bm-comp-btn-space-md-x);--bm--comp-btn-size-icon: var(--bm-comp-btn-size-md-icon)}.bm-button--sm{font:var(--bm-comp-btn-typo-sm);min-width:var(--bm-comp-btn-size-sm-width);min-height:var(--bm-comp-btn-size-sm-height);--bm--comp-btn-space-padding-y: var(--bm-comp-btn-space-sm-y);--bm--comp-btn-space-padding-x: var(--bm-comp-btn-space-sm-x);--bm--comp-btn-size-icon: var(--bm-comp-btn-size-sm-icon)}.bm-button--md{font:var(--bm-comp-btn-typo-md);min-width:var(--bm-comp-btn-size-md-width);min-height:var(--bm-comp-btn-size-md-height);--bm--comp-btn-space-padding-y: var(--bm-comp-btn-space-md-y);--bm--comp-btn-space-padding-x: var(--bm-comp-btn-space-md-x);--bm--comp-btn-size-icon: var(--bm-comp-btn-size-md-icon)}.bm-button--lg{font:var(--bm-comp-btn-typo-lg);min-width:var(--bm-comp-btn-size-lg-width);min-height:var(--bm-comp-btn-size-lg-height);--bm--comp-btn-space-padding-y: var(--bm-comp-btn-space-lg-y);--bm--comp-btn-space-padding-x: var(--bm-comp-btn-space-lg-x);--bm--comp-btn-size-icon: var(--bm-comp-btn-size-lg-icon)}.bm-button--icon-only{padding:unset}.bm-button__label{z-index:1;position:relative;padding:0 var(--bm-comp-btn-space-label-x);text-align:start}.bm-button{background:var(--bm-comp-btn-color-accent-filled-bg);color:var(--bm-comp-btn-color-accent-filled-fg);border-color:var(--bm-comp-btn-color-accent-filled-border)}.bm-button--accent-filled{background:var(--bm-comp-btn-color-accent-filled-bg);color:var(--bm-comp-btn-color-accent-filled-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-accent-filled-border)}.bm-button--accent-filled .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-accent-filled-fg)}.bm-button--accent-filled .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-accent-filled-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--accent-filled:hover>.bm-state-layer:not(.bm-state-layer--without-hover){--bm-state-layer-background: var(--bm-sem-color-state-layer-hover-strong)}.bm-button--accent-filled:active>.bm-state-layer:not(.bm-state-layer--without-active){--bm-state-layer-background: var(--bm-sem-color-state-layer-active-strong)}.bm-button--accent-outline{background:var(--bm-comp-btn-color-accent-outline-bg);color:var(--bm-comp-btn-color-accent-outline-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-accent-outline-border)}.bm-button--accent-outline .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-accent-outline-fg)}.bm-button--accent-outline .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-accent-outline-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--accent-ghost{background:var(--bm-comp-btn-color-accent-ghost-bg);color:var(--bm-comp-btn-color-accent-ghost-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-accent-ghost-border)}.bm-button--accent-ghost .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-accent-ghost-fg)}.bm-button--accent-ghost .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-accent-ghost-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--accent-bare{background:var(--bm-comp-btn-color-accent-bare-bg);color:var(--bm-comp-btn-color-accent-bare-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-accent-bare-border);min-height:unset!important;min-width:unset!important;padding:var(--bm-comp-btn-space-bare-y) var(--bm-comp-btn-space-bare-x);border-radius:var(--bm-sem-radius-sm);gap:var(--bm-comp-btn-space-bare-gap);display:flex;align-items:center;justify-content:center}.bm-button--accent-bare .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-accent-bare-fg)}.bm-button--accent-bare .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-accent-bare-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--accent-bare .bm-button__label{padding:0 var(--bm-comp-btn-space-bare-label-x)}.bm-button--accent-bare .bm-state-layer{--bm-state-layer-top: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-right: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-bottom: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-left: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-outline-offset: 0 !important}.bm-button--neutral-filled{background:var(--bm-comp-btn-color-neutral-filled-bg);color:var(--bm-comp-btn-color-neutral-filled-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-neutral-filled-border)}.bm-button--neutral-filled .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-neutral-filled-fg)}.bm-button--neutral-filled .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-neutral-filled-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--neutral-filled:hover>.bm-state-layer:not(.bm-state-layer--without-hover){--bm-state-layer-background: var(--bm-sem-color-state-layer-hover-inverse)}.bm-button--neutral-filled:active>.bm-state-layer:not(.bm-state-layer--without-active){--bm-state-layer-background: var(--bm-sem-color-state-layer-active-inverse)}.bm-button--neutral-outline{background:var(--bm-comp-btn-color-neutral-outline-bg);color:var(--bm-comp-btn-color-neutral-outline-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-neutral-outline-border)}.bm-button--neutral-outline .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-neutral-outline-fg)}.bm-button--neutral-outline .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-neutral-outline-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--neutral-ghost{background:var(--bm-comp-btn-color-neutral-ghost-bg);color:var(--bm-comp-btn-color-neutral-ghost-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-neutral-ghost-border)}.bm-button--neutral-ghost .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-neutral-ghost-fg)}.bm-button--neutral-ghost .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-neutral-ghost-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--neutral-bare{background:var(--bm-comp-btn-color-neutral-bare-bg);color:var(--bm-comp-btn-color-neutral-bare-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-neutral-bare-border);min-height:unset!important;min-width:unset!important;padding:var(--bm-comp-btn-space-bare-y) var(--bm-comp-btn-space-bare-x);border-radius:var(--bm-sem-radius-sm);gap:var(--bm-comp-btn-space-bare-gap);display:flex;align-items:center;justify-content:center}.bm-button--neutral-bare .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-neutral-bare-fg)}.bm-button--neutral-bare .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-neutral-bare-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--neutral-bare .bm-button__label{padding:0 var(--bm-comp-btn-space-bare-label-x)}.bm-button--neutral-bare .bm-state-layer{--bm-state-layer-top: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-right: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-bottom: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-left: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-outline-offset: 0 !important}.bm-button--neutral-subtle-filled{background:var(--bm-comp-btn-color-neutral-subtle-filled-bg);color:var(--bm-comp-btn-color-neutral-subtle-filled-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-neutral-subtle-filled-border)}.bm-button--neutral-subtle-filled .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-neutral-subtle-filled-fg)}.bm-button--neutral-subtle-filled .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-neutral-subtle-filled-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--neutral-subtle-outline{background:var(--bm-comp-btn-color-neutral-subtle-outline-bg);color:var(--bm-comp-btn-color-neutral-subtle-outline-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-neutral-subtle-outline-border)}.bm-button--neutral-subtle-outline .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-neutral-subtle-outline-fg)}.bm-button--neutral-subtle-outline .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-neutral-subtle-outline-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--neutral-subtle-ghost{background:var(--bm-comp-btn-color-neutral-subtle-ghost-bg);color:var(--bm-comp-btn-color-neutral-subtle-ghost-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-neutral-subtle-ghost-border)}.bm-button--neutral-subtle-ghost .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-neutral-subtle-ghost-fg)}.bm-button--neutral-subtle-ghost .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-neutral-subtle-ghost-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--neutral-subtle-bare{background:var(--bm-comp-btn-color-neutral-subtle-bare-bg);color:var(--bm-comp-btn-color-neutral-subtle-bare-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-neutral-subtle-bare-border);min-height:unset!important;min-width:unset!important;padding:var(--bm-comp-btn-space-bare-y) var(--bm-comp-btn-space-bare-x);border-radius:var(--bm-sem-radius-sm);gap:var(--bm-comp-btn-space-bare-gap);display:flex;align-items:center;justify-content:center}.bm-button--neutral-subtle-bare .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-neutral-subtle-bare-fg)}.bm-button--neutral-subtle-bare .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-neutral-subtle-bare-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--neutral-subtle-bare .bm-button__label{padding:0 var(--bm-comp-btn-space-bare-label-x)}.bm-button--neutral-subtle-bare .bm-state-layer{--bm-state-layer-top: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-right: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-bottom: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-left: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-outline-offset: 0 !important}.bm-button--destructive-filled{background:var(--bm-comp-btn-color-destructive-filled-bg);color:var(--bm-comp-btn-color-destructive-filled-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-destructive-filled-border)}.bm-button--destructive-filled .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-destructive-filled-fg)}.bm-button--destructive-filled .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-destructive-filled-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--destructive-filled:hover>.bm-state-layer:not(.bm-state-layer--without-hover){--bm-state-layer-background: var(--bm-sem-color-state-layer-hover-strong)}.bm-button--destructive-filled:active>.bm-state-layer:not(.bm-state-layer--without-active){--bm-state-layer-background: var(--bm-sem-color-state-layer-active-strong)}.bm-button--destructive-outline{background:var(--bm-comp-btn-color-destructive-outline-bg);color:var(--bm-comp-btn-color-destructive-outline-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-destructive-outline-border)}.bm-button--destructive-outline .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-destructive-outline-fg)}.bm-button--destructive-outline .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-destructive-outline-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--destructive-ghost{background:var(--bm-comp-btn-color-destructive-ghost-bg);color:var(--bm-comp-btn-color-destructive-ghost-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-destructive-ghost-border)}.bm-button--destructive-ghost .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-destructive-ghost-fg)}.bm-button--destructive-ghost .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-destructive-ghost-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--destructive-bare{background:var(--bm-comp-btn-color-destructive-bare-bg);color:var(--bm-comp-btn-color-destructive-bare-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-destructive-bare-border);min-height:unset!important;min-width:unset!important;padding:var(--bm-comp-btn-space-bare-y) var(--bm-comp-btn-space-bare-x);border-radius:var(--bm-sem-radius-sm);gap:var(--bm-comp-btn-space-bare-gap);display:flex;align-items:center;justify-content:center}.bm-button--destructive-bare .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-destructive-bare-fg)}.bm-button--destructive-bare .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-destructive-bare-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--destructive-bare .bm-button__label{padding:0 var(--bm-comp-btn-space-bare-label-x)}.bm-button--destructive-bare .bm-state-layer{--bm-state-layer-top: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-right: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-bottom: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-left: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-outline-offset: 0 !important}.bm-button[class*=filled]{box-shadow:var(--bm-comp-btn-shadow)}.bm-button:disabled{cursor:not-allowed;opacity:var(--bm-sem-opacity-disabled)}.bm-button--loading{cursor:not-allowed}.bm-button--loading .bm-spinner-wrap{margin:unset}.bm-button--fluid{width:100%}';
|
|
17
|
+
}, E = (e, o) => `${v}${o}-${e}`, I = ':root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-spinner-color-heading: var(--bm-sem-color-text-primary, #141d24);--bm-comp-spinner-color-body: var(--bm-sem-color-text-primary, #141d24);--bm-comp-spinner-color-track: var( --bm-sem-color-surface-highlight, rgba(159, 175, 188, .16) );--bm-comp-spinner-color-indicator: var( --bm-alias-color-brand-primary-default, #00768f );--bm-comp-spinner-color-indicator-neutral: var( --bm-sem-color-border-strong, #8697a5 );--bm-comp-spinner-space-xs-gap: var(--bm-sem-space-50, .5rem);--bm-comp-spinner-space-sm-gap: var(--bm-sem-space-100, 1rem);--bm-comp-spinner-space-md-gap: var(--bm-sem-space-150, 1.5rem);--bm-comp-spinner-space-lg-gap: var(--bm-sem-space-150, 1.5rem);--bm-comp-spinner-space-content-gap: var(--bm-sem-space-50, .5rem);--bm-comp-spinner-space-nudge-y: var(--bm-sem-space-12, .125rem);--bm-comp-spinner-size-xxs-track: var(--bm-primitive-dimension-100, 1rem);--bm-comp-spinner-size-xxs-border-width: var( --bm-primitive-dimension-12, .125rem );--bm-comp-spinner-size-xs-track: var(--bm-primitive-dimension-125, 1.25rem);--bm-comp-spinner-size-xs-border-width: var( --bm-primitive-dimension-12, .125rem );--bm-comp-spinner-size-sm-track: var(--bm-primitive-dimension-250, 2.5rem);--bm-comp-spinner-size-sm-border-width: var( --bm-primitive-dimension-25, .25rem );--bm-comp-spinner-size-md-track: var(--bm-primitive-dimension-400, 4rem);--bm-comp-spinner-size-md-border-width: var( --bm-primitive-dimension-37, .375rem );--bm-comp-spinner-size-lg-track: var(--bm-primitive-dimension-550, 5.5rem);--bm-comp-spinner-size-lg-border-width: var( --bm-primitive-dimension-50, .5rem );--bm-comp-spinner-size-width: 27.5rem;--bm-comp-spinner-typo-heading: var( --bm-sem-typo-label-md, 600 1rem/1.5rem "Source Sans Pro" );--bm-comp-spinner-typo-body: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" )}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-spinner-color-heading: var(--bm-sem-color-text-primary, #ffffff);--bm-comp-spinner-color-body: var(--bm-sem-color-text-primary, #ffffff);--bm-comp-spinner-color-track: var( --bm-sem-color-surface-highlight, rgba(134, 151, 165, .16) );--bm-comp-spinner-color-indicator: var( --bm-alias-color-brand-primary-default, #43bfd6 );--bm-comp-spinner-color-indicator-neutral: var( --bm-sem-color-border-strong, #9fafbc );--bm-comp-spinner-space-xs-gap: var(--bm-sem-space-50, .5rem);--bm-comp-spinner-space-sm-gap: var(--bm-sem-space-100, 1rem);--bm-comp-spinner-space-md-gap: var(--bm-sem-space-150, 1.5rem);--bm-comp-spinner-space-lg-gap: var(--bm-sem-space-150, 1.5rem);--bm-comp-spinner-space-content-gap: var(--bm-sem-space-50, .5rem);--bm-comp-spinner-space-nudge-y: var(--bm-sem-space-12, .125rem);--bm-comp-spinner-size-xxs-track: var(--bm-primitive-dimension-100, 1rem);--bm-comp-spinner-size-xxs-border-width: var( --bm-primitive-dimension-12, .125rem );--bm-comp-spinner-size-xs-track: var(--bm-primitive-dimension-125, 1.25rem);--bm-comp-spinner-size-xs-border-width: var( --bm-primitive-dimension-12, .125rem );--bm-comp-spinner-size-sm-track: var(--bm-primitive-dimension-250, 2.5rem);--bm-comp-spinner-size-sm-border-width: var( --bm-primitive-dimension-25, .25rem );--bm-comp-spinner-size-md-track: var(--bm-primitive-dimension-400, 4rem);--bm-comp-spinner-size-md-border-width: var( --bm-primitive-dimension-37, .375rem );--bm-comp-spinner-size-lg-track: var(--bm-primitive-dimension-550, 5.5rem);--bm-comp-spinner-size-lg-border-width: var( --bm-primitive-dimension-50, .5rem );--bm-comp-spinner-size-width: 27.5rem;--bm-comp-spinner-typo-heading: var( --bm-sem-typo-label-md, 600 1rem/1.5rem "Source Sans Pro" );--bm-comp-spinner-typo-body: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" )}:root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-btn-color-accent-filled-bg: var( --bm-sem-color-action-primary, #00768f );--bm-comp-btn-color-accent-filled-fg: var( --bm-sem-color-action-onPrimary, #ffffff );--bm-comp-btn-color-accent-filled-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-outline-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-outline-fg: var( --bm-sem-color-action-primary, #00768f );--bm-comp-btn-color-accent-outline-border: var( --bm-sem-color-action-primary, #00768f );--bm-comp-btn-color-accent-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-ghost-fg: var( --bm-sem-color-action-primary, #00768f );--bm-comp-btn-color-accent-ghost-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-bare-fg: var( --bm-sem-color-action-primary, #00768f );--bm-comp-btn-color-accent-bare-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-filled-bg: var( --bm-sem-color-action-neutral, #141d24 );--bm-comp-btn-color-neutral-filled-fg: var( --bm-sem-color-text-primary-inverse, #ffffff );--bm-comp-btn-color-neutral-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-outline-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-outline-fg: var( --bm-sem-color-action-neutral, #141d24 );--bm-comp-btn-color-neutral-outline-border: var( --bm-sem-color-action-neutral, #141d24 );--bm-comp-btn-color-neutral-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-ghost-fg: var( --bm-sem-color-action-neutral, #141d24 );--bm-comp-btn-color-neutral-ghost-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-bare-fg: var( --bm-sem-color-action-neutral, #141d24 );--bm-comp-btn-color-neutral-bare-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-subtle-filled-bg: var( --bm-sem-color-action-neutral-subtle, rgba(159, 175, 188, .16) );--bm-comp-btn-color-neutral-subtle-filled-fg: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-btn-color-neutral-subtle-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-outline-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-outline-fg: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-btn-color-neutral-subtle-outline-border: var( --bm-sem-color-border-info-secondary, rgba(87, 103, 117, .4) );--bm-comp-btn-color-neutral-subtle-ghost-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-ghost-fg: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-btn-color-neutral-subtle-ghost-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-bare-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-bare-fg: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-btn-color-neutral-subtle-bare-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-filled-bg: var( --bm-sem-color-action-destructive, #cc2429 );--bm-comp-btn-color-destructive-filled-fg: var( --bm-sem-color-static-white, #ffffff );--bm-comp-btn-color-destructive-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-outline-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-outline-fg: var( --bm-sem-color-action-destructive, #cc2429 );--bm-comp-btn-color-destructive-outline-border: var( --bm-sem-color-action-destructive, #cc2429 );--bm-comp-btn-color-destructive-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-destructive-ghost-fg: var( --bm-sem-color-action-destructive, #cc2429 );--bm-comp-btn-color-destructive-ghost-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-destructive-bare-fg: var( --bm-sem-color-action-destructive, #cc2429 );--bm-comp-btn-color-destructive-bare-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-loading-filled-bg: var( --bm-sem-color-action-neutral-subtle, rgba(159, 175, 188, .16) );--bm-comp-btn-color-loading-filled-fg: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-btn-color-loading-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-loading-outline-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-outline-fg: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-btn-color-loading-outline-border: var( --bm-sem-color-border-strong, #8697a5 );--bm-comp-btn-color-loading-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-ghost-fg: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-btn-color-loading-ghost-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-bare-fg: var( --bm-sem-color-text-secondary, #576775 );--bm-comp-btn-color-loading-bare-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-border-width: var(--bm-sem-border-width-action, .063rem);--bm-comp-btn-size-sm-width: var(--bm-sem-size-height-sm, 2rem);--bm-comp-btn-size-sm-height: var(--bm-sem-size-height-sm, 2rem);--bm-comp-btn-size-sm-icon: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-btn-size-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-btn-size-md-width: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-btn-size-md-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-btn-size-lg-height: var(--bm-sem-size-height-lg, 3rem);--bm-comp-btn-size-lg-width: var(--bm-sem-size-height-lg, 3rem);--bm-comp-btn-size-lg-icon: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-btn-space-gap: var(--bm-sem-space-25, .25rem);--bm-comp-btn-space-label-x: var(--bm-sem-space-25, .25rem);--bm-comp-btn-space-sm-x: var(--bm-alias-action-space-sm-x, .5rem);--bm-comp-btn-space-sm-y: var(--bm-sem-space-25, .25rem);--bm-comp-btn-space-md-x: var(--bm-alias-action-space-md-x, .75rem);--bm-comp-btn-space-md-y: var(--bm-sem-space-50, .5rem);--bm-comp-btn-space-lg-x: var(--bm-alias-action-space-lg-x, 1rem);--bm-comp-btn-space-lg-y: var(--bm-sem-space-50, .5rem);--bm-comp-btn-space-bare-x: var(--bm-sem-space-0, 0);--bm-comp-btn-space-bare-y: var(--bm-sem-space-0, 0);--bm-comp-btn-space-bare-gap: var(--bm-sem-space-50, .5rem);--bm-comp-btn-space-bare-label-x: var(--bm-sem-space-0, 0);--bm-comp-btn-radius-container: var(--bm-sem-radius-action-default, .25rem);--bm-comp-btn-radius-focus: var(--bm-alias-action-radius-focus, .5rem);--bm-comp-btn-typo-sm: var( --bm-sem-typo-compact-label-sm, 600 .875rem/1rem "Source Sans Pro" );--bm-comp-btn-typo-md: var( --bm-sem-typo-compact-label-md, 600 1rem/1.25rem "Source Sans Pro" );--bm-comp-btn-typo-lg: var( --bm-sem-typo-compact-label-lg, 600 1.125rem/1.25rem "Source Sans Pro" );--bm-comp-btn-shadow: var(--bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0));--bm-comp-btn-opacity-spinner-track: var(--bm-primitive-opacity-20, .2)}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-btn-color-accent-filled-bg: var( --bm-sem-color-action-primary, #43bfd6 );--bm-comp-btn-color-accent-filled-fg: var( --bm-sem-color-action-onPrimary, #141d24 );--bm-comp-btn-color-accent-filled-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-outline-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-outline-fg: var( --bm-sem-color-action-primary, #43bfd6 );--bm-comp-btn-color-accent-outline-border: var( --bm-sem-color-action-primary, #43bfd6 );--bm-comp-btn-color-accent-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-ghost-fg: var( --bm-sem-color-action-primary, #43bfd6 );--bm-comp-btn-color-accent-ghost-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-accent-bare-fg: var( --bm-sem-color-action-primary, #43bfd6 );--bm-comp-btn-color-accent-bare-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-filled-bg: var( --bm-sem-color-action-neutral, #ffffff );--bm-comp-btn-color-neutral-filled-fg: var( --bm-sem-color-text-primary-inverse, #141d24 );--bm-comp-btn-color-neutral-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-outline-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-outline-fg: var( --bm-sem-color-action-neutral, #ffffff );--bm-comp-btn-color-neutral-outline-border: var( --bm-sem-color-action-neutral, #ffffff );--bm-comp-btn-color-neutral-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-ghost-fg: var( --bm-sem-color-action-neutral, #ffffff );--bm-comp-btn-color-neutral-ghost-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-bare-fg: var( --bm-sem-color-action-neutral, #ffffff );--bm-comp-btn-color-neutral-bare-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-neutral-subtle-filled-bg: var( --bm-sem-color-action-neutral-subtle, rgba(134, 151, 165, .16) );--bm-comp-btn-color-neutral-subtle-filled-fg: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-btn-color-neutral-subtle-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-outline-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-outline-fg: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-btn-color-neutral-subtle-outline-border: var( --bm-sem-color-border-info-secondary, rgba(209, 218, 224, .4) );--bm-comp-btn-color-neutral-subtle-ghost-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-ghost-fg: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-btn-color-neutral-subtle-ghost-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-bare-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-neutral-subtle-bare-fg: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-btn-color-neutral-subtle-bare-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-filled-bg: var( --bm-sem-color-action-destructive, #cc2429 );--bm-comp-btn-color-destructive-filled-fg: var( --bm-sem-color-static-white, #ffffff );--bm-comp-btn-color-destructive-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-outline-bg: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-outline-fg: var( --bm-sem-color-action-destructive, #cc2429 );--bm-comp-btn-color-destructive-outline-border: var( --bm-sem-color-action-destructive, #cc2429 );--bm-comp-btn-color-destructive-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-destructive-ghost-fg: var( --bm-sem-color-action-destructive, #cc2429 );--bm-comp-btn-color-destructive-ghost-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-destructive-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-destructive-bare-fg: var( --bm-sem-color-action-destructive, #cc2429 );--bm-comp-btn-color-destructive-bare-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-loading-filled-bg: var( --bm-sem-color-action-neutral-subtle, rgba(134, 151, 165, .16) );--bm-comp-btn-color-loading-filled-fg: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-btn-color-loading-filled-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-btn-color-loading-outline-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-outline-fg: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-btn-color-loading-outline-border: var( --bm-sem-color-border-strong, #9fafbc );--bm-comp-btn-color-loading-ghost-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-ghost-fg: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-btn-color-loading-ghost-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-bare-bg: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-color-loading-bare-fg: var( --bm-sem-color-text-secondary, #c3cdd5 );--bm-comp-btn-color-loading-bare-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-btn-border-width: var(--bm-sem-border-width-action, .063rem);--bm-comp-btn-size-sm-width: var(--bm-sem-size-height-sm, 2rem);--bm-comp-btn-size-sm-height: var(--bm-sem-size-height-sm, 2rem);--bm-comp-btn-size-sm-icon: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-btn-size-md-height: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-btn-size-md-width: var(--bm-sem-size-height-md, 2.5rem);--bm-comp-btn-size-md-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-btn-size-lg-height: var(--bm-sem-size-height-lg, 3rem);--bm-comp-btn-size-lg-width: var(--bm-sem-size-height-lg, 3rem);--bm-comp-btn-size-lg-icon: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-btn-space-gap: var(--bm-sem-space-25, .25rem);--bm-comp-btn-space-label-x: var(--bm-sem-space-25, .25rem);--bm-comp-btn-space-sm-x: var(--bm-alias-action-space-sm-x, .5rem);--bm-comp-btn-space-sm-y: var(--bm-sem-space-25, .25rem);--bm-comp-btn-space-md-x: var(--bm-alias-action-space-md-x, .75rem);--bm-comp-btn-space-md-y: var(--bm-sem-space-50, .5rem);--bm-comp-btn-space-lg-x: var(--bm-alias-action-space-lg-x, 1rem);--bm-comp-btn-space-lg-y: var(--bm-sem-space-50, .5rem);--bm-comp-btn-space-bare-x: var(--bm-sem-space-0, 0);--bm-comp-btn-space-bare-y: var(--bm-sem-space-0, 0);--bm-comp-btn-space-bare-gap: var(--bm-sem-space-50, .5rem);--bm-comp-btn-space-bare-label-x: var(--bm-sem-space-0, 0);--bm-comp-btn-radius-container: var(--bm-sem-radius-action-default, .25rem);--bm-comp-btn-radius-focus: var(--bm-alias-action-radius-focus, .5rem);--bm-comp-btn-typo-sm: var( --bm-sem-typo-compact-label-sm, 600 .875rem/1rem "Source Sans Pro" );--bm-comp-btn-typo-md: var( --bm-sem-typo-compact-label-md, 600 1rem/1.25rem "Source Sans Pro" );--bm-comp-btn-typo-lg: var( --bm-sem-typo-compact-label-lg, 600 1.125rem/1.25rem "Source Sans Pro" );--bm-comp-btn-shadow: var(--bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0));--bm-comp-btn-opacity-spinner-track: var(--bm-primitive-opacity-20, .2)}.bm-button__icon-wrap svg,.bm-button ::slotted([slot=iconBefore]),.bm-button ::slotted([slot=iconAfter]){display:block;width:var(--bm--comp-btn-size-icon);height:var(--bm--comp-btn-size-icon)}.bm-button{cursor:pointer;position:relative;display:inline-flex;flex-direction:row;width:fit-content;padding:var(--bm--comp-btn-space-padding-y) var(--bm--comp-btn-space-padding-x);justify-content:center;align-items:center;gap:var(--bm-comp-btn-space-gap);border:none;border-radius:var(--bm-comp-btn-radius-container);max-width:100%;font:var(--bm-comp-btn-typo-md);min-width:var(--bm-comp-btn-size-md-width);min-height:var(--bm-comp-btn-size-md-height);--bm--comp-btn-space-padding-y: var(--bm-comp-btn-space-md-y);--bm--comp-btn-space-padding-x: var(--bm-comp-btn-space-md-x);--bm--comp-btn-size-icon: var(--bm-comp-btn-size-md-icon)}.bm-button--sm{font:var(--bm-comp-btn-typo-sm);min-width:var(--bm-comp-btn-size-sm-width);min-height:var(--bm-comp-btn-size-sm-height);--bm--comp-btn-space-padding-y: var(--bm-comp-btn-space-sm-y);--bm--comp-btn-space-padding-x: var(--bm-comp-btn-space-sm-x);--bm--comp-btn-size-icon: var(--bm-comp-btn-size-sm-icon)}.bm-button--md{font:var(--bm-comp-btn-typo-md);min-width:var(--bm-comp-btn-size-md-width);min-height:var(--bm-comp-btn-size-md-height);--bm--comp-btn-space-padding-y: var(--bm-comp-btn-space-md-y);--bm--comp-btn-space-padding-x: var(--bm-comp-btn-space-md-x);--bm--comp-btn-size-icon: var(--bm-comp-btn-size-md-icon)}.bm-button--lg{font:var(--bm-comp-btn-typo-lg);min-width:var(--bm-comp-btn-size-lg-width);min-height:var(--bm-comp-btn-size-lg-height);--bm--comp-btn-space-padding-y: var(--bm-comp-btn-space-lg-y);--bm--comp-btn-space-padding-x: var(--bm-comp-btn-space-lg-x);--bm--comp-btn-size-icon: var(--bm-comp-btn-size-lg-icon)}.bm-button--icon-only{padding:unset}.bm-button__label{z-index:1;position:relative;padding:0 var(--bm-comp-btn-space-label-x);text-align:start}.bm-button{background:var(--bm-comp-btn-color-accent-filled-bg);color:var(--bm-comp-btn-color-accent-filled-fg);border-color:var(--bm-comp-btn-color-accent-filled-border)}.bm-button--accent-filled{background:var(--bm-comp-btn-color-accent-filled-bg);color:var(--bm-comp-btn-color-accent-filled-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-accent-filled-border)}.bm-button--accent-filled .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-accent-filled-fg)}.bm-button--accent-filled .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-accent-filled-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--accent-filled:hover>.bm-state-layer:not(.bm-state-layer--without-hover){--bm-state-layer-background: var(--bm-sem-color-state-layer-hover-strong)}.bm-button--accent-filled:active>.bm-state-layer:not(.bm-state-layer--without-active){--bm-state-layer-background: var(--bm-sem-color-state-layer-active-strong)}.bm-button--accent-outline{background:var(--bm-comp-btn-color-accent-outline-bg);color:var(--bm-comp-btn-color-accent-outline-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-accent-outline-border)}.bm-button--accent-outline .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-accent-outline-fg)}.bm-button--accent-outline .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-accent-outline-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--accent-ghost{background:var(--bm-comp-btn-color-accent-ghost-bg);color:var(--bm-comp-btn-color-accent-ghost-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-accent-ghost-border)}.bm-button--accent-ghost .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-accent-ghost-fg)}.bm-button--accent-ghost .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-accent-ghost-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--accent-bare{background:var(--bm-comp-btn-color-accent-bare-bg);color:var(--bm-comp-btn-color-accent-bare-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-accent-bare-border);min-height:unset!important;min-width:unset!important;padding:var(--bm-comp-btn-space-bare-y) var(--bm-comp-btn-space-bare-x);border-radius:var(--bm-sem-radius-sm);gap:var(--bm-comp-btn-space-bare-gap);display:flex;align-items:center;justify-content:center}.bm-button--accent-bare .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-accent-bare-fg)}.bm-button--accent-bare .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-accent-bare-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--accent-bare .bm-button__label{padding:0 var(--bm-comp-btn-space-bare-label-x)}.bm-button--accent-bare .bm-state-layer{--bm-state-layer-top: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-right: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-bottom: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-left: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-outline-offset: 0 !important}.bm-button--neutral-filled{background:var(--bm-comp-btn-color-neutral-filled-bg);color:var(--bm-comp-btn-color-neutral-filled-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-neutral-filled-border)}.bm-button--neutral-filled .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-neutral-filled-fg)}.bm-button--neutral-filled .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-neutral-filled-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--neutral-filled:hover>.bm-state-layer:not(.bm-state-layer--without-hover){--bm-state-layer-background: var(--bm-sem-color-state-layer-hover-inverse)}.bm-button--neutral-filled:active>.bm-state-layer:not(.bm-state-layer--without-active){--bm-state-layer-background: var(--bm-sem-color-state-layer-active-inverse)}.bm-button--neutral-outline{background:var(--bm-comp-btn-color-neutral-outline-bg);color:var(--bm-comp-btn-color-neutral-outline-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-neutral-outline-border)}.bm-button--neutral-outline .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-neutral-outline-fg)}.bm-button--neutral-outline .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-neutral-outline-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--neutral-ghost{background:var(--bm-comp-btn-color-neutral-ghost-bg);color:var(--bm-comp-btn-color-neutral-ghost-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-neutral-ghost-border)}.bm-button--neutral-ghost .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-neutral-ghost-fg)}.bm-button--neutral-ghost .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-neutral-ghost-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--neutral-bare{background:var(--bm-comp-btn-color-neutral-bare-bg);color:var(--bm-comp-btn-color-neutral-bare-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-neutral-bare-border);min-height:unset!important;min-width:unset!important;padding:var(--bm-comp-btn-space-bare-y) var(--bm-comp-btn-space-bare-x);border-radius:var(--bm-sem-radius-sm);gap:var(--bm-comp-btn-space-bare-gap);display:flex;align-items:center;justify-content:center}.bm-button--neutral-bare .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-neutral-bare-fg)}.bm-button--neutral-bare .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-neutral-bare-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--neutral-bare .bm-button__label{padding:0 var(--bm-comp-btn-space-bare-label-x)}.bm-button--neutral-bare .bm-state-layer{--bm-state-layer-top: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-right: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-bottom: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-left: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-outline-offset: 0 !important}.bm-button--neutral-subtle-filled{background:var(--bm-comp-btn-color-neutral-subtle-filled-bg);color:var(--bm-comp-btn-color-neutral-subtle-filled-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-neutral-subtle-filled-border)}.bm-button--neutral-subtle-filled .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-neutral-subtle-filled-fg)}.bm-button--neutral-subtle-filled .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-neutral-subtle-filled-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--neutral-subtle-outline{background:var(--bm-comp-btn-color-neutral-subtle-outline-bg);color:var(--bm-comp-btn-color-neutral-subtle-outline-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-neutral-subtle-outline-border)}.bm-button--neutral-subtle-outline .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-neutral-subtle-outline-fg)}.bm-button--neutral-subtle-outline .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-neutral-subtle-outline-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--neutral-subtle-ghost{background:var(--bm-comp-btn-color-neutral-subtle-ghost-bg);color:var(--bm-comp-btn-color-neutral-subtle-ghost-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-neutral-subtle-ghost-border)}.bm-button--neutral-subtle-ghost .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-neutral-subtle-ghost-fg)}.bm-button--neutral-subtle-ghost .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-neutral-subtle-ghost-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--neutral-subtle-bare{background:var(--bm-comp-btn-color-neutral-subtle-bare-bg);color:var(--bm-comp-btn-color-neutral-subtle-bare-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-neutral-subtle-bare-border);min-height:unset!important;min-width:unset!important;padding:var(--bm-comp-btn-space-bare-y) var(--bm-comp-btn-space-bare-x);border-radius:var(--bm-sem-radius-sm);gap:var(--bm-comp-btn-space-bare-gap);display:flex;align-items:center;justify-content:center}.bm-button--neutral-subtle-bare .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-neutral-subtle-bare-fg)}.bm-button--neutral-subtle-bare .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-neutral-subtle-bare-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--neutral-subtle-bare .bm-button__label{padding:0 var(--bm-comp-btn-space-bare-label-x)}.bm-button--neutral-subtle-bare .bm-state-layer{--bm-state-layer-top: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-right: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-bottom: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-left: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-outline-offset: 0 !important}.bm-button--destructive-filled{background:var(--bm-comp-btn-color-destructive-filled-bg);color:var(--bm-comp-btn-color-destructive-filled-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-destructive-filled-border)}.bm-button--destructive-filled .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-destructive-filled-fg)}.bm-button--destructive-filled .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-destructive-filled-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--destructive-filled:hover>.bm-state-layer:not(.bm-state-layer--without-hover){--bm-state-layer-background: var(--bm-sem-color-state-layer-hover-strong)}.bm-button--destructive-filled:active>.bm-state-layer:not(.bm-state-layer--without-active){--bm-state-layer-background: var(--bm-sem-color-state-layer-active-strong)}.bm-button--destructive-outline{background:var(--bm-comp-btn-color-destructive-outline-bg);color:var(--bm-comp-btn-color-destructive-outline-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-destructive-outline-border)}.bm-button--destructive-outline .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-destructive-outline-fg)}.bm-button--destructive-outline .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-destructive-outline-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--destructive-ghost{background:var(--bm-comp-btn-color-destructive-ghost-bg);color:var(--bm-comp-btn-color-destructive-ghost-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-destructive-ghost-border)}.bm-button--destructive-ghost .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-destructive-ghost-fg)}.bm-button--destructive-ghost .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-destructive-ghost-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--destructive-bare{background:var(--bm-comp-btn-color-destructive-bare-bg);color:var(--bm-comp-btn-color-destructive-bare-fg);outline-offset:-.0625rem;outline:var(--bm-comp-btn-border-width) solid var(--bm-comp-btn-color-destructive-bare-border);min-height:unset!important;min-width:unset!important;padding:var(--bm-comp-btn-space-bare-y) var(--bm-comp-btn-space-bare-x);border-radius:var(--bm-sem-radius-sm);gap:var(--bm-comp-btn-space-bare-gap);display:flex;align-items:center;justify-content:center}.bm-button--destructive-bare .bm-button__loading-spinner .bm-spinner__circle{stroke:var(--bm-comp-btn-color-destructive-bare-fg)}.bm-button--destructive-bare .bm-button__loading-spinner .bm-spinner__circle-bg{stroke:var(--bm-comp-btn-color-destructive-bare-fg);opacity:var(--bm-comp-btn-opacity-spinner-track)}.bm-button--destructive-bare .bm-button__label{padding:0 var(--bm-comp-btn-space-bare-label-x)}.bm-button--destructive-bare .bm-state-layer{--bm-state-layer-top: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-right: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-bottom: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-left: calc(0px - var(--bm-sem-size-focus-offset));--bm-state-layer-outline-offset: 0 !important}.bm-button[class*=filled]{box-shadow:var(--bm-comp-btn-shadow)}.bm-button:disabled{cursor:not-allowed;opacity:var(--bm-sem-opacity-disabled)}.bm-button--loading{cursor:not-allowed}.bm-button--loading .bm-spinner-wrap{margin:unset}.bm-button--fluid{width:100%}';
|
|
18
18
|
var j = Object.defineProperty, q = Object.getOwnPropertyDescriptor, k = (e) => {
|
|
19
19
|
throw TypeError(e);
|
|
20
|
-
},
|
|
21
|
-
for (var n =
|
|
22
|
-
(i = e[s]) && (n = (
|
|
23
|
-
return
|
|
24
|
-
}, D = (e, o, m) => o.has(e) || k("Cannot " + m),
|
|
20
|
+
}, t = (e, o, m, a) => {
|
|
21
|
+
for (var n = a > 1 ? void 0 : a ? q(o, m) : o, s = e.length - 1, i; s >= 0; s--)
|
|
22
|
+
(i = e[s]) && (n = (a ? i(o, m, n) : i(n)) || n);
|
|
23
|
+
return a && n && j(o, m, n), n;
|
|
24
|
+
}, D = (e, o, m) => o.has(e) || k("Cannot " + m), c = (e, o, m) => (D(e, o, "read from private field"), m ? m.call(e) : o.get(e)), p = (e, o, m) => o.has(e) ? k("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(e) : o.set(e, m), f, d, g, h;
|
|
25
25
|
const { baseClassNamePrefix: F, classModifierPrefix: G } = x("button");
|
|
26
|
-
let
|
|
26
|
+
let r = class extends S {
|
|
27
27
|
constructor() {
|
|
28
28
|
super(...arguments), this.appearance = "accent", this.kind = "filled", this.size = "md", this.disabled = !1, this.fluid = !1, this.type = "button", this._internals = this.attachInternals(), this.defaultLabel = "", this.defaultIcons = {
|
|
29
29
|
iconBefore: "",
|
|
@@ -44,7 +44,7 @@ let t = class extends S {
|
|
|
44
44
|
});
|
|
45
45
|
}
|
|
46
46
|
render() {
|
|
47
|
-
const e = this.appearance || "accent", o = this.kind || "filled", m = this.size || "md",
|
|
47
|
+
const e = this.appearance || "accent", o = this.kind || "filled", m = this.size || "md", a = C(
|
|
48
48
|
this.theme && B(this.theme),
|
|
49
49
|
F,
|
|
50
50
|
E(o, e),
|
|
@@ -58,17 +58,17 @@ let t = class extends S {
|
|
|
58
58
|
}, s = N(), { ariaLabel: i } = this;
|
|
59
59
|
return u`
|
|
60
60
|
<button
|
|
61
|
-
class=${
|
|
61
|
+
class=${a}
|
|
62
62
|
type="${this.type}"
|
|
63
63
|
style=${P(n)}
|
|
64
|
-
@click="${
|
|
65
|
-
?disabled="${
|
|
64
|
+
@click="${c(this, h)}"
|
|
65
|
+
?disabled="${c(this, f).call(this)}"
|
|
66
66
|
tabindex="0"
|
|
67
|
-
aria-disabled=${
|
|
67
|
+
aria-disabled=${c(this, f).call(this)}
|
|
68
68
|
aria-label=${i || y}
|
|
69
69
|
>
|
|
70
70
|
<span aria-hidden="true" class=${s}></span>
|
|
71
|
-
${
|
|
71
|
+
${c(this, d).call(this, "iconBefore")} ${c(this, g).call(this)} ${c(this, d).call(this, "iconAfter")}
|
|
72
72
|
</button>
|
|
73
73
|
`;
|
|
74
74
|
}
|
|
@@ -77,49 +77,49 @@ f = /* @__PURE__ */ new WeakMap();
|
|
|
77
77
|
d = /* @__PURE__ */ new WeakMap();
|
|
78
78
|
g = /* @__PURE__ */ new WeakMap();
|
|
79
79
|
h = /* @__PURE__ */ new WeakMap();
|
|
80
|
-
O(
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
80
|
+
O(r);
|
|
81
|
+
r.formAssociated = !0;
|
|
82
|
+
r.styles = [w(I), M];
|
|
83
|
+
t([
|
|
84
84
|
b({ type: String })
|
|
85
|
-
],
|
|
86
|
-
|
|
85
|
+
], r.prototype, "appearance", 2);
|
|
86
|
+
t([
|
|
87
87
|
b({ type: String })
|
|
88
|
-
],
|
|
89
|
-
|
|
88
|
+
], r.prototype, "kind", 2);
|
|
89
|
+
t([
|
|
90
90
|
b({ type: String })
|
|
91
|
-
],
|
|
92
|
-
|
|
91
|
+
], r.prototype, "size", 2);
|
|
92
|
+
t([
|
|
93
93
|
b({ type: Boolean })
|
|
94
|
-
],
|
|
95
|
-
|
|
94
|
+
], r.prototype, "disabled", 2);
|
|
95
|
+
t([
|
|
96
96
|
b({ type: Boolean })
|
|
97
|
-
],
|
|
98
|
-
|
|
97
|
+
], r.prototype, "fluid", 2);
|
|
98
|
+
t([
|
|
99
99
|
b({ type: String })
|
|
100
|
-
],
|
|
101
|
-
|
|
100
|
+
], r.prototype, "width", 2);
|
|
101
|
+
t([
|
|
102
102
|
b({ type: String })
|
|
103
|
-
],
|
|
104
|
-
|
|
103
|
+
], r.prototype, "height", 2);
|
|
104
|
+
t([
|
|
105
105
|
b({ type: String })
|
|
106
|
-
],
|
|
107
|
-
|
|
106
|
+
], r.prototype, "theme", 2);
|
|
107
|
+
t([
|
|
108
108
|
b({ type: Boolean })
|
|
109
|
-
],
|
|
110
|
-
|
|
109
|
+
], r.prototype, "iconOnly", 2);
|
|
110
|
+
t([
|
|
111
111
|
b({ type: String })
|
|
112
|
-
],
|
|
113
|
-
|
|
112
|
+
], r.prototype, "type", 2);
|
|
113
|
+
t([
|
|
114
114
|
z({ context: A, subscribe: !0 }),
|
|
115
115
|
b({ attribute: !1 })
|
|
116
|
-
],
|
|
117
|
-
|
|
116
|
+
], r.prototype, "formContext", 2);
|
|
117
|
+
t([
|
|
118
118
|
$()
|
|
119
|
-
],
|
|
120
|
-
|
|
119
|
+
], r.prototype, "defaultLabel", 2);
|
|
120
|
+
r = t([
|
|
121
121
|
L("bm-button")
|
|
122
|
-
],
|
|
122
|
+
], r);
|
|
123
123
|
export {
|
|
124
|
-
|
|
124
|
+
r as BmButton
|
|
125
125
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { unsafeCSS as
|
|
2
|
-
import { property as
|
|
1
|
+
import { unsafeCSS as n, LitElement as l, html as p } from "lit";
|
|
2
|
+
import { property as i } from "lit/decorators.js";
|
|
3
3
|
import { unsafeSVG as d } from "lit/directives/unsafe-svg.js";
|
|
4
4
|
import v from "clsx";
|
|
5
5
|
import { g as u } from "../chunks/classNames.Cq_tbDRp.js";
|
|
@@ -15,10 +15,10 @@ const f = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/sv
|
|
|
15
15
|
fill="currentColor"
|
|
16
16
|
/>
|
|
17
17
|
</svg>
|
|
18
|
-
`, y = ":root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-close-btn-color-default: var( --bm-sem-color-icon-secondary, #576775 );--bm-comp-close-btn-space-x: var(--bm-primitive-dimension-12, .125rem);--bm-comp-close-btn-space-y: var(--bm-primitive-dimension-12, .125rem);--bm-comp-close-btn-size-xs: var(--bm-sem-size-icon-xs, .75rem);--bm-comp-close-btn-size-sm: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-close-btn-size-md: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-close-btn-size-lg: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-close-btn-size-xl: var(--bm-sem-size-icon-xl, 1.75rem);--bm-comp-close-btn-radius: var(
|
|
19
|
-
var w = Object.defineProperty, L = Object.getOwnPropertyDescriptor,
|
|
20
|
-
for (var e = m > 1 ? void 0 : m ? L(s, t) : s, b = c.length - 1,
|
|
21
|
-
(
|
|
18
|
+
`, y = ":root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-close-btn-color-default: var( --bm-sem-color-icon-secondary, #576775 );--bm-comp-close-btn-space-x: var(--bm-primitive-dimension-12, .125rem);--bm-comp-close-btn-space-y: var(--bm-primitive-dimension-12, .125rem);--bm-comp-close-btn-size-xs: var(--bm-sem-size-icon-xs, .75rem);--bm-comp-close-btn-size-sm: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-close-btn-size-md: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-close-btn-size-lg: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-close-btn-size-xl: var(--bm-sem-size-icon-xl, 1.75rem);--bm-comp-close-btn-radius: var(--bm-alias-action-radius-container, .25rem)}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-close-btn-color-default: var( --bm-sem-color-icon-secondary, #c3cdd5 );--bm-comp-close-btn-space-x: var(--bm-primitive-dimension-12, .125rem);--bm-comp-close-btn-space-y: var(--bm-primitive-dimension-12, .125rem);--bm-comp-close-btn-size-xs: var(--bm-sem-size-icon-xs, .75rem);--bm-comp-close-btn-size-sm: var(--bm-sem-size-icon-sm, 1rem);--bm-comp-close-btn-size-md: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-close-btn-size-lg: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-close-btn-size-xl: var(--bm-sem-size-icon-xl, 1.75rem);--bm-comp-close-btn-radius: var(--bm-alias-action-radius-container, .25rem)}.bm-close-button{display:inline-flex;padding:var(--bm-comp-close-btn-space-y) var(--bm-comp-close-btn-space-x);justify-content:center;align-items:center;position:relative;outline:none;cursor:pointer;border:unset;border-radius:var(--bm-comp-close-btn-radius);background-color:unset;color:var(--bm-comp-close-btn-color-default)}.bm-close-button .bm-state-layer{--bm-state-layer-outline-offset: calc(0px - var(--bm-sem-size-focus-offset))}.bm-close-button--xs{height:calc(var(--bm-comp-close-btn-size-xs) + var(--bm-comp-close-btn-space-y) * 2);width:calc(var(--bm-comp-close-btn-size-xs) + var(--bm-comp-close-btn-space-x) * 2)}.bm-close-button--xs .bm-close-button__icon{height:var(--bm-comp-close-btn-size-xs);width:var(--bm-comp-close-btn-size-xs)}.bm-close-button--sm{height:calc(var(--bm-comp-close-btn-size-sm) + var(--bm-comp-close-btn-space-y) * 2);width:calc(var(--bm-comp-close-btn-size-sm) + var(--bm-comp-close-btn-space-x) * 2)}.bm-close-button--sm .bm-close-button__icon{height:var(--bm-comp-close-btn-size-sm);width:var(--bm-comp-close-btn-size-sm)}.bm-close-button--md{height:calc(var(--bm-comp-close-btn-size-md) + var(--bm-comp-close-btn-space-y) * 2);width:calc(var(--bm-comp-close-btn-size-md) + var(--bm-comp-close-btn-space-x) * 2)}.bm-close-button--md .bm-close-button__icon{height:var(--bm-comp-close-btn-size-md);width:var(--bm-comp-close-btn-size-md)}.bm-close-button--lg{height:calc(var(--bm-comp-close-btn-size-lg) + var(--bm-comp-close-btn-space-y) * 2);width:calc(var(--bm-comp-close-btn-size-lg) + var(--bm-comp-close-btn-space-x) * 2)}.bm-close-button--lg .bm-close-button__icon{height:var(--bm-comp-close-btn-size-lg);width:var(--bm-comp-close-btn-size-lg)}.bm-close-button--xl{height:calc(var(--bm-comp-close-btn-size-xl) + var(--bm-comp-close-btn-space-y) * 2);width:calc(var(--bm-comp-close-btn-size-xl) + var(--bm-comp-close-btn-space-x) * 2)}.bm-close-button--xl .bm-close-button__icon{height:var(--bm-comp-close-btn-size-xl);width:var(--bm-comp-close-btn-size-xl)}.bm-close-button:disabled{cursor:not-allowed;opacity:var(--bm-sem-opacity-disabled)}";
|
|
19
|
+
var w = Object.defineProperty, L = Object.getOwnPropertyDescriptor, r = (c, s, t, m) => {
|
|
20
|
+
for (var e = m > 1 ? void 0 : m ? L(s, t) : s, b = c.length - 1, a; b >= 0; b--)
|
|
21
|
+
(a = c[b]) && (e = (m ? a(s, t, e) : a(e)) || e);
|
|
22
22
|
return m && e && w(s, t, e), e;
|
|
23
23
|
};
|
|
24
24
|
const { baseClassNamePrefix: _, subElementClassPrefix: C, classModifierPrefix: $ } = u("close-button");
|
|
@@ -45,14 +45,14 @@ let o = class extends l {
|
|
|
45
45
|
}
|
|
46
46
|
};
|
|
47
47
|
h(o);
|
|
48
|
-
o.styles = [
|
|
49
|
-
|
|
50
|
-
|
|
48
|
+
o.styles = [n(y), x];
|
|
49
|
+
r([
|
|
50
|
+
i({ type: String })
|
|
51
51
|
], o.prototype, "size", 2);
|
|
52
|
-
|
|
53
|
-
|
|
52
|
+
r([
|
|
53
|
+
i({ type: Boolean })
|
|
54
54
|
], o.prototype, "disabled", 2);
|
|
55
|
-
o =
|
|
55
|
+
o = r([
|
|
56
56
|
z("bm-close-button")
|
|
57
57
|
], o);
|
|
58
58
|
export {
|
package/EmptyState/EmptyState.js
CHANGED
|
@@ -4,10 +4,10 @@ import g from "clsx";
|
|
|
4
4
|
import { g as v } from "../chunks/classNames.Cq_tbDRp.js";
|
|
5
5
|
import { t as h } from "../chunks/constants.jOWREYQE.js";
|
|
6
6
|
import { c as f } from "../chunks/register-custom-element.DHGKOhmA.js";
|
|
7
|
-
const x = ':root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-empty-state-color-heading: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-empty-state-color-body: var(--bm-sem-color-text-secondary, #576775);--bm-comp-empty-state-color-icon: var( --bm-
|
|
7
|
+
const x = ':root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-empty-state-color-heading: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-empty-state-color-body: var(--bm-sem-color-text-secondary, #576775);--bm-comp-empty-state-color-icon: var( --bm-alias-color-brand-primary-default, #00768f );--bm-comp-empty-state-space-gap: var(--bm-sem-space-200, 2rem);--bm-comp-empty-state-space-text-gap: var(--bm-sem-space-100, 1rem);--bm-comp-empty-state-space-actions-gap: var(--bm-sem-space-150, 1.5rem);--bm-comp-empty-state-size-icon: var(--bm-primitive-dimension-600, 6rem);--bm-comp-empty-state-size-width: 35rem;--bm-comp-empty-state-typo-heading: var( --bm-sem-typo-heading-lg, 700 1.5rem/2rem "Uni Neue" );--bm-comp-empty-state-typo-body: var( --bm-sem-typo-body-lg, 400 1.125rem/1.75rem "Source Sans Pro" )}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-empty-state-color-heading: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-empty-state-color-body: var(--bm-sem-color-text-secondary, #c3cdd5);--bm-comp-empty-state-color-icon: var( --bm-alias-color-brand-primary-default, #43bfd6 );--bm-comp-empty-state-space-gap: var(--bm-sem-space-200, 2rem);--bm-comp-empty-state-space-text-gap: var(--bm-sem-space-100, 1rem);--bm-comp-empty-state-space-actions-gap: var(--bm-sem-space-150, 1.5rem);--bm-comp-empty-state-size-icon: var(--bm-primitive-dimension-600, 6rem);--bm-comp-empty-state-size-width: 35rem;--bm-comp-empty-state-typo-heading: var( --bm-sem-typo-heading-lg, 700 1.5rem/2rem "Uni Neue" );--bm-comp-empty-state-typo-body: var( --bm-sem-typo-body-lg, 400 1.125rem/1.75rem "Source Sans Pro" )}.bm-empty-state{display:flex;flex-direction:column;max-width:var(--bm-comp-empty-state-size-width);align-items:center;gap:var(--bm-comp-empty-state-space-gap);background-color:unset}.bm-empty-state__icon,.bm-empty-state ::slotted([slot=icon]){color:var(--bm-comp-empty-state-color-icon)}.bm-empty-state__icon>svg,.bm-empty-state ::slotted([slot=icon]){height:var(--bm-comp-empty-state-size-icon);width:var(--bm-comp-empty-state-size-icon)}.bm-empty-state__body-container{display:flex;flex-direction:column;align-items:center;gap:var(--bm-comp-empty-state-space-text-gap)}.bm-empty-state__heading,.bm-empty-state ::slotted([slot=heading]){text-align:center;font:var(--bm-comp-empty-state-typo-heading);color:var(--bm-comp-empty-state-color-heading)}.bm-empty-state__body,.bm-empty-state ::slotted([slot=body]){display:flex;flex-direction:column;text-align:center;font:var(--bm-comp-empty-state-typo-body);color:var(--bm-comp-empty-state-color-body);gap:var(--bm-comp-empty-state-space-text-gap)}.bm-empty-state__actions,.bm-empty-state ::slotted([slot=actions]){display:flex;flex-direction:column;align-items:center;gap:var(--bm-comp-empty-state-space-actions-gap)}';
|
|
8
8
|
var u = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, m = (a, o, r, s) => {
|
|
9
|
-
for (var e = s > 1 ? void 0 : s ? _(o, r) : o,
|
|
10
|
-
(
|
|
9
|
+
for (var e = s > 1 ? void 0 : s ? _(o, r) : o, i = a.length - 1, c; i >= 0; i--)
|
|
10
|
+
(c = a[i]) && (e = (s ? c(o, r, e) : c(e)) || e);
|
|
11
11
|
return s && e && u(o, r, e), e;
|
|
12
12
|
};
|
|
13
13
|
const { baseClassNamePrefix: S, subElementClassPrefix: n } = v("empty-state");
|