@designbasekorea/ui-wc 0.1.5 → 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;
@@ -286,6 +290,9 @@ declare class DbTabs extends HTMLElement {
     private indicator?;
     private panel?;
     private tabButtons;
+    private inactivePanels;
+    private isRendering;
+    private childObserver?;
     get labels(): string[] | string;
     set labels(value: string[] | string);
     get tabItems(): TabItemConfig$1[];
@@ -303,6 +310,7 @@ declare class DbTabs extends HTMLElement {
     disconnectedCallback(): void;
     attributeChangedCallback(): void;
     private handleListScroll;
+    private collectPanelContent;
     private render;
     private select;
     private handleKeyDown;
@@ -363,6 +371,7 @@ declare class DbModal extends HTMLElement {
     private renderBodyContent;
     private renderFooter;
     private render;
+    private exitTimerId;
     private syncVisibility;
     private syncOpenState;
     private teardown;
@@ -673,6 +682,7 @@ declare class DbRadio extends HTMLElement {
     private root?;
     private input?;
     private visual?;
+    private dot?;
     private labelEl?;
     private built;
     get checked(): boolean;
@@ -867,10 +877,13 @@ declare class DbBackdrop extends HTMLElement {
     static get observedAttributes(): string[];
     private portal?;
     private keyHandler;
+    get open(): boolean;
+    set open(value: boolean);
     connectedCallback(): void;
     disconnectedCallback(): void;
     attributeChangedCallback(): void;
     private isOpen;
+    private syncOpenState;
     private collectChildren;
     private attachListeners;
     private detachListeners;
@@ -927,7 +940,10 @@ declare class DbPopover extends HTMLElement {
     private handleTriggerBlur;
     private handleReposition;
     private getTriggerRect;
+    private flipPlacementIfNeeded;
+    private applyCoords;
     private positionPanel;
+    private revealPanel;
     private updatePanelMetadata;
     private ensurePanel;
     private showPanel;
@@ -976,6 +992,7 @@ declare class DbToast extends HTMLElement {
     static get observedAttributes(): string[];
     private timeoutId;
     private progressInterval;
+    private closeTimerId;
     private closed;
     connectedCallback(): void;
     disconnectedCallback(): void;
@@ -1543,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;
@@ -1553,6 +1572,7 @@ declare class DbSegmentControl extends HTMLElement {
     private parseOptions;
     private render;
     private updateSelection;
+    private updateIndicator;
     private select;
     private handleKeyDown;
 }
@@ -1863,15 +1883,21 @@ declare class DbBottomSheet extends HTMLElement {
     private isDragging;
     private isVisible;
     private isMounted;
-    private enterTimer?;
+    private enterFrame?;
     private exitTimer?;
     private keyHandler;
+    private childObserver?;
     private dragState;
+    get open(): boolean;
+    set open(value: boolean);
+    private shouldMountPortal;
     connectedCallback(): void;
     disconnectedCallback(): void;
     attributeChangedCallback(name: string): void;
     private isOpenRequested;
     private clearTimers;
+    /** 닫힌 transform이 페인트된 뒤 --open을 붙여 슬라이드 업 전환이 보이게 함 */
+    private scheduleEnterAnimation;
     private getMaxHeightLimit;
     private close;
     private attachEscape;
@@ -1944,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?;
@@ -1963,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;
@@ -2455,15 +2491,27 @@ type DbReorderItem = {
 };
 declare class DbReorder extends HTMLElement {
     private draggedIndex;
-    private dragOverIndex;
+    private dropIndex;
     static get observedAttributes(): string[];
     get items(): DbReorderItem[];
     set items(value: DbReorderItem[] | string);
     connectedCallback(): void;
+    disconnectedCallback(): void;
     attributeChangedCallback(): void;
     private getBool;
     private getOption;
     private emitReorder;
+    private getItemElements;
+    private updateDragClasses;
+    private getAdjustedDropIndex;
+    private isValidDropIndex;
+    private getDropIndexFromPointer;
+    private getDropIndexFromContainerPointer;
+    private commitDrop;
+    private handleContainerDragOver;
+    private handleContainerDrop;
+    private setDropIndex;
+    private resetDragState;
     private render;
 }
 declare global {
@@ -3185,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;
@@ -4140,6 +4191,7 @@ type SegmentControlProps = SelectionProps & {
     value?: string;
     size?: 's' | 'm' | 'l';
     variant?: 'default' | 'icon-only';
+    appearance?: 'pill' | 'rounded';
     fullWidth?: boolean;
 };
 type StepperProps = SelectionProps & {
@@ -4149,6 +4201,7 @@ type StepperProps = SelectionProps & {
     step?: number;
     size?: 's' | 'm' | 'l';
     editable?: boolean;
+    fullWidth?: boolean;
     readOnly?: boolean;
     onMinReached?: DbEventHandler<{
         value: number;
@@ -4550,6 +4603,7 @@ type OnboardingModalProps = WebComponentProps & {
     steps?: OnboardingStep[];
     currentStep?: number;
     isOpen?: boolean;
+    open?: boolean;
     showCloseButton?: boolean;
     showIndicator?: boolean;
     indicatorType?: 'dots' | 'numbers';
@@ -5320,7 +5374,6 @@ type SearchBarProps = WebComponentProps & {
     defaultValue?: string;
     placeholder?: string;
     size?: 's' | 'm' | 'l';
-    variant?: 'default' | 'outlined' | 'filled';
     disabled?: boolean;
     readOnly?: boolean;
     fullWidth?: boolean;
@@ -6468,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 };