@viasat/beam-react 2.58.0 → 2.59.0

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+## 2.59.0 (2026-08-27)
+
+### 🚀 Features
+
+- **DataTable:** render body rows from table instance ([#1418](https://git.viasat.com/vega/Beam/pull/1418))
+
+### ❤️ Thank You
+
+- Amarandei, Robert-Andrei
+
+## 2.58.1 (2026-08-20)
+
+### 🩹 Fixes
+
+- **SegmentedControl:** Fix initialSelection causing borderRadius to not render correctly ([#1411](https://git.viasat.com/vega/Beam/pull/1411))
+
+### ❤️ Thank You
+
+- Amaral, Thomas
+
 ## 2.58.0 (2026-08-20)
 
 ### 🚀 Features

package/assets/DateField.css

@@ -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-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-date-field{--bm-label-cursor:pointer;max-width:var(--bm-comp-input-size-field-width);--bm-label-space-bottom:var(--bm-comp-label-space-bottom);--bm-helper-text-space-top:var(--bm-comp-helper-text-space-top)}.bm-date-field--disabled{--bm-label-cursor:not-allowed;--bm-label-pointer-events:auto;--bm-text-field-cursor:not-allowed;--bm-text-field-input-cursor:not-allowed}.bm-date-field--error .bm-date-field__field{border-color:var(--bm-comp-input-color-border-error);background-color:var(--bm-comp-input-color-bg);outline-offset:calc(0px - var(--bm-comp-input-border-width-field-error));outline:var(--bm-comp-input-border-width-field-error)solid var(--bm-comp-input-color-border-error)}.bm-date-field--error .bm-date-field__field .bm-date-field__segment{color:var(--bm-comp-input-color-text)}.bm-date-field--error .bm-date-field__field .bm-date-field__segment[data-placeholder=true]{color:var(--bm-comp-input-color-text-placeholder)}.bm-date-field--read-only .bm-date-field__field{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-date-field--read-only .bm-date-field__field .bm-date-field__segment{color:var(--bm-comp-input-color-text)}.bm-date-field--read-only .bm-date-field__field .bm-date-field__segment[data-placeholder=true]{color:var(--bm-comp-input-color-text-placeholder)}.bm-date-field--disabled .bm-date-field__field{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-date-field--disabled .bm-date-field__field .bm-date-field__segment,.bm-date-field--disabled .bm-date-field__field .bm-date-field__segment[data-placeholder=true]{color:var(--bm-comp-input-color-text-disabled)}.bm-date-field--fluid{max-width:100%}.bm-date-field__field{box-sizing:border-box;border-style:solid;border-color:var(--bm-comp-input-color-border);border-radius:var(--bm-comp-input-radius-field);border-width:var(--bm-comp-input-border-width-field-default);align-items:center;gap:var(--bm-comp-input-space-field-gap);box-shadow:var(--bm-comp-input-shadow-field);background-color:var(--bm-comp-input-color-bg);height:var(--bm-comp-input-size-field-height-md);padding-block:var(--bm-comp-input-space-field-y-md);padding-inline:var(--bm-comp-input-space-field-x-md);flex-wrap:nowrap;display:flex;position:relative}.bm-date-field__field:focus-within{outline-offset:calc(0px - var(--bm-sem-size-focus-offset));outline:var(--bm-sem-border-width-focus)solid var(--bm-sem-color-border-focus)}.bm-date-field__field .bm-date-field__segments{color:var(--bm-comp-input-color-text);font:var(--bm-comp-input-typo-md);font-variant-numeric:tabular-nums;align-items:baseline;gap:var(--bm-sem-space-12);display:inline-flex}.bm-date-field__field .bm-date-field__segment{box-sizing:border-box;text-align:center;border-block:var(--bm-sem-border-width-focus)solid transparent;unicode-bidi:plaintext;outline:none;min-inline-size:2ch;display:inline-block}.bm-date-field__field .bm-date-field__segment[data-segment=year]{min-inline-size:4ch}.bm-date-field__field .bm-date-field__segment[data-placeholder=true]{color:var(--bm-comp-input-color-text-placeholder)}.bm-date-field__field .bm-date-field__segment[data-active=true]{border-bottom-color:var(--bm-sem-color-border-focus)}.bm-date-field__field .bm-date-field__segment:focus-visible{border-bottom-color:var(--bm-sem-color-border-focus)}.bm-date-field__field .bm-date-field__segment::selection{background-color:var(--bm-sem-color-surface-info-primary)}.bm-date-field__field .bm-date-field__separator{color:var(--bm-comp-input-color-text);font:var(--bm-comp-input-typo-md);-webkit-user-select:none;user-select:none;unicode-bidi:plaintext}.bm-date-field__sr-status{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
+: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-date-field{--bm-label-cursor:pointer;max-width:var(--bm-comp-input-size-field-width);--bm-label-space-bottom:var(--bm-comp-label-space-bottom);--bm-helper-text-space-top:var(--bm-comp-helper-text-space-top)}.bm-date-field--disabled{--bm-label-cursor:not-allowed;--bm-label-pointer-events:auto;--bm-text-field-cursor:not-allowed;--bm-text-field-input-cursor:not-allowed}.bm-date-field--error .bm-date-field__field{border-color:var(--bm-comp-input-color-border-error);background-color:var(--bm-comp-input-color-bg);outline-offset:calc(0px - var(--bm-comp-input-border-width-field-error));outline:var(--bm-comp-input-border-width-field-error)solid var(--bm-comp-input-color-border-error)}.bm-date-field--error .bm-date-field__field .bm-date-field__segment{color:var(--bm-comp-input-color-text)}.bm-date-field--error .bm-date-field__field .bm-date-field__segment[data-placeholder=true]{color:var(--bm-comp-input-color-text-placeholder)}.bm-date-field--read-only .bm-date-field__field{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-date-field--read-only .bm-date-field__field .bm-date-field__segment{color:var(--bm-comp-input-color-text)}.bm-date-field--read-only .bm-date-field__field .bm-date-field__segment[data-placeholder=true]{color:var(--bm-comp-input-color-text-placeholder)}.bm-date-field--disabled .bm-date-field__field{border-color:var(--bm-comp-input-color-border-disabled);background-color:var(--bm-comp-input-color-bg-disabled)}.bm-date-field--disabled .bm-date-field__field .bm-date-field__segment,.bm-date-field--disabled .bm-date-field__field .bm-date-field__segment[data-placeholder=true]{color:var(--bm-comp-input-color-text-disabled)}.bm-date-field--fluid{max-width:100%}.bm-date-field__field{box-sizing:border-box;border-style:solid;border-color:var(--bm-comp-input-color-border);border-radius:var(--bm-comp-input-radius-field);border-width:var(--bm-comp-input-border-width-field-default);align-items:center;gap:var(--bm-comp-input-space-field-gap);box-shadow:var(--bm-comp-input-shadow-field);background-color:var(--bm-comp-input-color-bg);height:var(--bm-comp-input-size-field-height-md);padding-block:var(--bm-comp-input-space-field-y-md);padding-inline:var(--bm-comp-input-space-field-x-md);flex-wrap:nowrap;display:flex;position:relative}.bm-date-field__field:focus-within{outline-offset:calc(0px - var(--bm-sem-size-focus-offset));outline:var(--bm-sem-border-width-focus)solid var(--bm-sem-color-border-focus)}.bm-date-field__field .bm-date-field__segments{color:var(--bm-comp-input-color-text);font:var(--bm-comp-input-typo-md);font-variant-numeric:tabular-nums;align-items:baseline;gap:var(--bm-sem-space-12);display:inline-flex}.bm-date-field__field .bm-date-field__segment{box-sizing:border-box;text-align:center;border-block:var(--bm-sem-border-width-focus)solid transparent;outline:none;min-inline-size:2ch;display:inline-block}.bm-date-field__field .bm-date-field__segment[data-segment=year]{min-inline-size:4ch}.bm-date-field__field .bm-date-field__segment[data-placeholder=true]{color:var(--bm-comp-input-color-text-placeholder)}.bm-date-field__field .bm-date-field__segment[data-active=true]{border-bottom-color:var(--bm-sem-color-border-focus)}.bm-date-field__field .bm-date-field__segment:focus-visible{border-bottom-color:var(--bm-sem-color-border-focus)}.bm-date-field__field .bm-date-field__segment::selection{background-color:var(--bm-sem-color-surface-info-primary)}.bm-date-field__field .bm-date-field__separator{color:var(--bm-comp-input-color-text);font:var(--bm-comp-input-typo-md);-webkit-user-select:none;user-select:none}.bm-date-field__sr-status{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}

package/lib/SegmentedControl/SegmentedControl.List.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),C=require("react"),g=require("clsx"),f=require("../../chunks/classNames.BFQUGnCN.js");require("../../chunks/constants.CgMu0_1M.js");const n=require("../../chunks/segmentedControl.module.Do2xEatq.js"),S=require("./SegmentedControlContext.cjs.js"),b=({children:e,className:a,...u})=>{const{selectedValue:i,setSelectedValue:t,setControlItems:o,fluid:c}=S.useSegmentedControl();C.useEffect(()=>{if(!i){if(!Array.isArray(e)){t(e.props.value),o([e.props.value]);return}const l=e.filter(s=>!s.props.disabled);l.length>0&&t(l[0].props.value),o(e.map(s=>s.props.value))}},[]);const{subElementClassPrefix:m}=f.getBEMClassNames("segmented-control"),r=`${m}list`,d=g(n.styles[r],c&&n.styles[`${r}--fluid`],a);return p.jsx("div",{className:d,...u,children:e})};exports.SegmentedControlList=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime"),f=require("react"),p=require("clsx"),S=require("../../chunks/classNames.BFQUGnCN.js");require("../../chunks/constants.CgMu0_1M.js");const r=require("../../chunks/segmentedControl.module.Do2xEatq.js"),b=require("./SegmentedControlContext.cjs.js"),q=({children:e,className:l,...n})=>{const{selectedValue:a,setSelectedValue:c,setControlItems:i,fluid:u}=b.useSegmentedControl();f.useEffect(()=>{const o=Array.isArray(e)?e:[e];if(i(o.map(s=>s.props.value)),!a){const s=o.filter(C=>!C.props.disabled);s.length>0&&c(s[0].props.value)}},[]);const{subElementClassPrefix:d}=S.getBEMClassNames("segmented-control"),t=`${d}list`,m=p(r.styles[t],u&&r.styles[`${t}--fluid`],l);return g.jsx("div",{className:m,...n,children:e})};exports.SegmentedControlList=q;

package/lib/SegmentedControl/SegmentedControl.List.es.js

@@ -1,33 +1,30 @@
-import { jsx as c } from "react/jsx-runtime";
-import { useEffect as d } from "react";
-import C from "clsx";
-import { g } from "../../chunks/classNames.CA_0DokS.js";
+import { jsx as u } from "react/jsx-runtime";
+import { useEffect as C } from "react";
+import g from "clsx";
+import { g as b } from "../../chunks/classNames.CA_0DokS.js";
 import "../../chunks/constants.Cruz2A1w.js";
-import { s as a } from "../../chunks/segmentedControl.module.xmzdEbo3.js";
-import { useSegmentedControl as v } from "./SegmentedControlContext.es.js";
-const V = ({
+import { s as r } from "../../chunks/segmentedControl.module.xmzdEbo3.js";
+import { useSegmentedControl as x } from "./SegmentedControlContext.es.js";
+const $ = ({
   children: s,
-  className: m,
-  ...p
+  className: l,
+  ...m
 }) => {
-  const { selectedValue: f, setSelectedValue: t, setControlItems: o, fluid: i } = v();
-  d(() => {
-    if (!f) {
-      if (!Array.isArray(s)) {
-        t(s.props.value), o([s.props.value]);
-        return;
-      }
-      const l = s.filter((e) => !e.props.disabled);
-      l.length > 0 && t(l[0].props.value), o(s.map((e) => e.props.value));
+  const { selectedValue: a, setSelectedValue: i, setControlItems: n, fluid: p } = x();
+  C(() => {
+    const o = Array.isArray(s) ? s : [s];
+    if (n(o.map((e) => e.props.value)), !a) {
+      const e = o.filter((d) => !d.props.disabled);
+      e.length > 0 && i(e[0].props.value);
     }
   }, []);
-  const { subElementClassPrefix: n } = g("segmented-control"), r = `${n}list`, u = C(
-    a[r],
-    i && a[`${r}--fluid`],
-    m
+  const { subElementClassPrefix: f } = b("segmented-control"), t = `${f}list`, c = g(
+    r[t],
+    p && r[`${t}--fluid`],
+    l
   );
-  return /* @__PURE__ */ c("div", { className: u, ...p, children: s });
+  return /* @__PURE__ */ u("div", { className: c, ...m, children: s });
 };
 export {
-  V as SegmentedControlList
+  $ as SegmentedControlList
 };

package/lib/wip/DataTable/DataTable.Body.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),d=require("react"),i=require("clsx"),e=require("../../../chunks/dataTable.B2EH91vH.js"),a=d.forwardRef(({className:t,children:s,...o},r)=>{const l=i(e.styles[e.staticDataTableClassNames.body],t);return c.jsx("tbody",{ref:r,className:l,...o,children:s})});a.displayName="DataTable.Body";exports.DataTableBody=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),i=require("react"),n=require("clsx"),e=require("../../../chunks/dataTable.B2EH91vH.js"),d=require("./DataTable.context.cjs.js"),u=require("./DataTable.Row.cjs.js"),t=i.forwardRef(({className:s,...l},o)=>{const{table:r}=d.useDataTable(),b=n(e.styles[e.staticDataTableClassNames.body],s);return a.jsx("tbody",{ref:o,className:b,...l,children:r.getRowModel().rows.map(c=>a.jsx(u.DataTableRow,{},c.id))})});t.displayName="DataTable.Body";exports.DataTableBody=t;

package/lib/wip/DataTable/DataTable.Body.es.js

@@ -1,11 +1,13 @@
-import { jsx as m } from "react/jsx-runtime";
-import { forwardRef as e } from "react";
-import l from "clsx";
-import { s as c, a as d } from "../../../chunks/dataTable.B_4qCCp1.js";
-const f = e(
-  ({ className: a, children: s, ...o }, t) => {
-    const r = l(c[d.body], a);
-    return /* @__PURE__ */ m("tbody", { ref: t, className: r, ...o, children: s });
+import { jsx as a } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import i from "clsx";
+import { s as d, a as p } from "../../../chunks/dataTable.B_4qCCp1.js";
+import { useDataTable as b } from "./DataTable.context.es.js";
+import { DataTableRow as c } from "./DataTable.Row.es.js";
+const f = l(
+  ({ className: o, ...t }, s) => {
+    const { table: r } = b(), e = i(d[p.body], o);
+    return /* @__PURE__ */ a("tbody", { ref: s, className: e, ...t, children: r.getRowModel().rows.map((m) => /* @__PURE__ */ a(c, {}, m.id)) });
   }
 );
 f.displayName = "DataTable.Body";

package/lib/wip/DataTable/DataTable.types.d.ts

@@ -93,9 +93,11 @@ export interface DataTableColumnHeaderProps extends ComponentPropsWithRef<'th'>
      */
     children?: ReactNode;
 }
-export interface DataTableBodyProps extends ComponentPropsWithRef<'tbody'> {
-    children?: ReactNode;
-}
+/**
+ * DataTable.Body renders one `<tr>` per row in the table instance's
+ * `getRowModel()`, sourced from context — `children` isn't accepted.
+ */
+export type DataTableBodyProps = Omit<ComponentPropsWithRef<'tbody'>, 'children'>;
 export interface DataTableRowProps extends ComponentPropsWithRef<'tr'> {
     children?: ReactNode;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viasat/beam-react",
-  "version": "2.58.0",
+  "version": "2.59.0",
   "description": "React component library for the Beam design system",
   "license": "MIT",
   "author": "Viasat",
@@ -60,12 +60,12 @@
     "access": "public"
   },
   "dependencies": {
-    "@viasat/beam-fonts": "2.58.0",
-    "@viasat/beam-shared": "2.58.0",
-    "@viasat/beam-styles": "2.58.0",
-    "@viasat/beam-tokens": "2.58.0",
-    "@viasat/beam-icons": "2.58.0",
-    "@viasat/beam-react-claude-plugin": "2.58.0",
+    "@viasat/beam-fonts": "2.59.0",
+    "@viasat/beam-shared": "2.59.0",
+    "@viasat/beam-styles": "2.59.0",
+    "@viasat/beam-tokens": "2.59.0",
+    "@viasat/beam-icons": "2.59.0",
+    "@viasat/beam-react-claude-plugin": "2.59.0",
     "clsx": "^1.2.1",
     "@floating-ui/react": "^0.26.18",
     "@stepperize/react": "^5.1.5",