@momo-webplatform/mobase 0.2.20 → 0.2.21

package/dist/cjs/index.d.cts

@@ -249,6 +249,99 @@ interface IconButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement
 }
 declare const IconButton: React$1.ForwardRefExoticComponent<IconButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
 
+interface HeadingGroupProps {
+    /**
+     * CSS class to be appended to the root element.
+     */
+    className?: string;
+    /**
+     * Heading group alignment.
+     */
+    align?: "left" | "center" | "right";
+    /**
+     * The children of the HeadingGroup, which could include TagLine, Heading, Heading sub,..
+     */
+    children?: React__default.ReactNode;
+}
+interface HeadingTaglineProps {
+    /**
+     * Tagline color.
+     */
+    color?: "regular" | "pink" | "white";
+    /**
+     * Tagline size.
+     */
+    size?: "small" | "large";
+    /**
+     * Tagline use truncate.
+     */
+    isTruncated?: boolean;
+    /**
+     * CSS class to be appended to the root element.
+     */
+    className?: string;
+    /**
+     * The children of the Tagline.
+     */
+    children?: React__default.ReactNode;
+}
+interface HeadingProps {
+    /**
+     * Shorthand for changing the default rendered element into a semantically appropriate alternative.
+     */
+    as: "h1" | "h2";
+    /**
+     * Heading color.
+     */
+    color?: "regular" | "pink" | "white";
+    /**
+     * Heading size.
+     */
+    size?: "small" | "large";
+    /**
+     * Heading use truncate.
+     */
+    isTruncated?: boolean;
+    /**
+     * CSS class to be appended to the root element.
+     */
+    className?: string;
+    /**
+     * The children of the Heading.
+     */
+    children?: React__default.ReactNode;
+}
+interface HeadingSubProps {
+    /**
+     * Sub heading color.
+     */
+    color?: "regular" | "white";
+    /**
+     * Sub heading size.
+     */
+    size?: "small" | "large";
+    /**
+     * Sub heading margin top: none: 0px, spacingX: 8px, spacingM: 12px, spacingL: 16px, spacingXl: 20px, spacing2Xl: 24px
+     */
+    marginTop?: "none" | "spacingX" | "spacingM" | "spacingL" | "spacingXl" | "spacing2Xl";
+    /**
+     * Sub heading use truncate.
+     */
+    isTruncated?: boolean;
+    /**
+     * CSS class to be appended to the root element.
+     */
+    className?: string;
+    /**
+     * The children of the Heading sub.
+     */
+    children?: React__default.ReactNode;
+}
+declare const HeadingTagline: ({ color, size, isTruncated, className, children, }: HeadingTaglineProps) => react_jsx_runtime.JSX.Element;
+declare const Heading: ({ as, size, color, isTruncated, className, children, }: HeadingProps) => react_jsx_runtime.JSX.Element;
+declare const HeadingSub: ({ color, size, marginTop, isTruncated, className, children, }: HeadingSubProps) => react_jsx_runtime.JSX.Element;
+declare const HeadingGroup: ({ className, align, children, }: HeadingGroupProps) => react_jsx_runtime.JSX.Element;
+
 interface PaginationProps {
     /**
      * Current page.
@@ -738,4 +831,4 @@ declare const mobaseTW: () => {
 
 declare const SiteMeta: react_jsx_runtime.JSX.Element;
 
-export { Accordion, AccordionContent, type AccordionContentInterface, AccordionItem, type AccordionItemInterface, type AccordionRootInterface, AccordionTrigger, type AccordionTriggerInterface, AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, type AlertDialogOverlayProps, AlertDialogPortal, type AlertDialogPortalProps, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps, AspectRatio, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Callout, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CheckboxIndicator, type CheckboxIndicatorProps, type CheckboxProps, ChoiceboxGroup, ChoiceboxGroupItem, Combobox, ComboboxContent, ComboboxTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogQr, DialogTitle, DialogTrigger, Footer, HeaderNavigation, HeroSection, IconButton, type IconButtonProps, Indicator, LightBoxContent, LightboxGallery, LightboxThumbnail, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, Pagination, Popover, PopoverContent, PopoverTrigger, Progress as Progressbar, RadioGroup, RadioGroupItem, Root, SearchBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SiteMeta, Slider, Stepper, Switch, Tabs, TabsContent, TabsList, TabsTrigger, TextArea, type TextAreaProps, TextButton, type TextButtonProps, TextInput, type TextInputProps, ToastAction, Toaster, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, createCheckboxScope, mobaseTW, navigationMenuTriggerStyle, textButtonVariants, toast, useToast };
+export { Accordion, AccordionContent, type AccordionContentInterface, AccordionItem, type AccordionItemInterface, type AccordionRootInterface, AccordionTrigger, type AccordionTriggerInterface, AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, type AlertDialogOverlayProps, AlertDialogPortal, type AlertDialogPortalProps, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps, AspectRatio, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Callout, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CheckboxIndicator, type CheckboxIndicatorProps, type CheckboxProps, ChoiceboxGroup, ChoiceboxGroupItem, Combobox, ComboboxContent, ComboboxTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogQr, DialogTitle, DialogTrigger, Footer, HeaderNavigation, Heading, HeadingGroup, HeadingSub, HeadingTagline, HeroSection, IconButton, type IconButtonProps, Indicator, LightBoxContent, LightboxGallery, LightboxThumbnail, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, Pagination, Popover, PopoverContent, PopoverTrigger, Progress as Progressbar, RadioGroup, RadioGroupItem, Root, SearchBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SiteMeta, Slider, Stepper, Switch, Tabs, TabsContent, TabsList, TabsTrigger, TextArea, type TextAreaProps, TextButton, type TextButtonProps, TextInput, type TextInputProps, ToastAction, Toaster, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, createCheckboxScope, mobaseTW, navigationMenuTriggerStyle, textButtonVariants, toast, useToast };

package/dist/esm/index.d.ts

@@ -249,6 +249,99 @@ interface IconButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement
 }
 declare const IconButton: React$1.ForwardRefExoticComponent<IconButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
 
+interface HeadingGroupProps {
+    /**
+     * CSS class to be appended to the root element.
+     */
+    className?: string;
+    /**
+     * Heading group alignment.
+     */
+    align?: "left" | "center" | "right";
+    /**
+     * The children of the HeadingGroup, which could include TagLine, Heading, Heading sub,..
+     */
+    children?: React__default.ReactNode;
+}
+interface HeadingTaglineProps {
+    /**
+     * Tagline color.
+     */
+    color?: "regular" | "pink" | "white";
+    /**
+     * Tagline size.
+     */
+    size?: "small" | "large";
+    /**
+     * Tagline use truncate.
+     */
+    isTruncated?: boolean;
+    /**
+     * CSS class to be appended to the root element.
+     */
+    className?: string;
+    /**
+     * The children of the Tagline.
+     */
+    children?: React__default.ReactNode;
+}
+interface HeadingProps {
+    /**
+     * Shorthand for changing the default rendered element into a semantically appropriate alternative.
+     */
+    as: "h1" | "h2";
+    /**
+     * Heading color.
+     */
+    color?: "regular" | "pink" | "white";
+    /**
+     * Heading size.
+     */
+    size?: "small" | "large";
+    /**
+     * Heading use truncate.
+     */
+    isTruncated?: boolean;
+    /**
+     * CSS class to be appended to the root element.
+     */
+    className?: string;
+    /**
+     * The children of the Heading.
+     */
+    children?: React__default.ReactNode;
+}
+interface HeadingSubProps {
+    /**
+     * Sub heading color.
+     */
+    color?: "regular" | "white";
+    /**
+     * Sub heading size.
+     */
+    size?: "small" | "large";
+    /**
+     * Sub heading margin top: none: 0px, spacingX: 8px, spacingM: 12px, spacingL: 16px, spacingXl: 20px, spacing2Xl: 24px
+     */
+    marginTop?: "none" | "spacingX" | "spacingM" | "spacingL" | "spacingXl" | "spacing2Xl";
+    /**
+     * Sub heading use truncate.
+     */
+    isTruncated?: boolean;
+    /**
+     * CSS class to be appended to the root element.
+     */
+    className?: string;
+    /**
+     * The children of the Heading sub.
+     */
+    children?: React__default.ReactNode;
+}
+declare const HeadingTagline: ({ color, size, isTruncated, className, children, }: HeadingTaglineProps) => react_jsx_runtime.JSX.Element;
+declare const Heading: ({ as, size, color, isTruncated, className, children, }: HeadingProps) => react_jsx_runtime.JSX.Element;
+declare const HeadingSub: ({ color, size, marginTop, isTruncated, className, children, }: HeadingSubProps) => react_jsx_runtime.JSX.Element;
+declare const HeadingGroup: ({ className, align, children, }: HeadingGroupProps) => react_jsx_runtime.JSX.Element;
+
 interface PaginationProps {
     /**
      * Current page.
@@ -738,4 +831,4 @@ declare const mobaseTW: () => {
 
 declare const SiteMeta: react_jsx_runtime.JSX.Element;
 
-export { Accordion, AccordionContent, type AccordionContentInterface, AccordionItem, type AccordionItemInterface, type AccordionRootInterface, AccordionTrigger, type AccordionTriggerInterface, AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, type AlertDialogOverlayProps, AlertDialogPortal, type AlertDialogPortalProps, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps, AspectRatio, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Callout, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CheckboxIndicator, type CheckboxIndicatorProps, type CheckboxProps, ChoiceboxGroup, ChoiceboxGroupItem, Combobox, ComboboxContent, ComboboxTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogQr, DialogTitle, DialogTrigger, Footer, HeaderNavigation, HeroSection, IconButton, type IconButtonProps, Indicator, LightBoxContent, LightboxGallery, LightboxThumbnail, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, Pagination, Popover, PopoverContent, PopoverTrigger, Progress as Progressbar, RadioGroup, RadioGroupItem, Root, SearchBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SiteMeta, Slider, Stepper, Switch, Tabs, TabsContent, TabsList, TabsTrigger, TextArea, type TextAreaProps, TextButton, type TextButtonProps, TextInput, type TextInputProps, ToastAction, Toaster, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, createCheckboxScope, mobaseTW, navigationMenuTriggerStyle, textButtonVariants, toast, useToast };
+export { Accordion, AccordionContent, type AccordionContentInterface, AccordionItem, type AccordionItemInterface, type AccordionRootInterface, AccordionTrigger, type AccordionTriggerInterface, AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, type AlertDialogOverlayProps, AlertDialogPortal, type AlertDialogPortalProps, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps, AspectRatio, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Callout, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CheckboxIndicator, type CheckboxIndicatorProps, type CheckboxProps, ChoiceboxGroup, ChoiceboxGroupItem, Combobox, ComboboxContent, ComboboxTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogQr, DialogTitle, DialogTrigger, Footer, HeaderNavigation, Heading, HeadingGroup, HeadingSub, HeadingTagline, HeroSection, IconButton, type IconButtonProps, Indicator, LightBoxContent, LightboxGallery, LightboxThumbnail, NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, Pagination, Popover, PopoverContent, PopoverTrigger, Progress as Progressbar, RadioGroup, RadioGroupItem, Root, SearchBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SiteMeta, Slider, Stepper, Switch, Tabs, TabsContent, TabsList, TabsTrigger, TextArea, type TextAreaProps, TextButton, type TextButtonProps, TextInput, type TextInputProps, ToastAction, Toaster, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, createCheckboxScope, mobaseTW, navigationMenuTriggerStyle, textButtonVariants, toast, useToast };