@viasat/beam-react 2.48.0 → 2.48.2
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/CHANGELOG.md +20 -0
- package/assets/card.css +1 -1
- package/package.json +7 -7
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,23 @@
|
|
|
1
|
+
## 2.48.2 (2026-07-27)
|
|
2
|
+
|
|
3
|
+
### 🩹 Fixes
|
|
4
|
+
|
|
5
|
+
- **AI:** remove beam-manifest from gitignore causing missing beam-manifest in MCP build ([#1382](https://git.viasat.com/vega/Beam/pull/1382))
|
|
6
|
+
|
|
7
|
+
### ❤️ Thank You
|
|
8
|
+
|
|
9
|
+
- Amaral, Thomas
|
|
10
|
+
|
|
11
|
+
## 2.48.1 (2026-07-27)
|
|
12
|
+
|
|
13
|
+
### 🩹 Fixes
|
|
14
|
+
|
|
15
|
+
- **Card:** Isolate card's z indices to prevent stacking errors with other components ([#1380](https://git.viasat.com/vega/Beam/pull/1380))
|
|
16
|
+
|
|
17
|
+
### ❤️ Thank You
|
|
18
|
+
|
|
19
|
+
- Amaral, Thomas
|
|
20
|
+
|
|
1
21
|
## 2.48.0 (2026-07-27)
|
|
2
22
|
|
|
3
23
|
### 🚀 Features
|
package/assets/card.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
: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-card-space-pad-sm:var(--bm-sem-space-50,.5rem);--bm-comp-card-space-pad-md:var(--bm-sem-space-100,1rem);--bm-comp-card-space-pad-lg:var(--bm-sem-space-150,1.5rem);--bm-comp-card-space-gap-sm:var(--bm-sem-space-25,.25rem);--bm-comp-card-space-gap-md:var(--bm-sem-space-50,.5rem);--bm-comp-card-space-gap-lg:var(--bm-sem-space-75,.75rem);--bm-comp-card-space-footer-actions-top:var(--bm-sem-space-50,.5rem);--bm-comp-card-space-footer-actions-gap:var(--bm-sem-space-75,.75rem);--bm-comp-card-space-footer-actions-gap-stacked:var(--bm-sem-space-75,.75rem);--bm-comp-card-space-header-gap:var(--bm-sem-space-75,.75rem);--bm-comp-card-space-header-actions-gap:var(--bm-sem-space-50,.5rem);--bm-comp-card-color-bg:var(--bm-sem-color-surface-01,#fff);--bm-comp-card-color-bg-selected:var(--bm-sem-color-surface-01,#fff);--bm-comp-card-color-border:var(--bm-sem-color-border-01,#dfe7ec);--bm-comp-card-color-border-selected:var(--bm-sem-color-border-selected,#00768f);--bm-comp-card-color-heading:var(--bm-sem-color-text-primary,#141d24);--bm-comp-card-color-body:var(--bm-sem-color-text-secondary,#576775);--bm-comp-card-color-icon:var(--bm-sem-color-icon-secondary,#576775);--bm-comp-card-color-supporting:var(--bm-sem-color-text-secondary,#576775);--bm-comp-card-color-eyebrow:var(--bm-sem-color-text-secondary,#576775);--bm-comp-card-shadow:var(--bm-sem-shadow-none,0 0 0 0 #0000);--bm-comp-card-radius-outer:var(--bm-sem-radius-md,.5rem);--bm-comp-card-radius-inner:var(--bm-sem-radius-sm,.25rem);--bm-comp-card-typo-heading:var(--bm-sem-typo-heading-sm,700 1.125rem/1.5rem "Uni Neue");--bm-comp-card-typo-body:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-card-typo-supporting:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-card-typo-eyebrow:var(--bm-sem-typo-label-sm,600 .875rem/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-card-space-pad-sm:var(--bm-sem-space-50,.5rem);--bm-comp-card-space-pad-md:var(--bm-sem-space-100,1rem);--bm-comp-card-space-pad-lg:var(--bm-sem-space-150,1.5rem);--bm-comp-card-space-gap-sm:var(--bm-sem-space-25,.25rem);--bm-comp-card-space-gap-md:var(--bm-sem-space-50,.5rem);--bm-comp-card-space-gap-lg:var(--bm-sem-space-75,.75rem);--bm-comp-card-space-footer-actions-top:var(--bm-sem-space-50,.5rem);--bm-comp-card-space-footer-actions-gap:var(--bm-sem-space-75,.75rem);--bm-comp-card-space-footer-actions-gap-stacked:var(--bm-sem-space-75,.75rem);--bm-comp-card-space-header-gap:var(--bm-sem-space-75,.75rem);--bm-comp-card-space-header-actions-gap:var(--bm-sem-space-50,.5rem);--bm-comp-card-color-bg:var(--bm-sem-color-surface-01,#202e39);--bm-comp-card-color-bg-selected:var(--bm-sem-color-surface-01,#202e39);--bm-comp-card-color-border:var(--bm-sem-color-border-01,#32424e);--bm-comp-card-color-border-selected:var(--bm-sem-color-border-selected,#43bfd6);--bm-comp-card-color-heading:var(--bm-sem-color-text-primary,#fff);--bm-comp-card-color-body:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-card-color-icon:var(--bm-sem-color-icon-secondary,#c3cdd5);--bm-comp-card-color-supporting:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-card-color-eyebrow:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-card-shadow:var(--bm-sem-shadow-none,0 0 0 0 #0000);--bm-comp-card-radius-outer:var(--bm-sem-radius-md,.5rem);--bm-comp-card-radius-inner:var(--bm-sem-radius-sm,.25rem);--bm-comp-card-typo-heading:var(--bm-sem-typo-heading-sm,700 1.125rem/1.5rem "Uni Neue");--bm-comp-card-typo-body:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-card-typo-supporting:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-card-typo-eyebrow:var(--bm-sem-typo-label-sm,600 .875rem/1.25rem "Source Sans Pro")}:root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-input-color-bg:var(--bm-sem-color-surface-01,#fff);--bm-comp-input-color-bg-disabled:var(--bm-sem-color-surface-highlight,#9fafbc29);--bm-comp-input-color-border:var(--bm-sem-color-border-strong,#8697a5);--bm-comp-input-color-border-error:var(--bm-sem-color-border-negative-strong,#cc2429);--bm-comp-input-color-border-disabled:#8697a566;--bm-comp-input-color-text:var(--bm-sem-color-text-primary,#141d24);--bm-comp-input-color-text-placeholder:var(--bm-sem-color-text-secondary,#576775);--bm-comp-input-color-text-disabled:var(--bm-sem-color-text-disabled,#57677566);--bm-comp-input-color-icon-disabled:var(--bm-sem-color-text-disabled,#57677566);--bm-comp-input-color-icon:var(--bm-sem-color-icon-secondary,#576775);--bm-comp-input-color-icon-error:var(--bm-sem-color-icon-negative-strong,#cc2429);--bm-comp-input-color-divider:var(--bm-sem-color-border-02,#d1dae0);--bm-comp-input-color-choice-checkbox-selected-bg:var(--bm-alias-color-brand-primary-default,#00768f);--bm-comp-input-color-choice-checkbox-selected-icon:var(--bm-sem-color-icon-primary-inverse,#fff);--bm-comp-input-color-choice-checkbox-selected-bg-error:var(--bm-sem-color-surface-negative-strong,#cc2429);--bm-comp-input-color-choice-checkbox-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-switch-selected-bg:var(--bm-alias-color-brand-primary-default,#00768f);--bm-comp-input-color-choice-switch-selected-icon:var(--bm-sem-color-icon-primary-inverse,#fff);--bm-comp-input-color-choice-switch-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-radio-selected-bg:var(--bm-sem-color-surface-01,#fff);--bm-comp-input-color-choice-radio-selected-border:var(--bm-alias-color-brand-primary-default,#00768f);--bm-comp-input-color-choice-radio-selected-inner-circle:var(--bm-alias-color-brand-primary-default,#00768f);--bm-comp-input-color-choice-radio-selected-bg-error:var(--bm-sem-color-surface-01,#fff);--bm-comp-input-color-choice-radio-selected-border-error:var(--bm-sem-color-surface-negative-strong,#cc2429);--bm-comp-input-color-choice-radio-selected-inner-circle-error:var(--bm-sem-color-surface-negative-strong,#cc2429);--bm-comp-input-typo-sm:var(--bm-sem-typo-compact-body-sm,400 .875rem/1rem "Source Sans Pro");--bm-comp-input-typo-md:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-lg:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-character-count:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-label-choice:var(--bm-sem-typo-body-md,400 1rem/1.5rem "Source Sans Pro");--bm-comp-input-space-field-x-sm:var(--bm-sem-space-75,.75rem);--bm-comp-input-space-field-x-md:var(--bm-sem-space-100,1rem);--bm-comp-input-space-field-x-lg:var(--bm-sem-space-125,1.25rem);--bm-comp-input-space-field-y-sm:var(--bm-sem-space-25,.25rem);--bm-comp-input-space-field-y-md:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-field-y-lg:var(--bm-sem-space-75,.75rem);--bm-comp-input-space-field-gap:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-inside:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-y:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-x:var(--bm-sem-space-100,1rem);--bm-comp-input-space-choice-nudge:var(--bm-primitive-dimension-12,.125rem);--bm-comp-input-size-field-height-sm:var(--bm-sem-size-height-sm,2rem);--bm-comp-input-size-field-height-md:var(--bm-sem-size-height-md,2.5rem);--bm-comp-input-size-field-height-lg:var(--bm-sem-size-height-lg,3rem);--bm-comp-input-size-field-width:var(--bm-primitive-dimension-1800,18rem);--bm-comp-input-size-field-icon-sm:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-field-icon-md:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-field-icon-lg:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-field-text-area-height:var(--bm-primitive-dimension-475,4.75rem);--bm-comp-input-size-choice-checkbox:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio-inside:var(--bm-primitive-dimension-50,.5rem);--bm-comp-input-size-choice-switch-height:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-choice-switch-width:var(--bm-primitive-dimension-250,2.5rem);--bm-comp-input-size-choice-switch-knob:var(--bm-primitive-dimension-87,.875rem);--bm-comp-input-radius-field:var(--bm-sem-radius-input-md,.25rem);--bm-comp-input-radius-choice-checkbox:var(--bm-sem-radius-input-sm,.125rem);--bm-comp-input-radius-choice-radio:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-radius-choice-switch:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-border-width-field-default:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-border-width-field-error:var(--bm-sem-border-width-lg,.125rem);--bm-comp-input-border-width-choice:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-shadow-field:var(--bm-sem-shadow-none,0 0 0 0 #0000)}: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-input-color-bg:var(--bm-sem-color-surface-01,#202e39);--bm-comp-input-color-bg-disabled:var(--bm-sem-color-surface-highlight,#8697a529);--bm-comp-input-color-border:var(--bm-sem-color-border-strong,#9fafbc);--bm-comp-input-color-border-error:var(--bm-sem-color-border-negative-strong,#f67378);--bm-comp-input-color-border-disabled:#9fafbc66;--bm-comp-input-color-text:var(--bm-sem-color-text-primary,#fff);--bm-comp-input-color-text-placeholder:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-input-color-text-disabled:var(--bm-sem-color-text-disabled,#c3cdd566);--bm-comp-input-color-icon-disabled:var(--bm-sem-color-text-disabled,#c3cdd566);--bm-comp-input-color-icon:var(--bm-sem-color-icon-secondary,#c3cdd5);--bm-comp-input-color-icon-error:var(--bm-sem-color-icon-negative-strong,#f67378);--bm-comp-input-color-divider:var(--bm-sem-color-border-02,#465967);--bm-comp-input-color-choice-checkbox-selected-bg:var(--bm-alias-color-brand-primary-default,#43bfd6);--bm-comp-input-color-choice-checkbox-selected-icon:var(--bm-sem-color-icon-primary-inverse,#141d24);--bm-comp-input-color-choice-checkbox-selected-bg-error:var(--bm-sem-color-surface-negative-strong,#f67378);--bm-comp-input-color-choice-checkbox-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-switch-selected-bg:var(--bm-alias-color-brand-primary-default,#43bfd6);--bm-comp-input-color-choice-switch-selected-icon:var(--bm-sem-color-icon-primary-inverse,#141d24);--bm-comp-input-color-choice-switch-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-radio-selected-bg:var(--bm-sem-color-surface-01,#202e39);--bm-comp-input-color-choice-radio-selected-border:var(--bm-alias-color-brand-primary-default,#43bfd6);--bm-comp-input-color-choice-radio-selected-inner-circle:var(--bm-alias-color-brand-primary-default,#43bfd6);--bm-comp-input-color-choice-radio-selected-bg-error:var(--bm-sem-color-surface-01,#202e39);--bm-comp-input-color-choice-radio-selected-border-error:var(--bm-sem-color-surface-negative-strong,#f67378);--bm-comp-input-color-choice-radio-selected-inner-circle-error:var(--bm-sem-color-surface-negative-strong,#f67378);--bm-comp-input-typo-sm:var(--bm-sem-typo-compact-body-sm,400 .875rem/1rem "Source Sans Pro");--bm-comp-input-typo-md:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-lg:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-character-count:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-label-choice:var(--bm-sem-typo-body-md,400 1rem/1.5rem "Source Sans Pro");--bm-comp-input-space-field-x-sm:var(--bm-sem-space-75,.75rem);--bm-comp-input-space-field-x-md:var(--bm-sem-space-100,1rem);--bm-comp-input-space-field-x-lg:var(--bm-sem-space-125,1.25rem);--bm-comp-input-space-field-y-sm:var(--bm-sem-space-25,.25rem);--bm-comp-input-space-field-y-md:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-field-y-lg:var(--bm-sem-space-75,.75rem);--bm-comp-input-space-field-gap:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-inside:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-y:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-x:var(--bm-sem-space-100,1rem);--bm-comp-input-space-choice-nudge:var(--bm-primitive-dimension-12,.125rem);--bm-comp-input-size-field-height-sm:var(--bm-sem-size-height-sm,2rem);--bm-comp-input-size-field-height-md:var(--bm-sem-size-height-md,2.5rem);--bm-comp-input-size-field-height-lg:var(--bm-sem-size-height-lg,3rem);--bm-comp-input-size-field-width:var(--bm-primitive-dimension-1800,18rem);--bm-comp-input-size-field-icon-sm:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-field-icon-md:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-field-icon-lg:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-field-text-area-height:var(--bm-primitive-dimension-475,4.75rem);--bm-comp-input-size-choice-checkbox:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio-inside:var(--bm-primitive-dimension-50,.5rem);--bm-comp-input-size-choice-switch-height:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-choice-switch-width:var(--bm-primitive-dimension-250,2.5rem);--bm-comp-input-size-choice-switch-knob:var(--bm-primitive-dimension-87,.875rem);--bm-comp-input-radius-field:var(--bm-sem-radius-input-md,.25rem);--bm-comp-input-radius-choice-checkbox:var(--bm-sem-radius-input-sm,.125rem);--bm-comp-input-radius-choice-radio:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-radius-choice-switch:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-border-width-field-default:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-border-width-field-error:var(--bm-sem-border-width-lg,.125rem);--bm-comp-input-border-width-choice:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-shadow-field:var(--bm-sem-shadow-none,0 0 0 0 #0000)}.bm-card{--bm-card-radius-outer:var(--bm-comp-card-radius-outer);border-radius:var(--bm-card-radius-outer);outline:none;flex-direction:column;display:flex}.bm-card--default-background{background:var(--bm-comp-card-color-bg)}.bm-card--default-shadow{box-shadow:var(--bm-comp-card-shadow)}.bm-card--default-border{border-color:var(--bm-comp-card-color-border)}.bm-card--interactive{cursor:pointer;-webkit-user-select:none;user-select:none;color:inherit;font:inherit;text-align:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0;text-decoration:none;position:relative}.bm-card--interactive>.bm-state-layer{pointer-events:none;z-index:3;--bm-state-layer-top:calc(0px - var(--bm-sem-border-width-md));--bm-state-layer-right:calc(0px - var(--bm-sem-border-width-md));--bm-state-layer-bottom:calc(0px - var(--bm-sem-border-width-md));--bm-state-layer-left:calc(0px - var(--bm-sem-border-width-md));--bm-state-layer-outline-offset:calc(var(--bm-sem-border-width-md) + var(--bm-sem-size-focus-offset))}.bm-card--interactive:has(button:hover,a:hover,input:not([data-card-input]):hover,select:hover,textarea:hover,[role=button]:hover,[role=link]:hover,[tabindex]:not([tabindex="-1"]):hover)>.bm-state-layer{--bm-state-layer-opacity:0!important;--bm-state-layer-background:transparent!important}.bm-card--interactive:has(button:active,a:active,input:not([data-card-input]):active,select:active,textarea:active,[role=button]:active,[role=link]:active,[tabindex]:not([tabindex="-1"]):active)>.bm-state-layer{--bm-state-layer-opacity:0!important;--bm-state-layer-background:transparent!important}.bm-card--interactive:has(button:focus-visible,a:focus-visible,input:not([data-card-input]):focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible,[role=link]:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible)>.bm-state-layer{--bm-state-layer-outline-color:transparent!important}.bm-card--disabled{opacity:var(--bm-sem-opacity-disabled);cursor:not-allowed}.bm-card__hidden-input{opacity:0;cursor:pointer;z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;width:100%;height:100%;margin:0;padding:0;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__hidden-input:disabled{cursor:not-allowed}.bm-card--selectable:not(:has(.bm-card__media-above)) .bm-card__header:after{content:"";width:var(--bm-comp-input-size-choice-checkbox);flex-shrink:0;order:999}.bm-card--selectable:has(.bm-card__hidden-input:focus-visible)>.bm-state-layer{--bm-state-layer-outline-width:var(--bm-sem-border-width-focus);--bm-state-layer-outline-color:var(--bm-sem-color-border-focus)}.bm-card__selection-indicator{top:var(--bm-card-selection-indicator-top,var(--bm-sem-space-100));right:var(--bm-card-selection-indicator-right,var(--bm-sem-space-100));z-index:4;pointer-events:none;display:block;position:absolute}.bm-card__selection-indicator--checkbox{box-sizing:border-box;width:var(--bm-comp-input-size-choice-checkbox);height:var(--bm-comp-input-size-choice-checkbox);border-style:solid;border-width:var(--bm-comp-input-border-width-field-default);border-color:var(--bm-comp-input-color-border);border-radius:var(--bm-comp-input-radius-choice-checkbox);background-color:var(--bm-comp-input-color-bg)}.bm-card__selection-indicator--radio{box-sizing:border-box;width:var(--bm-comp-input-size-choice-radio);height:var(--bm-comp-input-size-choice-radio);border-style:solid;border-width:var(--bm-comp-input-border-width-field-default);border-color:var(--bm-comp-input-color-border);border-radius:var(--bm-comp-input-radius-choice-radio);background-color:var(--bm-comp-input-color-bg)}.bm-card__selection-indicator--radio:after{content:"";width:var(--bm-comp-input-size-choice-radio-inside);height:var(--bm-comp-input-size-choice-radio-inside);border-radius:var(--bm-comp-input-radius-choice-radio);top:calc(50% - var(--bm-comp-input-size-choice-radio-inside)/2);left:calc(50% - var(--bm-comp-input-size-choice-radio-inside)/2);position:absolute}.bm-card__selection-indicator--checkbox.bm-card__selection-indicator--checked{border-color:var(--bm-comp-input-color-choice-checkbox-selected-border);background-color:var(--bm-comp-input-color-choice-checkbox-selected-bg)}.bm-card__selection-indicator--checkbox.bm-card__selection-indicator--checked:after{content:"";width:calc(var(--bm-comp-input-size-choice-checkbox)*5/8);height:calc(var(--bm-comp-input-size-choice-checkbox)*5/8);background-color:var(--bm-comp-input-color-choice-checkbox-selected-icon);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.178 7.363.808 4.697 0 5.598l3.178 3.573L10 1.501 9.198.6l-6.02 6.763Z' fill='%23fff'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.178 7.363.808 4.697 0 5.598l3.178 3.573L10 1.501 9.198.6l-6.02 6.763Z' fill='%23fff'/%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.bm-card__selection-indicator--radio.bm-card__selection-indicator--checked{border-color:var(--bm-comp-input-color-choice-radio-selected-border);background-color:var(--bm-comp-input-color-choice-radio-selected-bg)}.bm-card__selection-indicator--radio.bm-card__selection-indicator--checked:after{background-color:var(--bm-comp-input-color-choice-radio-selected-inner-circle)}.bm-card__selection-indicator--disabled{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-card__selection-indicator--checkbox.bm-card__selection-indicator--checked.bm-card__selection-indicator--disabled,.bm-card__selection-indicator--radio.bm-card__selection-indicator--checked.bm-card__selection-indicator--disabled:after{background-color:var(--bm-comp-input-color-icon-disabled)}.bm-card--selected{border-color:var(--bm-comp-card-color-border-selected);outline:var(--bm-sem-border-width-selected)solid var(--bm-comp-card-color-border-selected);outline-offset:calc(0px - var(--bm-sem-border-width-md))}.bm-card--density-sm{--bm-card-selection-indicator-top:var(--bm-comp-card-space-pad-sm);--bm-card-selection-indicator-right:var(--bm-comp-card-space-pad-sm)}.bm-card--density-sm>.bm-card__content{gap:var(--bm-comp-card-space-gap-sm);padding:var(--bm-comp-card-space-pad-sm)}.bm-card--density-md{--bm-card-selection-indicator-top:var(--bm-comp-card-space-pad-md);--bm-card-selection-indicator-right:var(--bm-comp-card-space-pad-md)}.bm-card--density-md>.bm-card__content{gap:var(--bm-comp-card-space-gap-md);padding:var(--bm-comp-card-space-pad-md)}.bm-card--density-lg{--bm-card-selection-indicator-top:var(--bm-comp-card-space-pad-lg);--bm-card-selection-indicator-right:var(--bm-comp-card-space-pad-lg)}.bm-card--density-lg>.bm-card__content{gap:var(--bm-comp-card-space-gap-lg);padding:var(--bm-comp-card-space-pad-lg)}.bm-card__content{z-index:2;flex-direction:column;display:flex;position:relative}.bm-card__header{gap:var(--bm-comp-card-space-header-gap);z-index:2;flex-direction:row;display:flex;position:relative}.bm-card__header__content-before{gap:var(--bm-comp-card-space-header-actions-gap);color:var(--bm-comp-card-color-heading);order:1;display:flex}.bm-card__header__heading{min-width:0;font:var(--bm-comp-card-typo-heading);color:var(--bm-comp-card-color-heading);flex-direction:column;flex:1;order:2;display:flex}.bm-card__header__heading *{order:999}.bm-card__header__heading__eyebrow{font:var(--bm-comp-card-typo-eyebrow);color:var(--bm-comp-card-color-eyebrow);gap:var(--bm-comp-card-space-header-actions-gap);text-overflow:ellipsis;white-space:nowrap;order:0;display:flex;overflow:hidden}.bm-card__header__heading__text{order:1;display:flex}.bm-card__header__heading__supporting-text{color:var(--bm-comp-card-color-supporting);font:var(--bm-comp-card-typo-supporting);order:2;display:flex}.bm-card__header__content-after{padding-top:var(--bm-sem-space-12);justify-content:flex-end;align-items:flex-start;gap:var(--bm-comp-card-space-header-actions-gap);color:var(--bm-comp-card-color-icon);order:3;align-self:stretch;display:flex}.bm-card__media-above{border-top-left-radius:calc(var(--bm-card-radius-outer) - var(--bm-sem-border-width-md));border-top-right-radius:calc(var(--bm-card-radius-outer) - var(--bm-sem-border-width-md));border-bottom-right-radius:0;border-bottom-left-radius:0}.bm-card__media-above:last-child{border-bottom-left-radius:calc(var(--bm-card-radius-outer) - var(--bm-sem-border-width-md));border-bottom-right-radius:calc(var(--bm-card-radius-outer) - var(--bm-sem-border-width-md))}.bm-card__media-below{border-radius:var(--bm-comp-card-radius-inner)}.bm-card__media-above,.bm-card__media-below{isolation:isolate;z-index:2;width:100%;display:flex;position:relative;overflow:hidden}.bm-card__media-above--overlay-color-black-10,.bm-card__media-below--overlay-color-black-10{position:relative}.bm-card__media-above--overlay-color-black-10:before,.bm-card__media-below--overlay-color-black-10:before{content:"";background:var(--bm-sem-color-overlay-black-10);z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__media-above--overlay-color-black-20,.bm-card__media-below--overlay-color-black-20{position:relative}.bm-card__media-above--overlay-color-black-20:before,.bm-card__media-below--overlay-color-black-20:before{content:"";background:var(--bm-sem-color-overlay-black-20);z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__media-above--overlay-color-black-30,.bm-card__media-below--overlay-color-black-30{position:relative}.bm-card__media-above--overlay-color-black-30:before,.bm-card__media-below--overlay-color-black-30:before{content:"";background:var(--bm-sem-color-overlay-black-30);z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__media-above--overlay-color-black-40,.bm-card__media-below--overlay-color-black-40{position:relative}.bm-card__media-above--overlay-color-black-40:before,.bm-card__media-below--overlay-color-black-40:before{content:"";background:var(--bm-sem-color-overlay-black-40);z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__media-above--overlay-color-white-10,.bm-card__media-below--overlay-color-white-10{position:relative}.bm-card__media-above--overlay-color-white-10:before,.bm-card__media-below--overlay-color-white-10:before{content:"";background:var(--bm-sem-color-overlay-white-10);z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__media-above--overlay-color-white-20,.bm-card__media-below--overlay-color-white-20{position:relative}.bm-card__media-above--overlay-color-white-20:before,.bm-card__media-below--overlay-color-white-20:before{content:"";background:var(--bm-sem-color-overlay-white-20);z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__media-above--overlay-color-white-30,.bm-card__media-below--overlay-color-white-30{position:relative}.bm-card__media-above--overlay-color-white-30:before,.bm-card__media-below--overlay-color-white-30:before{content:"";background:var(--bm-sem-color-overlay-white-30);z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__media-above--overlay-color-white-40,.bm-card__media-below--overlay-color-white-40{position:relative}.bm-card__media-above--overlay-color-white-40:before,.bm-card__media-below--overlay-color-white-40:before{content:"";background:var(--bm-sem-color-overlay-white-40);z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__media-above__overlay-top,.bm-card__media-above__overlay-middle,.bm-card__media-above__overlay-bottom,.bm-card__media-below__overlay-top,.bm-card__media-below__overlay-middle,.bm-card__media-below__overlay-bottom{z-index:2;position:absolute;left:0;right:0}.bm-card__media-above__overlay-top,.bm-card__media-below__overlay-top{top:0}.bm-card__media-above__overlay-middle,.bm-card__media-below__overlay-middle{top:50%;transform:translateY(-50%)}.bm-card__media-above__overlay-bottom,.bm-card__media-below__overlay-bottom{bottom:0}.bm-card__body{color:var(--bm-comp-card-color-body);font:var(--bm-comp-card-typo-body);gap:var(--bm-sem-space-100);z-index:2;flex-direction:column;display:flex;position:relative}.bm-card__footer{gap:var(--bm-sem-space-50);z-index:2;flex-direction:column;display:flex;position:relative}.bm-card__footer__actions{padding-top:var(--bm-comp-card-space-footer-actions-top);gap:var(--bm-comp-card-space-footer-actions-gap);flex-wrap:wrap;flex-shrink:0;align-content:center;align-items:center;display:flex}.bm-card__footer__actions--start{justify-content:flex-start}.bm-card__footer__actions--end{justify-content:flex-end}.bm-card__footer__actions--spaceBetween{justify-content:space-between}.bm-card__footer__actions--stacked{justify-content:center;gap:var(--bm-comp-card-space-footer-actions-gap-stacked);flex-direction:column}
|
|
1
|
+
: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-card-space-pad-sm:var(--bm-sem-space-50,.5rem);--bm-comp-card-space-pad-md:var(--bm-sem-space-100,1rem);--bm-comp-card-space-pad-lg:var(--bm-sem-space-150,1.5rem);--bm-comp-card-space-gap-sm:var(--bm-sem-space-25,.25rem);--bm-comp-card-space-gap-md:var(--bm-sem-space-50,.5rem);--bm-comp-card-space-gap-lg:var(--bm-sem-space-75,.75rem);--bm-comp-card-space-footer-actions-top:var(--bm-sem-space-50,.5rem);--bm-comp-card-space-footer-actions-gap:var(--bm-sem-space-75,.75rem);--bm-comp-card-space-footer-actions-gap-stacked:var(--bm-sem-space-75,.75rem);--bm-comp-card-space-header-gap:var(--bm-sem-space-75,.75rem);--bm-comp-card-space-header-actions-gap:var(--bm-sem-space-50,.5rem);--bm-comp-card-color-bg:var(--bm-sem-color-surface-01,#fff);--bm-comp-card-color-bg-selected:var(--bm-sem-color-surface-01,#fff);--bm-comp-card-color-border:var(--bm-sem-color-border-01,#dfe7ec);--bm-comp-card-color-border-selected:var(--bm-sem-color-border-selected,#00768f);--bm-comp-card-color-heading:var(--bm-sem-color-text-primary,#141d24);--bm-comp-card-color-body:var(--bm-sem-color-text-secondary,#576775);--bm-comp-card-color-icon:var(--bm-sem-color-icon-secondary,#576775);--bm-comp-card-color-supporting:var(--bm-sem-color-text-secondary,#576775);--bm-comp-card-color-eyebrow:var(--bm-sem-color-text-secondary,#576775);--bm-comp-card-shadow:var(--bm-sem-shadow-none,0 0 0 0 #0000);--bm-comp-card-radius-outer:var(--bm-sem-radius-md,.5rem);--bm-comp-card-radius-inner:var(--bm-sem-radius-sm,.25rem);--bm-comp-card-typo-heading:var(--bm-sem-typo-heading-sm,700 1.125rem/1.5rem "Uni Neue");--bm-comp-card-typo-body:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-card-typo-supporting:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-card-typo-eyebrow:var(--bm-sem-typo-label-sm,600 .875rem/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-card-space-pad-sm:var(--bm-sem-space-50,.5rem);--bm-comp-card-space-pad-md:var(--bm-sem-space-100,1rem);--bm-comp-card-space-pad-lg:var(--bm-sem-space-150,1.5rem);--bm-comp-card-space-gap-sm:var(--bm-sem-space-25,.25rem);--bm-comp-card-space-gap-md:var(--bm-sem-space-50,.5rem);--bm-comp-card-space-gap-lg:var(--bm-sem-space-75,.75rem);--bm-comp-card-space-footer-actions-top:var(--bm-sem-space-50,.5rem);--bm-comp-card-space-footer-actions-gap:var(--bm-sem-space-75,.75rem);--bm-comp-card-space-footer-actions-gap-stacked:var(--bm-sem-space-75,.75rem);--bm-comp-card-space-header-gap:var(--bm-sem-space-75,.75rem);--bm-comp-card-space-header-actions-gap:var(--bm-sem-space-50,.5rem);--bm-comp-card-color-bg:var(--bm-sem-color-surface-01,#202e39);--bm-comp-card-color-bg-selected:var(--bm-sem-color-surface-01,#202e39);--bm-comp-card-color-border:var(--bm-sem-color-border-01,#32424e);--bm-comp-card-color-border-selected:var(--bm-sem-color-border-selected,#43bfd6);--bm-comp-card-color-heading:var(--bm-sem-color-text-primary,#fff);--bm-comp-card-color-body:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-card-color-icon:var(--bm-sem-color-icon-secondary,#c3cdd5);--bm-comp-card-color-supporting:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-card-color-eyebrow:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-card-shadow:var(--bm-sem-shadow-none,0 0 0 0 #0000);--bm-comp-card-radius-outer:var(--bm-sem-radius-md,.5rem);--bm-comp-card-radius-inner:var(--bm-sem-radius-sm,.25rem);--bm-comp-card-typo-heading:var(--bm-sem-typo-heading-sm,700 1.125rem/1.5rem "Uni Neue");--bm-comp-card-typo-body:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-card-typo-supporting:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-card-typo-eyebrow:var(--bm-sem-typo-label-sm,600 .875rem/1.25rem "Source Sans Pro")}:root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-input-color-bg:var(--bm-sem-color-surface-01,#fff);--bm-comp-input-color-bg-disabled:var(--bm-sem-color-surface-highlight,#9fafbc29);--bm-comp-input-color-border:var(--bm-sem-color-border-strong,#8697a5);--bm-comp-input-color-border-error:var(--bm-sem-color-border-negative-strong,#cc2429);--bm-comp-input-color-border-disabled:#8697a566;--bm-comp-input-color-text:var(--bm-sem-color-text-primary,#141d24);--bm-comp-input-color-text-placeholder:var(--bm-sem-color-text-secondary,#576775);--bm-comp-input-color-text-disabled:var(--bm-sem-color-text-disabled,#57677566);--bm-comp-input-color-icon-disabled:var(--bm-sem-color-text-disabled,#57677566);--bm-comp-input-color-icon:var(--bm-sem-color-icon-secondary,#576775);--bm-comp-input-color-icon-error:var(--bm-sem-color-icon-negative-strong,#cc2429);--bm-comp-input-color-divider:var(--bm-sem-color-border-02,#d1dae0);--bm-comp-input-color-choice-checkbox-selected-bg:var(--bm-alias-color-brand-primary-default,#00768f);--bm-comp-input-color-choice-checkbox-selected-icon:var(--bm-sem-color-icon-primary-inverse,#fff);--bm-comp-input-color-choice-checkbox-selected-bg-error:var(--bm-sem-color-surface-negative-strong,#cc2429);--bm-comp-input-color-choice-checkbox-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-switch-selected-bg:var(--bm-alias-color-brand-primary-default,#00768f);--bm-comp-input-color-choice-switch-selected-icon:var(--bm-sem-color-icon-primary-inverse,#fff);--bm-comp-input-color-choice-switch-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-radio-selected-bg:var(--bm-sem-color-surface-01,#fff);--bm-comp-input-color-choice-radio-selected-border:var(--bm-alias-color-brand-primary-default,#00768f);--bm-comp-input-color-choice-radio-selected-inner-circle:var(--bm-alias-color-brand-primary-default,#00768f);--bm-comp-input-color-choice-radio-selected-bg-error:var(--bm-sem-color-surface-01,#fff);--bm-comp-input-color-choice-radio-selected-border-error:var(--bm-sem-color-surface-negative-strong,#cc2429);--bm-comp-input-color-choice-radio-selected-inner-circle-error:var(--bm-sem-color-surface-negative-strong,#cc2429);--bm-comp-input-typo-sm:var(--bm-sem-typo-compact-body-sm,400 .875rem/1rem "Source Sans Pro");--bm-comp-input-typo-md:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-lg:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-character-count:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-label-choice:var(--bm-sem-typo-body-md,400 1rem/1.5rem "Source Sans Pro");--bm-comp-input-space-field-x-sm:var(--bm-sem-space-75,.75rem);--bm-comp-input-space-field-x-md:var(--bm-sem-space-100,1rem);--bm-comp-input-space-field-x-lg:var(--bm-sem-space-125,1.25rem);--bm-comp-input-space-field-y-sm:var(--bm-sem-space-25,.25rem);--bm-comp-input-space-field-y-md:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-field-y-lg:var(--bm-sem-space-75,.75rem);--bm-comp-input-space-field-gap:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-inside:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-y:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-x:var(--bm-sem-space-100,1rem);--bm-comp-input-space-choice-nudge:var(--bm-primitive-dimension-12,.125rem);--bm-comp-input-size-field-height-sm:var(--bm-sem-size-height-sm,2rem);--bm-comp-input-size-field-height-md:var(--bm-sem-size-height-md,2.5rem);--bm-comp-input-size-field-height-lg:var(--bm-sem-size-height-lg,3rem);--bm-comp-input-size-field-width:var(--bm-primitive-dimension-1800,18rem);--bm-comp-input-size-field-icon-sm:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-field-icon-md:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-field-icon-lg:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-field-text-area-height:var(--bm-primitive-dimension-475,4.75rem);--bm-comp-input-size-choice-checkbox:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio-inside:var(--bm-primitive-dimension-50,.5rem);--bm-comp-input-size-choice-switch-height:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-choice-switch-width:var(--bm-primitive-dimension-250,2.5rem);--bm-comp-input-size-choice-switch-knob:var(--bm-primitive-dimension-87,.875rem);--bm-comp-input-radius-field:var(--bm-sem-radius-input-md,.25rem);--bm-comp-input-radius-choice-checkbox:var(--bm-sem-radius-input-sm,.125rem);--bm-comp-input-radius-choice-radio:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-radius-choice-switch:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-border-width-field-default:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-border-width-field-error:var(--bm-sem-border-width-lg,.125rem);--bm-comp-input-border-width-choice:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-shadow-field:var(--bm-sem-shadow-none,0 0 0 0 #0000)}: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-input-color-bg:var(--bm-sem-color-surface-01,#202e39);--bm-comp-input-color-bg-disabled:var(--bm-sem-color-surface-highlight,#8697a529);--bm-comp-input-color-border:var(--bm-sem-color-border-strong,#9fafbc);--bm-comp-input-color-border-error:var(--bm-sem-color-border-negative-strong,#f67378);--bm-comp-input-color-border-disabled:#9fafbc66;--bm-comp-input-color-text:var(--bm-sem-color-text-primary,#fff);--bm-comp-input-color-text-placeholder:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-input-color-text-disabled:var(--bm-sem-color-text-disabled,#c3cdd566);--bm-comp-input-color-icon-disabled:var(--bm-sem-color-text-disabled,#c3cdd566);--bm-comp-input-color-icon:var(--bm-sem-color-icon-secondary,#c3cdd5);--bm-comp-input-color-icon-error:var(--bm-sem-color-icon-negative-strong,#f67378);--bm-comp-input-color-divider:var(--bm-sem-color-border-02,#465967);--bm-comp-input-color-choice-checkbox-selected-bg:var(--bm-alias-color-brand-primary-default,#43bfd6);--bm-comp-input-color-choice-checkbox-selected-icon:var(--bm-sem-color-icon-primary-inverse,#141d24);--bm-comp-input-color-choice-checkbox-selected-bg-error:var(--bm-sem-color-surface-negative-strong,#f67378);--bm-comp-input-color-choice-checkbox-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-switch-selected-bg:var(--bm-alias-color-brand-primary-default,#43bfd6);--bm-comp-input-color-choice-switch-selected-icon:var(--bm-sem-color-icon-primary-inverse,#141d24);--bm-comp-input-color-choice-switch-selected-border:var(--bm-sem-color-none,#fff0);--bm-comp-input-color-choice-radio-selected-bg:var(--bm-sem-color-surface-01,#202e39);--bm-comp-input-color-choice-radio-selected-border:var(--bm-alias-color-brand-primary-default,#43bfd6);--bm-comp-input-color-choice-radio-selected-inner-circle:var(--bm-alias-color-brand-primary-default,#43bfd6);--bm-comp-input-color-choice-radio-selected-bg-error:var(--bm-sem-color-surface-01,#202e39);--bm-comp-input-color-choice-radio-selected-border-error:var(--bm-sem-color-surface-negative-strong,#f67378);--bm-comp-input-color-choice-radio-selected-inner-circle-error:var(--bm-sem-color-surface-negative-strong,#f67378);--bm-comp-input-typo-sm:var(--bm-sem-typo-compact-body-sm,400 .875rem/1rem "Source Sans Pro");--bm-comp-input-typo-md:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-lg:var(--bm-sem-typo-compact-body-md,400 1rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-character-count:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-input-typo-label-choice:var(--bm-sem-typo-body-md,400 1rem/1.5rem "Source Sans Pro");--bm-comp-input-space-field-x-sm:var(--bm-sem-space-75,.75rem);--bm-comp-input-space-field-x-md:var(--bm-sem-space-100,1rem);--bm-comp-input-space-field-x-lg:var(--bm-sem-space-125,1.25rem);--bm-comp-input-space-field-y-sm:var(--bm-sem-space-25,.25rem);--bm-comp-input-space-field-y-md:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-field-y-lg:var(--bm-sem-space-75,.75rem);--bm-comp-input-space-field-gap:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-inside:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-y:var(--bm-sem-space-50,.5rem);--bm-comp-input-space-choice-gap-items-x:var(--bm-sem-space-100,1rem);--bm-comp-input-space-choice-nudge:var(--bm-primitive-dimension-12,.125rem);--bm-comp-input-size-field-height-sm:var(--bm-sem-size-height-sm,2rem);--bm-comp-input-size-field-height-md:var(--bm-sem-size-height-md,2.5rem);--bm-comp-input-size-field-height-lg:var(--bm-sem-size-height-lg,3rem);--bm-comp-input-size-field-width:var(--bm-primitive-dimension-1800,18rem);--bm-comp-input-size-field-icon-sm:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-field-icon-md:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-field-icon-lg:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-field-text-area-height:var(--bm-primitive-dimension-475,4.75rem);--bm-comp-input-size-choice-checkbox:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio:var(--bm-sem-size-icon-sm,1rem);--bm-comp-input-size-choice-radio-inside:var(--bm-primitive-dimension-50,.5rem);--bm-comp-input-size-choice-switch-height:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-input-size-choice-switch-width:var(--bm-primitive-dimension-250,2.5rem);--bm-comp-input-size-choice-switch-knob:var(--bm-primitive-dimension-87,.875rem);--bm-comp-input-radius-field:var(--bm-sem-radius-input-md,.25rem);--bm-comp-input-radius-choice-checkbox:var(--bm-sem-radius-input-sm,.125rem);--bm-comp-input-radius-choice-radio:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-radius-choice-switch:var(--bm-sem-radius-input-lg,624.938rem);--bm-comp-input-border-width-field-default:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-border-width-field-error:var(--bm-sem-border-width-lg,.125rem);--bm-comp-input-border-width-choice:var(--bm-sem-border-width-input,.063rem);--bm-comp-input-shadow-field:var(--bm-sem-shadow-none,0 0 0 0 #0000)}.bm-card{--bm-card-radius-outer:var(--bm-comp-card-radius-outer);isolation:isolate;border-radius:var(--bm-card-radius-outer);outline:none;flex-direction:column;display:flex}.bm-card--default-background{background:var(--bm-comp-card-color-bg)}.bm-card--default-shadow{box-shadow:var(--bm-comp-card-shadow)}.bm-card--default-border{border-color:var(--bm-comp-card-color-border)}.bm-card--interactive{cursor:pointer;-webkit-user-select:none;user-select:none;color:inherit;font:inherit;text-align:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0;text-decoration:none;position:relative}.bm-card--interactive>.bm-state-layer{pointer-events:none;z-index:3;--bm-state-layer-top:calc(0px - var(--bm-sem-border-width-md));--bm-state-layer-right:calc(0px - var(--bm-sem-border-width-md));--bm-state-layer-bottom:calc(0px - var(--bm-sem-border-width-md));--bm-state-layer-left:calc(0px - var(--bm-sem-border-width-md));--bm-state-layer-outline-offset:calc(var(--bm-sem-border-width-md) + var(--bm-sem-size-focus-offset))}.bm-card--interactive:has(button:hover,a:hover,input:not([data-card-input]):hover,select:hover,textarea:hover,[role=button]:hover,[role=link]:hover,[tabindex]:not([tabindex="-1"]):hover)>.bm-state-layer{--bm-state-layer-opacity:0!important;--bm-state-layer-background:transparent!important}.bm-card--interactive:has(button:active,a:active,input:not([data-card-input]):active,select:active,textarea:active,[role=button]:active,[role=link]:active,[tabindex]:not([tabindex="-1"]):active)>.bm-state-layer{--bm-state-layer-opacity:0!important;--bm-state-layer-background:transparent!important}.bm-card--interactive:has(button:focus-visible,a:focus-visible,input:not([data-card-input]):focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible,[role=link]:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible)>.bm-state-layer{--bm-state-layer-outline-color:transparent!important}.bm-card--disabled{opacity:var(--bm-sem-opacity-disabled);cursor:not-allowed}.bm-card__hidden-input{opacity:0;cursor:pointer;z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;width:100%;height:100%;margin:0;padding:0;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__hidden-input:disabled{cursor:not-allowed}.bm-card--selectable:not(:has(.bm-card__media-above)) .bm-card__header:after{content:"";width:var(--bm-comp-input-size-choice-checkbox);flex-shrink:0;order:999}.bm-card--selectable:has(.bm-card__hidden-input:focus-visible)>.bm-state-layer{--bm-state-layer-outline-width:var(--bm-sem-border-width-focus);--bm-state-layer-outline-color:var(--bm-sem-color-border-focus)}.bm-card__selection-indicator{top:var(--bm-card-selection-indicator-top,var(--bm-sem-space-100));right:var(--bm-card-selection-indicator-right,var(--bm-sem-space-100));z-index:4;pointer-events:none;display:block;position:absolute}.bm-card__selection-indicator--checkbox{box-sizing:border-box;width:var(--bm-comp-input-size-choice-checkbox);height:var(--bm-comp-input-size-choice-checkbox);border-style:solid;border-width:var(--bm-comp-input-border-width-field-default);border-color:var(--bm-comp-input-color-border);border-radius:var(--bm-comp-input-radius-choice-checkbox);background-color:var(--bm-comp-input-color-bg)}.bm-card__selection-indicator--radio{box-sizing:border-box;width:var(--bm-comp-input-size-choice-radio);height:var(--bm-comp-input-size-choice-radio);border-style:solid;border-width:var(--bm-comp-input-border-width-field-default);border-color:var(--bm-comp-input-color-border);border-radius:var(--bm-comp-input-radius-choice-radio);background-color:var(--bm-comp-input-color-bg)}.bm-card__selection-indicator--radio:after{content:"";width:var(--bm-comp-input-size-choice-radio-inside);height:var(--bm-comp-input-size-choice-radio-inside);border-radius:var(--bm-comp-input-radius-choice-radio);top:calc(50% - var(--bm-comp-input-size-choice-radio-inside)/2);left:calc(50% - var(--bm-comp-input-size-choice-radio-inside)/2);position:absolute}.bm-card__selection-indicator--checkbox.bm-card__selection-indicator--checked{border-color:var(--bm-comp-input-color-choice-checkbox-selected-border);background-color:var(--bm-comp-input-color-choice-checkbox-selected-bg)}.bm-card__selection-indicator--checkbox.bm-card__selection-indicator--checked:after{content:"";width:calc(var(--bm-comp-input-size-choice-checkbox)*5/8);height:calc(var(--bm-comp-input-size-choice-checkbox)*5/8);background-color:var(--bm-comp-input-color-choice-checkbox-selected-icon);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.178 7.363.808 4.697 0 5.598l3.178 3.573L10 1.501 9.198.6l-6.02 6.763Z' fill='%23fff'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.178 7.363.808 4.697 0 5.598l3.178 3.573L10 1.501 9.198.6l-6.02 6.763Z' fill='%23fff'/%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.bm-card__selection-indicator--radio.bm-card__selection-indicator--checked{border-color:var(--bm-comp-input-color-choice-radio-selected-border);background-color:var(--bm-comp-input-color-choice-radio-selected-bg)}.bm-card__selection-indicator--radio.bm-card__selection-indicator--checked:after{background-color:var(--bm-comp-input-color-choice-radio-selected-inner-circle)}.bm-card__selection-indicator--disabled{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-card__selection-indicator--checkbox.bm-card__selection-indicator--checked.bm-card__selection-indicator--disabled,.bm-card__selection-indicator--radio.bm-card__selection-indicator--checked.bm-card__selection-indicator--disabled:after{background-color:var(--bm-comp-input-color-icon-disabled)}.bm-card--selected{border-color:var(--bm-comp-card-color-border-selected);outline:var(--bm-sem-border-width-selected)solid var(--bm-comp-card-color-border-selected);outline-offset:calc(0px - var(--bm-sem-border-width-md))}.bm-card--density-sm{--bm-card-selection-indicator-top:var(--bm-comp-card-space-pad-sm);--bm-card-selection-indicator-right:var(--bm-comp-card-space-pad-sm)}.bm-card--density-sm>.bm-card__content{gap:var(--bm-comp-card-space-gap-sm);padding:var(--bm-comp-card-space-pad-sm)}.bm-card--density-md{--bm-card-selection-indicator-top:var(--bm-comp-card-space-pad-md);--bm-card-selection-indicator-right:var(--bm-comp-card-space-pad-md)}.bm-card--density-md>.bm-card__content{gap:var(--bm-comp-card-space-gap-md);padding:var(--bm-comp-card-space-pad-md)}.bm-card--density-lg{--bm-card-selection-indicator-top:var(--bm-comp-card-space-pad-lg);--bm-card-selection-indicator-right:var(--bm-comp-card-space-pad-lg)}.bm-card--density-lg>.bm-card__content{gap:var(--bm-comp-card-space-gap-lg);padding:var(--bm-comp-card-space-pad-lg)}.bm-card__content{z-index:2;flex-direction:column;display:flex;position:relative}.bm-card__header{gap:var(--bm-comp-card-space-header-gap);z-index:2;flex-direction:row;display:flex;position:relative}.bm-card__header__content-before{gap:var(--bm-comp-card-space-header-actions-gap);color:var(--bm-comp-card-color-heading);order:1;display:flex}.bm-card__header__heading{min-width:0;font:var(--bm-comp-card-typo-heading);color:var(--bm-comp-card-color-heading);flex-direction:column;flex:1;order:2;display:flex}.bm-card__header__heading *{order:999}.bm-card__header__heading__eyebrow{font:var(--bm-comp-card-typo-eyebrow);color:var(--bm-comp-card-color-eyebrow);gap:var(--bm-comp-card-space-header-actions-gap);text-overflow:ellipsis;white-space:nowrap;order:0;display:flex;overflow:hidden}.bm-card__header__heading__text{order:1;display:flex}.bm-card__header__heading__supporting-text{color:var(--bm-comp-card-color-supporting);font:var(--bm-comp-card-typo-supporting);order:2;display:flex}.bm-card__header__content-after{padding-top:var(--bm-sem-space-12);justify-content:flex-end;align-items:flex-start;gap:var(--bm-comp-card-space-header-actions-gap);color:var(--bm-comp-card-color-icon);order:3;align-self:stretch;display:flex}.bm-card__media-above{border-top-left-radius:calc(var(--bm-card-radius-outer) - var(--bm-sem-border-width-md));border-top-right-radius:calc(var(--bm-card-radius-outer) - var(--bm-sem-border-width-md));border-bottom-right-radius:0;border-bottom-left-radius:0}.bm-card__media-above:last-child{border-bottom-left-radius:calc(var(--bm-card-radius-outer) - var(--bm-sem-border-width-md));border-bottom-right-radius:calc(var(--bm-card-radius-outer) - var(--bm-sem-border-width-md))}.bm-card__media-below{border-radius:var(--bm-comp-card-radius-inner)}.bm-card__media-above,.bm-card__media-below{isolation:isolate;z-index:2;width:100%;display:flex;position:relative;overflow:hidden}.bm-card__media-above--overlay-color-black-10,.bm-card__media-below--overlay-color-black-10{position:relative}.bm-card__media-above--overlay-color-black-10:before,.bm-card__media-below--overlay-color-black-10:before{content:"";background:var(--bm-sem-color-overlay-black-10);z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__media-above--overlay-color-black-20,.bm-card__media-below--overlay-color-black-20{position:relative}.bm-card__media-above--overlay-color-black-20:before,.bm-card__media-below--overlay-color-black-20:before{content:"";background:var(--bm-sem-color-overlay-black-20);z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__media-above--overlay-color-black-30,.bm-card__media-below--overlay-color-black-30{position:relative}.bm-card__media-above--overlay-color-black-30:before,.bm-card__media-below--overlay-color-black-30:before{content:"";background:var(--bm-sem-color-overlay-black-30);z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__media-above--overlay-color-black-40,.bm-card__media-below--overlay-color-black-40{position:relative}.bm-card__media-above--overlay-color-black-40:before,.bm-card__media-below--overlay-color-black-40:before{content:"";background:var(--bm-sem-color-overlay-black-40);z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__media-above--overlay-color-white-10,.bm-card__media-below--overlay-color-white-10{position:relative}.bm-card__media-above--overlay-color-white-10:before,.bm-card__media-below--overlay-color-white-10:before{content:"";background:var(--bm-sem-color-overlay-white-10);z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__media-above--overlay-color-white-20,.bm-card__media-below--overlay-color-white-20{position:relative}.bm-card__media-above--overlay-color-white-20:before,.bm-card__media-below--overlay-color-white-20:before{content:"";background:var(--bm-sem-color-overlay-white-20);z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__media-above--overlay-color-white-30,.bm-card__media-below--overlay-color-white-30{position:relative}.bm-card__media-above--overlay-color-white-30:before,.bm-card__media-below--overlay-color-white-30:before{content:"";background:var(--bm-sem-color-overlay-white-30);z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__media-above--overlay-color-white-40,.bm-card__media-below--overlay-color-white-40{position:relative}.bm-card__media-above--overlay-color-white-40:before,.bm-card__media-below--overlay-color-white-40:before{content:"";background:var(--bm-sem-color-overlay-white-40);z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__media-above__overlay-top,.bm-card__media-above__overlay-middle,.bm-card__media-above__overlay-bottom,.bm-card__media-below__overlay-top,.bm-card__media-below__overlay-middle,.bm-card__media-below__overlay-bottom{z-index:2;position:absolute;left:0;right:0}.bm-card__media-above__overlay-top,.bm-card__media-below__overlay-top{top:0}.bm-card__media-above__overlay-middle,.bm-card__media-below__overlay-middle{top:50%;transform:translateY(-50%)}.bm-card__media-above__overlay-bottom,.bm-card__media-below__overlay-bottom{bottom:0}.bm-card__body{color:var(--bm-comp-card-color-body);font:var(--bm-comp-card-typo-body);gap:var(--bm-sem-space-100);z-index:2;flex-direction:column;display:flex;position:relative}.bm-card__footer{gap:var(--bm-sem-space-50);z-index:2;flex-direction:column;display:flex;position:relative}.bm-card__footer__actions{padding-top:var(--bm-comp-card-space-footer-actions-top);gap:var(--bm-comp-card-space-footer-actions-gap);flex-wrap:wrap;flex-shrink:0;align-content:center;align-items:center;display:flex}.bm-card__footer__actions--start{justify-content:flex-start}.bm-card__footer__actions--end{justify-content:flex-end}.bm-card__footer__actions--spaceBetween{justify-content:space-between}.bm-card__footer__actions--stacked{justify-content:center;gap:var(--bm-comp-card-space-footer-actions-gap-stacked);flex-direction:column}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@viasat/beam-react",
|
|
3
|
-
"version": "2.48.
|
|
3
|
+
"version": "2.48.2",
|
|
4
4
|
"description": "React component library for the Beam design system",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Viasat",
|
|
@@ -60,12 +60,12 @@
|
|
|
60
60
|
"access": "public"
|
|
61
61
|
},
|
|
62
62
|
"dependencies": {
|
|
63
|
-
"@viasat/beam-fonts": "2.48.
|
|
64
|
-
"@viasat/beam-shared": "2.48.
|
|
65
|
-
"@viasat/beam-styles": "2.48.
|
|
66
|
-
"@viasat/beam-tokens": "2.48.
|
|
67
|
-
"@viasat/beam-icons": "2.48.
|
|
68
|
-
"@viasat/beam-react-claude-plugin": "2.48.
|
|
63
|
+
"@viasat/beam-fonts": "2.48.2",
|
|
64
|
+
"@viasat/beam-shared": "2.48.2",
|
|
65
|
+
"@viasat/beam-styles": "2.48.2",
|
|
66
|
+
"@viasat/beam-tokens": "2.48.2",
|
|
67
|
+
"@viasat/beam-icons": "2.48.2",
|
|
68
|
+
"@viasat/beam-react-claude-plugin": "2.48.2",
|
|
69
69
|
"clsx": "^1.2.1",
|
|
70
70
|
"@floating-ui/react": "^0.26.18",
|
|
71
71
|
"@stepperize/react": "^5.1.5",
|