@viasat/beam-react 2.72.0 → 2.73.0

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+## 2.73.0 (2026-09-16)
+
+### 🚀 Features
+
+- **DataTable:** zebra striping keyed to logical row index ([#1438](https://git.viasat.com/vega/Beam/pull/1438))
+
+### ❤️ Thank You
+
+- Amarandei, Robert-Andrei
+
+## 2.72.1 (2026-09-15)
+
+### 🩹 Fixes
+
+- **tokens:** render the correct font for every supported language ([#1444](https://git.viasat.com/vega/Beam/pull/1444))
+
+### ❤️ Thank You
+
+- Evans, Joel
+
 ## 2.72.0 (2026-09-14)
 
 ### 🚀 Features

package/assets/dataTable.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-data-table-color-bg:var(--bm-sem-color-surface-01,#fff);--bm-comp-data-table-color-border:var(--bm-sem-color-border-01,#dfe7ec);--bm-comp-data-table-color-zebra:var(--bm-sem-color-surface-highlight,#9fafbc29);--bm-comp-data-table-color-header-heading:var(--bm-sem-color-text-primary,#141d24);--bm-comp-data-table-color-header-body:var(--bm-sem-color-text-secondary,#576775);--bm-comp-data-table-color-col-header-bg:var(--bm-sem-color-surface-transparent,#fff0);--bm-comp-data-table-color-col-header-text:var(--bm-sem-color-text-primary,#141d24);--bm-comp-data-table-color-col-header-group-bg:var(--bm-sem-color-surface-highlight,#9fafbc29);--bm-comp-data-table-color-col-header-group-text:var(--bm-sem-color-text-secondary,#576775);--bm-comp-data-table-color-cell-text:var(--bm-sem-color-text-primary,#141d24);--bm-comp-data-table-color-cell-text-supporting:var(--bm-sem-color-text-secondary,#576775);--bm-comp-data-table-color-cell-icon:var(--bm-sem-color-icon-secondary,#576775);--bm-comp-data-table-space-x:var(--bm-sem-space-100,1rem);--bm-comp-data-table-space-header-gap:var(--bm-sem-space-50,.5rem);--bm-comp-data-table-space-header-sm-x:var(--bm-sem-space-75,.75rem);--bm-comp-data-table-space-header-md-y:var(--bm-sem-space-100,1rem);--bm-comp-data-table-space-header-lg-y:var(--bm-sem-space-125,1.25rem);--bm-comp-data-table-space-col-header-gap:var(--bm-sem-space-25,.25rem);--bm-comp-data-table-space-col-header-group-height:var(--bm-primitive-dimension-200,2rem);--bm-comp-data-table-space-cell-gap:var(--bm-sem-space-50,.5rem);--bm-comp-data-table-space-cell-sm-y:var(--bm-sem-space-75,.75rem);--bm-comp-data-table-space-cell-md-y:var(--bm-sem-space-100,1rem);--bm-comp-data-table-space-cell-lg-y:var(--bm-sem-space-125,1.25rem);--bm-comp-data-table-space-footer-sm-x:var(--bm-sem-space-50,.5rem);--bm-comp-data-table-space-footer-md-y:var(--bm-sem-space-100,1rem);--bm-comp-data-table-space-footer-lg-y:var(--bm-sem-space-125,1.25rem);--bm-comp-data-table-space-section-inner-y:var(--bm-sem-space-25,.25rem);--bm-comp-data-table-space-section-sm-y:var(--bm-sem-space-50,.5rem);--bm-comp-data-table-space-section-md-y:var(--bm-sem-space-75,.75rem);--bm-comp-data-table-space-section-lg-y:var(--bm-sem-space-100,1rem);--bm-comp-data-table-typo-cell:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-data-table-typo-cell-emphisis:var(--bm-sem-typo-label-sm,600 .875rem/1.25rem "Source Sans Pro");--bm-comp-data-table-typo-cell-supporting:var(--bm-sem-typo-compact-body-xs,400 .75rem/1rem "Source Sans Pro");--bm-comp-data-table-typo-col-header:var(--bm-sem-typo-compact-label-sm,600 .875rem/1rem "Source Sans Pro");--bm-comp-data-table-typo-col-header-group:var(--bm-sem-typo-compact-label-xs,600 .75rem/1rem "Source Sans Pro");--bm-comp-data-table-size-col-header-group-height:var(--bm-primitive-dimension-225,2.25rem);--bm-comp-data-table-size-cell-sm-height:var(--bm-primitive-dimension-275,2.75rem);--bm-comp-data-table-size-cell-md-height:var(--bm-primitive-dimension-325,3.25rem);--bm-comp-data-table-size-cell-lg-height:var(--bm-primitive-dimension-375,3.75rem);--bm-comp-data-table-size-cell-icon:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-data-table-radius:var(--bm-sem-radius-md,.5rem)}: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-data-table-color-bg:var(--bm-sem-color-surface-01,#202e39);--bm-comp-data-table-color-border:var(--bm-sem-color-border-01,#32424e);--bm-comp-data-table-color-zebra:var(--bm-sem-color-surface-highlight,#8697a529);--bm-comp-data-table-color-header-heading:var(--bm-sem-color-text-primary,#fff);--bm-comp-data-table-color-header-body:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-data-table-color-col-header-bg:var(--bm-sem-color-surface-transparent,#fff0);--bm-comp-data-table-color-col-header-text:var(--bm-sem-color-text-primary,#fff);--bm-comp-data-table-color-col-header-group-bg:var(--bm-sem-color-surface-highlight,#8697a529);--bm-comp-data-table-color-col-header-group-text:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-data-table-color-cell-text:var(--bm-sem-color-text-primary,#fff);--bm-comp-data-table-color-cell-text-supporting:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-data-table-color-cell-icon:var(--bm-sem-color-icon-secondary,#c3cdd5);--bm-comp-data-table-space-x:var(--bm-sem-space-100,1rem);--bm-comp-data-table-space-header-gap:var(--bm-sem-space-50,.5rem);--bm-comp-data-table-space-header-sm-x:var(--bm-sem-space-75,.75rem);--bm-comp-data-table-space-header-md-y:var(--bm-sem-space-100,1rem);--bm-comp-data-table-space-header-lg-y:var(--bm-sem-space-125,1.25rem);--bm-comp-data-table-space-col-header-gap:var(--bm-sem-space-25,.25rem);--bm-comp-data-table-space-col-header-group-height:var(--bm-primitive-dimension-200,2rem);--bm-comp-data-table-space-cell-gap:var(--bm-sem-space-50,.5rem);--bm-comp-data-table-space-cell-sm-y:var(--bm-sem-space-75,.75rem);--bm-comp-data-table-space-cell-md-y:var(--bm-sem-space-100,1rem);--bm-comp-data-table-space-cell-lg-y:var(--bm-sem-space-125,1.25rem);--bm-comp-data-table-space-footer-sm-x:var(--bm-sem-space-50,.5rem);--bm-comp-data-table-space-footer-md-y:var(--bm-sem-space-100,1rem);--bm-comp-data-table-space-footer-lg-y:var(--bm-sem-space-125,1.25rem);--bm-comp-data-table-space-section-inner-y:var(--bm-sem-space-25,.25rem);--bm-comp-data-table-space-section-sm-y:var(--bm-sem-space-50,.5rem);--bm-comp-data-table-space-section-md-y:var(--bm-sem-space-75,.75rem);--bm-comp-data-table-space-section-lg-y:var(--bm-sem-space-100,1rem);--bm-comp-data-table-typo-cell:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-data-table-typo-cell-emphisis:var(--bm-sem-typo-label-sm,600 .875rem/1.25rem "Source Sans Pro");--bm-comp-data-table-typo-cell-supporting:var(--bm-sem-typo-compact-body-xs,400 .75rem/1rem "Source Sans Pro");--bm-comp-data-table-typo-col-header:var(--bm-sem-typo-compact-label-sm,600 .875rem/1rem "Source Sans Pro");--bm-comp-data-table-typo-col-header-group:var(--bm-sem-typo-compact-label-xs,600 .75rem/1rem "Source Sans Pro");--bm-comp-data-table-size-col-header-group-height:var(--bm-primitive-dimension-225,2.25rem);--bm-comp-data-table-size-cell-sm-height:var(--bm-primitive-dimension-275,2.75rem);--bm-comp-data-table-size-cell-md-height:var(--bm-primitive-dimension-325,3.25rem);--bm-comp-data-table-size-cell-lg-height:var(--bm-primitive-dimension-375,3.75rem);--bm-comp-data-table-size-cell-icon:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-data-table-radius:var(--bm-sem-radius-md,.5rem)}.bm-data-table-container{background:var(--bm-comp-data-table-color-bg);flex-direction:column;width:100%;display:flex}.bm-data-table-container--bordered{border:var(--bm-sem-border-width-md)solid var(--bm-comp-data-table-color-border)}.bm-data-table-container--rounded{border-radius:var(--bm-comp-data-table-radius);overflow:hidden}.bm-data-table-container .bm-data-table__toolbar{color:var(--bm-comp-data-table-color-header-body);text-align:start;padding-inline:var(--bm-comp-data-table-space-x);padding-block:var(--bm-comp-data-table-space-header-md-y)}.bm-data-table{border-collapse:collapse;width:100%;color:var(--bm-comp-data-table-color-cell-text)}.bm-data-table__header{color:var(--bm-comp-data-table-color-header-heading);font:var(--bm-comp-data-table-typo-col-header);text-align:start;padding-inline:var(--bm-comp-data-table-space-x);padding-block:var(--bm-comp-data-table-space-header-md-y)}.bm-data-table__head{background:var(--bm-comp-data-table-color-col-header-bg)}.bm-data-table__column-header{background:var(--bm-comp-data-table-color-col-header-bg);color:var(--bm-comp-data-table-color-col-header-text);font:var(--bm-comp-data-table-typo-col-header);text-align:start;white-space:nowrap}.bm-data-table__column-header--align-end{text-align:end}.bm-data-table__body{background:var(--bm-comp-data-table-color-bg)}.bm-data-table__body .bm-data-table__row:nth-of-type(2n){background:var(--bm-comp-data-table-color-zebra)}.bm-data-table__body .bm-data-table__row:hover{background:var(--bm-sem-color-state-layer-hover)}.bm-data-table__cell{font:var(--bm-comp-data-table-typo-cell);color:var(--bm-comp-data-table-color-cell-text);border-bottom:var(--bm-sem-border-width-md)solid var(--bm-comp-data-table-color-border)}.bm-data-table__cell--align-end{text-align:end}.bm-data-table__footer{color:var(--bm-comp-data-table-color-cell-text);padding-inline:var(--bm-comp-data-table-space-x);padding-block:var(--bm-comp-data-table-space-footer-md-y)}.bm-data-table--sm .bm-data-table__cell,.bm-data-table--sm .bm-data-table__column-header{height:var(--bm-comp-data-table-size-cell-sm-height);padding-block:var(--bm-comp-data-table-space-cell-sm-y);padding-inline:var(--bm-comp-data-table-space-x)}.bm-data-table--md .bm-data-table__cell,.bm-data-table--md .bm-data-table__column-header{height:var(--bm-comp-data-table-size-cell-md-height);padding-block:var(--bm-comp-data-table-space-cell-md-y);padding-inline:var(--bm-comp-data-table-space-x)}.bm-data-table--lg .bm-data-table__cell,.bm-data-table--lg .bm-data-table__column-header{height:var(--bm-comp-data-table-size-cell-lg-height);padding-block:var(--bm-comp-data-table-space-cell-lg-y);padding-inline:var(--bm-comp-data-table-space-x)}
+:root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-data-table-color-bg:var(--bm-sem-color-surface-01,#fff);--bm-comp-data-table-color-border:var(--bm-sem-color-border-01,#dfe7ec);--bm-comp-data-table-color-zebra:var(--bm-sem-color-surface-highlight,#9fafbc29);--bm-comp-data-table-color-header-heading:var(--bm-sem-color-text-primary,#141d24);--bm-comp-data-table-color-header-body:var(--bm-sem-color-text-secondary,#576775);--bm-comp-data-table-color-col-header-bg:var(--bm-sem-color-surface-transparent,#fff0);--bm-comp-data-table-color-col-header-text:var(--bm-sem-color-text-primary,#141d24);--bm-comp-data-table-color-col-header-group-bg:var(--bm-sem-color-surface-highlight,#9fafbc29);--bm-comp-data-table-color-col-header-group-text:var(--bm-sem-color-text-secondary,#576775);--bm-comp-data-table-color-cell-text:var(--bm-sem-color-text-primary,#141d24);--bm-comp-data-table-color-cell-text-supporting:var(--bm-sem-color-text-secondary,#576775);--bm-comp-data-table-color-cell-icon:var(--bm-sem-color-icon-secondary,#576775);--bm-comp-data-table-space-x:var(--bm-sem-space-100,1rem);--bm-comp-data-table-space-header-gap:var(--bm-sem-space-50,.5rem);--bm-comp-data-table-space-header-sm-x:var(--bm-sem-space-75,.75rem);--bm-comp-data-table-space-header-md-y:var(--bm-sem-space-100,1rem);--bm-comp-data-table-space-header-lg-y:var(--bm-sem-space-125,1.25rem);--bm-comp-data-table-space-col-header-gap:var(--bm-sem-space-25,.25rem);--bm-comp-data-table-space-col-header-group-height:var(--bm-primitive-dimension-200,2rem);--bm-comp-data-table-space-cell-gap:var(--bm-sem-space-50,.5rem);--bm-comp-data-table-space-cell-sm-y:var(--bm-sem-space-75,.75rem);--bm-comp-data-table-space-cell-md-y:var(--bm-sem-space-100,1rem);--bm-comp-data-table-space-cell-lg-y:var(--bm-sem-space-125,1.25rem);--bm-comp-data-table-space-footer-sm-x:var(--bm-sem-space-50,.5rem);--bm-comp-data-table-space-footer-md-y:var(--bm-sem-space-100,1rem);--bm-comp-data-table-space-footer-lg-y:var(--bm-sem-space-125,1.25rem);--bm-comp-data-table-space-section-inner-y:var(--bm-sem-space-25,.25rem);--bm-comp-data-table-space-section-sm-y:var(--bm-sem-space-50,.5rem);--bm-comp-data-table-space-section-md-y:var(--bm-sem-space-75,.75rem);--bm-comp-data-table-space-section-lg-y:var(--bm-sem-space-100,1rem);--bm-comp-data-table-typo-cell:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-data-table-typo-cell-emphisis:var(--bm-sem-typo-label-sm,600 .875rem/1.25rem "Source Sans Pro");--bm-comp-data-table-typo-cell-supporting:var(--bm-sem-typo-compact-body-xs,400 .75rem/1rem "Source Sans Pro");--bm-comp-data-table-typo-col-header:var(--bm-sem-typo-compact-label-sm,600 .875rem/1rem "Source Sans Pro");--bm-comp-data-table-typo-col-header-group:var(--bm-sem-typo-compact-label-xs,600 .75rem/1rem "Source Sans Pro");--bm-comp-data-table-size-col-header-group-height:var(--bm-primitive-dimension-225,2.25rem);--bm-comp-data-table-size-cell-sm-height:var(--bm-primitive-dimension-275,2.75rem);--bm-comp-data-table-size-cell-md-height:var(--bm-primitive-dimension-325,3.25rem);--bm-comp-data-table-size-cell-lg-height:var(--bm-primitive-dimension-375,3.75rem);--bm-comp-data-table-size-cell-icon:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-data-table-radius:var(--bm-sem-radius-md,.5rem)}: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-data-table-color-bg:var(--bm-sem-color-surface-01,#202e39);--bm-comp-data-table-color-border:var(--bm-sem-color-border-01,#32424e);--bm-comp-data-table-color-zebra:var(--bm-sem-color-surface-highlight,#8697a529);--bm-comp-data-table-color-header-heading:var(--bm-sem-color-text-primary,#fff);--bm-comp-data-table-color-header-body:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-data-table-color-col-header-bg:var(--bm-sem-color-surface-transparent,#fff0);--bm-comp-data-table-color-col-header-text:var(--bm-sem-color-text-primary,#fff);--bm-comp-data-table-color-col-header-group-bg:var(--bm-sem-color-surface-highlight,#8697a529);--bm-comp-data-table-color-col-header-group-text:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-data-table-color-cell-text:var(--bm-sem-color-text-primary,#fff);--bm-comp-data-table-color-cell-text-supporting:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-data-table-color-cell-icon:var(--bm-sem-color-icon-secondary,#c3cdd5);--bm-comp-data-table-space-x:var(--bm-sem-space-100,1rem);--bm-comp-data-table-space-header-gap:var(--bm-sem-space-50,.5rem);--bm-comp-data-table-space-header-sm-x:var(--bm-sem-space-75,.75rem);--bm-comp-data-table-space-header-md-y:var(--bm-sem-space-100,1rem);--bm-comp-data-table-space-header-lg-y:var(--bm-sem-space-125,1.25rem);--bm-comp-data-table-space-col-header-gap:var(--bm-sem-space-25,.25rem);--bm-comp-data-table-space-col-header-group-height:var(--bm-primitive-dimension-200,2rem);--bm-comp-data-table-space-cell-gap:var(--bm-sem-space-50,.5rem);--bm-comp-data-table-space-cell-sm-y:var(--bm-sem-space-75,.75rem);--bm-comp-data-table-space-cell-md-y:var(--bm-sem-space-100,1rem);--bm-comp-data-table-space-cell-lg-y:var(--bm-sem-space-125,1.25rem);--bm-comp-data-table-space-footer-sm-x:var(--bm-sem-space-50,.5rem);--bm-comp-data-table-space-footer-md-y:var(--bm-sem-space-100,1rem);--bm-comp-data-table-space-footer-lg-y:var(--bm-sem-space-125,1.25rem);--bm-comp-data-table-space-section-inner-y:var(--bm-sem-space-25,.25rem);--bm-comp-data-table-space-section-sm-y:var(--bm-sem-space-50,.5rem);--bm-comp-data-table-space-section-md-y:var(--bm-sem-space-75,.75rem);--bm-comp-data-table-space-section-lg-y:var(--bm-sem-space-100,1rem);--bm-comp-data-table-typo-cell:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-data-table-typo-cell-emphisis:var(--bm-sem-typo-label-sm,600 .875rem/1.25rem "Source Sans Pro");--bm-comp-data-table-typo-cell-supporting:var(--bm-sem-typo-compact-body-xs,400 .75rem/1rem "Source Sans Pro");--bm-comp-data-table-typo-col-header:var(--bm-sem-typo-compact-label-sm,600 .875rem/1rem "Source Sans Pro");--bm-comp-data-table-typo-col-header-group:var(--bm-sem-typo-compact-label-xs,600 .75rem/1rem "Source Sans Pro");--bm-comp-data-table-size-col-header-group-height:var(--bm-primitive-dimension-225,2.25rem);--bm-comp-data-table-size-cell-sm-height:var(--bm-primitive-dimension-275,2.75rem);--bm-comp-data-table-size-cell-md-height:var(--bm-primitive-dimension-325,3.25rem);--bm-comp-data-table-size-cell-lg-height:var(--bm-primitive-dimension-375,3.75rem);--bm-comp-data-table-size-cell-icon:var(--bm-sem-size-icon-md,1.25rem);--bm-comp-data-table-radius:var(--bm-sem-radius-md,.5rem)}.bm-data-table-container{background:var(--bm-comp-data-table-color-bg);flex-direction:column;width:100%;display:flex}.bm-data-table-container--bordered{border:var(--bm-sem-border-width-md)solid var(--bm-comp-data-table-color-border)}.bm-data-table-container--rounded{border-radius:var(--bm-comp-data-table-radius);overflow:hidden}.bm-data-table-container .bm-data-table__toolbar{color:var(--bm-comp-data-table-color-header-body);text-align:start;padding-inline:var(--bm-comp-data-table-space-x);padding-block:var(--bm-comp-data-table-space-header-md-y)}.bm-data-table{border-collapse:collapse;width:100%;color:var(--bm-comp-data-table-color-cell-text)}.bm-data-table__header{color:var(--bm-comp-data-table-color-header-heading);font:var(--bm-comp-data-table-typo-col-header);text-align:start;padding-inline:var(--bm-comp-data-table-space-x);padding-block:var(--bm-comp-data-table-space-header-md-y)}.bm-data-table__head{background:var(--bm-comp-data-table-color-col-header-bg)}.bm-data-table__column-header{background:var(--bm-comp-data-table-color-col-header-bg);color:var(--bm-comp-data-table-color-col-header-text);font:var(--bm-comp-data-table-typo-col-header);text-align:start;white-space:nowrap}.bm-data-table__column-header--align-end{text-align:end}.bm-data-table__body{background:var(--bm-comp-data-table-color-bg)}.bm-data-table__body .bm-data-table__row--striped{background-color:var(--bm-comp-data-table-color-zebra)}.bm-data-table--row-hover>.bm-data-table__body>.bm-data-table__row:hover{background-image:linear-gradient(var(--bm-sem-color-state-layer-hover),var(--bm-sem-color-state-layer-hover))}.bm-data-table__cell{font:var(--bm-comp-data-table-typo-cell);color:var(--bm-comp-data-table-color-cell-text);border-bottom:var(--bm-sem-border-width-md)solid var(--bm-comp-data-table-color-border)}.bm-data-table__cell--align-end{text-align:end}.bm-data-table__footer{color:var(--bm-comp-data-table-color-cell-text);padding-inline:var(--bm-comp-data-table-space-x);padding-block:var(--bm-comp-data-table-space-footer-md-y)}.bm-data-table--sm .bm-data-table__cell,.bm-data-table--sm .bm-data-table__column-header{height:var(--bm-comp-data-table-size-cell-sm-height);padding-block:var(--bm-comp-data-table-space-cell-sm-y);padding-inline:var(--bm-comp-data-table-space-x)}.bm-data-table--md .bm-data-table__cell,.bm-data-table--md .bm-data-table__column-header{height:var(--bm-comp-data-table-size-cell-md-height);padding-block:var(--bm-comp-data-table-space-cell-md-y);padding-inline:var(--bm-comp-data-table-space-x)}.bm-data-table--lg .bm-data-table__cell,.bm-data-table--lg .bm-data-table__column-header{height:var(--bm-comp-data-table-size-cell-lg-height);padding-block:var(--bm-comp-data-table-space-cell-lg-y);padding-inline:var(--bm-comp-data-table-space-x)}