@factorialco/deprecated-design-system 0.0.2 → 0.0.4

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

@@ -104,7 +104,7 @@ export declare type AvatarBadgeProps = React.ComponentProps<typeof Badge_2>;
 
 export declare type AvatarColorProps = Extract<ColorFamily, 'grey' | 'radicalRed' | 'tangerine' | 'malibu' | 'lime' | 'champagne' | 'viridian' | 'purple'>;
 
-export declare const AvatarStack: ({ avatars, size, leftover, textSize, backgroundColor, textColor, overlap, gap }: AvatarStackProps) => JSX_2.Element;
+export declare const AvatarStack: ({ avatars, size, leftover, textSize, backgroundColor, textColor, overlap, gap, }: AvatarStackProps) => JSX_2.Element;
 
 export declare interface AvatarStackProps {
     size: Dimensions;
@@ -269,6 +269,7 @@ declare type BaseProps = React_2.PropsWithChildren<{
     htmlTag?: AllowedTags;
     stroked?: boolean;
     inline?: boolean;
+    fontStyle?: FontStyle;
     className?: string;
     weight?: WeightType;
     innerRef?: {
@@ -504,7 +505,7 @@ declare interface CallToActionAtomProps {
     notShowAgainCheckBoxProps?: NotShowAgainProps;
 }
 
-export declare const CallToActionPad: ({ backgroundColor, title, description, onClick, buttonLabel, link, textAlign, "aria-label": ariaLabel, size, notShowAgainCheckBoxProps }: CallToActionProps) => JSX_2.Element;
+export declare const CallToActionPad: ({ backgroundColor, title, description, onClick, buttonLabel, link, textAlign, "aria-label": ariaLabel, size, notShowAgainCheckBoxProps, }: CallToActionProps) => JSX_2.Element;
 
 declare type CallToActionProps = TooltipPadProps & CallToActionAtomProps;
 
@@ -1127,8 +1128,8 @@ declare interface EditorProps<TResult> {
     enableBetaFeatures?: boolean;
     missingLabel: string;
     selectValue: string;
-    richTextCustomPlugins?: default_2.ReactNode;
-    customPlugins?: default_2.ReactNode;
+    richTextCustomPlugins?: (editor: LexicalEditor) => default_2.ReactNode;
+    customPlugins?: (editor: LexicalEditor) => default_2.ReactNode;
     richCustomOnChange?: (editor: LexicalEditor, handleOnChange: () => void) => () => void;
     customOnChange?: (editor: LexicalEditor, handleOnChange: () => void) => () => void;
     onDropRejected: (rejections: FileRejection[]) => void;
@@ -1265,6 +1266,8 @@ export declare const fonts: {
 
 export declare type FontsSizes = keyof typeof fonts.sizes;
 
+declare type FontStyle = 'italic' | 'normal';
+
 export declare type FontsWeights = keyof typeof fonts.weights;
 
 declare const Footer: FC<PropsWithChildren<Props_77>>;
@@ -1434,7 +1437,7 @@ declare interface ItemListAtomProps {
     gapDivider?: boolean;
 }
 
-export declare const ItemListPad: ({ backgroundColor, title, children, "aria-label": ariaLabel, gapDivider, size }: React_2.PropsWithChildren<ItemListProps>) => JSX_2.Element;
+export declare const ItemListPad: ({ backgroundColor, title, children, "aria-label": ariaLabel, gapDivider, size, }: React_2.PropsWithChildren<ItemListProps>) => JSX_2.Element;
 
 declare type ItemListProps = TooltipPadProps & ItemListAtomProps;
 
@@ -3325,17 +3328,17 @@ declare const Table: {
     Body: (props: {
         children?: React_2.ReactNode | undefined;
     } & React_2.RefAttributes<HTMLTableSectionElement>) => React_2.ReactElement | null;
-    BodyWithInfiniteScroll: ({ children, page, loadMore, hasMore, colSpan }: React_2.PropsWithChildren< TableBodyWithInfiniteScrollProps>) => JSX_2.Element;
-    Cell: ({ children, sticky, colSpan, wide, rowClickable, verticalAlign, isExplotable, noBorder, width, padding, paddingY, paddingX, style }: React_2.PropsWithChildren< TableCellProps>) => JSX_2.Element;
-    ExpandableRow: ({ content, toggle, opened, icon, iconColSpan, iconPosition, isExpandable, children }: React_2.PropsWithChildren< TableExpandableRowProps>) => JSX_2.Element;
+    BodyWithInfiniteScroll: ({ children, page, loadMore, hasMore, colSpan, }: React_2.PropsWithChildren< TableBodyWithInfiniteScrollProps>) => JSX_2.Element;
+    Cell: ({ children, sticky, colSpan, wide, rowClickable, verticalAlign, isExplotable, noBorder, width, padding, paddingY, paddingX, style, }: React_2.PropsWithChildren< TableCellProps>) => JSX_2.Element;
+    ExpandableRow: ({ content, toggle, opened, icon, iconColSpan, iconPosition, isExpandable, children, }: React_2.PropsWithChildren< TableExpandableRowProps>) => JSX_2.Element;
     GridContext: React_2.Context<boolean>;
     Head: (props: {
         children?: React_2.ReactNode | undefined;
     } & React_2.RefAttributes<HTMLTableSectionElement>) => React_2.ReactElement | null;
-    HeadCell: ({ left, children, width, sticky, highlighted, colSpan, wide, ellipsis, justifyContent, padding, paddingY, paddingX, background, style }: React_2.PropsWithChildren< TableHeadCellProps>) => JSX_2.Element;
+    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, }: TableRowProps): JSX_2.Element;
         Router: ({ children, to, background }: {
             to: string;
             background?: Colors;
@@ -3343,8 +3346,8 @@ declare const Table: {
             children?: React_2.ReactNode | undefined;
         }) => JSX_2.Element;
     };
-    SortableHeadCell: ({ left, right, sticky, children, colSpan, onSort, sortAttribute, sortDirection, attribute, wide, width, padding, justifyContent }: React_2.PropsWithChildren< SortableHeadCellProps>) => JSX_2.Element;
-    SortingHeader: ({ children, selected, onClick, justifyContent }: React_2.PropsWithChildren< TableSortingHeaderProps>) => JSX_2.Element;
+    SortableHeadCell: ({ left, right, sticky, children, colSpan, onSort, sortAttribute, sortDirection, attribute, wide, width, padding, justifyContent, }: React_2.PropsWithChildren< SortableHeadCellProps>) => JSX_2.Element;
+    SortingHeader: ({ children, selected, onClick, justifyContent, }: React_2.PropsWithChildren< TableSortingHeaderProps>) => JSX_2.Element;
 };
 export { Table as GammaTable }
 export { Table }
@@ -3470,7 +3473,7 @@ declare interface TabStruct {
 }
 
 declare const Tag: {
-    ({ icon, circle, inline, onClose, children, leftItem, disabled, rightItem, solid, upcased, ellipsis, size, capitalize, showCircle, type, showActionIcon, iconColor }: React_2.PropsWithChildren<Props_20>): JSX_2.Element;
+    ({ icon, circle, inline, onClose, children, leftItem, disabled, rightItem, solid, upcased, ellipsis, size, capitalize, showCircle, type, showActionIcon, iconColor, }: React_2.PropsWithChildren<Props_20>): JSX_2.Element;
     Types: typeof TagColor;
 };
 export { Tag as CircleTag }
@@ -3511,21 +3514,21 @@ declare type Target = 'upwards' | 'downwards' | 'neutral';
 declare type TargetType = '_self' | '_blank';
 
 declare const Text_2: {
-    ({ children, size, stroked, inline, dotted, dottedUnderline, weight, className, caps, capitalize, ellipsis, lineClamp, color, htmlTag, underlined, innerRef, whiteSpace, letterSpacing, overflowWrap, displayContents, title, id }: DesignSystemTextProps): React_2.ReactElement<{
+    ({ children, size, stroked, inline, dotted, dottedUnderline, weight, className, caps, capitalize, ellipsis, fontStyle, lineClamp, color, htmlTag, underlined, innerRef, whiteSpace, letterSpacing, overflowWrap, displayContents, title, id, }: DesignSystemTextProps): React_2.ReactElement<{
         className: string;
         title: React_2.ReactNode;
         ref: {
             current: null | HTMLElement;
         } | undefined;
         style: {
-            [cssVarName: string]: string;
+            fontStyle: FontStyle;
         };
         id: string | undefined;
     }, string | React_2.JSXElementConstructor<any>>;
-    Header1({ children, htmlTag, weight, stroked, inline, innerRef, overflowWrap, color, ellipsis, lineClamp, caps, capitalize, ...baseProps }: HeaderTextProps): JSX_2.Element;
-    Header2({ children, htmlTag, weight, stroked, inline, innerRef, overflowWrap, color, ellipsis, lineClamp, caps, capitalize, ...baseProps }: HeaderTextProps): JSX_2.Element;
-    Header3({ children, htmlTag, stroked, inline, innerRef, overflowWrap, color, ellipsis, lineClamp, caps, capitalize, ...baseProps }: HeaderTextProps): JSX_2.Element;
-    Normal({ children, weight, color, whiteSpace, ellipsis, lineClamp, caps, capitalize, stroked, dotted, underlined, dottedUnderline, size, htmlTag, innerRef, overflowWrap, ...baseProps }: NormalProps): JSX_2.Element;
+    Header1({ children, htmlTag, weight, stroked, inline, innerRef, overflowWrap, color, ellipsis, fontStyle, lineClamp, caps, capitalize, ...baseProps }: HeaderTextProps): JSX_2.Element;
+    Header2({ children, htmlTag, weight, stroked, inline, fontStyle, innerRef, overflowWrap, color, ellipsis, lineClamp, caps, capitalize, ...baseProps }: HeaderTextProps): JSX_2.Element;
+    Header3({ children, htmlTag, stroked, inline, innerRef, overflowWrap, color, ellipsis, fontStyle, lineClamp, caps, capitalize, ...baseProps }: HeaderTextProps): JSX_2.Element;
+    Normal({ children, weight, color, whiteSpace, ellipsis, fontStyle, lineClamp, caps, capitalize, stroked, dotted, underlined, dottedUnderline, size, htmlTag, innerRef, overflowWrap, ...baseProps }: NormalProps): JSX_2.Element;
 };
 export { Text_2 as GammaText }
 export { Text_2 as Text }
@@ -4219,7 +4222,7 @@ export declare const ToggleButton: ({ onClick, label, disabled, toggled }: Butto
 
 export declare const Toggler: ({ active, disabled, onChange, type, ariaLabel }: Props_103) => JSX_2.Element;
 
-export declare const TogglerCheckbox: ({ value, label, labelBefore, disabled, information, informationIcon, onChange, labelWeight, pendingAction, iconActive, iconInactive, "aria-label": ariaLabel }: Props_36) => JSX_2.Element;
+export declare const TogglerCheckbox: ({ value, label, labelBefore, disabled, information, informationIcon, onChange, labelWeight, pendingAction, iconActive, iconInactive, "aria-label": ariaLabel, }: Props_36) => JSX_2.Element;
 
 export declare const tokens: {
     base: {
@@ -4856,7 +4859,7 @@ declare const tooltipBackgroundColors: {
     radicalRed1000: string;
 };
 
-declare function TooltipButton({ to, onClick, children, disabled, 'aria-label': ariaLabel }: React_2.PropsWithChildren<TooltipButtonProps>): JSX_2.Element;
+declare function TooltipButton({ to, onClick, children, disabled, 'aria-label': ariaLabel, }: React_2.PropsWithChildren<TooltipButtonProps>): JSX_2.Element;
 
 declare interface TooltipButtonProps {
     onClick?: React_2.MouseEventHandler<HTMLButtonElement>;
@@ -4910,7 +4913,7 @@ declare interface TooltipItemListProps {
     backgroundColor?: 'viridian1000' | 'grey1000' | 'grey800' | 'radicalRed1000';
 }
 
-declare function TooltipPad({ children, 'aria-label': ariaLabel }: React_2.PropsWithChildren<TooltipPadProps_2>): JSX_2.Element;
+declare function TooltipPad({ children, 'aria-label': ariaLabel, }: React_2.PropsWithChildren<TooltipPadProps_2>): JSX_2.Element;
 
 declare type TooltipPadBackgroundColors = $Keys<typeof tooltipBackgroundColors>;
 
@@ -5014,7 +5017,7 @@ export declare function useOnNext<T>(onNext: (data: T) => void | Promise<unknown
 
 export declare function useOverflow(): boolean;
 
-export declare const useRelativeTime: ({ date, skipSuffix, includeTime, forceRelative, from }: UseRelativeTimeOptions) => {
+export declare const useRelativeTime: ({ date, skipSuffix, includeTime, forceRelative, from, }: UseRelativeTimeOptions) => {
     formatted: string | null;
     absolute: string | null;
     date: Date | undefined;