@homebound/beam 2.417.6 → 2.417.8

package/dist/index.css

@@ -259,4 +259,10 @@
 .rdp-day_range_middle {
   border-radius: 0;
 }
+
+/* src/components/Copy.css */
+.beam-copy > p {
+  margin-top: 16px;
+  margin-bottom: 16px;
+}
 /*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/internal/DatePicker/DatePicker.css"],"sourcesContent":[":root {\n  /* Modified by Beam (40 -> 32) */\n  --rdp-cell-size: 32px;\n  /* Modified by Beam (#0000ff -> Blue700) */\n  --rdp-accent-color: rgba(3, 105, 161, 1);\n  --rdp-background-color: #e7edff;\n  /* Switch to dark colors for dark themes */\n  --rdp-accent-color-dark: #3003e1;\n  --rdp-background-color-dark: #180270;\n  /* Outline border for focused elements */\n  --rdp-outline: 2px solid var(--rdp-accent-color);\n  /* Outline border for focused and selected elements */\n  /* Modified by Beam (rgba(0, 0, 0, 0.75) -> Blue700) */\n  --rdp-outline-selected: 2px solid rgba(3, 105, 161, 1);\n}\n\n/* Added in By Beam */\n.rdp-cell:focus-visible {\n  outline: 0;\n}\n\n.rdp {\n  /* Modified by Beam (1em -> 16px) */\n  margin: 16px;\n}\n\n/* Hide elements for devices that are not screen readers */\n.rdp-vhidden {\n  box-sizing: border-box;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  border: 0;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n  position: absolute !important;\n  top: 0;\n  width: 1px !important;\n  height: 1px !important;\n  padding: 0 !important;\n  overflow: hidden !important;\n  clip: rect(1px, 1px, 1px, 1px) !important;\n  border: 0 !important;\n}\n\n/* Buttons */\n.rdp-button_reset {\n  appearance: none;\n  position: relative;\n  margin: 0;\n  padding: 0;\n  cursor: default;\n  color: inherit;\n  outline: none;\n  background: none;\n  font: inherit;\n\n  -moz-appearance: none;\n  -webkit-appearance: none;\n}\n\n.rdp-button {\n  border: 2px solid transparent;\n}\n\n.rdp-button[aria-disabled=\"true\"] {\n  opacity: 0.25;\n  pointer-events: none;\n}\n\n.rdp-button:not([aria-disabled=\"true\"]) {\n  cursor: pointer;\n}\n\n.rdp-button:focus,\n.rdp-button:active {\n  color: inherit;\n  border: var(--rdp-outline);\n  background-color: var(--rdp-background-color);\n}\n\n.rdp-button:hover:not([aria-disabled=\"true\"]) {\n  background-color: var(--rdp-background-color);\n}\n\n.rdp-months {\n  display: flex;\n}\n\n.rdp-month {\n  margin: 0 1em;\n}\n\n.rdp-month:first-child {\n  margin-left: 0;\n}\n\n.rdp-month:last-child {\n  margin-right: 0;\n}\n\n.rdp-table {\n  margin: 0;\n  max-width: calc(var(--rdp-cell-size) * 7);\n  border-collapse: collapse;\n}\n\n.rdp-with_weeknumber .rdp-table {\n  max-width: calc(var(--rdp-cell-size) * 8);\n  border-collapse: collapse;\n}\n\n.rdp-caption {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0;\n  text-align: left;\n}\n\n.rdp-multiple_months .rdp-caption {\n  position: relative;\n  display: block;\n  text-align: center;\n}\n\n.rdp-caption_dropdowns {\n  position: relative;\n  display: inline-flex;\n}\n\n.rdp-caption_label {\n  position: relative;\n  z-index: 1;\n  display: inline-flex;\n  align-items: center;\n  margin: 0;\n  padding: 0 0.25em;\n  white-space: nowrap;\n  color: currentColor;\n  border: 0;\n  border: 2px solid transparent;\n  font-family: inherit;\n  font-size: 140%;\n  font-weight: bold;\n}\n\n.rdp-nav {\n  white-space: nowrap;\n}\n\n.rdp-multiple_months .rdp-caption_start .rdp-nav {\n  position: absolute;\n  top: 50%;\n  left: 0;\n  transform: translateY(-50%);\n}\n\n.rdp-multiple_months .rdp-caption_end .rdp-nav {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  transform: translateY(-50%);\n}\n\n.rdp-nav_button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--rdp-cell-size);\n  height: var(--rdp-cell-size);\n  padding: 0.25em;\n  border-radius: 100%;\n}\n\n/* ---------- */\n/* Dropdowns  */\n/* ---------- */\n\n.rdp-dropdown_year,\n.rdp-dropdown_month {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n}\n\n.rdp-dropdown {\n  appearance: none;\n  position: absolute;\n  z-index: 2;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  cursor: inherit;\n  opacity: 0;\n  border: none;\n  background-color: transparent;\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n}\n\n.rdp-dropdown[disabled] {\n  opacity: unset;\n  color: unset;\n}\n\n.rdp-dropdown:focus:not([disabled]) + .rdp-caption_label,\n.rdp-dropdown:active:not([disabled]) + .rdp-caption_label {\n  border: var(--rdp-outline);\n  border-radius: 6px;\n  background-color: var(--rdp-background-color);\n}\n\n.rdp-dropdown_icon {\n  margin: 0 0 0 5px;\n}\n\n.rdp-head {\n  border: 0;\n}\n\n.rdp-head_row,\n.rdp-row {\n  height: 100%;\n}\n\n.rdp-head_cell {\n  vertical-align: middle;\n  text-transform: uppercase;\n  font-size: 0.75em;\n  font-weight: 700;\n  text-align: center;\n  height: 100%;\n  height: var(--rdp-cell-size);\n  padding: 0;\n}\n\n.rdp-tbody {\n  border: 0;\n}\n\n.rdp-tfoot {\n  margin: 0.5em;\n}\n\n.rdp-cell {\n  width: var(--rdp-cell-size);\n  height: 100%;\n  height: var(--rdp-cell-size);\n  padding: 0;\n  text-align: center;\n}\n\n.rdp-weeknumber {\n  font-size: 0.75em;\n}\n\n.rdp-weeknumber,\n.rdp-day {\n  display: flex;\n  overflow: hidden;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  width: var(--rdp-cell-size);\n  max-width: var(--rdp-cell-size);\n  height: var(--rdp-cell-size);\n  margin: 0;\n  border: 2px solid transparent;\n  border-radius: 100%;\n}\n\n.rdp-day_today:not(.rdp-day_outside) {\n  font-weight: bold;\n}\n\n.rdp-day_selected:not([aria-disabled=\"true\"]),\n.rdp-day_selected:focus:not([aria-disabled=\"true\"]),\n.rdp-day_selected:active:not([aria-disabled=\"true\"]),\n.rdp-day_selected:hover:not([aria-disabled=\"true\"]) {\n  color: white;\n  background-color: var(--rdp-accent-color);\n}\n\n.rdp-day_selected:focus:not([aria-disabled=\"true\"]) {\n  border: var(--rdp-outline-selected);\n}\n\n.rdp:not([dir=\"rtl\"]) .rdp-day_range_start:not(.rdp-day_range_end) {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n.rdp:not([dir=\"rtl\"]) .rdp-day_range_end:not(.rdp-day_range_start) {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.rdp[dir=\"rtl\"] .rdp-day_range_start:not(.rdp-day_range_end) {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.rdp[dir=\"rtl\"] .rdp-day_range_end:not(.rdp-day_range_start) {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n.rdp-day_range_end.rdp-day_range_start {\n  border-radius: 100%;\n}\n\n.rdp-day_range_middle {\n  border-radius: 0;\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/components/internal/DatePicker/DatePicker.css","../src/components/Copy.css"],"sourcesContent":[":root {\n  /* Modified by Beam (40 -> 32) */\n  --rdp-cell-size: 32px;\n  /* Modified by Beam (#0000ff -> Blue700) */\n  --rdp-accent-color: rgba(3, 105, 161, 1);\n  --rdp-background-color: #e7edff;\n  /* Switch to dark colors for dark themes */\n  --rdp-accent-color-dark: #3003e1;\n  --rdp-background-color-dark: #180270;\n  /* Outline border for focused elements */\n  --rdp-outline: 2px solid var(--rdp-accent-color);\n  /* Outline border for focused and selected elements */\n  /* Modified by Beam (rgba(0, 0, 0, 0.75) -> Blue700) */\n  --rdp-outline-selected: 2px solid rgba(3, 105, 161, 1);\n}\n\n/* Added in By Beam */\n.rdp-cell:focus-visible {\n  outline: 0;\n}\n\n.rdp {\n  /* Modified by Beam (1em -> 16px) */\n  margin: 16px;\n}\n\n/* Hide elements for devices that are not screen readers */\n.rdp-vhidden {\n  box-sizing: border-box;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  border: 0;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n  position: absolute !important;\n  top: 0;\n  width: 1px !important;\n  height: 1px !important;\n  padding: 0 !important;\n  overflow: hidden !important;\n  clip: rect(1px, 1px, 1px, 1px) !important;\n  border: 0 !important;\n}\n\n/* Buttons */\n.rdp-button_reset {\n  appearance: none;\n  position: relative;\n  margin: 0;\n  padding: 0;\n  cursor: default;\n  color: inherit;\n  outline: none;\n  background: none;\n  font: inherit;\n\n  -moz-appearance: none;\n  -webkit-appearance: none;\n}\n\n.rdp-button {\n  border: 2px solid transparent;\n}\n\n.rdp-button[aria-disabled=\"true\"] {\n  opacity: 0.25;\n  pointer-events: none;\n}\n\n.rdp-button:not([aria-disabled=\"true\"]) {\n  cursor: pointer;\n}\n\n.rdp-button:focus,\n.rdp-button:active {\n  color: inherit;\n  border: var(--rdp-outline);\n  background-color: var(--rdp-background-color);\n}\n\n.rdp-button:hover:not([aria-disabled=\"true\"]) {\n  background-color: var(--rdp-background-color);\n}\n\n.rdp-months {\n  display: flex;\n}\n\n.rdp-month {\n  margin: 0 1em;\n}\n\n.rdp-month:first-child {\n  margin-left: 0;\n}\n\n.rdp-month:last-child {\n  margin-right: 0;\n}\n\n.rdp-table {\n  margin: 0;\n  max-width: calc(var(--rdp-cell-size) * 7);\n  border-collapse: collapse;\n}\n\n.rdp-with_weeknumber .rdp-table {\n  max-width: calc(var(--rdp-cell-size) * 8);\n  border-collapse: collapse;\n}\n\n.rdp-caption {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0;\n  text-align: left;\n}\n\n.rdp-multiple_months .rdp-caption {\n  position: relative;\n  display: block;\n  text-align: center;\n}\n\n.rdp-caption_dropdowns {\n  position: relative;\n  display: inline-flex;\n}\n\n.rdp-caption_label {\n  position: relative;\n  z-index: 1;\n  display: inline-flex;\n  align-items: center;\n  margin: 0;\n  padding: 0 0.25em;\n  white-space: nowrap;\n  color: currentColor;\n  border: 0;\n  border: 2px solid transparent;\n  font-family: inherit;\n  font-size: 140%;\n  font-weight: bold;\n}\n\n.rdp-nav {\n  white-space: nowrap;\n}\n\n.rdp-multiple_months .rdp-caption_start .rdp-nav {\n  position: absolute;\n  top: 50%;\n  left: 0;\n  transform: translateY(-50%);\n}\n\n.rdp-multiple_months .rdp-caption_end .rdp-nav {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  transform: translateY(-50%);\n}\n\n.rdp-nav_button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--rdp-cell-size);\n  height: var(--rdp-cell-size);\n  padding: 0.25em;\n  border-radius: 100%;\n}\n\n/* ---------- */\n/* Dropdowns  */\n/* ---------- */\n\n.rdp-dropdown_year,\n.rdp-dropdown_month {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n}\n\n.rdp-dropdown {\n  appearance: none;\n  position: absolute;\n  z-index: 2;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  cursor: inherit;\n  opacity: 0;\n  border: none;\n  background-color: transparent;\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n}\n\n.rdp-dropdown[disabled] {\n  opacity: unset;\n  color: unset;\n}\n\n.rdp-dropdown:focus:not([disabled]) + .rdp-caption_label,\n.rdp-dropdown:active:not([disabled]) + .rdp-caption_label {\n  border: var(--rdp-outline);\n  border-radius: 6px;\n  background-color: var(--rdp-background-color);\n}\n\n.rdp-dropdown_icon {\n  margin: 0 0 0 5px;\n}\n\n.rdp-head {\n  border: 0;\n}\n\n.rdp-head_row,\n.rdp-row {\n  height: 100%;\n}\n\n.rdp-head_cell {\n  vertical-align: middle;\n  text-transform: uppercase;\n  font-size: 0.75em;\n  font-weight: 700;\n  text-align: center;\n  height: 100%;\n  height: var(--rdp-cell-size);\n  padding: 0;\n}\n\n.rdp-tbody {\n  border: 0;\n}\n\n.rdp-tfoot {\n  margin: 0.5em;\n}\n\n.rdp-cell {\n  width: var(--rdp-cell-size);\n  height: 100%;\n  height: var(--rdp-cell-size);\n  padding: 0;\n  text-align: center;\n}\n\n.rdp-weeknumber {\n  font-size: 0.75em;\n}\n\n.rdp-weeknumber,\n.rdp-day {\n  display: flex;\n  overflow: hidden;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  width: var(--rdp-cell-size);\n  max-width: var(--rdp-cell-size);\n  height: var(--rdp-cell-size);\n  margin: 0;\n  border: 2px solid transparent;\n  border-radius: 100%;\n}\n\n.rdp-day_today:not(.rdp-day_outside) {\n  font-weight: bold;\n}\n\n.rdp-day_selected:not([aria-disabled=\"true\"]),\n.rdp-day_selected:focus:not([aria-disabled=\"true\"]),\n.rdp-day_selected:active:not([aria-disabled=\"true\"]),\n.rdp-day_selected:hover:not([aria-disabled=\"true\"]) {\n  color: white;\n  background-color: var(--rdp-accent-color);\n}\n\n.rdp-day_selected:focus:not([aria-disabled=\"true\"]) {\n  border: var(--rdp-outline-selected);\n}\n\n.rdp:not([dir=\"rtl\"]) .rdp-day_range_start:not(.rdp-day_range_end) {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n.rdp:not([dir=\"rtl\"]) .rdp-day_range_end:not(.rdp-day_range_start) {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.rdp[dir=\"rtl\"] .rdp-day_range_start:not(.rdp-day_range_end) {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n\n.rdp[dir=\"rtl\"] .rdp-day_range_end:not(.rdp-day_range_start) {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n.rdp-day_range_end.rdp-day_range_start {\n  border-radius: 100%;\n}\n\n.rdp-day_range_middle {\n  border-radius: 0;\n}\n",".beam-copy > p {\n  margin-top: 16px;\n  margin-bottom: 16px;\n}\n"],"mappings":"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","names":[]}

