A React test component that validates the `ods-current` CSS color token across different platform themes (OpenFrame, Flamingo, TMCG), demonstrating platform-specific color adaptation. ## Key Components - **OdsCurrentTest**: Main component that renders multiple test sections to verify the `ods-current` token behavior - **Text Color Test**: Shows `text-ods-current` utility class usage - **Background Color Test**: Demonstrates `bg-ods-current` utility class - **Border Color Test**: Tests `border-ods-current` utility class - **SVG Fill Test**: Validates `fill-ods-current` for SVG elements - **CSS Variable Test**: Direct usage of `var(--ods-current)` CSS variable - **Platform Info**: Reference guide showing expected colors per platform ## Usage Example ```typescript import { OdsCurrentTest } from './ods-current-test' function App() { return (
) } ``` The component automatically adapts colors based on the `data-app-type` attribute: - **OpenFrame**: Yellow (#ffc008) - **Flamingo/TMCG**: Pink (#f357bb) - **Default**: White (#fafafa) This test component is useful for validating that the ODS design system's current color token properly responds to platform context changes and renders the expected platform-specific colors across all CSS utilities and properties.