@viasat/beam-web-components 2.21.0 → 2.21.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Accordion/Accordion.js +1 -1
- package/Accordion/AccordionGroup.js +1 -1
- package/Accordion/index.js +1 -1
- package/Alert/Alert.js +43 -43
- 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/BadgeDot/BadgeDot.js +18 -18
- package/Breadcrumbs/Breadcrumbs.js +1 -1
- package/Breadcrumbs/BreadcrumbsItem.js +1 -1
- package/Breadcrumbs/index.js +1 -1
- package/Button/Button.js +10 -10
- package/CloseButton/CloseButton.js +16 -16
- package/Divider/Divider.js +17 -17
- package/EmptyState/EmptyState.js +20 -20
- package/HelperText/HelperText.js +1 -1
- package/HelperText/index.js +1 -1
- package/InputChoiceGroup/InputChoiceGroup.js +54 -54
- package/Link/Link.js +51 -51
- package/List/List.js +1 -1
- package/List/ListItem.js +1 -1
- package/ProgressBar/ProgressBar.js +19 -19
- 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 +28 -28
- package/Tooltip/Tooltip.js +85 -85
- package/chunks/Accordion.Bwk3EG3j.js +161 -0
- package/chunks/Avatar.BgufO4-1.js +174 -0
- package/chunks/BreadcrumbsItem.DmudL_IG.js +121 -0
- package/chunks/HelperText.SJGM6Q5H.js +108 -0
- package/chunks/fileUpload.module.CNe9mg2f.js +4 -0
- package/chunks/list.module.BSL1AIzv.js +4 -0
- package/chunks/segmentedControl.module.5EsIjpJa.js +4 -0
- package/custom-elements.json +6179 -6179
- package/local/Accordion/Accordion.js +1 -1
- package/local/Accordion/AccordionGroup.js +1 -1
- package/local/Accordion/index.js +1 -1
- package/local/Alert/Alert.js +20 -20
- 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 +1 -1
- package/local/BadgeDot/BadgeDot.js +4 -4
- package/local/Breadcrumbs/Breadcrumbs.js +1 -1
- package/local/Breadcrumbs/BreadcrumbsItem.js +1 -1
- package/local/Breadcrumbs/index.js +1 -1
- package/local/Button/Button.js +10 -10
- package/local/CloseButton/CloseButton.js +24 -24
- package/local/Divider/Divider.js +22 -22
- package/local/EmptyState/EmptyState.js +18 -18
- package/local/HelperText/HelperText.js +1 -1
- package/local/HelperText/index.js +1 -1
- package/local/InputChoiceGroup/InputChoiceGroup.js +39 -39
- package/local/Link/Link.js +25 -25
- package/local/List/List.js +1 -1
- package/local/List/ListItem.js +1 -1
- package/local/ProgressBar/ProgressBar.js +19 -19
- 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 +34 -34
- package/local/Tooltip/Tooltip.js +85 -85
- package/local/chunks/Accordion.UOcVt0ft.js +161 -0
- package/local/chunks/Avatar.CEb3Se7H.js +172 -0
- package/local/chunks/BreadcrumbsItem.Dp9fzlcw.js +121 -0
- package/local/chunks/fileUpload.module.CNe9mg2f.js +4 -0
- package/local/chunks/index.DNafYKj-.js +106 -0
- package/local/chunks/list.module.BSL1AIzv.js +4 -0
- package/local/chunks/segmentedControl.module.5EsIjpJa.js +4 -0
- package/local/wip/Checkbox/Checkbox.js +1 -1
- 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 +2 -2
- package/local/wip/FileUpload/FileUpload.List.js +1 -1
- package/local/wip/FileUpload/FileUpload.js +2 -2
- package/local/wip/Form/Form.decorator.js +1 -1
- package/local/wip/Label/Label.js +40 -40
- package/local/wip/NativeSelect/NativeSelect.js +18 -18
- package/local/wip/RadioButton/RadioButton.js +9 -9
- package/local/wip/Switch/Switch.js +9 -9
- package/local/wip/TextArea/TextArea.js +21 -21
- package/local/wip/TextField/TextField.js +26 -26
- package/package.json +6 -6
- package/vscode.html-custom-data.json +251 -251
- package/wip/Checkbox/Checkbox.js +53 -53
- package/wip/FileUpload/FileUpload.Button.js +1 -1
- package/wip/FileUpload/FileUpload.Dropzone.js +1 -1
- package/wip/FileUpload/FileUpload.List.Item.js +2 -2
- package/wip/FileUpload/FileUpload.List.js +1 -1
- package/wip/FileUpload/FileUpload.js +2 -2
- package/wip/Form/Form.decorator.js +1 -1
- package/wip/Label/Label.js +33 -33
- package/wip/NativeSelect/NativeSelect.js +25 -25
- package/wip/RadioButton/RadioButton.js +7 -7
- package/wip/Switch/Switch.js +9 -9
- package/wip/TextArea/TextArea.js +13 -13
- package/wip/TextField/TextField.js +26 -26
- package/chunks/Accordion.DYD3XcAx.js +0 -161
- package/chunks/Avatar.C2rfzUGP.js +0 -174
- package/chunks/BreadcrumbsItem.4ZR6wbMz.js +0 -121
- package/chunks/HelperText.CcVVOtA3.js +0 -108
- package/chunks/fileUpload.module.kN6o64aL.js +0 -4
- package/chunks/list.module.CZRPBLzy.js +0 -4
- package/chunks/segmentedControl.module.BPXEWodj.js +0 -4
- package/local/chunks/Accordion.BP1XR2Gd.js +0 -161
- package/local/chunks/Avatar.CvTOzaRT.js +0 -172
- package/local/chunks/BreadcrumbsItem.GM6sBp_o.js +0 -121
- package/local/chunks/fileUpload.module.kN6o64aL.js +0 -4
- package/local/chunks/index.Bz1Jq4c2.js +0 -106
- package/local/chunks/list.module.CZRPBLzy.js +0 -4
- package/local/chunks/segmentedControl.module.BPXEWodj.js +0 -4
package/Accordion/Accordion.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 e } from "../chunks/Accordion.
|
|
6
|
+
import { B as e } from "../chunks/Accordion.Bwk3EG3j.js";
|
|
7
7
|
import "../chunks/classNames.Cq_tbDRp.js";
|
|
8
8
|
import "../chunks/register-custom-element.DHGKOhmA.js";
|
|
9
9
|
import "./AccordionGroup.context.js";
|
|
@@ -3,7 +3,7 @@ import { unsafeCSS as v, css as _, LitElement as C, html as x } from "lit";
|
|
|
3
3
|
import { property as f, state as y } from "lit/decorators.js";
|
|
4
4
|
import E from "clsx";
|
|
5
5
|
import { g as w } from "../chunks/classNames.Cq_tbDRp.js";
|
|
6
|
-
import { a as A } from "../chunks/Accordion.
|
|
6
|
+
import { a as A } from "../chunks/Accordion.Bwk3EG3j.js";
|
|
7
7
|
import { c as z } from "../chunks/register-custom-element.DHGKOhmA.js";
|
|
8
8
|
import { AccordionGroupCtx as O } from "./AccordionGroup.context.js";
|
|
9
9
|
var S = Object.defineProperty, G = Object.getOwnPropertyDescriptor, g = (e) => {
|
package/Accordion/index.js
CHANGED
package/Alert/Alert.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { unsafeCSS as J, LitElement as Q, nothing as
|
|
1
|
+
import { unsafeCSS as J, LitElement as Q, nothing as m, html as d } from "lit";
|
|
2
2
|
import { property as l, queryAssignedNodes as P, query as $, state as X } from "lit/decorators.js";
|
|
3
3
|
import { unsafeSVG as Y } from "lit/directives/unsafe-svg.js";
|
|
4
4
|
import u from "clsx";
|
|
@@ -6,8 +6,8 @@ import { W as j } from "../chunks/WarningOutlined.DPfQnPPj.js";
|
|
|
6
6
|
import { t as ee, a as oe } from "../chunks/constants.jOWREYQE.js";
|
|
7
7
|
import { c as re } from "../chunks/CSSLookup.BdqZ5Li9.js";
|
|
8
8
|
import { n as f, g as ae, f as te, c as ie, e as se } from "../chunks/classNames.Cq_tbDRp.js";
|
|
9
|
-
import { r as
|
|
10
|
-
import { c as
|
|
9
|
+
import { r as me } from "../chunks/delegate.baxDQosr.js";
|
|
10
|
+
import { c as ne } from "../chunks/register-custom-element.DHGKOhmA.js";
|
|
11
11
|
import "../CloseButton/CloseButton.js";
|
|
12
12
|
const le = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
13
13
|
<path
|
|
@@ -31,18 +31,18 @@ const le = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/s
|
|
|
31
31
|
negative: "Error",
|
|
32
32
|
infoPrimary: "Information",
|
|
33
33
|
infoSecondary: "Information"
|
|
34
|
-
}, pe = "Dismiss Alert", be = ':root,:host,.bm-light,.bm-dark .bm-inverse,[data-bm-theme~=bm-light]{--bm-comp-alert-color-positive-bg: var( --bm-sem-color-surface-positive, #daf7cf );--bm-comp-alert-color-positive-icon: var( --bm-sem-color-icon-positive-strong, #187c36 );--bm-comp-alert-color-positive-heading: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-alert-color-positive-body: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-alert-color-positive-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-alert-color-warning-bg: var( --bm-sem-color-surface-warning, #ffe4c9 );--bm-comp-alert-color-warning-icon: var( --bm-sem-color-icon-warning-strong, #ac4902 );--bm-comp-alert-color-warning-heading: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-alert-color-warning-body: var(--bm-sem-color-text-primary, #141d24);--bm-comp-alert-color-warning-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-alert-color-negative-bg: var( --bm-sem-color-surface-negative, #fee6e7 );--bm-comp-alert-color-negative-icon: var( --bm-sem-color-icon-negative-strong, #cc2429 );--bm-comp-alert-color-negative-heading: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-alert-color-negative-body: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-alert-color-negative-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-alert-color-info-primary-bg: var( --bm-sem-color-surface-info-primary, #ccf0ff );--bm-comp-alert-color-info-primary-icon: var( --bm-sem-color-icon-info-primary-strong, #006ead );--bm-comp-alert-color-info-primary-heading: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-alert-color-info-primary-body: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-alert-color-info-primary-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-alert-color-info-secondary-bg: var( --bm-sem-color-surface-info-secondary, #dfe7ec );--bm-comp-alert-color-info-secondary-icon: var( --bm-sem-color-icon-info-secondary-strong, #465967 );--bm-comp-alert-color-info-secondary-heading: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-alert-color-info-secondary-body: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-alert-color-info-secondary-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-alert-space-x: var(--bm-sem-space-100, 1rem);--bm-comp-alert-space-y: var(--bm-sem-space-100, 1rem);--bm-comp-alert-space-sm-y: var(--bm-sem-space-75, .75rem);--bm-comp-alert-space-gap: var(--bm-sem-space-50, .5rem);--bm-comp-alert-space-text-gap: var(--bm-sem-space-12, .125rem);--bm-comp-alert-space-actions-gap: var(--bm-sem-space-50, .5rem);--bm-comp-alert-radius-in-page: var(--bm-sem-radius-md, .5rem);--bm-comp-alert-radius-full-width: var(--bm-sem-radius-none);--bm-comp-alert-border-width: var(--bm-sem-border-width-none, 0);--bm-comp-alert-size-sm-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-alert-size-md-icon: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-alert-typo-sm-heading: var( --bm-sem-typo-heading-xs, 700 1rem/1.25rem "Uni Neue" );--bm-comp-alert-typo-sm-body: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-alert-typo-md-heading: var( --bm-sem-typo-heading-sm, 700 1.125rem/1.5rem "Uni Neue" );--bm-comp-alert-typo-md-body: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-alert-shadow: var(--bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0))}:host,.bm-dark,.bm-light .bm-inverse,[data-bm-theme~=bm-dark]{--bm-comp-alert-color-positive-bg: var( --bm-sem-color-surface-positive, #02310e );--bm-comp-alert-color-positive-icon: var( --bm-sem-color-icon-positive-strong, #b3eb9e );--bm-comp-alert-color-positive-heading: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-alert-color-positive-body: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-alert-color-positive-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-alert-color-warning-bg: var( --bm-sem-color-surface-warning, #3e1a00 );--bm-comp-alert-color-warning-icon: var( --bm-sem-color-icon-warning-strong, #ffd4a8 );--bm-comp-alert-color-warning-heading: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-alert-color-warning-body: var(--bm-sem-color-text-primary, #ffffff);--bm-comp-alert-color-warning-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-alert-color-negative-bg: var( --bm-sem-color-surface-negative, #520f11 );--bm-comp-alert-color-negative-icon: var( --bm-sem-color-icon-negative-strong, #f67378 );--bm-comp-alert-color-negative-heading: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-alert-color-negative-body: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-alert-color-negative-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-alert-color-info-primary-bg: var( --bm-sem-color-surface-info-primary, #002f57 );--bm-comp-alert-color-info-primary-icon: var( --bm-sem-color-icon-info-primary-strong, #9be1ff );--bm-comp-alert-color-info-primary-heading: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-alert-color-info-primary-body: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-alert-color-info-primary-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-alert-color-info-secondary-bg: var( --bm-sem-color-surface-info-secondary, #202e39 );--bm-comp-alert-color-info-secondary-icon: var( --bm-sem-color-icon-info-secondary-strong, #c3cdd5 );--bm-comp-alert-color-info-secondary-heading: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-alert-color-info-secondary-body: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-alert-color-info-secondary-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-alert-space-x: var(--bm-sem-space-100, 1rem);--bm-comp-alert-space-y: var(--bm-sem-space-100, 1rem);--bm-comp-alert-space-sm-y: var(--bm-sem-space-75, .75rem);--bm-comp-alert-space-gap: var(--bm-sem-space-50, .5rem);--bm-comp-alert-space-text-gap: var(--bm-sem-space-12, .125rem);--bm-comp-alert-space-actions-gap: var(--bm-sem-space-50, .5rem);--bm-comp-alert-radius-in-page: var(--bm-sem-radius-md, .5rem);--bm-comp-alert-radius-full-width: var(--bm-sem-radius-none);--bm-comp-alert-border-width: var(--bm-sem-border-width-none, 0);--bm-comp-alert-size-sm-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-alert-size-md-icon: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-alert-typo-sm-heading: var( --bm-sem-typo-heading-xs, 700 1rem/1.25rem "Uni Neue" );--bm-comp-alert-typo-sm-body: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-alert-typo-md-heading: var( --bm-sem-typo-heading-sm, 700 1.125rem/1.5rem "Uni Neue" );--bm-comp-alert-typo-md-body: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-alert-shadow: var(--bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0))}.bm-alert{display:flex;align-items:center;word-break:break-word;gap:var(--bm-comp-alert-space-gap);padding:var(--bm-comp-alert-space-sm-y) var(--bm-comp-alert-space-x);box-shadow:var(--bm-comp-alert-shadow);border-width:var(--bm-comp-alert-border-width);border-style:solid;border-radius:var(--bm-comp-alert-radius-in-page)}.bm-alert__content__wrapper{flex:1 0 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--bm-comp-alert-space-gap)}.bm-alert .bm-alert__content{display:flex;flex-direction:column;gap:var(--bm-comp-alert-space-text-gap);font:var(--bm-comp-alert-typo-sm-body)}.bm-alert .bm-alert__content__heading{font:var(--bm-comp-alert-typo-sm-heading)}.bm-alert__actions{display:flex;gap:var(--bm-comp-alert-space-actions-gap)}.bm-alert .bm-alert__icon,.bm-alert .bm-alert__icon svg{display:flex;align-self:center;align-items:center;min-width:var(--bm-comp-alert-size-sm-icon);min-height:var(--bm-comp-alert-size-sm-icon)}.bm-alert .bm-alert__icon--wrapping,.bm-alert .bm-alert__icon svg--wrapping{align-self:flex-start}.bm-alert__close-button{display:flex;align-self:center}.bm-alert__close-button--wrapping{align-self:baseline}.bm-alert--full-width{border-radius:var(--bm-comp-alert-radius-full-width)}.bm-alert--md{padding:var(--bm-comp-alert-space-y) var(--bm-comp-alert-space-x)}.bm-alert--md .bm-alert__content{font:var(--bm-comp-alert-typo-md-body)}.bm-alert--md .bm-alert__content__heading{font:var(--bm-comp-alert-typo-md-heading)}.bm-alert--md .bm-alert__icon,.bm-alert--md .bm-alert__icon svg{min-width:var(--bm-comp-alert-size-md-icon);min-height:var(--bm-comp-alert-size-md-icon)}.bm-alert--positive{background-color:var(--bm-comp-alert-color-positive-bg);border-color:var(--bm-comp-alert-color-positive-border)}.bm-alert--positive .bm-alert__icon,.bm-alert--positive .bm-alert__icon svg{color:var(--bm-comp-alert-color-positive-icon)}.bm-alert--positive .bm-alert__content{color:var(--bm-comp-alert-color-positive-body)}.bm-alert--warning{background-color:var(--bm-comp-alert-color-warning-bg);border-color:var(--bm-comp-alert-color-warning-border)}.bm-alert--warning .bm-alert__icon,.bm-alert--warning .bm-alert__icon svg{color:var(--bm-comp-alert-color-warning-icon)}.bm-alert--warning .bm-alert__content{color:var(--bm-comp-alert-color-warning-body)}.bm-alert--negative{background-color:var(--bm-comp-alert-color-negative-bg);border-color:var(--bm-comp-alert-color-negative-border)}.bm-alert--negative .bm-alert__icon,.bm-alert--negative .bm-alert__icon svg{color:var(--bm-comp-alert-color-negative-icon)}.bm-alert--negative .bm-alert__content{color:var(--bm-comp-alert-color-negative-body)}.bm-alert--infoPrimary{background-color:var(--bm-comp-alert-color-info-primary-bg);border-color:var(--bm-comp-alert-color-info-primary-border)}.bm-alert--infoPrimary .bm-alert__icon,.bm-alert--infoPrimary .bm-alert__icon svg{color:var(--bm-comp-alert-color-info-primary-icon)}.bm-alert--infoPrimary .bm-alert__content{color:var(--bm-comp-alert-color-info-primary-body)}.bm-alert--infoSecondary{background-color:var(--bm-comp-alert-color-info-secondary-bg);border-color:var(--bm-comp-alert-color-info-secondary-border)}.bm-alert--infoSecondary .bm-alert__icon,.bm-alert--infoSecondary .bm-alert__icon svg{color:var(--bm-comp-alert-color-info-secondary-icon)}.bm-alert--infoSecondary .bm-alert__content{color:var(--bm-comp-alert-color-info-secondary-body)}.bm-alert[dir=rtl]{flex-direction:row-reverse}.bm-alert--no-box{display:contents}';
|
|
34
|
+
}, be = "Dismiss Alert", pe = ':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-alert-color-positive-bg: var( --bm-sem-color-surface-positive, #daf7cf );--bm-comp-alert-color-positive-icon: var( --bm-sem-color-icon-positive-strong, #187c36 );--bm-comp-alert-color-positive-heading: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-alert-color-positive-body: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-alert-color-positive-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-alert-color-warning-bg: var( --bm-sem-color-surface-warning, #ffe4c9 );--bm-comp-alert-color-warning-icon: var( --bm-sem-color-icon-warning-strong, #ac4902 );--bm-comp-alert-color-warning-heading: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-alert-color-warning-body: var(--bm-sem-color-text-primary, #141d24);--bm-comp-alert-color-warning-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-alert-color-negative-bg: var( --bm-sem-color-surface-negative, #fee6e7 );--bm-comp-alert-color-negative-icon: var( --bm-sem-color-icon-negative-strong, #cc2429 );--bm-comp-alert-color-negative-heading: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-alert-color-negative-body: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-alert-color-negative-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-alert-color-info-primary-bg: var( --bm-sem-color-surface-info-primary, #ccf0ff );--bm-comp-alert-color-info-primary-icon: var( --bm-sem-color-icon-info-primary-strong, #006ead );--bm-comp-alert-color-info-primary-heading: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-alert-color-info-primary-body: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-alert-color-info-primary-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-alert-color-info-secondary-bg: var( --bm-sem-color-surface-info-secondary, #dfe7ec );--bm-comp-alert-color-info-secondary-icon: var( --bm-sem-color-icon-info-secondary-strong, #465967 );--bm-comp-alert-color-info-secondary-heading: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-alert-color-info-secondary-body: var( --bm-sem-color-text-primary, #141d24 );--bm-comp-alert-color-info-secondary-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-alert-space-x: var(--bm-sem-space-100, 1rem);--bm-comp-alert-space-y: var(--bm-sem-space-100, 1rem);--bm-comp-alert-space-sm-y: var(--bm-sem-space-75, .75rem);--bm-comp-alert-space-gap: var(--bm-sem-space-50, .5rem);--bm-comp-alert-space-text-gap: var(--bm-sem-space-12, .125rem);--bm-comp-alert-space-actions-gap: var(--bm-sem-space-50, .5rem);--bm-comp-alert-radius-in-page: var(--bm-sem-radius-md, .5rem);--bm-comp-alert-radius-full-width: var(--bm-sem-radius-none);--bm-comp-alert-border-width: var(--bm-sem-border-width-none, 0);--bm-comp-alert-size-sm-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-alert-size-md-icon: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-alert-typo-sm-heading: var( --bm-sem-typo-heading-xs, 700 1rem/1.25rem "Uni Neue" );--bm-comp-alert-typo-sm-body: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-alert-typo-md-heading: var( --bm-sem-typo-heading-sm, 700 1.125rem/1.5rem "Uni Neue" );--bm-comp-alert-typo-md-body: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-alert-shadow: var(--bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0))}: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-alert-color-positive-bg: var( --bm-sem-color-surface-positive, #02310e );--bm-comp-alert-color-positive-icon: var( --bm-sem-color-icon-positive-strong, #b3eb9e );--bm-comp-alert-color-positive-heading: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-alert-color-positive-body: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-alert-color-positive-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-alert-color-warning-bg: var( --bm-sem-color-surface-warning, #3e1a00 );--bm-comp-alert-color-warning-icon: var( --bm-sem-color-icon-warning-strong, #ffd4a8 );--bm-comp-alert-color-warning-heading: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-alert-color-warning-body: var(--bm-sem-color-text-primary, #ffffff);--bm-comp-alert-color-warning-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-alert-color-negative-bg: var( --bm-sem-color-surface-negative, #520f11 );--bm-comp-alert-color-negative-icon: var( --bm-sem-color-icon-negative-strong, #f67378 );--bm-comp-alert-color-negative-heading: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-alert-color-negative-body: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-alert-color-negative-border: var(--bm-sem-color-none, #ffffff00);--bm-comp-alert-color-info-primary-bg: var( --bm-sem-color-surface-info-primary, #002f57 );--bm-comp-alert-color-info-primary-icon: var( --bm-sem-color-icon-info-primary-strong, #9be1ff );--bm-comp-alert-color-info-primary-heading: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-alert-color-info-primary-body: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-alert-color-info-primary-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-alert-color-info-secondary-bg: var( --bm-sem-color-surface-info-secondary, #202e39 );--bm-comp-alert-color-info-secondary-icon: var( --bm-sem-color-icon-info-secondary-strong, #c3cdd5 );--bm-comp-alert-color-info-secondary-heading: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-alert-color-info-secondary-body: var( --bm-sem-color-text-primary, #ffffff );--bm-comp-alert-color-info-secondary-border: var( --bm-sem-color-none, #ffffff00 );--bm-comp-alert-space-x: var(--bm-sem-space-100, 1rem);--bm-comp-alert-space-y: var(--bm-sem-space-100, 1rem);--bm-comp-alert-space-sm-y: var(--bm-sem-space-75, .75rem);--bm-comp-alert-space-gap: var(--bm-sem-space-50, .5rem);--bm-comp-alert-space-text-gap: var(--bm-sem-space-12, .125rem);--bm-comp-alert-space-actions-gap: var(--bm-sem-space-50, .5rem);--bm-comp-alert-radius-in-page: var(--bm-sem-radius-md, .5rem);--bm-comp-alert-radius-full-width: var(--bm-sem-radius-none);--bm-comp-alert-border-width: var(--bm-sem-border-width-none, 0);--bm-comp-alert-size-sm-icon: var(--bm-sem-size-icon-md, 1.25rem);--bm-comp-alert-size-md-icon: var(--bm-sem-size-icon-lg, 1.5rem);--bm-comp-alert-typo-sm-heading: var( --bm-sem-typo-heading-xs, 700 1rem/1.25rem "Uni Neue" );--bm-comp-alert-typo-sm-body: var( --bm-sem-typo-body-sm, 400 .875rem/1.25rem "Source Sans Pro" );--bm-comp-alert-typo-md-heading: var( --bm-sem-typo-heading-sm, 700 1.125rem/1.5rem "Uni Neue" );--bm-comp-alert-typo-md-body: var( --bm-sem-typo-body-md, 400 1rem/1.5rem "Source Sans Pro" );--bm-comp-alert-shadow: var(--bm-sem-shadow-none, 0 0 0 0 rgb(0, 0, 0, 0))}.bm-alert{display:flex;align-items:center;word-break:break-word;gap:var(--bm-comp-alert-space-gap);padding:var(--bm-comp-alert-space-sm-y) var(--bm-comp-alert-space-x);box-shadow:var(--bm-comp-alert-shadow);border-width:var(--bm-comp-alert-border-width);border-style:solid;border-radius:var(--bm-comp-alert-radius-in-page)}.bm-alert__content__wrapper{flex:1 0 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--bm-comp-alert-space-gap)}.bm-alert .bm-alert__content{display:flex;flex-direction:column;gap:var(--bm-comp-alert-space-text-gap);font:var(--bm-comp-alert-typo-sm-body)}.bm-alert .bm-alert__content__heading{font:var(--bm-comp-alert-typo-sm-heading)}.bm-alert__actions{display:flex;gap:var(--bm-comp-alert-space-actions-gap)}.bm-alert .bm-alert__icon,.bm-alert .bm-alert__icon svg{display:flex;align-self:center;align-items:center;min-width:var(--bm-comp-alert-size-sm-icon);min-height:var(--bm-comp-alert-size-sm-icon)}.bm-alert .bm-alert__icon--wrapping,.bm-alert .bm-alert__icon svg--wrapping{align-self:flex-start}.bm-alert__close-button{display:flex;align-self:center}.bm-alert__close-button--wrapping{align-self:baseline}.bm-alert--full-width{border-radius:var(--bm-comp-alert-radius-full-width)}.bm-alert--md{padding:var(--bm-comp-alert-space-y) var(--bm-comp-alert-space-x)}.bm-alert--md .bm-alert__content{font:var(--bm-comp-alert-typo-md-body)}.bm-alert--md .bm-alert__content__heading{font:var(--bm-comp-alert-typo-md-heading)}.bm-alert--md .bm-alert__icon,.bm-alert--md .bm-alert__icon svg{min-width:var(--bm-comp-alert-size-md-icon);min-height:var(--bm-comp-alert-size-md-icon)}.bm-alert--positive{background-color:var(--bm-comp-alert-color-positive-bg);border-color:var(--bm-comp-alert-color-positive-border)}.bm-alert--positive .bm-alert__icon,.bm-alert--positive .bm-alert__icon svg{color:var(--bm-comp-alert-color-positive-icon)}.bm-alert--positive .bm-alert__content{color:var(--bm-comp-alert-color-positive-body)}.bm-alert--warning{background-color:var(--bm-comp-alert-color-warning-bg);border-color:var(--bm-comp-alert-color-warning-border)}.bm-alert--warning .bm-alert__icon,.bm-alert--warning .bm-alert__icon svg{color:var(--bm-comp-alert-color-warning-icon)}.bm-alert--warning .bm-alert__content{color:var(--bm-comp-alert-color-warning-body)}.bm-alert--negative{background-color:var(--bm-comp-alert-color-negative-bg);border-color:var(--bm-comp-alert-color-negative-border)}.bm-alert--negative .bm-alert__icon,.bm-alert--negative .bm-alert__icon svg{color:var(--bm-comp-alert-color-negative-icon)}.bm-alert--negative .bm-alert__content{color:var(--bm-comp-alert-color-negative-body)}.bm-alert--infoPrimary{background-color:var(--bm-comp-alert-color-info-primary-bg);border-color:var(--bm-comp-alert-color-info-primary-border)}.bm-alert--infoPrimary .bm-alert__icon,.bm-alert--infoPrimary .bm-alert__icon svg{color:var(--bm-comp-alert-color-info-primary-icon)}.bm-alert--infoPrimary .bm-alert__content{color:var(--bm-comp-alert-color-info-primary-body)}.bm-alert--infoSecondary{background-color:var(--bm-comp-alert-color-info-secondary-bg);border-color:var(--bm-comp-alert-color-info-secondary-border)}.bm-alert--infoSecondary .bm-alert__icon,.bm-alert--infoSecondary .bm-alert__icon svg{color:var(--bm-comp-alert-color-info-secondary-icon)}.bm-alert--infoSecondary .bm-alert__content{color:var(--bm-comp-alert-color-info-secondary-body)}.bm-alert[dir=rtl]{flex-direction:row-reverse}.bm-alert--no-box{display:contents}';
|
|
35
35
|
var de = Object.defineProperty, fe = Object.getOwnPropertyDescriptor, G = (e) => {
|
|
36
36
|
throw TypeError(e);
|
|
37
|
-
}, i = (e, o, a,
|
|
38
|
-
for (var c =
|
|
39
|
-
(y = e[g]) && (c = (
|
|
40
|
-
return
|
|
41
|
-
}, T = (e, o, a) => o.has(e) || G("Cannot " + a), r = (e, o, a) => (T(e, o, "read from private field"), a ? a.call(e) : o.get(e)), s = (e, o, a) => o.has(e) ? G("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(e) : o.set(e, a), H = (e, o, a,
|
|
42
|
-
const { baseClassNamePrefix: he, subElementClassPrefix:
|
|
37
|
+
}, i = (e, o, a, n) => {
|
|
38
|
+
for (var c = n > 1 ? void 0 : n ? fe(o, a) : o, g = e.length - 1, y; g >= 0; g--)
|
|
39
|
+
(y = e[g]) && (c = (n ? y(o, a, c) : y(c)) || c);
|
|
40
|
+
return n && c && de(o, a, c), c;
|
|
41
|
+
}, T = (e, o, a) => o.has(e) || G("Cannot " + a), r = (e, o, a) => (T(e, o, "read from private field"), a ? a.call(e) : o.get(e)), s = (e, o, a) => o.has(e) ? G("Cannot add the same private member more than once") : o instanceof WeakSet ? o.add(e) : o.set(e, a), H = (e, o, a, n) => (T(e, o, "write to private field"), o.set(e, a), a), B, x, C, p, A, M, R, h, v, z, N, S, L, O, F, U, D;
|
|
42
|
+
const { baseClassNamePrefix: he, subElementClassPrefix: b, classModifierPrefix: w } = ae("alert");
|
|
43
43
|
let t = class extends Q {
|
|
44
44
|
constructor() {
|
|
45
|
-
super(), this.size = "sm", this.fullWidth = !1, this.appearance = "infoPrimary", this.hidden = !1, this.hideIcon = !1, this.dismissible = !1, this.disableAutoFocus = !1, this.disableCloseOnEscape = !1, this._isContentWrapping = !1, s(this, B, document.activeElement), s(this, x, () => !!this.heading || this.hasHeadingSlot), s(this, C, () => !!this.body || this.hasBodySlot), s(this,
|
|
45
|
+
super(), this.size = "sm", this.fullWidth = !1, this.appearance = "infoPrimary", this.hidden = !1, this.hideIcon = !1, this.dismissible = !1, this.disableAutoFocus = !1, this.disableCloseOnEscape = !1, this._isContentWrapping = !1, s(this, B, document.activeElement), s(this, x, () => !!this.heading || this.hasHeadingSlot), s(this, C, () => !!this.body || this.hasBodySlot), s(this, p, () => this.requestUpdate()), s(this, A, () => {
|
|
46
46
|
var e;
|
|
47
47
|
this.dispatchEvent(
|
|
48
48
|
new CustomEvent("bm-dismiss", {
|
|
@@ -78,14 +78,14 @@ let t = class extends Q {
|
|
|
78
78
|
var e;
|
|
79
79
|
r(this, h) && r(this, h).disconnect(), (e = r(this, v)) == null || e.cancel();
|
|
80
80
|
}), s(this, S, () => {
|
|
81
|
-
const e = r(this, x).call(this), o = r(this, C).call(this), a = this.hasActionSlot,
|
|
82
|
-
let W =
|
|
83
|
-
const E = Z ||
|
|
81
|
+
const e = r(this, x).call(this), o = r(this, C).call(this), a = this.hasActionSlot, n = this.dismissible, { role: c } = this, g = c === "alertdialog", y = !!(!this.disableAutoFocus && (a || n)), Z = g || y, K = Z ? "alertdialog" : c, q = e ? "heading" : m, k = o ? "body" : m;
|
|
82
|
+
let W = m;
|
|
83
|
+
const E = Z || n;
|
|
84
84
|
E && e ? W = q : E && o && (W = k);
|
|
85
|
-
let V =
|
|
85
|
+
let V = m;
|
|
86
86
|
return E && o && W !== k && (V = k), { role: K, ariaLabelledBy: W, ariaDescribedBy: V, headingId: q, bodyId: k };
|
|
87
87
|
}), s(this, L, () => {
|
|
88
|
-
if (this.hideIcon) return
|
|
88
|
+
if (this.hideIcon) return m;
|
|
89
89
|
const { icon: e, label: o } = {
|
|
90
90
|
infoPrimary: { icon: I, label: _.infoPrimary },
|
|
91
91
|
infoSecondary: { icon: I, label: _.infoSecondary },
|
|
@@ -96,51 +96,51 @@ let t = class extends Q {
|
|
|
96
96
|
return d`
|
|
97
97
|
<span
|
|
98
98
|
class=${u(
|
|
99
|
-
`${
|
|
100
|
-
(this._isContentWrapping || r(this, x).call(this) && r(this, C).call(this)) && `${
|
|
99
|
+
`${b}icon`,
|
|
100
|
+
(this._isContentWrapping || r(this, x).call(this) && r(this, C).call(this)) && `${b}icon--wrapping`
|
|
101
101
|
)}
|
|
102
102
|
>
|
|
103
|
-
<slot name="icon" @slotchange=${r(this,
|
|
104
|
-
${this.hasIconSlot ?
|
|
103
|
+
<slot name="icon" @slotchange=${r(this, p)}></slot>
|
|
104
|
+
${this.hasIconSlot ? m : Y(a)}
|
|
105
105
|
</span>
|
|
106
106
|
`;
|
|
107
107
|
}), s(this, O, () => {
|
|
108
|
-
const e = r(this, x).call(this), o = `${
|
|
108
|
+
const e = r(this, x).call(this), o = `${b}content__heading`, { headingId: a } = r(this, S).call(this);
|
|
109
109
|
return d`
|
|
110
110
|
<span
|
|
111
|
-
id=${e ? a :
|
|
111
|
+
id=${e ? a : m}
|
|
112
112
|
class=${u(
|
|
113
113
|
o,
|
|
114
114
|
!e && `${w}no-box`
|
|
115
115
|
)}
|
|
116
116
|
>
|
|
117
|
-
<slot name="heading" @slotchange=${r(this,
|
|
118
|
-
${this.hasHeadingSlot ?
|
|
117
|
+
<slot name="heading" @slotchange=${r(this, p)}></slot>
|
|
118
|
+
${this.hasHeadingSlot ? m : this.heading ?? m}
|
|
119
119
|
</hasBodySlot>
|
|
120
120
|
`;
|
|
121
121
|
}), s(this, F, () => {
|
|
122
122
|
const e = r(this, C).call(this), { bodyId: o } = r(this, S).call(this);
|
|
123
123
|
return d`
|
|
124
124
|
<span
|
|
125
|
-
id=${e ? o :
|
|
125
|
+
id=${e ? o : m}
|
|
126
126
|
class=${u(!e && `${w}no-box`)}
|
|
127
127
|
>
|
|
128
|
-
<slot name="body" @slotchange=${r(this,
|
|
129
|
-
${this.hasBodySlot ?
|
|
128
|
+
<slot name="body" @slotchange=${r(this, p)}></slot>
|
|
129
|
+
${this.hasBodySlot ? m : this.body ?? m}
|
|
130
130
|
</span>
|
|
131
131
|
`;
|
|
132
132
|
}), s(this, U, () => d`
|
|
133
|
-
<div class="${
|
|
133
|
+
<div class="${b}actions" ?hidden=${!this.hasActionSlot}>
|
|
134
134
|
<slot
|
|
135
135
|
id="actions-slot-wrapper"
|
|
136
136
|
name="actions"
|
|
137
|
-
@slotchange=${r(this,
|
|
137
|
+
@slotchange=${r(this, p)}
|
|
138
138
|
></slot>
|
|
139
139
|
</div>
|
|
140
140
|
`), s(this, D, () => this.dismissible ? d`<span
|
|
141
141
|
class=${u(
|
|
142
|
-
`${
|
|
143
|
-
this._isContentWrapping && `${
|
|
142
|
+
`${b}close-button`,
|
|
143
|
+
this._isContentWrapping && `${b}close-button--wrapping`
|
|
144
144
|
)}
|
|
145
145
|
>
|
|
146
146
|
<bm-close-button
|
|
@@ -148,9 +148,9 @@ let t = class extends Q {
|
|
|
148
148
|
@click=${r(this, A)}
|
|
149
149
|
style="display: flex;"
|
|
150
150
|
id="close-button"
|
|
151
|
-
aria-label=${
|
|
151
|
+
aria-label=${be}
|
|
152
152
|
></bm-close-button>
|
|
153
|
-
</span>` :
|
|
153
|
+
</span>` : m);
|
|
154
154
|
}
|
|
155
155
|
get hasHeadingSlot() {
|
|
156
156
|
return f(this.headingNodes);
|
|
@@ -174,7 +174,7 @@ let t = class extends Q {
|
|
|
174
174
|
firstUpdated() {
|
|
175
175
|
r(this, z).call(this), queueMicrotask(() => {
|
|
176
176
|
var o, a;
|
|
177
|
-
(f((o = this.headingSlot) == null ? void 0 : o.assignedNodes({ flatten: !0 })) || f((a = this.bodySlot) == null ? void 0 : a.assignedNodes({ flatten: !0 }))) && r(this,
|
|
177
|
+
(f((o = this.headingSlot) == null ? void 0 : o.assignedNodes({ flatten: !0 })) || f((a = this.bodySlot) == null ? void 0 : a.assignedNodes({ flatten: !0 }))) && r(this, p).call(this);
|
|
178
178
|
});
|
|
179
179
|
}
|
|
180
180
|
updated(e) {
|
|
@@ -182,8 +182,8 @@ let t = class extends Q {
|
|
|
182
182
|
}
|
|
183
183
|
// ---------- Main render ----------
|
|
184
184
|
render() {
|
|
185
|
-
if (this.hidden) return
|
|
186
|
-
const { role: e, ariaLabelledBy: o, ariaDescribedBy: a } = r(this, S).call(this),
|
|
185
|
+
if (this.hidden) return m;
|
|
186
|
+
const { role: e, ariaLabelledBy: o, ariaDescribedBy: a } = r(this, S).call(this), n = u(
|
|
187
187
|
he,
|
|
188
188
|
this.fullWidth && `${w}full-width`,
|
|
189
189
|
this.size && `${w}${this.size}`,
|
|
@@ -193,14 +193,14 @@ let t = class extends Q {
|
|
|
193
193
|
return d`
|
|
194
194
|
<div
|
|
195
195
|
role=${e}
|
|
196
|
-
class=${
|
|
196
|
+
class=${n}
|
|
197
197
|
aria-labelledby=${o}
|
|
198
198
|
aria-describedby=${a}
|
|
199
199
|
aria-modal="false"
|
|
200
200
|
>
|
|
201
201
|
${r(this, L).call(this)}
|
|
202
|
-
<div id="content" class="${
|
|
203
|
-
<div class="${
|
|
202
|
+
<div id="content" class="${b}content__wrapper">
|
|
203
|
+
<div class="${b}content">
|
|
204
204
|
${r(this, O).call(this)} ${r(this, F).call(this)}
|
|
205
205
|
</div>
|
|
206
206
|
${r(this, U).call(this)}
|
|
@@ -213,7 +213,7 @@ let t = class extends Q {
|
|
|
213
213
|
B = /* @__PURE__ */ new WeakMap();
|
|
214
214
|
x = /* @__PURE__ */ new WeakMap();
|
|
215
215
|
C = /* @__PURE__ */ new WeakMap();
|
|
216
|
-
|
|
216
|
+
p = /* @__PURE__ */ new WeakMap();
|
|
217
217
|
A = /* @__PURE__ */ new WeakMap();
|
|
218
218
|
M = /* @__PURE__ */ new WeakMap();
|
|
219
219
|
R = /* @__PURE__ */ new WeakMap();
|
|
@@ -227,8 +227,8 @@ O = /* @__PURE__ */ new WeakMap();
|
|
|
227
227
|
F = /* @__PURE__ */ new WeakMap();
|
|
228
228
|
U = /* @__PURE__ */ new WeakMap();
|
|
229
229
|
D = /* @__PURE__ */ new WeakMap();
|
|
230
|
-
|
|
231
|
-
t.styles = J(
|
|
230
|
+
me(t);
|
|
231
|
+
t.styles = J(pe);
|
|
232
232
|
i([
|
|
233
233
|
l()
|
|
234
234
|
], t.prototype, "heading", 2);
|
|
@@ -293,7 +293,7 @@ i([
|
|
|
293
293
|
$("#close-button")
|
|
294
294
|
], t.prototype, "_closeButtonRef", 2);
|
|
295
295
|
t = i([
|
|
296
|
-
|
|
296
|
+
ne("bm-alert")
|
|
297
297
|
], t);
|
|
298
298
|
export {
|
|
299
299
|
t as BmAlert
|
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.BgufO4-1.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.BgufO4-1.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,[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,[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-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)}';
|
|
44
44
|
var O = Object.defineProperty, V = Object.getOwnPropertyDescriptor, C = (o) => {
|
|
45
45
|
throw TypeError(o);
|
|
46
46
|
}, b = (o, r, e, i) => {
|
package/BadgeDot/BadgeDot.js
CHANGED
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
import { unsafeCSS as
|
|
1
|
+
import { unsafeCSS as p, LitElement as s, nothing as g, html as l } from "lit";
|
|
2
2
|
import { property as d } from "lit/decorators.js";
|
|
3
3
|
import f from "clsx";
|
|
4
4
|
import { g as v } from "../chunks/classNames.Cq_tbDRp.js";
|
|
5
5
|
import { t as y } from "../chunks/constants.jOWREYQE.js";
|
|
6
6
|
import { c as h } from "../chunks/register-custom-element.DHGKOhmA.js";
|
|
7
|
-
const x = ':root,:host,.bm-light,.bm-dark .bm-inverse,[data-bm-theme~=bm-light]{--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,[data-bm-theme~=bm-dark]{--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-dot{display:inline-flex;align-items:center;gap:var(--bm-comp-badge-dot-space-gap);font:var(--bm-comp-badge-dot-typo-strong);min-width:min-content;color:var(--bm-comp-badge-dot-color-info-primary-text)}.bm-badge-dot:before{content:" ";flex-shrink:0;min-width:var(--bm-comp-badge-dot-size);width:var(--bm-comp-badge-dot-size);height:var(--bm-comp-badge-dot-size);border-radius:var(--bm-comp-badge-dot-radius);border-width:var(--bm-comp-badge-dot-border-width);background-color:var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-info-primary-bg));border-color:var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-info-primary-border));border-style:solid;box-sizing:border-box}.bm-badge-dot:dir(rtl):before{flex-direction:row-reverse}.bm-badge-dot--infoPrimary{color:var(--bm-comp-badge-dot-color-info-primary-text)}.bm-badge-dot--infoPrimary:before{background-color:var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-info-primary-bg));border-color:var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-info-primary-border))}.bm-badge-dot--infoSecondary{color:var(--bm-comp-badge-dot-color-info-secondary-text)}.bm-badge-dot--infoSecondary:before{background-color:var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-info-secondary-bg));border-color:var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-info-secondary-border))}.bm-badge-dot--positive{color:var(--bm-comp-badge-dot-color-positive-text)}.bm-badge-dot--positive:before{background-color:var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-positive-bg));border-color:var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-positive-border))}.bm-badge-dot--warning{color:var(--bm-comp-badge-dot-color-warning-text)}.bm-badge-dot--warning:before{background-color:var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-warning-bg));border-color:var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-warning-border))}.bm-badge-dot--negative{color:var(--bm-comp-badge-dot-color-negative-text)}.bm-badge-dot--negative:before{background-color:var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-negative-bg));border-color:var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-negative-border))}.bm-badge-dot--subtle{font:var(--bm-comp-badge-dot-typo-subtle)}.bm-badge-dot--strong{font:var(--bm-comp-badge-dot-typo-strong)}';
|
|
8
|
-
var u = Object.defineProperty, w = Object.getOwnPropertyDescriptor,
|
|
9
|
-
for (var o = t > 1 ? void 0 : t ? w(e, m) : e, c =
|
|
10
|
-
(i =
|
|
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-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-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-dot{display:inline-flex;align-items:center;gap:var(--bm-comp-badge-dot-space-gap);font:var(--bm-comp-badge-dot-typo-strong);min-width:min-content;color:var(--bm-comp-badge-dot-color-info-primary-text)}.bm-badge-dot:before{content:" ";flex-shrink:0;min-width:var(--bm-comp-badge-dot-size);width:var(--bm-comp-badge-dot-size);height:var(--bm-comp-badge-dot-size);border-radius:var(--bm-comp-badge-dot-radius);border-width:var(--bm-comp-badge-dot-border-width);background-color:var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-info-primary-bg));border-color:var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-info-primary-border));border-style:solid;box-sizing:border-box}.bm-badge-dot:dir(rtl):before{flex-direction:row-reverse}.bm-badge-dot--infoPrimary{color:var(--bm-comp-badge-dot-color-info-primary-text)}.bm-badge-dot--infoPrimary:before{background-color:var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-info-primary-bg));border-color:var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-info-primary-border))}.bm-badge-dot--infoSecondary{color:var(--bm-comp-badge-dot-color-info-secondary-text)}.bm-badge-dot--infoSecondary:before{background-color:var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-info-secondary-bg));border-color:var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-info-secondary-border))}.bm-badge-dot--positive{color:var(--bm-comp-badge-dot-color-positive-text)}.bm-badge-dot--positive:before{background-color:var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-positive-bg));border-color:var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-positive-border))}.bm-badge-dot--warning{color:var(--bm-comp-badge-dot-color-warning-text)}.bm-badge-dot--warning:before{background-color:var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-warning-bg));border-color:var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-warning-border))}.bm-badge-dot--negative{color:var(--bm-comp-badge-dot-color-negative-text)}.bm-badge-dot--negative:before{background-color:var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-negative-bg));border-color:var(--bm-comp-badge-dot-color, var(--bm-comp-badge-dot-color-negative-border))}.bm-badge-dot--subtle{font:var(--bm-comp-badge-dot-typo-subtle)}.bm-badge-dot--strong{font:var(--bm-comp-badge-dot-typo-strong)}';
|
|
8
|
+
var u = Object.defineProperty, w = Object.getOwnPropertyDescriptor, b = (a, e, m, t) => {
|
|
9
|
+
for (var o = t > 1 ? void 0 : t ? w(e, m) : e, c = a.length - 1, i; c >= 0; c--)
|
|
10
|
+
(i = a[c]) && (o = (t ? i(e, m, o) : i(o)) || o);
|
|
11
11
|
return t && o && u(e, m, o), o;
|
|
12
12
|
};
|
|
13
|
-
const { baseClassNamePrefix: S, classModifierPrefix:
|
|
14
|
-
let r = class extends
|
|
13
|
+
const { baseClassNamePrefix: S, classModifierPrefix: n, variablePrefix: P } = v("badge-dot"), $ = `${P}-color`;
|
|
14
|
+
let r = class extends s {
|
|
15
15
|
constructor() {
|
|
16
16
|
super(), this.appearance = "infoPrimary", this.emphasis = "strong", this.badgeDotUniqueId = `badge-dot-${Math.random().toString(36).slice(2, 9)}`;
|
|
17
17
|
}
|
|
18
18
|
render() {
|
|
19
|
-
const
|
|
19
|
+
const a = `
|
|
20
20
|
${this.overrideDotColor ? `${$}: ${this.overrideDotColor};` : ""}
|
|
21
21
|
`, e = this.innerHTML.length > 0, m = f(
|
|
22
22
|
S,
|
|
23
|
-
this.emphasis && `${
|
|
24
|
-
this.appearance && `${
|
|
23
|
+
this.emphasis && `${n}${this.emphasis}`,
|
|
24
|
+
this.appearance && `${n}${this.appearance}`,
|
|
25
25
|
this.theme && y(this.theme)
|
|
26
26
|
);
|
|
27
27
|
return l`
|
|
28
28
|
<span
|
|
29
|
-
aria-describedby=${e ? this.badgeDotUniqueId :
|
|
29
|
+
aria-describedby=${e ? this.badgeDotUniqueId : g}
|
|
30
30
|
class=${m}
|
|
31
|
-
style=${
|
|
31
|
+
style=${a}
|
|
32
32
|
part="badge-dot"
|
|
33
33
|
>
|
|
34
34
|
<span id=${this.badgeDotUniqueId}>
|
|
@@ -38,20 +38,20 @@ let r = class extends g {
|
|
|
38
38
|
`;
|
|
39
39
|
}
|
|
40
40
|
};
|
|
41
|
-
r.styles =
|
|
42
|
-
|
|
41
|
+
r.styles = p(x);
|
|
42
|
+
b([
|
|
43
43
|
d({ type: String })
|
|
44
44
|
], r.prototype, "theme", 2);
|
|
45
|
-
|
|
45
|
+
b([
|
|
46
46
|
d({ type: String })
|
|
47
47
|
], r.prototype, "appearance", 2);
|
|
48
|
-
|
|
48
|
+
b([
|
|
49
49
|
d({ type: String })
|
|
50
50
|
], r.prototype, "emphasis", 2);
|
|
51
|
-
|
|
51
|
+
b([
|
|
52
52
|
d({ type: String })
|
|
53
53
|
], r.prototype, "overrideDotColor", 2);
|
|
54
|
-
r =
|
|
54
|
+
r = b([
|
|
55
55
|
h("bm-badge-dot")
|
|
56
56
|
], r);
|
|
57
57
|
export {
|
|
@@ -5,7 +5,7 @@ import N from "clsx";
|
|
|
5
5
|
import { g as k } from "../chunks/classNames.Cq_tbDRp.js";
|
|
6
6
|
import { t as $ } from "../chunks/constants.jOWREYQE.js";
|
|
7
7
|
import { f as I } from "../chunks/dom.CroF8n1N.js";
|
|
8
|
-
import { b as L } from "../chunks/BreadcrumbsItem.
|
|
8
|
+
import { b as L } from "../chunks/BreadcrumbsItem.DmudL_IG.js";
|
|
9
9
|
import { c as O } from "../chunks/register-custom-element.DHGKOhmA.js";
|
|
10
10
|
import { BreadcrumbGroupCtx as T } from "./Breadcrumbs.context.js";
|
|
11
11
|
var q = Object.defineProperty, D = Object.getOwnPropertyDescriptor, A = (t) => {
|
|
@@ -2,7 +2,7 @@ import "@lit/context";
|
|
|
2
2
|
import "lit";
|
|
3
3
|
import "lit/decorators.js";
|
|
4
4
|
import "lit/directives/unsafe-svg.js";
|
|
5
|
-
import { B as c } from "../chunks/BreadcrumbsItem.
|
|
5
|
+
import { B as c } from "../chunks/BreadcrumbsItem.DmudL_IG.js";
|
|
6
6
|
import "../chunks/classNames.Cq_tbDRp.js";
|
|
7
7
|
import "../chunks/register-custom-element.DHGKOhmA.js";
|
|
8
8
|
import "../chunks/helpers.AwJwaZvv.js";
|
package/Breadcrumbs/index.js
CHANGED