@useloops/design-system 1.4.166 → 1.4.168

package/dist/index.d.ts

@@ -615,6 +615,7 @@ interface CustomTheme {
     };
     typography: {
         headline: {
+            xxs: string;
             xs: string;
             sm: string;
             md: string;
@@ -624,6 +625,7 @@ interface CustomTheme {
             xxxl: string;
         };
         body: {
+            xxs: string;
             xs: string;
             sm: string;
             md: string;
@@ -678,6 +680,48 @@ interface NudgeProps$1 extends PropsWithChildren {
 }
 declare const Navigation: FunctionComponent<NavigationProps>;
 
+interface ProjectItemViewType {
+    viewType?: 'grid' | 'list';
+}
+interface UserProps {
+    id: string;
+    email: string;
+    firstName: string;
+    lastName: string;
+    country: string | null;
+    city: string | null;
+    profileImage: string | null;
+    jobTitle: string | null;
+    role: string | null;
+}
+interface ProjectItemDataProps {
+    id: string;
+    postId: string;
+    versionId: string;
+    thumbnail: string;
+    demoSurveyId: string;
+    title: string;
+    description: string | null;
+    demoProjectSummary?: string | null;
+    demoSurveySummary?: string | null;
+    name: string;
+    user: UserProps;
+    isAuthor: boolean;
+    isDemo: boolean;
+    loopCount: number | null;
+    testCount: number | null;
+    draftCount: number | null;
+    updatedAt?: string;
+    tags?: string[] | null;
+    onClick?: () => void;
+    loading?: boolean;
+    moreActions?: React.ReactNode;
+}
+interface ProjectItemProps extends ProjectItemDataProps, ProjectItemViewType {
+}
+
+declare const ProjectItem: FunctionComponent<ProjectItemProps>;
+
 interface AuthFormHeaderProps {
     logo?: ReactElement | false | undefined;
     headerText?: string;
@@ -1230,7 +1274,7 @@ interface TypographyProps {
     clamp?: number;
     component: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p';
     type?: 'default' | 'button';
-    variation: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';
+    variation: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';
     weight?: 'default' | 'bold';
 }
 declare const Typography: FunctionComponent<TypographyProps & TypographyProps$1>;
@@ -1428,6 +1472,7 @@ declare module '@mui/material/styles' {
         md: React.CSSProperties;
         sm: React.CSSProperties;
         xs: React.CSSProperties;
+        xxs: React.CSSProperties;
     }
     interface TypographyVariantsOptions {
         xxxl?: React.CSSProperties;
@@ -1437,6 +1482,7 @@ declare module '@mui/material/styles' {
         md?: React.CSSProperties;
         sm?: React.CSSProperties;
         xs?: React.CSSProperties;
+        xxs?: React.CSSProperties;
     }
     interface ThemeOptions {
         custom?: {
@@ -1539,6 +1585,7 @@ declare module '@mui/material/styles' {
             };
             typography?: {
                 headline?: {
+                    xxs?: string;
                     xs?: string;
                     sm?: string;
                     md?: string;
@@ -1548,6 +1595,7 @@ declare module '@mui/material/styles' {
                     xxxl?: string;
                 };
                 body?: {
+                    xxs?: string;
                     xs?: string;
                     sm?: string;
                     md?: string;
@@ -1599,6 +1647,7 @@ declare module '@mui/material/Typography' {
         md: true;
         sm: true;
         xs: true;
+        xxs: true;
     }
 }
 declare module '@mui/system' {
@@ -1610,4 +1659,4 @@ declare module '@mui/system' {
     }
 }
 
-export { AuthContainerSurface, AuthFormHeader, type AuthFormHeaderProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Button, type ButtonProps, CheckboxGroup as CheckBoxGroup, Checkbox, type CheckboxGroupProps, type CheckboxProps, ColorBackgroundContainer, type ColorBackgroundContainerProps, type ColorRange$1 as ColorRange, type ColorRangeAlpha$1 as ColorRangeAlpha, CustomField, type CustomFieldProps, DEFAULT_MAX_INPUT_LENGTH, Differential, type DifferentialProps, DropdownMenu, type FieldType, type FieldTypes, FontWeight, FormControlLabel, FormGenerator, type FormGeneratorConfig, type FormGeneratorHandler, type GenericSizeMap, GridOverlay, type GridOverlayProps, Html, type HtmlProps, IconButton, IconButtonGroup, type IconButtonProps, InputFieldBase, type InputFieldBaseProps, InputLabel, InputLabelHelp, type InputLabelHelpProps, type InputLabelProps, Likert, type LikertProps, Link, type LinkProps, Loader, type LoaderProps, Logo, Markdown, MenuButton, type MenuButtonProps, Navigation, type NavigationProps, type NavigationSizing, Nudge, type NudgeProps, NumberField, type NumberFieldProps, Pill, type PillProps, Popper, type PopperProps, Portal, type PortalProps, PoweredByWatermarkLogo, Progress, type ProgressProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Rank, type RankProps, RichTextField, type RichTextFieldProps, Select, type SelectProps, type SemanticColor, Slider, type SliderProps, SortableList, type SortableListProps, StarRating, type StarRatingProps, Surface, type SurfaceProps, Switch, type SwitchProps, Textarea as TextArea, TextBarDivider, type TextBarDividerProps, TextField, type TextFieldProps, type TextareaProps, ThemeProvider, Toast, type ToastProps, Tooltip, type TooltipProps, Typography, type TypographyProps, UserMenu, type UserMenuProps, backgroundCreator, base, blue, blueRamp, boxShadow, breakpoints, chooseArticle, darkNeutral, darkNeutralAlpha, defaultInputValidation, easing, elevation, elevationFilter, emailValidation, fonts, generateRamp, green, greenRamp, margin, neutral, neutralAlpha, neutralRamp, padding, passwordValidation, peach, peachRamp, purple, purpleRamp, radius, red, redRamp, semantic, space, useDropdownMenu, yellow, yellowRamp };
+export { AuthContainerSurface, AuthFormHeader, type AuthFormHeaderProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Button, type ButtonProps, CheckboxGroup as CheckBoxGroup, Checkbox, type CheckboxGroupProps, type CheckboxProps, ColorBackgroundContainer, type ColorBackgroundContainerProps, type ColorRange$1 as ColorRange, type ColorRangeAlpha$1 as ColorRangeAlpha, CustomField, type CustomFieldProps, DEFAULT_MAX_INPUT_LENGTH, Differential, type DifferentialProps, DropdownMenu, type FieldType, type FieldTypes, FontWeight, FormControlLabel, FormGenerator, type FormGeneratorConfig, type FormGeneratorHandler, type GenericSizeMap, GridOverlay, type GridOverlayProps, Html, type HtmlProps, IconButton, IconButtonGroup, type IconButtonProps, InputFieldBase, type InputFieldBaseProps, InputLabel, InputLabelHelp, type InputLabelHelpProps, type InputLabelProps, Likert, type LikertProps, Link, type LinkProps, Loader, type LoaderProps, Logo, Markdown, MenuButton, type MenuButtonProps, Navigation, type NavigationProps, type NavigationSizing, Nudge, type NudgeProps, NumberField, type NumberFieldProps, Pill, type PillProps, Popper, type PopperProps, Portal, type PortalProps, PoweredByWatermarkLogo, Progress, type ProgressProps, ProjectItem, type ProjectItemProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Rank, type RankProps, RichTextField, type RichTextFieldProps, Select, type SelectProps, type SemanticColor, Slider, type SliderProps, SortableList, type SortableListProps, StarRating, type StarRatingProps, Surface, type SurfaceProps, Switch, type SwitchProps, Textarea as TextArea, TextBarDivider, type TextBarDividerProps, TextField, type TextFieldProps, type TextareaProps, ThemeProvider, Toast, type ToastProps, Tooltip, type TooltipProps, Typography, type TypographyProps, UserMenu, type UserMenuProps, backgroundCreator, base, blue, blueRamp, boxShadow, breakpoints, chooseArticle, darkNeutral, darkNeutralAlpha, defaultInputValidation, easing, elevation, elevationFilter, emailValidation, fonts, generateRamp, green, greenRamp, margin, neutral, neutralAlpha, neutralRamp, padding, passwordValidation, peach, peachRamp, purple, purpleRamp, radius, red, redRamp, semantic, space, useDropdownMenu, yellow, yellowRamp };