@factorialco/deprecated-design-system 0.0.11 → 0.0.13

package/dist/deprecated-design-system.d.ts

@@ -475,6 +475,7 @@ declare interface BoxProps {
         [key in Breakpoint]?: GridSpan;
     };
     gridRowSpan?: GridSpan;
+    extra?: React_2.HTMLAttributes<HTMLElement>;
 }
 
 declare type BoxShadow = keyof typeof shadows;
@@ -922,6 +923,7 @@ export declare type DesignSystemSelectProps = LabeledInputProps & DefaultOptionP
     value?: string;
     defaultValue?: string;
     hideError?: boolean;
+    extra?: React_2.HTMLAttributes<HTMLSelectElement>;
     missingLabel: string;
     selectValue: string;
 };
@@ -962,7 +964,7 @@ export declare type DesignSystemTextFieldProps = LabeledInputProps & {
     defaultValue?: string;
     title?: string;
     avoidPasswordManagers?: boolean;
-    onboardingId?: string;
+    extra?: default_2.HTMLAttributes<HTMLInputElement>;
     missingLabel: string;
     selectValue: string;
 };
@@ -1853,16 +1855,16 @@ declare const POPOVER_COMPONENTS: {
 
 export declare const PopoverMenu: {
     ({ children, onClick, type, open, defaultOpen, }: React_2.PropsWithChildren<Props_17>): JSX_2.Element;
-    Trigger: ({ children, disabled, asChild, "aria-label": ariaLabel, onboardingId, }: React_2.PropsWithChildren<{
+    Trigger: ({ children, disabled, asChild, "aria-label": ariaLabel, extra, }: React_2.PropsWithChildren<{
         disabled?: boolean;
         asChild?: boolean;
         "aria-label"?: string;
-        onboardingId?: string;
+        extra?: React_2.HTMLAttributes<HTMLElement>;
     }>) => JSX_2.Element;
     Content: ({ children, side, align, onInteractOutside, width, "aria-label": ariaLabel, hideWhenDetached, disablePortal, focusOnOpen, offset, paddingTop, paddingBottom, hideOutline, }: React_2.PropsWithChildren<ContentProps>) => JSX_2.Element;
     HrefOption: ({ title, description, icon, danger, disabled, fullWidth, href, download, target, extraContent, }: HrefOptionComponentProps) => JSX_2.Element;
     RouterOption: ({ title, description, icon, danger, disabled, fullWidth, to, onClick, asChild, extraContent, }: RouterOptionComponentProps) => JSX_2.Element;
-    TouchableOption: ({ title, description, icon, danger, disabled, fullWidth, onClick, rightIcon, onboardingId, extraContent, }: TouchableOptionComponentProps) => JSX_2.Element;
+    TouchableOption: ({ title, description, icon, danger, disabled, fullWidth, onClick, rightIcon, extra, extraContent, }: TouchableOptionComponentProps) => JSX_2.Element;
     Close: ({ children }: React_2.PropsWithChildren) => JSX_2.Element;
     Portal: ({ children, container, }: React_2.PropsWithChildren<{
         container?: HTMLElement;
@@ -1951,7 +1953,7 @@ declare interface Props extends ComponentProps<typeof Button> {
     rel?: string;
     title?: string;
     download?: boolean | string;
-    onboardingId?: string;
+    extra?: React.HTMLAttributes<HTMLAnchorElement>;
 }
 
 declare interface Props_100 {
@@ -2152,7 +2154,7 @@ declare interface Props_2 {
     submit?: boolean;
     disabled?: boolean;
     loading?: boolean;
-    onboardingId?: string;
+    extra?: React.HTMLAttributes<HTMLButtonElement>;
 }
 
 declare interface Props_20 {
@@ -2321,6 +2323,7 @@ declare interface Props_34 {
     onClickAction?: (event: React_2.SyntheticEvent) => unknown;
     bang?: boolean;
     children?: React_2.ReactNode;
+    extra?: React_2.HTMLAttributes<HTMLDivElement>;
 }
 
 declare interface Props_35 {
@@ -2377,7 +2380,7 @@ declare type Props_4 = Omit<ComponentProps<typeof Button>, 'children'> & {
      */
     optionsDisabled?: boolean;
     dropdownAriaLabel?: string;
-    onboardingId?: string;
+    extra?: React.HTMLAttributes<HTMLElement>;
 };
 
 declare interface Props_40 extends Props_37 {
@@ -2421,6 +2424,7 @@ declare type Props_46 = DesignSystemTextAreaProps & {
     info?: string;
     showInfo?: boolean;
     showCharacterCount?: boolean;
+    extra?: React_2.HTMLAttributes<HTMLTextAreaElement>;
     missingLabel: string;
     selectValue: string;
 };
@@ -2455,7 +2459,7 @@ declare interface Props_5 {
     onClick?: () => void;
     disabled?: boolean;
     iconName?: MediumIcon;
-    onboardingId?: string;
+    extra?: React.HTMLAttributes<HTMLElement>;
 }
 
 declare interface Props_50 {
@@ -2678,6 +2682,7 @@ declare interface Props_72 {
     to?: To;
     onClick?: () => void;
     height?: Dimensions;
+    extra?: React.HTMLAttributes<HTMLElement>;
 }
 
 declare interface Props_73 {
@@ -3046,11 +3051,11 @@ declare type SecondaryAction<T> = {
 };
 
 declare const Section: {
-    ({ illustration, title, description, action, link, settings, banner, size, paddingX, paddingY, children, }: React_2.PropsWithChildren<SectionSettingsProps>): JSX_2.Element;
+    ({ illustration, title, description, action, link, settings, banner, size, paddingX, paddingY, children, extra, }: React_2.PropsWithChildren<SectionSettingsProps>): JSX_2.Element;
     TwoThirds: ({ illustration, title, description, action, link, settings, banner, children, size, }: React_2.PropsWithChildren<SectionSettingsProps>) => JSX_2.Element;
     CustomTwoThirds: ({ secondary, primary }: React_2.PropsWithChildren<CustomSectionProps>) => JSX_2.Element;
     FullWidth: ({ illustration, title, description, action, children, link, size, }: React_2.PropsWithChildren<SectionProps>) => JSX_2.Element;
-    Form: ({ illustration, title, description, action, link, children, onSubmit, isDirty, submitLabel, disabled, paddingX, paddingY, }: React_2.PropsWithChildren<FormProps>) => JSX_2.Element;
+    Form: ({ illustration, title, description, action, link, children, onSubmit, isDirty, submitLabel, disabled, paddingX, paddingY, extra, }: React_2.PropsWithChildren<FormProps>) => JSX_2.Element;
     List: ({ illustration, title, description, action, settings, children, size, paddingX, paddingY, }: React_2.PropsWithChildren<SectionSettingsProps>) => JSX_2.Element;
     Empty: ({ children }: React_2.PropsWithChildren) => JSX_2.Element;
 };
@@ -3065,6 +3070,7 @@ declare interface SectionProps {
     link?: TitleProps['link'];
     banner?: React_2.ReactNode;
     size?: TitleProps['variant'];
+    extra?: React_2.HTMLAttributes<HTMLElement>;
 }
 
 declare interface SectionSettingsProps extends SectionProps {
@@ -3073,7 +3079,7 @@ declare interface SectionSettingsProps extends SectionProps {
     paddingY?: Dimensions | null | undefined;
 }
 
-declare const Select: ({ description, mandatory, attachmentPosition, none, label, hideLabel, secondaryLabel, readonly, showOriginalLabelText, hideBorder, options, onFocus, onBlur, onChange, error, value, defaultOption, defaultValue, hideError, loading, autofilled, missingLabel, selectValue, }: DesignSystemSelectWithOptionsProps) => JSX_2.Element;
+declare const Select: ({ description, mandatory, attachmentPosition, none, label, hideLabel, secondaryLabel, readonly, showOriginalLabelText, hideBorder, options, onFocus, onBlur, onChange, error, value, defaultOption, defaultValue, hideError, loading, autofilled, extra, missingLabel, selectValue, }: DesignSystemSelectWithOptionsProps) => JSX_2.Element;
 export { Select }
 export { Select as SelectField }
 
@@ -3279,7 +3285,7 @@ declare interface SubComponents_4 {
 }
 
 declare const Table: {
-    ({ children, autoLayout, grid, overflowX, overflowY, fullWidth, maxHeight, autoWidth, noRadius, noTopRadius, noBottomRadius, withTabs, hideBorder, background, options, optionsBackground, optionsBottom, bottomSticky, optionsBottomBackground, style, density, }: React_2.PropsWithChildren<TableProps>): JSX_2.Element;
+    ({ children, autoLayout, grid, overflowX, overflowY, fullWidth, maxHeight, autoWidth, noRadius, noTopRadius, noBottomRadius, withTabs, hideBorder, background, options, optionsBackground, optionsBottom, bottomSticky, optionsBottomBackground, style, density, extra, }: React_2.PropsWithChildren<TableProps>): JSX_2.Element;
     Blank: ({ colSpan, text, textAlign, ctaButtonText, ctaButtonOnClick }: TableBlankProps) => JSX_2.Element;
     Body: (props: {
         children?: React_2.ReactNode | undefined;
@@ -3294,7 +3300,7 @@ declare const Table: {
     HeadCell: ({ left, children, width, sticky, highlighted, colSpan, wide, ellipsis, justifyContent, padding, paddingY, paddingX, background, style, }: React_2.PropsWithChildren< TableHeadCellProps>) => JSX_2.Element;
     Loading: ({ colSpan }: TableLoadingProps) => JSX_2.Element;
     Row: {
-        ({ trRef, children, onMouseEnter, onMouseLeave, onClick, link, background, clickable, className, backgroundHover, style, }: TableRowProps): JSX_2.Element;
+        ({ trRef, children, onMouseEnter, onMouseLeave, onClick, link, background, clickable, className, backgroundHover, style, extra, }: TableRowProps): JSX_2.Element;
         Router: ({ children, to, background }: {
             to: string;
             background?: Colors;
@@ -3390,6 +3396,7 @@ declare interface TableProps {
     key?: number;
     style?: Partial<CSSStyleDeclaration>;
     density?: TableDensity;
+    extra?: React_2.HTMLAttributes<HTMLElement>;
 }
 
 declare type TableRowProps = React_2.PropsWithChildren<{
@@ -3403,6 +3410,7 @@ declare type TableRowProps = React_2.PropsWithChildren<{
     className?: string;
     backgroundHover?: Colors;
     style?: React_2.CSSProperties;
+    extra?: React_2.HTMLAttributes<HTMLTableRowElement>;
 }>;
 
 declare interface TableSortingHeaderProps {
@@ -3491,7 +3499,7 @@ export { Text_2 as Text }
 
 export declare type TextAlign = keyof typeof base.textAlign;
 
-declare const TextAreaField: ({ mandatory, readonly, label, hideLabel, placeholder, secondaryLabel, width, onBlur, onFocus, onChange, value, error, maxLength, minRows, defaultValue, loading, attachmentPosition, autofilled, description, info, showInfo, showCharacterCount, maxHeight, missingLabel, selectValue, }: Props_46) => JSX_2.Element;
+declare const TextAreaField: ({ mandatory, readonly, label, hideLabel, placeholder, secondaryLabel, width, onBlur, onFocus, onChange, value, error, maxLength, minRows, defaultValue, loading, attachmentPosition, autofilled, description, info, showInfo, showCharacterCount, maxHeight, extra, missingLabel, selectValue, }: Props_46) => JSX_2.Element;
 export { TextAreaField as TextArea }
 export { TextAreaField }
 
@@ -3501,7 +3509,7 @@ declare interface TextCalloutProps extends BaseCalloutProps {
 }
 
 export declare const TextField: {
-    ({ type, onClick, onChange, onFocus, onBlur, onKeyDown, autofocus, error, hideError, isNotValid, label, inputId, hideLabel, hideBorder, value, placeholder, maxLength, getRef, focused: forceFocus, readonly, description, secondaryLabel, ariaHidden, completed, loading, mandatory, indicator, min, max, step, isClickableIcon, isFloatingIndicator, defaultValue, showEllipsis, textAlign, attachmentPosition, autofilled, title, avoidPasswordManagers, onboardingId, missingLabel, selectValue, }: DesignSystemTextFieldProps): JSX_2.Element;
+    ({ type, onClick, onChange, onFocus, onBlur, onKeyDown, autofocus, error, hideError, isNotValid, label, inputId, hideLabel, hideBorder, value, placeholder, maxLength, getRef, focused: forceFocus, readonly, description, secondaryLabel, ariaHidden, completed, loading, mandatory, indicator, min, max, step, isClickableIcon, isFloatingIndicator, defaultValue, showEllipsis, textAlign, attachmentPosition, autofilled, title, avoidPasswordManagers, extra, missingLabel, selectValue, }: DesignSystemTextFieldProps): JSX_2.Element;
     Select(props: DesignSystemTextFieldProps): JSX_2.Element;
 };
 
@@ -4958,7 +4966,7 @@ declare type TouchableOptionComponentProps = BaseOptionProps & {
     onClick?: ((event: Event) => void) | undefined;
     fullWidth?: boolean;
     rightIcon?: boolean;
-    onboardingId?: string;
+    extra?: React_2.HTMLAttributes<HTMLElement>;
 };
 export { TouchableOptionComponentProps as PopoverMenuTouchableOptionProps }
 export { TouchableOptionComponentProps }