@astryxdesign/core 0.2.0-canary.ea693ac → 0.2.0

package/src/MetadataList/MetadataList.tsx

@@ -4,7 +4,7 @@
 
 /**
  * @file MetadataList.tsx
- * @input Uses React, ReactNode, StyleXStyles, theme tokens, MetadataListContext, i18n (useTranslator)
+ * @input Uses React, ReactNode, StyleXStyles, theme tokens, MetadataListContext
  * @output Exports MetadataList component, MetadataListProps, MetadataListColumns types
  * @position Core implementation; consumed by index.ts, tested by MetadataList.test.tsx
  *
@@ -31,7 +31,6 @@ import {
 import type {BaseProps} from '../BaseProps';
 import {mergeProps} from '../utils';
 import {themeProps} from '../utils/themeProps';
-import {useTranslator} from '../i18n';
 
 // =============================================================================
 // Types
@@ -198,7 +197,6 @@ export function MetadataList({
   const labelConfig = label ?? (isMultiColumn ? LABEL_TOP : LABEL_START);
   const [isShowAll, setIsShowAll] = useState(false);
   const contentId = useId();
-  const t = useTranslator();
 
   const contextValue = useMemo(
     () => ({
@@ -285,9 +283,7 @@ export function MetadataList({
             aria-expanded={isShowAll}
             onClick={() => setIsShowAll(prev => !prev)}
             {...stylex.props(styles.toggleButton)}>
-            {isShowAll
-              ? t('@astryx.metadataList.showLess')
-              : t('@astryx.metadataList.showMore')}
+            {isShowAll ? 'Show less' : 'Show more'}
           </button>
         )}
       </div>

package/src/MultiSelector/MultiSelector.test.tsx

@@ -510,59 +510,6 @@ describe('MultiSelector', () => {
     expect(options[0]).toHaveTextContent('Select all');
   });
 
-  it('select-all accessible name reflects none/partial/all selection', async () => {
-    const user = userEvent.setup();
-    const options = [
-      {value: 'apple', label: 'Apple'},
-      {value: 'banana', label: 'Banana'},
-    ];
-    const {rerender} = render(
-      <MultiSelector
-        label="Fruit"
-        options={options}
-        value={[]}
-        onChange={() => {}}
-        hasSelectAll
-      />,
-    );
-
-    await user.click(screen.getByRole('combobox'));
-
-    // None selected: plain name, not selected
-    let selectAll = screen.getAllByRole('option', h)[0];
-    expect(selectAll).not.toHaveAccessibleName(/partially selected/);
-    expect(selectAll).toHaveAttribute('aria-selected', 'false');
-
-    // Partial: aria-selected="mixed" is invalid on role="option", so the
-    // indeterminate state must be conveyed through the accessible name.
-    rerender(
-      <MultiSelector
-        label="Fruit"
-        options={options}
-        value={['apple']}
-        onChange={() => {}}
-        hasSelectAll
-      />,
-    );
-    selectAll = screen.getAllByRole('option', h)[0];
-    expect(selectAll).toHaveAccessibleName('Select all, partially selected');
-    expect(selectAll).toHaveAttribute('aria-selected', 'false');
-
-    // All selected: plain name again, selected
-    rerender(
-      <MultiSelector
-        label="Fruit"
-        options={options}
-        value={['apple', 'banana']}
-        onChange={() => {}}
-        hasSelectAll
-      />,
-    );
-    selectAll = screen.getAllByRole('option', h)[0];
-    expect(selectAll).not.toHaveAccessibleName(/partially selected/);
-    expect(selectAll).toHaveAttribute('aria-selected', 'true');
-  });
-
   it('select-all toggles via keyboard Enter', async () => {
     const user = userEvent.setup();
     const onChange = vi.fn();
@@ -767,29 +714,6 @@ describe('MultiSelector', () => {
     ).toBeInTheDocument();
   });
 
-  it('empty-state message is not exposed as a listbox child', async () => {
-    const user = userEvent.setup();
-    render(
-      <MultiSelector
-        label="Fruit"
-        options={defaultOptions}
-        value={[]}
-        onChange={() => {}}
-        hasSearch
-      />,
-    );
-
-    await user.click(screen.getByRole('button', {name: 'Fruit'}));
-    await user.type(screen.getByRole('combobox', h), 'xyz');
-
-    // role="listbox" only permits option/group children — the visual
-    // empty-state message must be presentational (it is announced through
-    // the result-count live region instead).
-    const listbox = screen.getByRole('listbox', h);
-    const empty = within(listbox).getByText('No results found');
-    expect(empty).toHaveAttribute('role', 'presentation');
-  });
-
   describe('result announcements', () => {
     it('announces the match count politely while searching', async () => {
       const user = userEvent.setup();

package/src/MultiSelector/MultiSelector.tsx

@@ -1129,11 +1129,6 @@ export function MultiSelector<T extends MultiSelectorOptionType>({
         ? allEnabledSelected
         : optimisticValue.includes(item.value);
       const checkboxValue = isSelectAll ? selectAllState : isSelected;
-      // aria-selected="mixed" is invalid on role="option", and the tri-state
-      // checkbox is inert/decorative, so the indeterminate state must be
-      // conveyed through the option's accessible name (WCAG 4.1.2).
-      const isPartiallySelected =
-        isSelectAll && selectAllState === 'indeterminate';
 
       return (
         <div
@@ -1141,13 +1136,6 @@ export function MultiSelector<T extends MultiSelectorOptionType>({
           id={getItemId(flatIndex)}
           role="option"
           aria-selected={isSelected}
-          aria-label={
-            isPartiallySelected
-              ? t('@astryx.multiSelector.selectAllPartiallySelected', {
-                  label: selectAllLabel,
-                })
-              : undefined
-          }
           aria-disabled={item.disabled}
           onClick={() => {
             if (!item.disabled) {
@@ -1192,12 +1180,10 @@ export function MultiSelector<T extends MultiSelectorOptionType>({
       optimisticValue,
       allEnabledSelected,
       selectAllState,
-      selectAllLabel,
       getItemId,
       handleNavigableToggle,
       onItemMouseEnter,
       size,
-      t,
     ],
   );
 
@@ -1225,16 +1211,10 @@ export function MultiSelector<T extends MultiSelectorOptionType>({
       cursor = 1;
     }
 
-    // Empty state — no real items to show. role="presentation" keeps the
-    // message out of the listbox's accessibility tree (role="listbox" only
-    // permits option/group children); the no-results outcome is announced
-    // via the result-count live region instead.
+    // Empty state — no real items to show
     if (realItemCount === 0) {
       elements.push(
-        <div
-          key="empty"
-          role="presentation"
-          {...stylex.props(styles.emptyState)}>
+        <div key="empty" {...stylex.props(styles.emptyState)}>
           No results found
         </div>,
       );

package/src/RadioList/RadioList.test.tsx

@@ -14,7 +14,6 @@ import {render, screen, fireEvent, waitFor} from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import {RadioList} from './RadioList';
 import {RadioListItem} from './RadioListItem';
-import {getForcedColorsRules} from '../__tests__/forcedColors';
 
 // Mock showPopover/hidePopover (not implemented in jsdom) so the tooltip layer
 // reflects its open state via a `popover-open` attribute the tests can assert.
@@ -581,11 +580,7 @@ describe('RadioList', () => {
     it('submits the selected value under htmlName', () => {
       const {container} = render(
         <form>
-          <RadioList
-            label="Preference"
-            htmlName="pref"
-            value="b"
-            onChange={() => {}}>
+          <RadioList label="Preference" htmlName="pref" value="b" onChange={() => {}}>
             <RadioListItem label="Option A" value="a" />
             <RadioListItem label="Option B" value="b" />
           </RadioList>
@@ -604,14 +599,13 @@ describe('RadioList', () => {
             value="a"
             onChange={() => {}}
             isDisabled
-            disabledMessage="Locked">
+            disabledMessage="Locked"
+          >
             <RadioListItem label="Option A" value="a" />
           </RadioList>
         </form>,
       );
-      expect([
-        ...new FormData(container.querySelector('form')!).keys(),
-      ]).toEqual([]);
+      expect([...new FormData(container.querySelector('form')!).keys()]).toEqual([]);
     });
 
     it('keeps working as an isolated group when htmlName is omitted', () => {
@@ -648,19 +642,3 @@ describe('RadioList', () => {
     });
   });
 });
-
-// jsdom cannot emulate forced-colors rendering, so this asserts that the
-// compiled output includes the forced-colors rule; visual behavior needs
-// manual verification under Windows High Contrast.
-describe('forced colors (WCAG 1.4.11)', () => {
-  it('compiles a forced-colors fill so the selected dot survives Windows High Contrast', () => {
-    render(
-      <RadioList label="Preference" value="a" onChange={() => {}}>
-        <RadioListItem label="Option A" value="a" />
-      </RadioList>,
-    );
-    // The painted inner dot would be stripped to Canvas (invisible), making
-    // checked and unchecked radios identical; CanvasText keeps it perceivable.
-    expect(getForcedColorsRules()).toContain('background-color: canvastext;');
-  });
-});

package/src/RadioList/RadioListItem.tsx

@@ -119,14 +119,7 @@ const styles = stylex.create({
   },
   innerDot: {
     borderRadius: '50%',
-    backgroundColor: {
-      default: colorVars['--color-on-accent'],
-      // Forced colors (Windows High Contrast) strips painted backgrounds,
-      // which would make the selected dot invisible — checked and unchecked
-      // radios would look identical. CanvasText keeps the dot perceivable on
-      // the Canvas circle fill (WCAG 1.4.11).
-      '@media (forced-colors: active)': 'CanvasText',
-    },
+    backgroundColor: colorVars['--color-on-accent'],
   },
   labelDisabled: {
     color: colorVars['--color-text-disabled'],

package/src/SegmentedControl/SegmentedControl.test.tsx

@@ -14,10 +14,6 @@ import {render, screen, fireEvent, waitFor} from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import {SegmentedControl} from './SegmentedControl';
 import {SegmentedControlItem} from './SegmentedControlItem';
-import {
-  getAllInjectedCss,
-  getForcedColorsRules,
-} from '../__tests__/forcedColors';
 
 // Mock showPopover/hidePopover (not implemented in jsdom) so the tooltip layer
 // reflects its open state via a `popover-open` attribute the tests can assert.
@@ -784,27 +780,3 @@ describe('SegmentedControl container handler forwarding', () => {
     expect(onChange).not.toHaveBeenCalled();
   });
 });
-
-// jsdom cannot emulate forced-colors rendering, so these assert that the
-// compiled output includes the forced-colors rules; visual behavior needs
-// manual verification under Windows High Contrast.
-describe('forced colors (WCAG 1.4.11)', () => {
-  it('compiles forced-colors overrides so the selected segment survives Windows High Contrast', () => {
-    render(
-      <SegmentedControl value="grid" onChange={() => {}} label="View mode">
-        <SegmentedControlItem value="grid" label="Grid" />
-        <SegmentedControlItem value="list" label="List" />
-      </SegmentedControl>,
-    );
-    const css = getForcedColorsRules();
-    // The painted surface fill and shadow are stripped; Highlight/
-    // HighlightText marks the selected segment.
-    expect(css).toContain('background-color: highlight;');
-    expect(css).toContain('color: highlighttext;');
-    // The segment is a <button>; without opting out of UA remapping it keeps
-    // the native ButtonFace surface and ignores the Highlight fill, leaving
-    // HighlightText text on a white surface. forced-color-adjust: none makes
-    // both render as authored.
-    expect(getAllInjectedCss()).toContain('forced-color-adjust: none;');
-  });
-});

package/src/SegmentedControl/SegmentedControlItem.tsx

@@ -103,27 +103,9 @@ const styles = stylex.create({
     },
   },
   selected: {
-    // Forced colors (Windows High Contrast) strips the painted surface fill
-    // and box shadow, which would leave the selected segment with no state
-    // indication beyond font weight. Highlight/HighlightText is the platform
-    // convention for a selected item (WCAG 1.4.11).
-    //
-    // forced-color-adjust must be `none` here: the segment is a <button>, and
-    // the UA keeps native form-control colors (ButtonFace surface) for it under
-    // forced colors, ignoring the authored Highlight fill — the label kept its
-    // HighlightText color, giving white text on a white surface. Opting the
-    // selected segment out of UA remapping makes both the Highlight surface and
-    // the HighlightText label render as authored, restoring figure-ground.
-    forcedColorAdjust: 'none',
-    color: {
-      default: colorVars['--color-text-primary'],
-      '@media (forced-colors: active)': 'HighlightText',
-    },
+    color: colorVars['--color-text-primary'],
     fontWeight: fontWeightVars['--font-weight-semibold'],
-    backgroundColor: {
-      default: colorVars['--color-background-surface'],
-      '@media (forced-colors: active)': 'Highlight',
-    },
+    backgroundColor: colorVars['--color-background-surface'],
     boxShadow: shadowVars['--shadow-low'],
   },
   disabled: {

package/src/Selector/Selector.test.tsx

@@ -613,28 +613,6 @@ describe('Selector', () => {
       expect(within(listbox).getByText('No results found')).toBeInTheDocument();
     });
 
-    it('empty-state message is not exposed as a listbox child', async () => {
-      const user = userEvent.setup();
-      render(
-        <Selector
-          label="Fruit"
-          options={OPTIONS}
-          value="Apple"
-          onChange={() => {}}
-          hasSearch
-        />,
-      );
-      await user.click(screen.getByRole('button', {name: 'Fruit'}));
-      await user.type(screen.getByRole('combobox', h), 'xyz');
-
-      // role="listbox" only permits option/group children — the visual
-      // empty-state message must be presentational (it is announced through
-      // the result-count live region instead).
-      const listbox = screen.getByRole('listbox', h);
-      const empty = within(listbox).getByText('No results found');
-      expect(empty).toHaveAttribute('role', 'presentation');
-    });
-
     it('calls onChange when selecting a filtered option', async () => {
       const user = userEvent.setup();
       const onChange = vi.fn();

package/src/Selector/Selector.tsx

@@ -963,15 +963,8 @@ export function Selector<T extends SelectorOptionType>(
 
     // Nothing matched across every group/option: show the empty state.
     if (isSearching && filteredItems.length === 0) {
-      // role="presentation" keeps the message out of the listbox's
-      // accessibility tree (role="listbox" only permits option/group
-      // children); the no-results outcome is announced via the
-      // result-count live region instead.
       return [
-        <div
-          key="empty"
-          role="presentation"
-          {...stylex.props(styles.emptyState)}>
+        <div key="empty" {...stylex.props(styles.emptyState)}>
           No results found
         </div>,
       ];

package/src/Skeleton/Skeleton.test.tsx

@@ -3,7 +3,6 @@
 import {describe, it, expect} from 'vitest';
 import {render, screen} from '@testing-library/react';
 import {Skeleton} from './Skeleton';
-import {getForcedColorsRules} from '../__tests__/forcedColors';
 
 describe('Skeleton', () => {
   it('renders a placeholder element', () => {
@@ -24,18 +23,3 @@ describe('Skeleton', () => {
     expect(screen.getByTestId('sk')).toHaveAttribute('aria-hidden', 'false');
   });
 });
-
-// jsdom cannot emulate forced-colors rendering, so these assert that the
-// compiled output includes the forced-colors rules; visual behavior needs
-// manual verification under Windows High Contrast.
-describe('forced colors (WCAG 1.4.11)', () => {
-  it('compiles forced-colors overrides so the placeholder stays visible under Windows High Contrast', () => {
-    render(<Skeleton width={200} height={20} data-testid="sk" />);
-    const css = getForcedColorsRules();
-    // The painted fill is stripped to Canvas (invisible); GrayText is a
-    // system color, so it survives forcing.
-    expect(css).toContain('background-color: graytext;');
-    // The resting 0.25 opacity is lifted so the static placeholder reads.
-    expect(css).toContain('opacity: 1;');
-  });
-});

package/src/Skeleton/Skeleton.tsx

@@ -55,20 +55,8 @@ const styles = stylex.create({
     backgroundColor: {
       default: colorVars['--color-skeleton'],
       '@media (prefers-contrast: more)': `color-mix(in srgb, ${colorVars['--color-skeleton']}, ${colorVars['--color-text-primary']} 30%)`,
-      // Forced colors (Windows High Contrast) strips painted backgrounds,
-      // which would make the placeholder invisible. GrayText is a system
-      // color, so it survives forcing and keeps the placeholder visible
-      // (WCAG 1.4.11). Listed after prefers-contrast so it wins when both
-      // media features are active.
-      '@media (forced-colors: active)': 'GrayText',
-    },
-    opacity: {
-      default: 0.25,
-      // The resting 0.25 opacity would render GrayText nearly invisible on
-      // Canvas; full opacity keeps the static placeholder perceivable (the
-      // fade animation still pulses when motion is allowed).
-      '@media (forced-colors: active)': 1,
     },
+    opacity: 0.25,
   },
   animate: {
     animationDirection: 'alternate',

package/src/Switch/Switch.test.tsx

@@ -13,10 +13,6 @@ import {describe, it, expect, vi, beforeEach, afterEach} from 'vitest';
 import {render, screen, fireEvent, waitFor} from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import {Switch} from './Switch';
-import {
-  getAllInjectedCss,
-  getForcedColorsRules,
-} from '../__tests__/forcedColors';
 import {__resetLiveRegionsForTest} from '../hooks/useAnnounce';
 
 afterEach(() => {
@@ -733,36 +729,3 @@ describe('Switch', () => {
     });
   });
 });
-
-// jsdom cannot emulate forced-colors rendering, so these assert that the
-// compiled output includes the forced-colors rules; visual behavior needs
-// manual verification under Windows High Contrast.
-describe('forced colors (WCAG 1.4.11)', () => {
-  it('compiles forced-colors overrides so on/off state survives Windows High Contrast', () => {
-    render(<Switch label="Notifications" value={true} onChange={() => {}} />);
-    const css = getForcedColorsRules();
-    // Track outline (backgrounds are stripped; the border keeps the bounds).
-    expect(css).toContain('border-color: canvastext;');
-    // Off track stays empty; on track uses the selection color.
-    expect(css).toContain('background-color: canvas;');
-    expect(css).toContain('background-color: highlight;');
-    // Thumb fill per state.
-    expect(css).toContain('background-color: canvastext;');
-    expect(css).toContain('background-color: highlighttext;');
-    // Disabled affordance (opacity dimming does not survive forcing).
-    expect(css).toContain('border-color: graytext;');
-  });
-
-  it('gates the hover tint out of forced colors so the thumb stays visible on hover', () => {
-    render(<Switch label="Notifications" value={true} onChange={() => {}} />);
-    // The ancestor-hover tint is a non-system color-mix whose rule outranks the
-    // plain forced-colors track rule. It is gated behind `forced-colors: none`
-    // so it cannot reassert on hover and flatten the Highlight track to white
-    // under the HighlightText thumb (white-on-white).
-    expect(getAllInjectedCss()).toContain(
-      '(hover: hover) and (forced-colors: none)',
-    );
-    // And the tint never leaks into the forced-colors output.
-    expect(getForcedColorsRules()).not.toContain('color-mix');
-  });
-});

package/src/Switch/Switch.tsx

@@ -173,21 +173,6 @@ const styles = stylex.create({
     },
     transitionTimingFunction: easeVars['--ease-standard'],
     boxSizing: 'border-box',
-    // Forced colors (Windows High Contrast) strips painted backgrounds, which
-    // would leave the track invisible. A system-color border keeps the
-    // control's bounds perceivable (WCAG 1.4.11).
-    borderWidth: {
-      default: 0,
-      '@media (forced-colors: active)': '1px',
-    },
-    borderStyle: {
-      default: 'none',
-      '@media (forced-colors: active)': 'solid',
-    },
-    borderColor: {
-      default: null,
-      '@media (forced-colors: active)': 'CanvasText',
-    },
   },
   trackFocus: {
     outline: {
@@ -204,39 +189,21 @@ const styles = stylex.create({
   trackOff: {
     backgroundColor: {
       default: colorVars['--color-background-gray'],
-      // Off = empty (Canvas) track; on = Highlight track, so the two states
-      // stay distinguishable under forced colors.
-      '@media (forced-colors: active)': 'Canvas',
-      // The ancestor-hover tint is a non-system color-mix, and its rule
-      // outranks the plain forced-colors rule above. Left ungated it would
-      // reassert on hover under forced colors, where the UA flattens the
-      // color-mix back to Canvas — so the HighlightText thumb would sit on a
-      // white track (white-on-white). Gating on `forced-colors: none` keeps
-      // the tint out of forced colors and lets the system-color track stand.
       [stylex.when.ancestor(':hover', switchScope)]: {
-        '@media (hover: hover) and (forced-colors: none)': `color-mix(in srgb, ${colorVars['--color-background-gray']}, ${colorVars['--color-tint-hover']} 5%)`,
+        '@media (hover: hover)': `color-mix(in srgb, ${colorVars['--color-background-gray']}, ${colorVars['--color-tint-hover']} 5%)`,
       },
     },
   },
   trackOn: {
     backgroundColor: {
       default: colorVars['--color-accent'],
-      '@media (forced-colors: active)': 'Highlight',
-      // See trackOff: gate the hover tint out of forced colors so it cannot
-      // flatten the Highlight track to white under the HighlightText thumb.
       [stylex.when.ancestor(':hover', switchScope)]: {
-        '@media (hover: hover) and (forced-colors: none)': `color-mix(in srgb, ${colorVars['--color-accent']}, ${colorVars['--color-tint-hover']} 15%)`,
+        '@media (hover: hover)': `color-mix(in srgb, ${colorVars['--color-accent']}, ${colorVars['--color-tint-hover']} 15%)`,
       },
     },
   },
   trackDisabled: {
     opacity: 0.5,
-    // Opacity dimming does not survive forced colors; GrayText is the
-    // platform's disabled affordance there.
-    borderColor: {
-      default: null,
-      '@media (forced-colors: active)': 'GrayText',
-    },
   },
   trackDisabledOff: {
     backgroundColor: colorVars['--color-background-gray'],
@@ -246,6 +213,7 @@ const styles = stylex.create({
     alignItems: 'center',
     justifyContent: 'center',
     borderRadius: radiusVars['--radius-full'],
+    backgroundColor: colorVars['--color-background-surface'],
     transitionProperty: 'transform, width, height',
     transitionDuration: {
       default: durationVars['--duration-fast'],
@@ -253,22 +221,6 @@ const styles = stylex.create({
     },
     transitionTimingFunction: easeVars['--ease-standard'],
   },
-  // The thumb fill lives on the on/off styles (not the shared thumb style)
-  // because forced colors needs a per-state system color: CanvasText on the
-  // empty off track, HighlightText on the Highlight on track. Sizing stays in
-  // thumbOffSizeStyles/thumbOnSizeStyles; only the fill is state-dependent.
-  thumbOff: {
-    backgroundColor: {
-      default: colorVars['--color-background-surface'],
-      '@media (forced-colors: active)': 'CanvasText',
-    },
-  },
-  thumbOn: {
-    backgroundColor: {
-      default: colorVars['--color-background-surface'],
-      '@media (forced-colors: active)': 'HighlightText',
-    },
-  },
   labelWrapper: {
     display: 'flex',
     flexDirection: 'column',
@@ -585,7 +537,6 @@ export function Switch({
             stylex.props(
               styles.thumb,
               isOn ? thumbOnSizeStyles[size] : thumbOffSizeStyles[size],
-              isOn ? styles.thumbOn : styles.thumbOff,
             ),
           )}>
           {isBusy && <Spinner size="sm" />}

package/src/Table/plugins/rowExpansion/useTableRowExpansion.test.tsx

@@ -9,7 +9,6 @@ import {
   useTableRowExpansion,
   useTableRowExpansionState,
 } from './useTableRowExpansion';
-import {InternationalizationProvider} from '../../../i18n';
 
 // popover mock for context-menu tests
 beforeEach(() => {
@@ -119,24 +118,6 @@ describe('useTableRowExpansion', () => {
     expect(items.length).toBeGreaterThan(0);
   });
 
-  it('localizes the context-menu action label through the i18n catalog', () => {
-    render(
-      <InternationalizationProvider
-        locale="fr"
-        overrides={{
-          fr: {'@astryx.tableRowExpansion.expandRow': 'Développer la ligne'},
-        }}>
-        <Harness />
-      </InternationalizationProvider>,
-    );
-    fireEvent.contextMenu(screen.getByText('Folder A'));
-    const items = screen.getAllByRole('menuitem', {
-      name: /Développer la ligne/,
-      hidden: true,
-    });
-    expect(items.length).toBeGreaterThan(0);
-  });
-
   it('does not show chevron for leaf nodes', () => {
     render(<Harness />);
     // Leaf C has no children

package/src/Table/plugins/rowExpansion/useTableRowExpansion.tsx

@@ -576,9 +576,7 @@ export function useTableRowExpansion<T extends Record<string, unknown>>(
             {
               id: 'row-expansion-toggle',
               group: 'row-expansion',
-              label: isExpanded
-                ? t('@astryx.tableRowExpansion.collapseRow')
-                : t('@astryx.tableRowExpansion.expandRow'),
+              label: isExpanded ? 'Collapse row' : 'Expand row',
               icon: (
                 <span {...stylex.props(rtlStyles.mirror)}>
                   <Icon