@designbasekorea/ui-wc 0.2.0 → 0.2.1

package/dist/react/index.d.ts

@@ -15,6 +15,8 @@ declare class DbButton extends HTMLElement {
     set size(value: string);
     get radius(): string;
     set radius(value: string);
+    get accentStyle(): string;
+    set accentStyle(value: string);
     get type(): string;
     set type(value: string);
     get loadingText(): string;
@@ -42,6 +44,8 @@ declare class DbButton extends HTMLElement {
     private syncIcons;
     private getDefaultRadiusClass;
     private syncRadius;
+    private syncAccentStyle;
+    private syncAccentField;
     private syncModifier;
     private syncBooleanModifier;
     private getSpinnerSize;
@@ -367,6 +371,7 @@ declare class DbModal extends HTMLElement {
     private renderBodyContent;
     private renderFooter;
     private render;
+    private exitTimerId;
     private syncVisibility;
     private syncOpenState;
     private teardown;
@@ -677,6 +682,7 @@ declare class DbRadio extends HTMLElement {
     private root?;
     private input?;
     private visual?;
+    private dot?;
     private labelEl?;
     private built;
     get checked(): boolean;
@@ -986,6 +992,7 @@ declare class DbToast extends HTMLElement {
     static get observedAttributes(): string[];
     private timeoutId;
     private progressInterval;
+    private closeTimerId;
     private closed;
     connectedCallback(): void;
     disconnectedCallback(): void;
@@ -1553,6 +1560,8 @@ declare class DbSegmentControl extends HTMLElement {
     private segmentButtons;
     private focusedIndex;
     private boundKeyDown;
+    private boundResize;
+    private resizeObserver;
     connectedCallback(): void;
     disconnectedCallback(): void;
     attributeChangedCallback(name: string): void;
@@ -1563,6 +1572,7 @@ declare class DbSegmentControl extends HTMLElement {
     private parseOptions;
     private render;
     private updateSelection;
+    private updateIndicator;
     private select;
     private handleKeyDown;
 }
@@ -1960,6 +1970,12 @@ declare global {
     }
 }
 
+type OnboardingStep$1 = {
+    id: string;
+    image?: string;
+    title?: string;
+    description?: string;
+};
 declare class DbOnboardingModal extends HTMLElement {
     static get observedAttributes(): string[];
     private root?;
@@ -1979,6 +1995,10 @@ declare class DbOnboardingModal extends HTMLElement {
     private prevButtonEl?;
     private nextButtonEl?;
     private indicatorEl?;
+    get open(): boolean;
+    set open(value: boolean);
+    get steps(): OnboardingStep$1[];
+    set steps(value: OnboardingStep$1[] | string);
     connectedCallback(): void;
     disconnectedCallback(): void;
     attributeChangedCallback(name: string): void;
@@ -3213,6 +3233,9 @@ type WebComponentProps = Omit<react__default.HTMLAttributes<HTMLElement>, 'onCha
     [key: string]: unknown;
 };
 
+type GradientScheme = 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info' | 'purple' | 'ocean' | 'sunset';
+type GradientTone = 'light' | 'vivid' | 'dark';
+
 type PartProps = React.HTMLAttributes<HTMLDivElement>;
 declare function ModalHeader({ className, children, ...props }: PartProps): react.DetailedReactHTMLElement<{
     defaultChecked?: boolean | undefined;
@@ -4168,6 +4191,7 @@ type SegmentControlProps = SelectionProps & {
     value?: string;
     size?: 's' | 'm' | 'l';
     variant?: 'default' | 'icon-only';
+    appearance?: 'pill' | 'rounded';
     fullWidth?: boolean;
 };
 type StepperProps = SelectionProps & {
@@ -4177,6 +4201,7 @@ type StepperProps = SelectionProps & {
     step?: number;
     size?: 's' | 'm' | 'l';
     editable?: boolean;
+    fullWidth?: boolean;
     readOnly?: boolean;
     onMinReached?: DbEventHandler<{
         value: number;
@@ -4578,6 +4603,7 @@ type OnboardingModalProps = WebComponentProps & {
     steps?: OnboardingStep[];
     currentStep?: number;
     isOpen?: boolean;
+    open?: boolean;
     showCloseButton?: boolean;
     showIndicator?: boolean;
     indicatorType?: 'dots' | 'numbers';
@@ -5348,7 +5374,6 @@ type SearchBarProps = WebComponentProps & {
     defaultValue?: string;
     placeholder?: string;
     size?: 's' | 'm' | 'l';
-    variant?: 'default' | 'outlined' | 'filled';
     disabled?: boolean;
     readOnly?: boolean;
     fullWidth?: boolean;
@@ -6496,4 +6521,4 @@ declare const TimePicker: react.ForwardRefExoticComponent<Omit<TimePickerProps,
 declare const Calendar: react.ForwardRefExoticComponent<Omit<CalendarProps, "ref"> & react.RefAttributes<HTMLElement>>;
 
 export { Accordion, AdBanner, Alert, AnimationBackground, AnimationText, AppBadge, AudioPlayer, Avatar, Backdrop, Badge, Banner, BottomNavigation, BottomSheet, Breadcrumbs, Button, Calendar, Card, Carousel, Checkbox, Chip, CodeBlock, ColorPicker, Confirm, Container, ContextMenu, Countdown, CursorFollower, DatePicker, Divider, Drawer, Dropdown, Dropzone, EmptyState, FileUploader, FloatingActionButton, Form, Gradient, Grid, GridItem, Image, ImageList, ImagePlaceholder, Indicator, Input, Label, Lightbox, List, Logo, Lottie, MarkdownEditor, Marquee, Masonry, MenuItem, Modal, ModalBody, ModalFooter, ModalHeader, Navbar, OnboardingModal, PageHeader, Pagination, Popover, Progress, ProgressStep, Progressbar, Radio, RandomGradient, RangeSlider, Rating, Reorder, ResizablePanels, ScrollArea, SearchBar, Section, SectionAppDownload, SectionContact, SectionFeature, SectionHero, SegmentControl, Select, Share, Sidebar, Skeleton, Spinner, SplitView, Stack, Stat, Stepper, Table, Tabs, Testimonial, Textarea, TimePicker, Timeline, Toast, Toggle, Toolbar, Tooltip, TopBanner, Tutorial, VideoPlayer, YouTubePlayer, useContextMenu };
-export type { AccordionItemConfig, AccordionProps, AdBannerProps, AlertAction, AlertProps, AnimationBackgroundProps, AnimationTextProps, AppBadgeProps, AudioPlayerProps, AvatarProps, BackdropProps, BadgeProps, BannerAction, BannerProps, BottomNavigationItem, BottomNavigationProps, BottomSheetProps, BreadcrumbItemConfig, BreadcrumbsProps, ButtonProps, CalendarEvent, CalendarProps, CardProps, CarouselItem, CarouselProps, ChipProps, CodeBlockItem, CodeBlockProps, ColorPickerProps, ConfirmProps, ContextMenuItemConfig, ContextMenuProps, CountdownProps, CursorFollowerProps, DatePickerProps, DbEventHandler, DividerProps, DrawerProps, DropdownItemConfig, DropdownProps, DropzoneProps, EmptyStateProps, FileUploaderProps, FloatingActionButtonProps, FormFieldData, FormProps, GradientColor, GradientProps, ImageListItem, ImageListProps, ImagePlaceholderProps, ImageProps, IndicatorProps, InputProps, LabelProps, LightboxImage, LightboxProps, ListItemConfig, ListProps, LogoProps, LottieProps, MarkdownEditorProps, MarqueeProps, MasonryItem, MasonryProps, MenuItemChildConfig, MenuItemProps, ModalProps, ModalSegmentItem, ModalTabItem, NavbarItem, NavbarProps, NavbarUserProfile, OnboardingModalProps, OnboardingStep, PageHeaderProps, PageHeaderTabItem, PaginationProps, PopoverProps, ProgressProps, ProgressStepItem, ProgressStepProps, RadioProps, RandomGradientProps, RangeSliderProps, RatingProps, ReorderItem, ReorderProps, ResizablePanelsProps, ScrollAreaProps, SearchBarProps, SectionAppDownloadProps, SectionAppDownloadStore, SectionContactAction, SectionContactProps, SectionFeatureAction, SectionFeatureBadge, SectionFeatureProps, SectionHeroButton, SectionHeroProps, SectionProps, SegmentControlProps, SelectProps, SelectionProps, SharePlatform, ShareProps, SidebarItem, SidebarProps, SidebarSection, SidebarUserProfile, SkeletonProps, SpinnerProps, SplitViewProps, StatChange, StatProps, StepperProps, TabItemConfig, TableColumn, TableProps, TabsProps, TestimonialProps, TextareaProps, TimePickerProps, TimelineItem, TimelineProps, ToastProps, ToggleProps, TooltipProps, TopBannerProps, TutorialProps, TutorialStep, UseContextMenuReturn, VideoPlayerProps, WebComponentProps, YouTubePlayerProps };
+export type { AccordionItemConfig, AccordionProps, AdBannerProps, AlertAction, AlertProps, AnimationBackgroundProps, AnimationTextProps, AppBadgeProps, AudioPlayerProps, AvatarProps, BackdropProps, BadgeProps, BannerAction, BannerProps, BottomNavigationItem, BottomNavigationProps, BottomSheetProps, BreadcrumbItemConfig, BreadcrumbsProps, ButtonProps, CalendarEvent, CalendarProps, CardProps, CarouselItem, CarouselProps, ChipProps, CodeBlockItem, CodeBlockProps, ColorPickerProps, ConfirmProps, ContextMenuItemConfig, ContextMenuProps, CountdownProps, CursorFollowerProps, DatePickerProps, DbEventHandler, DividerProps, DrawerProps, DropdownItemConfig, DropdownProps, DropzoneProps, EmptyStateProps, FileUploaderProps, FloatingActionButtonProps, FormFieldData, FormProps, GradientColor, GradientProps, GradientScheme, GradientTone, ImageListItem, ImageListProps, ImagePlaceholderProps, ImageProps, IndicatorProps, InputProps, LabelProps, LightboxImage, LightboxProps, ListItemConfig, ListProps, LogoProps, LottieProps, MarkdownEditorProps, MarqueeProps, MasonryItem, MasonryProps, MenuItemChildConfig, MenuItemProps, ModalProps, ModalSegmentItem, ModalTabItem, NavbarItem, NavbarProps, NavbarUserProfile, OnboardingModalProps, OnboardingStep, PageHeaderProps, PageHeaderTabItem, PaginationProps, PopoverProps, ProgressProps, ProgressStepItem, ProgressStepProps, RadioProps, RandomGradientProps, RangeSliderProps, RatingProps, ReorderItem, ReorderProps, ResizablePanelsProps, ScrollAreaProps, SearchBarProps, SectionAppDownloadProps, SectionAppDownloadStore, SectionContactAction, SectionContactProps, SectionFeatureAction, SectionFeatureBadge, SectionFeatureProps, SectionHeroButton, SectionHeroProps, SectionProps, SegmentControlProps, SelectProps, SelectionProps, SharePlatform, ShareProps, SidebarItem, SidebarProps, SidebarSection, SidebarUserProfile, SkeletonProps, SpinnerProps, SplitViewProps, StatChange, StatProps, StepperProps, TabItemConfig, TableColumn, TableProps, TabsProps, TestimonialProps, TextareaProps, TimePickerProps, TimelineItem, TimelineProps, ToastProps, ToggleProps, TooltipProps, TopBannerProps, TutorialProps, TutorialStep, UseContextMenuReturn, VideoPlayerProps, WebComponentProps, YouTubePlayerProps };