@redsift/design-system 9.0.0-alpha.1 → 9.0.0-alpha.10

package/index.d.ts

@@ -39,6 +39,7 @@ declare const Product: {
     readonly 'brand-trust': "brand-trust";
     readonly certificates: "certificates";
     readonly ondmarc: "ondmarc";
+    readonly pulse: "pulse";
     readonly radar: "radar";
     readonly 'rojo-ds': "rojo-ds";
     readonly 'vendor-secure': "vendor-secure";
@@ -50,6 +51,7 @@ declare const ProductName: {
     readonly 'brand-trust': "Brand Trust";
     readonly certificates: "Certificates";
     readonly ondmarc: "OnDMARC";
+    readonly pulse: "Pulse";
     readonly radar: "RADAR";
     readonly 'rojo-ds': "ROJO DS";
     readonly 'vendor-secure': "Vendor Secure";
@@ -61,6 +63,7 @@ declare const ProductLogo: {
     readonly 'brand-trust': JSX.Element;
     readonly certificates: JSX.Element;
     readonly ondmarc: JSX.Element;
+    readonly pulse: JSX.Element;
     readonly radar: JSX.Element;
     readonly 'rojo-ds': JSX.Element;
     readonly 'vendor-secure': JSX.Element;
@@ -90,6 +93,7 @@ declare const ProductColorPalette: {
     readonly 'brand-trust': "brand-trust";
     readonly certificates: "certificates";
     readonly ondmarc: "ondmarc";
+    readonly pulse: "pulse";
     readonly radar: "radar";
     readonly 'rojo-ds': "rojo-ds";
     readonly 'vendor-secure': "vendor-secure";
@@ -832,6 +836,7 @@ interface AppBarProps extends Omit<ComponentProps<'header'>, 'title'> {
     title?: string | ReactElement;
 }
 type StyledAppBarProps = AppBarProps & {
+    $hasBorder: boolean;
     $isLoaded: boolean;
     $isSidePanelCollapsed: boolean;
 };
@@ -914,7 +919,7 @@ interface SideNavigationMenuProps extends ComponentProps<'div'> {
      */
     icon?: IconProps['icon'];
     /** Custom props to pass to the Icon component. */
-    iconProps?: Omit<IconProps, 'icon'>;
+    iconProps?: Omit<IconProps, 'ref' | 'icon'>;
     /** Custom ref to pass to the Icon component. */
     iconRef?: MutableRefObject<HTMLElement>;
     /** Whether the component is disabled or not. */
@@ -989,7 +994,7 @@ interface SideNavigationMenuItemProps extends ComponentProps<'a'> {
      */
     icon?: IconProps['icon'];
     /** Custom props to pass to the Icon component. */
-    iconProps?: Omit<IconProps, 'icon'>;
+    iconProps?: Omit<IconProps, 'ref' | 'icon'>;
     /** Custom ref to pass to the Icon component. */
     iconRef?: RefObject<HTMLElement>;
     /** Whether the component is active or not. */
@@ -1087,12 +1092,6 @@ type AppContainerState = {
     collapseSidePanel(): void;
     /** Expandes the side panel. */
     expandSidePanel(): void;
-    /** Whether the container contains an AppBar or not. */
-    hasAppBar: boolean;
-    /** Whether the container contains an AppSidePanel or not. */
-    hasAppSidePanel: boolean;
-    /** Whether the container contains an AppContent or not. */
-    hasAppContent: boolean;
     /** Product theme. */
     product?: AppContainerProps['product'];
     /** Set breadcrumbs of the page. */
@@ -1111,7 +1110,10 @@ interface AppContainerProps extends ComponentProps<'div'> {
     /** The locale to apply to the children. */
     locale?: string;
     /** Product theme to apply to everything within. This overrides the CSS variables automatically. */
-    product?: Product;
+    product?: Product | {
+        name: string;
+        logo?: ReactElement;
+    };
 }
 type StyledAppContainerProps = Omit<AppContainerProps, 'locale' | 'product'> & {
     $product?: AppContainerProps['product'];
@@ -1128,8 +1130,6 @@ declare const AppContainer: Comp<AppContainerProps, HTMLDivElement>;
  * Component props.
  */
 interface AppContentProps extends ComponentProps<'main'>, StylingProps, ContainerProps {
-    /** Product theme to apply to everything within. This overrides the CSS variables automatically. */
-    product?: Product;
 }
 type StyledAppContentProps = Omit<AppContentProps, 'product'> & {
     $isLoaded: boolean;
@@ -1372,11 +1372,11 @@ declare const Heading: Comp<HeadingProps, HTMLDivElement>;
 /**
  * Component props.
  */
-interface CardHeaderProps extends ComponentProps<'div'> {
+interface CardHeaderProps extends ComponentProps<'div'>, StylingProps, Omit<FlexLayoutProps, 'inline'> {
     /** Header. */
     header?: string;
     /** Heading props allowing to override the component rendered by the heading without changing its style. */
-    headingProps?: Pick<HeadingProps, 'as' | 'noWrap'>;
+    headingProps?: Pick<HeadingProps, 'as' | 'noWrap' | 'variant'>;
     /** Subheader */
     subheader?: string;
     /**
@@ -1384,6 +1384,8 @@ interface CardHeaderProps extends ComponentProps<'div'> {
      * Can also be a ReactElement.
      */
     icon?: IconProps['icon'];
+    /** Custom props to pass to the Icon component. */
+    iconProps?: Omit<IconProps, 'ref' | 'icon'>;
     /** Whether the card is loading or not. */
     isLoading?: boolean;
 }
@@ -1848,6 +1850,7 @@ type BaseFocusWithinGroupAction = {
     type: FocusWithinGroupActionType.FOCUS_ON_LIST;
     payload: {
         id: TabStop['id'];
+        filter?: FocusWithinGroupState['filter'];
     };
 } | {
     type: FocusWithinGroupActionType.BLUR_ON_LIST;
@@ -1970,8 +1973,15 @@ declare function useFocusOnList(): UseFocusGroupProps;
  * Component props.
  */
 interface GridProps extends ComponentProps<'div'>, StylingProps, InternalSpacingProps, GridLayoutProps {
+    /** Whether the grid has divider or not. The number of pixels defining the gap between columns and rows is mandatory. This replaces the grid gap property. */
+    divider?: {
+        colGap: number;
+        rowGap: number;
+    };
 }
-type StyledGridProps = GridProps;
+type StyledGridProps = GridProps & {
+    $divider: GridProps['divider'];
+};
 
 /**
  * Component props.
@@ -2688,6 +2698,8 @@ interface TextFieldProps extends Omit<ComponentProps<'div'>, 'onChange'>, Stylin
     onClear?(): void;
     /** Placeholder. */
     placeholder?: string;
+    /** Input type. */
+    type?: HTMLInputElement['type'];
     /**
      * Input value.
      * Used for controlled version.