@primer/react-brand 0.46.0 → 0.47.0-rc.1e9cd302

package/lib/forms/Select/Select.d.ts

@@ -14,6 +14,10 @@ export type SelectProps = {
      * Applies alternative sizing to the input
      */
     size?: FormInputSizes;
+    /**
+     * Placeholder text to display when no value is selected
+     */
+    placeholder?: string;
     /**
      *
      */
@@ -35,24 +39,7 @@ export type OptGroupProps = {
 /**
  * Select
  */
-export declare const Select: React.ForwardRefExoticComponent<Omit<{
-    /**
-     * Applies full width styling.
-     */
-    fullWidth?: boolean;
-    /**
-     * Applies a required attribute to the input
-     */
-    required?: boolean;
-    /**
-     * Applies alternative sizing to the input
-     */
-    size?: FormInputSizes;
-    /**
-     *
-     */
-    validationStatus?: FormValidationStatus;
-} & Omit<React.InputHTMLAttributes<HTMLSelectElement>, "size"> & BaseProps<HTMLSelectElement>, "ref"> & React.RefAttributes<unknown>> & {
-    Option: ({ children, value, ...rest }: OptionProps) => JSX.Element;
-    OptGroup: ({ children, label, ...rest }: OptGroupProps) => JSX.Element;
+export declare const Select: React.ForwardRefExoticComponent<Omit<SelectProps, "ref"> & React.RefAttributes<unknown>> & {
+    Option: ({ children, value, ...rest }: OptionProps) => import("react/jsx-runtime").JSX.Element;
+    OptGroup: ({ children, label, ...rest }: OptGroupProps) => import("react/jsx-runtime").JSX.Element;
 };

package/lib/forms/TextInput/TextInput.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
 import type { BaseProps } from '../../component-helpers';
 import type { FormInputSizes, FormValidationStatus } from '../form-types';
-type VisualType = React.ReactElement | React.ReactNode;
+import { Icon } from '@primer/octicons-react';
+type VisualType = React.ReactElement | React.ReactNode | Icon;
 export type TextInputProps = {
     /**
      * Applies full width styling.
@@ -48,50 +49,5 @@ export type TextInputProps = {
      */
     validationStatus?: FormValidationStatus;
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> & BaseProps<HTMLInputElement>;
-export declare const TextInput: React.ForwardRefExoticComponent<Omit<{
-    /**
-     * Applies full width styling.
-     */
-    fullWidth?: boolean;
-    /**
-     * Removes border
-     */
-    invisible?: boolean;
-    /**
-     * Applies non-interactive text to start of input.
-     */
-    leadingText?: string;
-    /**
-     * Applies non-interactive iconography to start of input.
-     */
-    leadingVisual?: VisualType;
-    /**
-     * Applies monospace styling.
-     */
-    monospace?: boolean;
-    /**
-     * Applies alternative sizing to the input
-     */
-    size?: FormInputSizes;
-    /**
-     * Applies non-interactive text to end of input.
-     */
-    trailingText?: string;
-    /**
-     * Applies non-interactive iconography to end of input.
-     */
-    trailingVisual?: VisualType;
-    /**
-     * Constrains the input type to single line inputs.
-     */
-    type?: "text" | "number" | "email" | "password" | "search" | "tel" | "url" | "date" | "time" | "datetime-local";
-    /**
-     * Applies a required attribute to the input
-     */
-    required?: boolean;
-    /**
-     *
-     */
-    validationStatus?: FormValidationStatus;
-} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & BaseProps<HTMLInputElement>, "ref"> & React.RefAttributes<unknown>>;
+export declare const TextInput: React.ForwardRefExoticComponent<Omit<TextInputProps, "ref"> & React.RefAttributes<unknown>>;
 export {};

package/lib/forms/Textarea/Textarea.d.ts

@@ -34,33 +34,4 @@ export type TextareaProps = {
      */
     resize?: 'none' | 'both' | 'horizontal' | 'vertical';
 } & Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> & BaseProps<HTMLTextAreaElement>;
-export declare const Textarea: React.ForwardRefExoticComponent<Omit<{
-    /**
-     * Applies full width styling.
-     */
-    fullWidth?: boolean;
-    /**
-     * Removes border
-     */
-    invisible?: boolean;
-    /**
-     * Applies monospace styling.
-     */
-    monospace?: boolean;
-    /**
-     * Applies alternative sizing to the input
-     */
-    size?: FormInputSizes;
-    /**
-     * Applies a required attribute to the input
-     */
-    required?: boolean;
-    /**
-     *
-     */
-    validationStatus?: FormValidationStatus;
-    /**
-     * Allows resizing of the textarea
-     */
-    resize?: "none" | "both" | "horizontal" | "vertical";
-} & Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "size"> & BaseProps<HTMLTextAreaElement>, "ref"> & React.RefAttributes<unknown>>;
+export declare const Textarea: React.ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & React.RefAttributes<unknown>>;

package/lib/hooks/useId.d.ts

@@ -0,0 +1,2 @@
+export type UseId = (id?: string) => string;
+export declare const useId: UseId;

package/lib/hooks/useTabs.d.ts

@@ -1,16 +1,21 @@
 import { type HTMLAttributes } from 'react';
-type TabOrientation = 'horizontal' | 'vertical';
-type UseTabsOptions = {
+export type OnTabActivate = (id: string, activeTabRef?: HTMLElement) => void;
+export type UseTabsOptions = {
     defaultTab?: string;
     autoActivate?: boolean;
-    onTabActivate?: (id: string) => void;
-    orientation?: TabOrientation;
+    onTabActivate?: OnTabActivate;
+    orientation?: 'horizontal' | 'vertical';
 };
-type TabListProps = {
+export type TabState = {
+    activeTab: string | null;
+    focusedTab: string | null;
+    tabs: Set<string>;
+};
+export type TabListProps = {
     label?: string;
     labelledBy?: string;
 };
-type UseTabs = {
+export type UseTabs = {
     activeTab: string | null;
     focusedTab: string | null;
     activateTab: (id: string) => void;
@@ -20,4 +25,3 @@ type UseTabs = {
     getTabPanelProps: (id: string) => HTMLAttributes<HTMLElement>;
 };
 export declare const useTabs: ({ defaultTab, autoActivate, orientation, onTabActivate, }?: UseTabsOptions) => UseTabs;
-export {};