package/dist/index.d.cts

@@ -4727,7 +4727,12 @@ interface TextFieldInternalProps {
 interface AvatarButtonProps extends AvatarProps, BeamButtonProps, BeamFocusableProps {
     menuTriggerProps?: AriaButtonProps;
     buttonRef?: RefObject<HTMLButtonElement>;
-    forcePressedStyles?: boolean;
+    /** Storybook-only visual state overrides for snapshotting pseudo-interactions. */
+    __storyState?: {
+        hovered?: boolean;
+        focusVisible?: boolean;
+        pressed?: boolean;
+    };
 }
 declare function AvatarButton(props: AvatarButtonProps): _emotion_react_jsx_runtime.JSX.Element;
 declare const hoverStyles: {
@@ -5314,7 +5319,7 @@ declare function applyRowFn<R extends Kinded>(column: GridColumnWithId<R>, row:
 declare const ASC: "ASC";
 declare const DESC: "DESC";
 declare const emptyCell: GridCellContent;
-declare function getFirstOrLastCellCss<R extends Kinded>(style: GridStyle, columnIndex: number, columns: GridColumnWithId<R>[]): Properties;
+declare function getFirstOrLastCellCss<R extends Kinded>(style: GridStyle, columnIndex: number, columns: GridColumnWithId<R>[], colspan?: number): Properties;
 /** A heuristic to detect the result of `React.createElement` / i.e. JSX. */
 declare function isJSX(content: any): boolean;
 declare function getAlignment(column: GridColumnWithId<any>, maybeContent: ReactNode | GridCellContent): GridCellAlignment;
@@ -5392,23 +5397,27 @@ type LabelSuffixStyle = {
 interface GridStyle {
     /** Applied to the base div element. */
     rootCss?: Properties;
-    /** Applied with the owl operator between rows for rendering border lines. */
+    /**
+     * Applied as the base body-row cell styling (commonly used for row separators).
+     * This is applied to body rows broadly (including the last body row); use
+     * `lastRowCellCss`/`lastRowCss` to adjust/cancel any final-row treatment.
+     */
     betweenRowsCss?: Properties;
-    /** Applied on the last row of the table. */
+    /** Applied on the last row of the table, typically to override/cancel `betweenRowsCss`. */
     lastRowCss?: Properties;
     /** Applied on the first row of the table (could be the Header or Totals row). */
     firstRowCss?: Properties;
     /** Applied to every non-header row of the table */
     nonHeaderRowCss?: Properties;
-    /** Applied to the first non-header row, i.e. if you want to cancel out `betweenRowsCss`. */
-    firstNonHeaderRowCss?: Properties;
+    /** Applied to the first body row, i.e. if you want to cancel out `betweenRowsCss`. */
+    firstBodyRowCss?: Properties;
     /** Applied to all cell divs (via a selector off the base div). */
     cellCss?: Properties;
     /**
      * Applied to the header row divs.
      *
      * NOTE `as=virtual`: When using a virtual table with the goal of adding space
-     * between the header and the first row use `firstNonHeaderRowCss` with a
+     * between the header and the first row use `firstBodyRowCss` with a
      * margin-top instead. Using `headerCellCss` will not work since the header
      * rows are wrapper with Chrome rows.
      */
@@ -5423,6 +5432,18 @@ interface GridStyle {
     firstCellCss?: Properties;
     /** Applied to the last cell of all rows, i.e. for table-wide padding or right-side borders. */
     lastCellCss?: Properties;
+    /** Applied to every cell in the first table-head row (expandableHeader/header/totals). */
+    firstRowCellCss?: Properties;
+    /** Applied to the first cell in the first table-head row. */
+    firstRowFirstCellCss?: Properties;
+    /** Applied to the last cell in the first table-head row. */
+    firstRowLastCellCss?: Properties;
+    /** Applied to every cell in the last table-body row. */
+    lastRowCellCss?: Properties;
+    /** Applied to the first cell in the last table-body row. */
+    lastRowFirstCellCss?: Properties;
+    /** Applied to the last cell in the last table-body row. */
+    lastRowLastCellCss?: Properties;
     /** Applied if there is a fallback/overflow message showing. */
     firstRowMessageCss?: Properties;
     /** Applied on hover if a row has a rowLink/onClick set. */
@@ -5510,6 +5531,9 @@ interface RowProps<R extends Kinded> {
     cellHighlight: boolean;
     omitRowHover: boolean;
     hasExpandableHeader: boolean;
+    isFirstHeadRow: boolean;
+    isFirstBodyRow: boolean;
+    isLastBodyRow: boolean;
     resizedWidths: ResizedWidths;
     setResizedWidth: (columnId: string, width: number, columnIndex: number) => void;
     disableColumnResizing: boolean;
@@ -6773,6 +6797,11 @@ interface SwitchProps {
     withIcon?: boolean;
     /** Adds tooltip for the switch */
     tooltip?: ReactNode;
+    /** Storybook-only visual state overrides for snapshotting pseudo-interactions. */
+    __storyState?: {
+        hovered?: boolean;
+        focusVisible?: boolean;
+    };
 }
 declare function Switch(props: SwitchProps): _emotion_react_jsx_runtime.JSX.Element;
 declare const switchHoverStyles: {
@@ -6829,6 +6858,12 @@ interface ToggleButtonProps {
     /** Whether the field is disabled. If a ReactNode, it's treated as a "disabled reason" that's shown in a tooltip. */
     disabled?: boolean | ReactNode;
     tooltip?: ReactNode;
+    /** Storybook-only visual state overrides for snapshotting pseudo-interactions. */
+    __storyState?: {
+        hovered?: boolean;
+        pressed?: boolean;
+        focusVisible?: boolean;
+    };
 }
 declare function ToggleButton(props: ToggleButtonProps): _emotion_react_jsx_runtime.JSX.Element;
 /** Styles */

package/dist/index.d.ts

@@ -4727,7 +4727,12 @@ interface TextFieldInternalProps {
 interface AvatarButtonProps extends AvatarProps, BeamButtonProps, BeamFocusableProps {
     menuTriggerProps?: AriaButtonProps;
     buttonRef?: RefObject<HTMLButtonElement>;
-    forcePressedStyles?: boolean;
+    /** Storybook-only visual state overrides for snapshotting pseudo-interactions. */
+    __storyState?: {
+        hovered?: boolean;
+        focusVisible?: boolean;
+        pressed?: boolean;
+    };
 }
 declare function AvatarButton(props: AvatarButtonProps): _emotion_react_jsx_runtime.JSX.Element;
 declare const hoverStyles: {
@@ -5314,7 +5319,7 @@ declare function applyRowFn<R extends Kinded>(column: GridColumnWithId<R>, row:
 declare const ASC: "ASC";
 declare const DESC: "DESC";
 declare const emptyCell: GridCellContent;
-declare function getFirstOrLastCellCss<R extends Kinded>(style: GridStyle, columnIndex: number, columns: GridColumnWithId<R>[]): Properties;
+declare function getFirstOrLastCellCss<R extends Kinded>(style: GridStyle, columnIndex: number, columns: GridColumnWithId<R>[], colspan?: number): Properties;
 /** A heuristic to detect the result of `React.createElement` / i.e. JSX. */
 declare function isJSX(content: any): boolean;
 declare function getAlignment(column: GridColumnWithId<any>, maybeContent: ReactNode | GridCellContent): GridCellAlignment;
@@ -5392,23 +5397,27 @@ type LabelSuffixStyle = {
 interface GridStyle {
     /** Applied to the base div element. */
     rootCss?: Properties;
-    /** Applied with the owl operator between rows for rendering border lines. */
+    /**
+     * Applied as the base body-row cell styling (commonly used for row separators).
+     * This is applied to body rows broadly (including the last body row); use
+     * `lastRowCellCss`/`lastRowCss` to adjust/cancel any final-row treatment.
+     */
     betweenRowsCss?: Properties;
-    /** Applied on the last row of the table. */
+    /** Applied on the last row of the table, typically to override/cancel `betweenRowsCss`. */
     lastRowCss?: Properties;
     /** Applied on the first row of the table (could be the Header or Totals row). */
     firstRowCss?: Properties;
     /** Applied to every non-header row of the table */
     nonHeaderRowCss?: Properties;
-    /** Applied to the first non-header row, i.e. if you want to cancel out `betweenRowsCss`. */
-    firstNonHeaderRowCss?: Properties;
+    /** Applied to the first body row, i.e. if you want to cancel out `betweenRowsCss`. */
+    firstBodyRowCss?: Properties;
     /** Applied to all cell divs (via a selector off the base div). */
     cellCss?: Properties;
     /**
      * Applied to the header row divs.
      *
      * NOTE `as=virtual`: When using a virtual table with the goal of adding space
-     * between the header and the first row use `firstNonHeaderRowCss` with a
+     * between the header and the first row use `firstBodyRowCss` with a
      * margin-top instead. Using `headerCellCss` will not work since the header
      * rows are wrapper with Chrome rows.
      */
@@ -5423,6 +5432,18 @@ interface GridStyle {
     firstCellCss?: Properties;
     /** Applied to the last cell of all rows, i.e. for table-wide padding or right-side borders. */
     lastCellCss?: Properties;
+    /** Applied to every cell in the first table-head row (expandableHeader/header/totals). */
+    firstRowCellCss?: Properties;
+    /** Applied to the first cell in the first table-head row. */
+    firstRowFirstCellCss?: Properties;
+    /** Applied to the last cell in the first table-head row. */
+    firstRowLastCellCss?: Properties;
+    /** Applied to every cell in the last table-body row. */
+    lastRowCellCss?: Properties;
+    /** Applied to the first cell in the last table-body row. */
+    lastRowFirstCellCss?: Properties;
+    /** Applied to the last cell in the last table-body row. */
+    lastRowLastCellCss?: Properties;
     /** Applied if there is a fallback/overflow message showing. */
     firstRowMessageCss?: Properties;
     /** Applied on hover if a row has a rowLink/onClick set. */
@@ -5510,6 +5531,9 @@ interface RowProps<R extends Kinded> {
     cellHighlight: boolean;
     omitRowHover: boolean;
     hasExpandableHeader: boolean;
+    isFirstHeadRow: boolean;
+    isFirstBodyRow: boolean;
+    isLastBodyRow: boolean;
     resizedWidths: ResizedWidths;
     setResizedWidth: (columnId: string, width: number, columnIndex: number) => void;
     disableColumnResizing: boolean;
@@ -6773,6 +6797,11 @@ interface SwitchProps {
     withIcon?: boolean;
     /** Adds tooltip for the switch */
     tooltip?: ReactNode;
+    /** Storybook-only visual state overrides for snapshotting pseudo-interactions. */
+    __storyState?: {
+        hovered?: boolean;
+        focusVisible?: boolean;
+    };
 }
 declare function Switch(props: SwitchProps): _emotion_react_jsx_runtime.JSX.Element;
 declare const switchHoverStyles: {
@@ -6829,6 +6858,12 @@ interface ToggleButtonProps {
     /** Whether the field is disabled. If a ReactNode, it's treated as a "disabled reason" that's shown in a tooltip. */
     disabled?: boolean | ReactNode;
     tooltip?: ReactNode;
+    /** Storybook-only visual state overrides for snapshotting pseudo-interactions. */
+    __storyState?: {
+        hovered?: boolean;
+        pressed?: boolean;
+        focusVisible?: boolean;
+    };
 }
 declare function ToggleButton(props: ToggleButtonProps): _emotion_react_jsx_runtime.JSX.Element;
 /** Styles */