plainframe-ui 0.1.6 → 0.1.7
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/dist/index.d.ts +40 -15
- package/dist/index.js +330 -91
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -51,14 +51,14 @@ declare const AccordionDetails: React.FC<AccordionDetailsProps>;
|
|
|
51
51
|
|
|
52
52
|
/** @jsxImportSource @emotion/react */
|
|
53
53
|
|
|
54
|
-
type Variant$
|
|
54
|
+
type Variant$b = "subtle" | "outlined" | "ghost";
|
|
55
55
|
type WithCssProp$6 = {
|
|
56
56
|
css?: Interpolation<Theme>;
|
|
57
57
|
};
|
|
58
58
|
type AccordionGroupProps = WithCssProp$6 & {
|
|
59
59
|
children: React.ReactNode;
|
|
60
60
|
attached?: boolean;
|
|
61
|
-
variant?: Variant$
|
|
61
|
+
variant?: Variant$b;
|
|
62
62
|
exclusive?: boolean;
|
|
63
63
|
expandedIndex?: number | null;
|
|
64
64
|
defaultExpandedIndex?: number | null;
|
|
@@ -413,14 +413,14 @@ declare const CardDescription: React.FC<CardSectionBaseProps & TextTune>;
|
|
|
413
413
|
|
|
414
414
|
/** @jsxImportSource @emotion/react */
|
|
415
415
|
|
|
416
|
-
type Variant$
|
|
416
|
+
type Variant$a = "subtle" | "outlined" | "ghost";
|
|
417
417
|
type CardGroupProps = {
|
|
418
418
|
children: React.ReactNode;
|
|
419
419
|
attached?: boolean;
|
|
420
420
|
gap?: string | number;
|
|
421
421
|
width?: string | number;
|
|
422
422
|
direction?: "vertical" | "horizontal";
|
|
423
|
-
variant?: Variant$
|
|
423
|
+
variant?: Variant$a;
|
|
424
424
|
className?: string;
|
|
425
425
|
role?: React.AriaRole;
|
|
426
426
|
css?: Interpolation<Theme>;
|
|
@@ -479,7 +479,7 @@ declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttribu
|
|
|
479
479
|
/** @jsxImportSource @emotion/react */
|
|
480
480
|
|
|
481
481
|
type SizeKey$2 = "sm" | "md" | "lg";
|
|
482
|
-
type Variant$
|
|
482
|
+
type Variant$9 = "outlined" | "subtle" | "ghost";
|
|
483
483
|
type WithCss$3 = {
|
|
484
484
|
css?: Interpolation<Theme>;
|
|
485
485
|
};
|
|
@@ -495,7 +495,7 @@ type CodeFieldProps = WithCss$3 & {
|
|
|
495
495
|
disabled?: boolean;
|
|
496
496
|
gap?: number | string;
|
|
497
497
|
size?: SizeKey$2;
|
|
498
|
-
variant?: Variant$
|
|
498
|
+
variant?: Variant$9;
|
|
499
499
|
length?: number;
|
|
500
500
|
focusRingMode?: "always" | "none";
|
|
501
501
|
wrapperCss?: Interpolation<Theme>;
|
|
@@ -732,13 +732,13 @@ declare const Image: React.ForwardRefExoticComponent<ImageProps & React.RefAttri
|
|
|
732
732
|
|
|
733
733
|
/** @jsxImportSource @emotion/react */
|
|
734
734
|
|
|
735
|
-
type Variant$
|
|
735
|
+
type Variant$8 = "fan" | "slide" | "domino" | "ladder";
|
|
736
736
|
type HoverEffect = "reveal" | "expand" | "none";
|
|
737
737
|
type Size$1 = "sm" | "md" | "lg" | "xl";
|
|
738
738
|
type RadiusToken = "xs" | "sm" | "md" | "lg" | "xl" | "full";
|
|
739
739
|
type ImageStackProps = Omit<React.HTMLAttributes<HTMLDivElement>, "style"> & {
|
|
740
740
|
children: React.ReactNode;
|
|
741
|
-
variant?: Variant$
|
|
741
|
+
variant?: Variant$8;
|
|
742
742
|
width?: number | string;
|
|
743
743
|
aspectRatio?: number | string;
|
|
744
744
|
size?: Size$1;
|
|
@@ -906,7 +906,7 @@ declare const ModalContent: React.ForwardRefExoticComponent<ModalContentProps &
|
|
|
906
906
|
/** @jsxImportSource @emotion/react */
|
|
907
907
|
|
|
908
908
|
type Size = "xs" | "sm" | "md";
|
|
909
|
-
type Variant$
|
|
909
|
+
type Variant$7 = "subtle" | "outlined" | "ghost";
|
|
910
910
|
type PaginationProps = {
|
|
911
911
|
count: number;
|
|
912
912
|
page?: number;
|
|
@@ -918,7 +918,7 @@ type PaginationProps = {
|
|
|
918
918
|
showFirstLast?: boolean;
|
|
919
919
|
loop?: boolean;
|
|
920
920
|
size?: Size;
|
|
921
|
-
variant?: Variant$
|
|
921
|
+
variant?: Variant$7;
|
|
922
922
|
gap?: number;
|
|
923
923
|
className?: string;
|
|
924
924
|
css?: Interpolation<Theme>;
|
|
@@ -1012,7 +1012,7 @@ declare const Quote: React.FC<QuoteProps>;
|
|
|
1012
1012
|
/** @jsxImportSource @emotion/react */
|
|
1013
1013
|
|
|
1014
1014
|
type Direction$3 = "horizontal" | "vertical";
|
|
1015
|
-
type Variant$
|
|
1015
|
+
type Variant$6 = "filled" | "outlined" | "soft";
|
|
1016
1016
|
type HV = "left" | "center" | "right" | "top" | "bottom";
|
|
1017
1017
|
type RadioGroupProps = {
|
|
1018
1018
|
value?: string | number;
|
|
@@ -1021,7 +1021,7 @@ type RadioGroupProps = {
|
|
|
1021
1021
|
disabled?: boolean;
|
|
1022
1022
|
size?: "sm" | "md" | "lg";
|
|
1023
1023
|
direction?: Direction$3;
|
|
1024
|
-
variant?: Variant$
|
|
1024
|
+
variant?: Variant$6;
|
|
1025
1025
|
className?: string;
|
|
1026
1026
|
children: React.ReactNode;
|
|
1027
1027
|
anchorOrigin?: {
|
|
@@ -1058,7 +1058,7 @@ declare const Rotate: React.FC<RotateProps>;
|
|
|
1058
1058
|
/** @jsxImportSource @emotion/react */
|
|
1059
1059
|
|
|
1060
1060
|
type Align$1 = "left" | "center" | "right";
|
|
1061
|
-
type Variant$
|
|
1061
|
+
type Variant$5 = "subtle" | "outlined" | "ghost";
|
|
1062
1062
|
type SelectProps<T = unknown> = {
|
|
1063
1063
|
value?: T | T[];
|
|
1064
1064
|
defaultValue?: T | T[];
|
|
@@ -1069,7 +1069,7 @@ type SelectProps<T = unknown> = {
|
|
|
1069
1069
|
endIcon?: React.ReactNode;
|
|
1070
1070
|
disabled?: boolean;
|
|
1071
1071
|
size?: "sm" | "md";
|
|
1072
|
-
variant?: Variant$
|
|
1072
|
+
variant?: Variant$5;
|
|
1073
1073
|
fullWidth?: boolean;
|
|
1074
1074
|
width?: number | string;
|
|
1075
1075
|
menuAlign?: Align$1;
|
|
@@ -1179,6 +1179,31 @@ declare const Stepper: React.FC<StepperProps>;
|
|
|
1179
1179
|
|
|
1180
1180
|
/** @jsxImportSource @emotion/react */
|
|
1181
1181
|
|
|
1182
|
+
type Variant$4 = "toggle" | "flash";
|
|
1183
|
+
type Effect = "rotate" | "scale" | "scale-rotate";
|
|
1184
|
+
interface SwapProps {
|
|
1185
|
+
variant?: Variant$4;
|
|
1186
|
+
animationEffect?: Effect;
|
|
1187
|
+
flashDuration?: number;
|
|
1188
|
+
value?: string;
|
|
1189
|
+
defaultValue?: string;
|
|
1190
|
+
onChange?: (value: string) => void;
|
|
1191
|
+
disabled?: boolean;
|
|
1192
|
+
children: React.ReactNode;
|
|
1193
|
+
className?: string;
|
|
1194
|
+
css?: Interpolation<Theme>;
|
|
1195
|
+
}
|
|
1196
|
+
interface SwapItemProps {
|
|
1197
|
+
value: string;
|
|
1198
|
+
children: React.ReactNode;
|
|
1199
|
+
className?: string;
|
|
1200
|
+
css?: Interpolation<Theme>;
|
|
1201
|
+
}
|
|
1202
|
+
declare const SwapItem: React.ForwardRefExoticComponent<SwapItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
1203
|
+
declare const Swap: React.ForwardRefExoticComponent<SwapProps & React.RefAttributes<HTMLDivElement>>;
|
|
1204
|
+
|
|
1205
|
+
/** @jsxImportSource @emotion/react */
|
|
1206
|
+
|
|
1182
1207
|
type WithCssProp = {
|
|
1183
1208
|
css?: Interpolation<Theme>;
|
|
1184
1209
|
};
|
|
@@ -1590,4 +1615,4 @@ declare const ThemeProvider: React.FC<ThemeProviderProps>;
|
|
|
1590
1615
|
|
|
1591
1616
|
declare function CssBaseline(): _emotion_react_jsx_runtime.JSX.Element;
|
|
1592
1617
|
|
|
1593
|
-
export { Accordion, AccordionDetails, AccordionGroup, AccordionSummary, ActionBar, Alert, AlertDescription, AlertTitle, Autocomplete, Avatar, AvatarGroup, Backdrop, Badge, BreadCrumbItem, BreadCrumbs, Button, ButtonGroup, Card, CardContent, CardDescription, CardEnd, CardGroup, CardStart, CardTitle, Checkbox, Chip, CodeField, ColorPatches, Container, ContextZone, CssBaseline, Divider, Drawer, DropdownMenu, DropdownMenuContent, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Fade, Flex, Grow, Image, ImageStack, Kbd, Menu, MenuCheckboxGroup, MenuCheckboxItem, MenuItem, MenuLabel, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuSwitchItem, MenuVariantCtx, Modal, ModalContent, ModalTrigger, type Mode, Pagination, type PlainframeUITheme, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, Quote, RadioGroup, RadioItem, Rotate, type Scale, Select, Skeleton, Slide, Slider, Step, Stepper, SubMenu, SubMenuContent, SubMenuTrigger, Switch, Tab, TabContent, Tabs, TextArea, TextField, type ThemeProp, ThemeProvider, type ThemeProviderProps, ToastViewport, Tooltip, TooltipContent, TooltipTrigger, Typography, defaultDarkTheme, defaultLightTheme, surfaceFromNeutral, textDark, textLight, toast, useColorMode, useColorModeValue, useDropdownMenuActiveIndex, usePlainframeUITheme, usePopoverContext, usePrimary, usePrimitives };
|
|
1618
|
+
export { Accordion, AccordionDetails, AccordionGroup, AccordionSummary, ActionBar, Alert, AlertDescription, AlertTitle, Autocomplete, Avatar, AvatarGroup, Backdrop, Badge, BreadCrumbItem, BreadCrumbs, Button, ButtonGroup, Card, CardContent, CardDescription, CardEnd, CardGroup, CardStart, CardTitle, Checkbox, Chip, CodeField, ColorPatches, Container, ContextZone, CssBaseline, Divider, Drawer, DropdownMenu, DropdownMenuContent, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Fade, Flex, Grow, Image, ImageStack, Kbd, Menu, MenuCheckboxGroup, MenuCheckboxItem, MenuItem, MenuLabel, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuSwitchItem, MenuVariantCtx, Modal, ModalContent, ModalTrigger, type Mode, Pagination, type PlainframeUITheme, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, Quote, RadioGroup, RadioItem, Rotate, type Scale, Select, Skeleton, Slide, Slider, Step, Stepper, SubMenu, SubMenuContent, SubMenuTrigger, Swap, SwapItem, Switch, Tab, TabContent, Tabs, TextArea, TextField, type ThemeProp, ThemeProvider, type ThemeProviderProps, ToastViewport, Tooltip, TooltipContent, TooltipTrigger, Typography, defaultDarkTheme, defaultLightTheme, surfaceFromNeutral, textDark, textLight, toast, useColorMode, useColorModeValue, useDropdownMenuActiveIndex, usePlainframeUITheme, usePopoverContext, usePrimary, usePrimitives };
|