@primer/react-brand 0.58.1 → 0.58.2-rc.9b3424fe

package/lib/design-tokens/ts/tokens/functional/typography/typography.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 10 Sep 2025 14:28:48 GMT
+ * Generated on Tue, 07 Oct 2025 12:29:16 GMT
  */
 
 module.exports = {

package/lib/hooks/useTabs.d.ts

@@ -1,27 +1,56 @@
-import { type HTMLAttributes } from 'react';
+import { type KeyboardEvent } from 'react';
 export type OnTabActivate = (id: string, activeTabRef?: HTMLElement) => void;
+type Orientation = 'horizontal' | 'vertical';
+type TabId = `tabs-${string}-tab-${string}`;
+type TabPanelId = `tabs-${string}-panel-${string}`;
 export type UseTabsOptions = {
     defaultTab?: string;
     autoActivate?: boolean;
     onTabActivate?: OnTabActivate;
-    orientation?: 'horizontal' | 'vertical';
+    orientation?: Orientation;
 };
 export type TabState = {
     activeTab: string | null;
     focusedTab: string | null;
     tabs: Set<string>;
 };
-export type TabListProps = {
-    label?: string;
-    labelledBy?: string;
+type TabListProps = {
+    role: 'tablist';
+    'aria-orientation': Orientation;
+};
+type TabProps = {
+    role: 'tab';
+    id: TabId;
+    'aria-controls': TabPanelId;
+    'aria-selected': boolean;
+    tabIndex: 0 | -1;
+    onClick: () => void;
+    onKeyDown: (event: KeyboardEvent) => void;
+    onFocus: () => void;
+    ref: (element: HTMLElement | null) => void;
+};
+type TabPanelProps = {
+    role: 'tabpanel';
+    id: TabPanelId;
+    'aria-labelledby': TabId;
+    hidden: boolean;
+    tabIndex: 0;
+};
+type LabelOrLabelledBy = {
+    label: string;
+    labelledBy?: never;
+} | {
+    labelledBy: string;
+    label?: never;
 };
 export type UseTabs = {
     activeTab: string | null;
     focusedTab: string | null;
     activateTab: (id: string) => void;
     focusTab: (id: string) => void;
-    getTabListProps: (props?: TabListProps) => HTMLAttributes<HTMLElement>;
-    getTabProps: (id: string, externalRef?: React.Ref<HTMLElement>) => HTMLAttributes<HTMLElement>;
-    getTabPanelProps: (id: string) => HTMLAttributes<HTMLElement>;
+    getTabListProps: (props: LabelOrLabelledBy) => TabListProps;
+    getTabProps: (id: string, externalRef?: React.Ref<HTMLElement>) => TabProps;
+    getTabPanelProps: (id: string) => TabPanelProps;
 };
 export declare const useTabs: ({ defaultTab, autoActivate, orientation, onTabActivate, }?: UseTabsOptions) => UseTabs;
+export {};