@designbasekorea/ui 0.5.1 → 0.5.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +100 -59
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +10 -7
- package/dist/index.esm.css +1 -1
- package/dist/index.esm.css.map +1 -1
- package/dist/index.esm.js +216 -107
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +227 -109
- package/dist/index.js.map +1 -1
- package/dist/index.umd.css +1 -1
- package/dist/index.umd.css.map +1 -1
- package/dist/index.umd.js +230 -113
- package/dist/index.umd.js.map +1 -1
- package/package.json +3 -3
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React$1, { ReactNode } from 'react';
|
|
2
2
|
import { IconProps } from '@designbasekorea/icons';
|
|
3
3
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
|
+
export { getTheme, setTheme, toggleTheme } from '@designbasekorea/theme';
|
|
4
5
|
|
|
5
6
|
/**
|
|
6
7
|
* Accordion 컴포넌트
|
|
@@ -143,7 +144,7 @@ interface AlertAction {
|
|
|
143
144
|
/** 액션 라벨 */
|
|
144
145
|
label: string;
|
|
145
146
|
/** 액션 타입 */
|
|
146
|
-
variant?: 'primary' | 'secondary' | 'tertiary' | 'danger'
|
|
147
|
+
variant?: 'primary' | 'secondary' | 'tertiary' | 'danger';
|
|
147
148
|
/** 액션 크기 */
|
|
148
149
|
size?: 's' | 'm' | 'l';
|
|
149
150
|
/** 액션 핸들러 */
|
|
@@ -242,8 +243,9 @@ declare const AnimationBackground: React$1.FC<AnimationBackgroundProps>;
|
|
|
242
243
|
interface AnimationTextProps {
|
|
243
244
|
/** 애니메이션할 텍스트 */
|
|
244
245
|
children: string;
|
|
246
|
+
trigger?: 'mount' | 'hover' | 'click' | 'in-view';
|
|
245
247
|
/** 애니메이션 타입 */
|
|
246
|
-
type?: 'typing' | 'fade' | 'slide' | 'bounce' | 'shake' | 'glow' | 'gradient' | 'wave' | 'flip' | 'scale';
|
|
248
|
+
type?: 'typing' | 'fade' | 'slide' | 'bounce' | 'shake' | 'glow' | 'gradient' | 'wave' | 'flip' | 'scale' | 'decode';
|
|
247
249
|
/** 애니메이션 속도 (ms) */
|
|
248
250
|
speed?: number;
|
|
249
251
|
/** 애니메이션 반복 횟수 (0은 무한 반복) */
|
|
@@ -846,7 +848,7 @@ interface CardImage {
|
|
|
846
848
|
}
|
|
847
849
|
interface CardAction {
|
|
848
850
|
label: string;
|
|
849
|
-
variant?: 'primary' | 'secondary' | '
|
|
851
|
+
variant?: 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'danger';
|
|
850
852
|
size?: 's' | 'm' | 'l';
|
|
851
853
|
icon?: React$1.ComponentType<any>;
|
|
852
854
|
onClick?: () => void;
|
|
@@ -2555,6 +2557,8 @@ interface ModalProps {
|
|
|
2555
2557
|
interface ModalHeaderProps {
|
|
2556
2558
|
/** 제목 */
|
|
2557
2559
|
title?: string;
|
|
2560
|
+
/** 제목 ID (접근성용) */
|
|
2561
|
+
titleId?: string;
|
|
2558
2562
|
/** 닫기 버튼 표시 여부 */
|
|
2559
2563
|
showCloseButton?: boolean;
|
|
2560
2564
|
/** 닫기 핸들러 */
|
|
@@ -3567,6 +3571,8 @@ interface SidebarProps {
|
|
|
3567
3571
|
variant?: SidebarVariant;
|
|
3568
3572
|
/** 사이드바 위치 */
|
|
3569
3573
|
position?: SidebarPosition;
|
|
3574
|
+
/** 로고 표시 여부 */
|
|
3575
|
+
showLogo?: boolean;
|
|
3570
3576
|
/** 로고 컴포넌트 */
|
|
3571
3577
|
logo?: React$1.ReactNode;
|
|
3572
3578
|
/** 로고 클릭 핸들러 */
|
|
@@ -4500,9 +4506,6 @@ interface ComponentBaseProps {
|
|
|
4500
4506
|
className?: string;
|
|
4501
4507
|
children?: React.ReactNode;
|
|
4502
4508
|
}
|
|
4503
|
-
declare const setTheme: (theme: string) => void;
|
|
4504
|
-
declare const getTheme: () => string;
|
|
4505
|
-
declare const toggleTheme: () => void;
|
|
4506
4509
|
|
|
4507
|
-
export { Accordion, AdBanner, Alert, AnimationBackground, AnimationText, AudioPlayer, Avatar, Backdrop, Badge, Banner, BottomNavigation, BottomSheet, Breadcrumbs, Button, Calendar, Card, Carousel, Checkbox, Chip, ColorPicker, Confirm, Container, ContextMenu, Countdown, DatePicker, Divider, Drawer, Dropdown, Dropzone, EmptyState, FileUploader, FloatingActionButton, Form, Gradient, Grid, HeroFeature, Image, ImageList, Indicator, Input, Label, Lightbox, List, Logo, MarkdownEditor, Masonry, MenuItem, Modal, ModalBody, ModalFooter, ModalHeader, Navbar, OnboardingModal, Pagination, Popover, Progress, ProgressStep, Progressbar, Radio, RandomGradient, RangeSlider, Rating, Reorder, ResizablePanels, ScrollArea, SearchBar, Section, SegmentControl, Select, Share, Sidebar, Skeleton, Spinner, SplitView, Stack, Stat, Stepper, Table, Tabs, Testimonial, Textarea, TimePicker, Timeline, Toast, ToastContainer, ToastProvider, Toggle, Toolbar, Tooltip, Tutorial, VideoPlayer, YouTubePlayer,
|
|
4510
|
+
export { Accordion, AdBanner, Alert, AnimationBackground, AnimationText, AudioPlayer, Avatar, Backdrop, Badge, Banner, BottomNavigation, BottomSheet, Breadcrumbs, Button, Calendar, Card, Carousel, Checkbox, Chip, ColorPicker, Confirm, Container, ContextMenu, Countdown, DatePicker, Divider, Drawer, Dropdown, Dropzone, EmptyState, FileUploader, FloatingActionButton, Form, Gradient, Grid, HeroFeature, Image, ImageList, Indicator, Input, Label, Lightbox, List, Logo, MarkdownEditor, Masonry, MenuItem, Modal, ModalBody, ModalFooter, ModalHeader, Navbar, OnboardingModal, Pagination, Popover, Progress, ProgressStep, Progressbar, Radio, RandomGradient, RangeSlider, Rating, Reorder, ResizablePanels, ScrollArea, SearchBar, Section, SegmentControl, Select, Share, Sidebar, Skeleton, Spinner, SplitView, Stack, Stat, Stepper, Table, Tabs, Testimonial, Textarea, TimePicker, Timeline, Toast, ToastContainer, ToastProvider, Toggle, Toolbar, Tooltip, Tutorial, VideoPlayer, YouTubePlayer, useToast };
|
|
4508
4511
|
export type { AccordionItem, AccordionItemType, AccordionProps, AdBannerProps, AdBannerType, AdBannerVariant, AlertAction, AlertProps, AlertSize, AlertVariant, AnimationBackgroundProps, AnimationTextProps, AnimationType, AudioPlayerProps, AudioPlayerSize, AudioPlayerTheme, AudioPlayerVariant, AuroraIntensity, AvatarGroupProps, AvatarProps, AvatarSize, AvatarStatus, AvatarVariant, BackdropProps, BadgeProps, BadgeSize, BadgeStyle, BadgeVariant, BannerAction, BannerProps, BannerSize, BannerVariant, BottomNavigationItem, BottomNavigationProps, BottomSheetProps, BottomSheetSize, BottomSheetVariant, BreadcrumbItem, BreadcrumbsProps, BreadcrumbsSize, BreadcrumbsStyle, ButtonProps, CalendarEvent, CalendarEventType, CalendarProps, CalendarView, CardAction, CardImage, CardImagePosition, CardLayout, CardProps, CardSize, CardVariant, CarouselIndicatorStyle, CarouselItem, CarouselProps, CarouselSize, CarouselTheme, CarouselTransition, CarouselVariant, CheckboxProps, ChipColor, ChipProps, ChipSize, ChipVariant, ColorPickerProps, ColorPickerSize, ColorPickerType, ComponentBaseProps, ConfirmProps, ConfirmSize, ConfirmVariant, ContainerPadding, ContainerProps, ContainerSize, ContainerVariant, ContextMenuItem, ContextMenuProps, CountdownProps, CountdownSize, CountdownVariant, DatePickerEvent, DatePickerMode, DatePickerProps, DatePickerSize, DatePickerVariant, DirectionType, DividerProps, DrawerPosition, DrawerProps, DrawerSize, DropdownItem, DropdownProps, DropzoneProps, DropzoneSize, DropzoneVariant, EmptyStateProps, EmptyStateSize, EmptyStateVariant, FileStatus, FileUploaderProps, FileUploaderSize, FileUploaderVariant, FloatingActionButtonProps, FloatingActionButtonSize, FloatingActionButtonVariant, FormField, FormProps, FormSize, FormVariant, GradientColor, GradientDirection, GradientProps, GradientScheme, GradientSize, GradientVariant, GridAlignment, GridBreakpoint, GridColProps, GridJustify, GridProps, GridRowProps, GridSize, HeroFeatureAlignment, HeroFeatureButton, HeroFeatureProps, HeroFeatureSize, HeroFeatureTheme, HeroFeatureVariant, ImageFit, ImageItem, ImageListColumns, ImageListLayout, ImageListProps, ImageListSpacing, ImageLoading, ImagePlaceholder, ImageProps, ImageRatio, ImageRounded, IndicatorProps, InputProps, LabelProps, LightboxImage, LightboxProps, LightboxSize, ListItem, ListItemType, ListLayout, ListProps, ListSize, ListVariant, LogoProps, LogoSize, LogoType, LogoVariant, MarkdownEditorMode, MarkdownEditorProps, MarkdownEditorSize, MarkdownEditorTheme, MarkdownEditorVariant, MarkdownToolbarItem, MasonryAnimation, MasonryColumns, MasonryItem, MasonryProps, MasonrySpacing, MenuItemChild, MenuItemProps, MenuItemSize, MenuItemStyle, MenuItemType, MenuItemVariant, ModalBodyProps, ModalFooterProps, ModalHeaderProps, ModalProps, NavbarItem, NavbarPosition, NavbarProps, NavbarSize, NavbarVariant, OnboardingModalProps, OnboardingStep, PaginationAlignment, PaginationProps, PaginationSize, PaginationVariant, PopoverPosition, PopoverProps, PopoverSize, PopoverTrigger, PopoverVariant, ProgressProps, ProgressSize, ProgressStepItem, ProgressStepLayout, ProgressStepProps, ProgressStepSize, ProgressType, ProgressVariant, ProgressbarProps, ProgressbarSize, ProgressbarStyle, ProgressbarVariant, RadioProps, RandomGradientProps, RangeSliderProps, RangeSliderSize, RangeSliderVariant, RatingDisplay, RatingProps, RatingSize, RatingType, RatingVariant, ReorderItem, ReorderOrientation, ReorderProps, ReorderSize, ReorderVariant, ResizablePanelsProps, ScrollAreaProps, ScrollAreaSize, ScrollDirection, ScrollbarStyle, SearchBarProps, SearchBarSize, SearchBarVariant, SectionProps, SectionSize, SectionVariant, SegmentControlProps, SegmentOption, SelectOption, SelectProps, SharePlatform, SharePlatformConfig, SharePosition, ShareProps, ShareSize, ShareVariant, SidebarItem, SidebarPosition, SidebarProps, SidebarSize, SidebarVariant, SkeletonProps, SortDirection, SpinnerProps, SpinnerSize, SpinnerType, SplitDirection, SplitMode, SplitSize, SplitViewProps, StackAlignment, StackDirection, StackJustify, StackProps, StackSpacing, StartOfWeek, StatColor, StatLayout, StatProps, StatSize, StatVariant, StepperProps, StepperSize, StepperVariant, TabItem, TableColumn, TableProps, TableSize, TableVariant, TabsProps, TestimonialAlignment, TestimonialProps, TestimonialSize, TextareaProps, TimeFormat, TimePickerProps, TimePickerSize, TimePickerType, TimeRemaining, TimelineColor, TimelineItem, TimelineProps, TimelineSize, TimelineType, TimelineVariant, ToastContainerProps, ToastItem, ToastProps, ToastStatus, ToggleProps, ToolbarItem, ToolbarPosition, ToolbarProps, ToolbarSize, ToolbarVariant, TooltipPosition, TooltipProps, TooltipSize, TooltipVariant, TutorialProps, TutorialStep, UploadFile, VideoPlayerProps, VideoPlayerSize, VideoPlayerTheme, VideoPlayerVariant, YouTubePlayerProps, YouTubePlayerSize, YouTubePlayerTheme, YouTubePlayerVariant };
|