@viasat/beam-web-components 2.53.0 → 2.54.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/Alert/Alert.js +1 -1
- package/Badge/Badge.js +1 -1
- package/custom-elements.json +803 -803
- package/local/Alert/Alert.js +1 -1
- package/local/Badge/Badge.js +1 -1
- package/package.json +6 -6
- package/vscode.html-custom-data.json +138 -138
package/local/Alert/Alert.js
CHANGED
|
@@ -32,7 +32,7 @@ const le = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/s
|
|
|
32
32
|
negative: "Error",
|
|
33
33
|
infoPrimary: "Information",
|
|
34
34
|
infoSecondary: "Information"
|
|
35
|
-
}, 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
|
+
}, 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, #3d4953 );--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}';
|
|
36
36
|
var de = Object.defineProperty, fe = Object.getOwnPropertyDescriptor, G = (e) => {
|
|
37
37
|
throw TypeError(e);
|
|
38
38
|
}, i = (e, o, a, n) => {
|
package/local/Badge/Badge.js
CHANGED
|
@@ -38,7 +38,7 @@ const B = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/sv
|
|
|
38
38
|
</clipPath>
|
|
39
39
|
</defs>
|
|
40
40
|
</svg>
|
|
41
|
-
`, H = Z, L = ':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)}';
|
|
41
|
+
`, H = Z, L = ':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, #3d4953 );--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)}';
|
|
42
42
|
var O = Object.defineProperty, V = Object.getOwnPropertyDescriptor, C = (o) => {
|
|
43
43
|
throw TypeError(o);
|
|
44
44
|
}, b = (o, r, e, i) => {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@viasat/beam-web-components",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.54.1",
|
|
4
4
|
"description": "Framework-agnostic web components for the Beam Design System built with Lit, compatible with Angular, Vue, Svelte, and vanilla JavaScript",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Viasat",
|
|
@@ -64,11 +64,11 @@
|
|
|
64
64
|
"access": "public"
|
|
65
65
|
},
|
|
66
66
|
"dependencies": {
|
|
67
|
-
"@viasat/beam-fonts": "2.
|
|
68
|
-
"@viasat/beam-shared": "2.
|
|
69
|
-
"@viasat/beam-styles": "2.
|
|
70
|
-
"@viasat/beam-tokens": "2.
|
|
71
|
-
"@viasat/beam-icons": "2.
|
|
67
|
+
"@viasat/beam-fonts": "2.54.1",
|
|
68
|
+
"@viasat/beam-shared": "2.54.1",
|
|
69
|
+
"@viasat/beam-styles": "2.54.1",
|
|
70
|
+
"@viasat/beam-tokens": "2.54.1",
|
|
71
|
+
"@viasat/beam-icons": "2.54.1",
|
|
72
72
|
"clsx": "^1.2.1",
|
|
73
73
|
"lit": "^3.1.0",
|
|
74
74
|
"@lit/context": "^1.1.1",
|
|
@@ -159,6 +159,49 @@
|
|
|
159
159
|
}
|
|
160
160
|
]
|
|
161
161
|
},
|
|
162
|
+
{
|
|
163
|
+
"name": "bm-badge",
|
|
164
|
+
"description": "`bm-badge`\n\n### Attributes:\n- **appearance** - Specify the appearance of the Badge\n- **theme** - Theme of the Badge\n- **size** - Specify the size of the Badge\n- **emphasis** - Specify the emphasis of the Badge\n- **hideIcon** - Hides Badge icon\n---\n\n\n### **Slots:**\n - **default** - Provide text for the Badge\n- **icon** - Specify a different icon for the Badge",
|
|
165
|
+
"attributes": [
|
|
166
|
+
{
|
|
167
|
+
"name": "appearance",
|
|
168
|
+
"description": "Specify the appearance of the Badge",
|
|
169
|
+
"values": [
|
|
170
|
+
{ "name": "infoPrimary" },
|
|
171
|
+
{ "name": "infoSecondary" },
|
|
172
|
+
{ "name": "positive" },
|
|
173
|
+
{ "name": "warning" },
|
|
174
|
+
{ "name": "negative" }
|
|
175
|
+
]
|
|
176
|
+
},
|
|
177
|
+
{
|
|
178
|
+
"name": "theme",
|
|
179
|
+
"description": "Theme of the Badge",
|
|
180
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
181
|
+
},
|
|
182
|
+
{
|
|
183
|
+
"name": "size",
|
|
184
|
+
"description": "Specify the size of the Badge",
|
|
185
|
+
"values": [{ "name": "sm" }, { "name": "md" }]
|
|
186
|
+
},
|
|
187
|
+
{
|
|
188
|
+
"name": "emphasis",
|
|
189
|
+
"description": "Specify the emphasis of the Badge",
|
|
190
|
+
"values": [
|
|
191
|
+
{ "name": "strong" },
|
|
192
|
+
{ "name": "medium" },
|
|
193
|
+
{ "name": "subtle" }
|
|
194
|
+
]
|
|
195
|
+
},
|
|
196
|
+
{ "name": "hideIcon", "description": "Hides Badge icon", "values": [] }
|
|
197
|
+
],
|
|
198
|
+
"references": [
|
|
199
|
+
{
|
|
200
|
+
"name": "Storybook",
|
|
201
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/components-badge"
|
|
202
|
+
}
|
|
203
|
+
]
|
|
204
|
+
},
|
|
162
205
|
{
|
|
163
206
|
"name": "bm-alert",
|
|
164
207
|
"description": "`bm-alert`\n\n### Attributes:\n- **heading** - Specify the heading text for Alert\n- **body** - Specify the body text for Alert\n- **size** - Specify the size of the Alert\n- **fullWidth** - Specify if the Alert has no border radius\n- **theme** - Specify the theme of the Alert. By default it inherits the theme from the parent\n- **appearance** - Specify the appearance of the Alert\n- **hidden** - Specify if the Alert is hidden\n- **hideIcon** - Specify if the icon displays on the Alert\n- **dismissible** - Specify if the Alert can be dismissed\n- **disableAutoFocus** - Prevent autofocus on show\n- **disableCloseOnEscape** - Prevent Escape from closing\n---\n\n\n### **Events:**\n - **bm-dismiss** - Dispatched when the Alert has been dismissed\n\n### **Slots:**\n - **icon** - Specify a different icon for the Alert\n- **heading** - Specify the heading text for Alert or pass the `heading` attribute to set the heading\n- **body** - Specify the body text for Alert or pass the `body` attribute to set the body\n- **actions** - Specify if actions display on the Alert",
|
|
@@ -232,49 +275,6 @@
|
|
|
232
275
|
}
|
|
233
276
|
]
|
|
234
277
|
},
|
|
235
|
-
{
|
|
236
|
-
"name": "bm-badge",
|
|
237
|
-
"description": "`bm-badge`\n\n### Attributes:\n- **appearance** - Specify the appearance of the Badge\n- **theme** - Theme of the Badge\n- **size** - Specify the size of the Badge\n- **emphasis** - Specify the emphasis of the Badge\n- **hideIcon** - Hides Badge icon\n---\n\n\n### **Slots:**\n - **default** - Provide text for the Badge\n- **icon** - Specify a different icon for the Badge",
|
|
238
|
-
"attributes": [
|
|
239
|
-
{
|
|
240
|
-
"name": "appearance",
|
|
241
|
-
"description": "Specify the appearance of the Badge",
|
|
242
|
-
"values": [
|
|
243
|
-
{ "name": "infoPrimary" },
|
|
244
|
-
{ "name": "infoSecondary" },
|
|
245
|
-
{ "name": "positive" },
|
|
246
|
-
{ "name": "warning" },
|
|
247
|
-
{ "name": "negative" }
|
|
248
|
-
]
|
|
249
|
-
},
|
|
250
|
-
{
|
|
251
|
-
"name": "theme",
|
|
252
|
-
"description": "Theme of the Badge",
|
|
253
|
-
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
254
|
-
},
|
|
255
|
-
{
|
|
256
|
-
"name": "size",
|
|
257
|
-
"description": "Specify the size of the Badge",
|
|
258
|
-
"values": [{ "name": "sm" }, { "name": "md" }]
|
|
259
|
-
},
|
|
260
|
-
{
|
|
261
|
-
"name": "emphasis",
|
|
262
|
-
"description": "Specify the emphasis of the Badge",
|
|
263
|
-
"values": [
|
|
264
|
-
{ "name": "strong" },
|
|
265
|
-
{ "name": "medium" },
|
|
266
|
-
{ "name": "subtle" }
|
|
267
|
-
]
|
|
268
|
-
},
|
|
269
|
-
{ "name": "hideIcon", "description": "Hides Badge icon", "values": [] }
|
|
270
|
-
],
|
|
271
|
-
"references": [
|
|
272
|
-
{
|
|
273
|
-
"name": "Storybook",
|
|
274
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/components-badge"
|
|
275
|
-
}
|
|
276
|
-
]
|
|
277
|
-
},
|
|
278
278
|
{
|
|
279
279
|
"name": "bm-badge-dot",
|
|
280
280
|
"description": "`bm-badge-dot`\n\n### Attributes:\n- **theme** - Specify the theme of the BadgeDot. By default it inherits the theme from the parent\n- **appearance** - Specify the appearance of the BadgeDot\n- **emphasis** - Specify the emphasis of the BadgeDot\n- **overrideDotColor** - Overrides default dot color\n---\n\n\n### **Slots:**\n - **default** - Provide text for the BadgeDot",
|
|
@@ -1954,6 +1954,58 @@
|
|
|
1954
1954
|
}
|
|
1955
1955
|
]
|
|
1956
1956
|
},
|
|
1957
|
+
{
|
|
1958
|
+
"name": "bm-radio-button",
|
|
1959
|
+
"description": "`bm-radio-button`\n\n### Attributes:\n- **label** - Specify the text for the label\n- **error** - Specify error text and display error state of a RadioButton\n- **readOnly** - Specify if RadioButton displays in a read-only state\n- **disabled** - Specify if RadioButton displays in a disabled state\n- **theme** - Specify the theme of the RadioButton. By default it inherits the theme from the parent\n- **value** - The value attribute for the input element\n- **checked** - The checked attribute for the input element\n- **onKeyDown** - A user-defined function to handle keydown events\n---\n",
|
|
1960
|
+
"attributes": [
|
|
1961
|
+
{
|
|
1962
|
+
"name": "label",
|
|
1963
|
+
"description": "Specify the text for the label",
|
|
1964
|
+
"values": []
|
|
1965
|
+
},
|
|
1966
|
+
{
|
|
1967
|
+
"name": "error",
|
|
1968
|
+
"description": "Specify error text and display error state of a RadioButton",
|
|
1969
|
+
"values": []
|
|
1970
|
+
},
|
|
1971
|
+
{
|
|
1972
|
+
"name": "readOnly",
|
|
1973
|
+
"description": "Specify if RadioButton displays in a read-only state",
|
|
1974
|
+
"values": []
|
|
1975
|
+
},
|
|
1976
|
+
{
|
|
1977
|
+
"name": "disabled",
|
|
1978
|
+
"description": "Specify if RadioButton displays in a disabled state",
|
|
1979
|
+
"values": []
|
|
1980
|
+
},
|
|
1981
|
+
{
|
|
1982
|
+
"name": "theme",
|
|
1983
|
+
"description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
|
|
1984
|
+
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
1985
|
+
},
|
|
1986
|
+
{
|
|
1987
|
+
"name": "value",
|
|
1988
|
+
"description": "The value attribute for the input element",
|
|
1989
|
+
"values": []
|
|
1990
|
+
},
|
|
1991
|
+
{
|
|
1992
|
+
"name": "checked",
|
|
1993
|
+
"description": "The checked attribute for the input element",
|
|
1994
|
+
"values": []
|
|
1995
|
+
},
|
|
1996
|
+
{
|
|
1997
|
+
"name": "onKeyDown",
|
|
1998
|
+
"description": "A user-defined function to handle keydown events",
|
|
1999
|
+
"values": [{ "name": "(event: KeyboardEvent) => void" }]
|
|
2000
|
+
}
|
|
2001
|
+
],
|
|
2002
|
+
"references": [
|
|
2003
|
+
{
|
|
2004
|
+
"name": "Storybook",
|
|
2005
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-radiobutton"
|
|
2006
|
+
}
|
|
2007
|
+
]
|
|
2008
|
+
},
|
|
1957
2009
|
{
|
|
1958
2010
|
"name": "bm-file-upload-button",
|
|
1959
2011
|
"description": "`bm-file-upload-button`\n\n### Attributes:\n- **error** - Specify if FileUpload is in error state\n- **accept** - Specify the accepted file types\n- **multiple** - Specify if multiple files can be uploaded\n---\n\n\n### **Slots:**\n - **default** - Specify text for the Button\n- **iconBefore** - Specify if the Button displays icon before the text\n- **iconAfter** - Specify if the Button displays icon after the text",
|
|
@@ -2331,101 +2383,6 @@
|
|
|
2331
2383
|
}
|
|
2332
2384
|
]
|
|
2333
2385
|
},
|
|
2334
|
-
{
|
|
2335
|
-
"name": "bm-radio-button",
|
|
2336
|
-
"description": "`bm-radio-button`\n\n### Attributes:\n- **label** - Specify the text for the label\n- **error** - Specify error text and display error state of a RadioButton\n- **readOnly** - Specify if RadioButton displays in a read-only state\n- **disabled** - Specify if RadioButton displays in a disabled state\n- **theme** - Specify the theme of the RadioButton. By default it inherits the theme from the parent\n- **value** - The value attribute for the input element\n- **checked** - The checked attribute for the input element\n- **onKeyDown** - A user-defined function to handle keydown events\n---\n",
|
|
2337
|
-
"attributes": [
|
|
2338
|
-
{
|
|
2339
|
-
"name": "label",
|
|
2340
|
-
"description": "Specify the text for the label",
|
|
2341
|
-
"values": []
|
|
2342
|
-
},
|
|
2343
|
-
{
|
|
2344
|
-
"name": "error",
|
|
2345
|
-
"description": "Specify error text and display error state of a RadioButton",
|
|
2346
|
-
"values": []
|
|
2347
|
-
},
|
|
2348
|
-
{
|
|
2349
|
-
"name": "readOnly",
|
|
2350
|
-
"description": "Specify if RadioButton displays in a read-only state",
|
|
2351
|
-
"values": []
|
|
2352
|
-
},
|
|
2353
|
-
{
|
|
2354
|
-
"name": "disabled",
|
|
2355
|
-
"description": "Specify if RadioButton displays in a disabled state",
|
|
2356
|
-
"values": []
|
|
2357
|
-
},
|
|
2358
|
-
{
|
|
2359
|
-
"name": "theme",
|
|
2360
|
-
"description": "Specify the theme of the RadioButton. By default it inherits the theme from the parent",
|
|
2361
|
-
"values": [{ "name": "light" }, { "name": "dark" }]
|
|
2362
|
-
},
|
|
2363
|
-
{
|
|
2364
|
-
"name": "value",
|
|
2365
|
-
"description": "The value attribute for the input element",
|
|
2366
|
-
"values": []
|
|
2367
|
-
},
|
|
2368
|
-
{
|
|
2369
|
-
"name": "checked",
|
|
2370
|
-
"description": "The checked attribute for the input element",
|
|
2371
|
-
"values": []
|
|
2372
|
-
},
|
|
2373
|
-
{
|
|
2374
|
-
"name": "onKeyDown",
|
|
2375
|
-
"description": "A user-defined function to handle keydown events",
|
|
2376
|
-
"values": [{ "name": "(event: KeyboardEvent) => void" }]
|
|
2377
|
-
}
|
|
2378
|
-
],
|
|
2379
|
-
"references": [
|
|
2380
|
-
{
|
|
2381
|
-
"name": "Storybook",
|
|
2382
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-radiobutton"
|
|
2383
|
-
}
|
|
2384
|
-
]
|
|
2385
|
-
},
|
|
2386
|
-
{
|
|
2387
|
-
"name": "bm-switch",
|
|
2388
|
-
"description": "`bm-switch`\n\n### Attributes:\n- **onText** - Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.\n- **offText** - Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.\n- **textPosition** - Specify the position of the side label\n- **readOnly** - Specify if Switch displays in a read-only state\n- **disabled** - Specify if Switch displays in a disabled state\n- **checked** \n- **value** - The value attribute for the input element\n---\n\n\n### **Slots:**\n - **onText** - Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.\n- **offText** - Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
|
|
2389
|
-
"attributes": [
|
|
2390
|
-
{
|
|
2391
|
-
"name": "onText",
|
|
2392
|
-
"description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
|
|
2393
|
-
"values": []
|
|
2394
|
-
},
|
|
2395
|
-
{
|
|
2396
|
-
"name": "offText",
|
|
2397
|
-
"description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
|
|
2398
|
-
"values": []
|
|
2399
|
-
},
|
|
2400
|
-
{
|
|
2401
|
-
"name": "textPosition",
|
|
2402
|
-
"description": "Specify the position of the side label",
|
|
2403
|
-
"values": [{ "name": "before" }, { "name": "after" }]
|
|
2404
|
-
},
|
|
2405
|
-
{
|
|
2406
|
-
"name": "readOnly",
|
|
2407
|
-
"description": "Specify if Switch displays in a read-only state",
|
|
2408
|
-
"values": []
|
|
2409
|
-
},
|
|
2410
|
-
{
|
|
2411
|
-
"name": "disabled",
|
|
2412
|
-
"description": "Specify if Switch displays in a disabled state",
|
|
2413
|
-
"values": []
|
|
2414
|
-
},
|
|
2415
|
-
{ "name": "checked", "values": [] },
|
|
2416
|
-
{
|
|
2417
|
-
"name": "value",
|
|
2418
|
-
"description": "The value attribute for the input element",
|
|
2419
|
-
"values": []
|
|
2420
|
-
}
|
|
2421
|
-
],
|
|
2422
|
-
"references": [
|
|
2423
|
-
{
|
|
2424
|
-
"name": "Storybook",
|
|
2425
|
-
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-switch"
|
|
2426
|
-
}
|
|
2427
|
-
]
|
|
2428
|
-
},
|
|
2429
2386
|
{
|
|
2430
2387
|
"name": "bm-text-area",
|
|
2431
2388
|
"description": "`bm-text-area`\n---\n\n\n### **Slots:**\n - **label** - Specify the label for TextArea\n- **helper-text** - Specify the helper text for TextArea",
|
|
@@ -2516,6 +2473,49 @@
|
|
|
2516
2473
|
}
|
|
2517
2474
|
]
|
|
2518
2475
|
},
|
|
2476
|
+
{
|
|
2477
|
+
"name": "bm-switch",
|
|
2478
|
+
"description": "`bm-switch`\n\n### Attributes:\n- **onText** - Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.\n- **offText** - Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.\n- **textPosition** - Specify the position of the side label\n- **readOnly** - Specify if Switch displays in a read-only state\n- **disabled** - Specify if Switch displays in a disabled state\n- **checked** \n- **value** - The value attribute for the input element\n---\n\n\n### **Slots:**\n - **onText** - Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.\n- **offText** - Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
|
|
2479
|
+
"attributes": [
|
|
2480
|
+
{
|
|
2481
|
+
"name": "onText",
|
|
2482
|
+
"description": "Specify a side label for the “on” position. If onText is not specified, side label defaults to offText value.",
|
|
2483
|
+
"values": []
|
|
2484
|
+
},
|
|
2485
|
+
{
|
|
2486
|
+
"name": "offText",
|
|
2487
|
+
"description": "Specify a side label for the “off” position. If offText is not specified, side label defaults to onText value.",
|
|
2488
|
+
"values": []
|
|
2489
|
+
},
|
|
2490
|
+
{
|
|
2491
|
+
"name": "textPosition",
|
|
2492
|
+
"description": "Specify the position of the side label",
|
|
2493
|
+
"values": [{ "name": "before" }, { "name": "after" }]
|
|
2494
|
+
},
|
|
2495
|
+
{
|
|
2496
|
+
"name": "readOnly",
|
|
2497
|
+
"description": "Specify if Switch displays in a read-only state",
|
|
2498
|
+
"values": []
|
|
2499
|
+
},
|
|
2500
|
+
{
|
|
2501
|
+
"name": "disabled",
|
|
2502
|
+
"description": "Specify if Switch displays in a disabled state",
|
|
2503
|
+
"values": []
|
|
2504
|
+
},
|
|
2505
|
+
{ "name": "checked", "values": [] },
|
|
2506
|
+
{
|
|
2507
|
+
"name": "value",
|
|
2508
|
+
"description": "The value attribute for the input element",
|
|
2509
|
+
"values": []
|
|
2510
|
+
}
|
|
2511
|
+
],
|
|
2512
|
+
"references": [
|
|
2513
|
+
{
|
|
2514
|
+
"name": "Storybook",
|
|
2515
|
+
"url": "https://web-components.beam.viasat.com/?path=/docs/forms-switch"
|
|
2516
|
+
}
|
|
2517
|
+
]
|
|
2518
|
+
},
|
|
2519
2519
|
{
|
|
2520
2520
|
"name": "bm-checkbox-group",
|
|
2521
2521
|
"description": "\n---\n\n\n### **Slots:**\n - **label** - Add label text to the InputChoiceGroup\n- **helperText** - Add helper text to the InputChoiceGroup",
|