@vectoriox/iox-ui 5.31.2 → 5.32.0

package/src/design-core/element-styles.ts

@@ -17,10 +17,12 @@ export enum ElementStyleState {
     Hover = 'hover',
     Active = 'active',
     Focus = 'focus',
+    /** The page you're on (CC1 N2): compiles to `[aria-current="page"]`, never a pseudo-class. */
+    Current = 'current',
 }
 
 export const ELEMENT_STYLE_STATES: ReadonlyArray<ElementStyleState> =
-    [ElementStyleState.Hover, ElementStyleState.Active, ElementStyleState.Focus];
+    [ElementStyleState.Hover, ElementStyleState.Active, ElementStyleState.Focus, ElementStyleState.Current];
 
 export interface ElementStyle {
     readonly id: string;
@@ -31,6 +33,7 @@ export interface ElementStyle {
     readonly hover?: Readonly<Record<string, string>>;
     readonly active?: Readonly<Record<string, string>>;
     readonly focus?: Readonly<Record<string, string>>;
+    readonly current?: Readonly<Record<string, string>>;
 }
 
 export const ELEMENT_STYLES: ReadonlyArray<ElementStyle> = SPEC_ELEMENT_STYLES;
@@ -163,7 +166,7 @@ function ownedEntries(style: ElementStyle): Array<OwnedTrait & { value: string }
     return out;
 }
 
-/** Every trait the style owns with the value it writes — base first, then hover/active/focus. */
+/** Every trait the style owns with the value it writes — base first, then hover/active/focus/current. */
 export function ownedTraitsOf(style: ElementStyle): Array<OwnedTrait & { value: string }> {
     return ownedEntries(style);
 }
@@ -193,7 +196,7 @@ function writeEntries(target: ElementStyleTarget, style: ElementStyle, skip: Own
     return unknown;
 }
 
-/** Write the style's exact base map and its hover/active/focus maps into the target. */
+/** Write the style's exact base map and its hover/active/focus/current maps into the target. */
 export function applyElementStyle(target: ElementStyleTarget, id: string): ApplyElementStyleResult {
     const style = elementStyleById(id);
     if (!style) return { applied: false, unknownTraits: [] };