@moul-dev/ui 2026.8.17 → 2026.8.18
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/assets/stylex.css +222 -0
- package/dist/moul-ui.js +747 -381
- package/dist/src/components/Card/index.d.ts +1 -1
- package/dist/src/components/ChartContainer/ChartContainer.d.ts +3 -0
- package/dist/src/components/ChartContainer/ChartContainer.styles.d.ts +2 -11
- package/dist/src/components/Drawer/Drawer.d.ts +49 -0
- package/dist/src/components/Drawer/Drawer.styles.d.ts +213 -0
- package/dist/src/components/Drawer/index.d.ts +2 -0
- package/dist/src/index.d.ts +4 -2
- package/package.json +1 -1
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { StyleXStyles } from '@stylexjs/stylex';
|
|
2
|
+
import { CardVariant, Elevation } from '../Card';
|
|
2
3
|
import * as React from 'react';
|
|
3
4
|
export interface LegendItem {
|
|
4
5
|
name: string;
|
|
@@ -17,5 +18,7 @@ export interface ChartContainerProps extends Omit<React.HTMLAttributes<HTMLDivEl
|
|
|
17
18
|
style?: StyleXStyles;
|
|
18
19
|
edgeToEdge?: boolean;
|
|
19
20
|
showHeaderDivider?: boolean;
|
|
21
|
+
variant?: CardVariant;
|
|
22
|
+
elevation?: Elevation;
|
|
20
23
|
}
|
|
21
24
|
export declare const ChartContainer: React.ForwardRefExoticComponent<ChartContainerProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,22 +1,13 @@
|
|
|
1
1
|
import * as stylex from '@stylexjs/stylex';
|
|
2
2
|
export declare const styles: Readonly<{
|
|
3
|
-
readonly
|
|
4
|
-
readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
|
|
5
|
-
readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
|
|
6
|
-
readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
|
|
7
|
-
readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
|
|
8
|
-
readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
|
|
3
|
+
readonly container: Readonly<{
|
|
9
4
|
readonly padding: stylex.StyleXClassNameFor<"padding", string>;
|
|
10
|
-
readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", string>;
|
|
11
|
-
readonly display: stylex.StyleXClassNameFor<"display", "flex">;
|
|
12
|
-
readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
|
|
13
5
|
readonly gap: stylex.StyleXClassNameFor<"gap", string>;
|
|
14
6
|
readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", string>;
|
|
15
7
|
readonly position: stylex.StyleXClassNameFor<"position", "relative">;
|
|
16
8
|
readonly color: stylex.StyleXClassNameFor<"color", string>;
|
|
17
|
-
readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
|
|
18
9
|
}>;
|
|
19
|
-
readonly
|
|
10
|
+
readonly containerEdgeToEdge: Readonly<{
|
|
20
11
|
readonly padding: stylex.StyleXClassNameFor<"padding", 0>;
|
|
21
12
|
readonly gap: stylex.StyleXClassNameFor<"gap", 0>;
|
|
22
13
|
}>;
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { StyleXStyles } from '@stylexjs/stylex';
|
|
2
|
+
import { ButtonProps as AriaButtonProps, DialogProps as AriaDialogProps, HeadingProps as AriaHeadingProps, ModalOverlayProps as AriaModalOverlayProps } from 'react-aria-components';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
export type DrawerPlacement = 'top' | 'bottom' | 'left' | 'right';
|
|
5
|
+
export type DrawerSize = 'sm' | 'md' | 'lg' | 'full';
|
|
6
|
+
export interface DrawerOverlayProps extends Omit<AriaModalOverlayProps, 'style' | 'className'> {
|
|
7
|
+
style?: StyleXStyles;
|
|
8
|
+
className?: string;
|
|
9
|
+
placement?: DrawerPlacement;
|
|
10
|
+
size?: DrawerSize;
|
|
11
|
+
}
|
|
12
|
+
export declare const DrawerOverlay: React.ForwardRefExoticComponent<DrawerOverlayProps & React.RefAttributes<HTMLDivElement>>;
|
|
13
|
+
export interface DrawerProps extends Omit<AriaModalOverlayProps, 'style' | 'className'> {
|
|
14
|
+
style?: StyleXStyles;
|
|
15
|
+
className?: string;
|
|
16
|
+
placement?: DrawerPlacement;
|
|
17
|
+
size?: DrawerSize;
|
|
18
|
+
}
|
|
19
|
+
export declare const Drawer: React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<HTMLDivElement>>;
|
|
20
|
+
export interface DrawerDialogProps extends Omit<AriaDialogProps, 'style' | 'className'> {
|
|
21
|
+
style?: StyleXStyles;
|
|
22
|
+
className?: string;
|
|
23
|
+
}
|
|
24
|
+
export declare const DrawerDialog: React.ForwardRefExoticComponent<DrawerDialogProps & React.RefAttributes<HTMLDivElement>>;
|
|
25
|
+
export interface DrawerHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'style'> {
|
|
26
|
+
style?: StyleXStyles;
|
|
27
|
+
className?: string;
|
|
28
|
+
}
|
|
29
|
+
export declare const DrawerHeader: React.ForwardRefExoticComponent<DrawerHeaderProps & React.RefAttributes<HTMLDivElement>>;
|
|
30
|
+
export interface DrawerTitleProps extends Omit<AriaHeadingProps, 'style' | 'className'> {
|
|
31
|
+
style?: StyleXStyles;
|
|
32
|
+
className?: string;
|
|
33
|
+
}
|
|
34
|
+
export declare const DrawerTitle: React.ForwardRefExoticComponent<DrawerTitleProps & React.RefAttributes<HTMLHeadingElement>>;
|
|
35
|
+
export interface DrawerCloseButtonProps extends Omit<AriaButtonProps, 'style' | 'className'> {
|
|
36
|
+
style?: StyleXStyles;
|
|
37
|
+
className?: string;
|
|
38
|
+
}
|
|
39
|
+
export declare const DrawerCloseButton: React.ForwardRefExoticComponent<DrawerCloseButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
40
|
+
export interface DrawerBodyProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'style'> {
|
|
41
|
+
style?: StyleXStyles;
|
|
42
|
+
className?: string;
|
|
43
|
+
}
|
|
44
|
+
export declare const DrawerBody: React.ForwardRefExoticComponent<DrawerBodyProps & React.RefAttributes<HTMLDivElement>>;
|
|
45
|
+
export interface DrawerFooterProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'style'> {
|
|
46
|
+
style?: StyleXStyles;
|
|
47
|
+
className?: string;
|
|
48
|
+
}
|
|
49
|
+
export declare const DrawerFooter: React.ForwardRefExoticComponent<DrawerFooterProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,213 @@
|
|
|
1
|
+
import * as stylex from '@stylexjs/stylex';
|
|
2
|
+
export declare const styles: Readonly<{
|
|
3
|
+
readonly overlay: Readonly<{
|
|
4
|
+
readonly position: stylex.StyleXClassNameFor<"position", "fixed">;
|
|
5
|
+
readonly inset: stylex.StyleXClassNameFor<"inset", 0>;
|
|
6
|
+
readonly zIndex: stylex.StyleXClassNameFor<"zIndex", string>;
|
|
7
|
+
readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
|
|
8
|
+
readonly display: stylex.StyleXClassNameFor<"display", "flex">;
|
|
9
|
+
readonly animationName: stylex.StyleXClassNameFor<"animationName", string>;
|
|
10
|
+
readonly animationDuration: stylex.StyleXClassNameFor<"animationDuration", "0.35s">;
|
|
11
|
+
readonly animationTimingFunction: stylex.StyleXClassNameFor<"animationTimingFunction", "cubic-bezier(0.16, 1, 0.3, 1)">;
|
|
12
|
+
readonly '@media (prefers-reduced-motion: reduce)': stylex.StyleXClassNameFor<"@media (prefers-reduced-motion: reduce)", {
|
|
13
|
+
readonly animationPlayState: "paused";
|
|
14
|
+
readonly animationDuration: "0s";
|
|
15
|
+
}>;
|
|
16
|
+
}>;
|
|
17
|
+
readonly overlayRight: Readonly<{
|
|
18
|
+
readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "flex-end">;
|
|
19
|
+
readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "stretch">;
|
|
20
|
+
}>;
|
|
21
|
+
readonly overlayLeft: Readonly<{
|
|
22
|
+
readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "flex-start">;
|
|
23
|
+
readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "stretch">;
|
|
24
|
+
}>;
|
|
25
|
+
readonly overlayTop: Readonly<{
|
|
26
|
+
readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
|
|
27
|
+
readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "flex-start">;
|
|
28
|
+
}>;
|
|
29
|
+
readonly overlayBottom: Readonly<{
|
|
30
|
+
readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
|
|
31
|
+
readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "flex-end">;
|
|
32
|
+
}>;
|
|
33
|
+
readonly drawer: Readonly<{
|
|
34
|
+
readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
|
|
35
|
+
readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", string>;
|
|
36
|
+
readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
|
|
37
|
+
readonly display: stylex.StyleXClassNameFor<"display", "flex">;
|
|
38
|
+
readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
|
|
39
|
+
readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
|
|
40
|
+
readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
|
|
41
|
+
readonly animationDuration: stylex.StyleXClassNameFor<"animationDuration", "0.35s">;
|
|
42
|
+
readonly animationTimingFunction: stylex.StyleXClassNameFor<"animationTimingFunction", "cubic-bezier(0.16, 1, 0.3, 1)">;
|
|
43
|
+
readonly '@media (prefers-reduced-motion: reduce)': stylex.StyleXClassNameFor<"@media (prefers-reduced-motion: reduce)", {
|
|
44
|
+
readonly animationPlayState: "paused";
|
|
45
|
+
readonly animationDuration: "0s";
|
|
46
|
+
}>;
|
|
47
|
+
}>;
|
|
48
|
+
readonly placementRight: Readonly<{
|
|
49
|
+
readonly height: stylex.StyleXClassNameFor<"height", `calc(100dvh - ${stylex.StyleXVar<string>} * 2)` | "100dvh">;
|
|
50
|
+
readonly maxHeight: stylex.StyleXClassNameFor<"maxHeight", `calc(100dvh - ${stylex.StyleXVar<string>} * 2)` | "100dvh">;
|
|
51
|
+
readonly marginBlock: stylex.StyleXClassNameFor<"marginBlock", string | 0>;
|
|
52
|
+
readonly marginInlineEnd: stylex.StyleXClassNameFor<"marginInlineEnd", string | 0>;
|
|
53
|
+
readonly marginInlineStart: stylex.StyleXClassNameFor<"marginInlineStart", 0>;
|
|
54
|
+
readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
|
|
55
|
+
readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", 0 | "1px">;
|
|
56
|
+
readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
|
|
57
|
+
readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
|
|
58
|
+
readonly animationName: stylex.StyleXClassNameFor<"animationName", string>;
|
|
59
|
+
}>;
|
|
60
|
+
readonly placementLeft: Readonly<{
|
|
61
|
+
readonly height: stylex.StyleXClassNameFor<"height", `calc(100dvh - ${stylex.StyleXVar<string>} * 2)` | "100dvh">;
|
|
62
|
+
readonly maxHeight: stylex.StyleXClassNameFor<"maxHeight", `calc(100dvh - ${stylex.StyleXVar<string>} * 2)` | "100dvh">;
|
|
63
|
+
readonly marginBlock: stylex.StyleXClassNameFor<"marginBlock", string | 0>;
|
|
64
|
+
readonly marginInlineStart: stylex.StyleXClassNameFor<"marginInlineStart", string | 0>;
|
|
65
|
+
readonly marginInlineEnd: stylex.StyleXClassNameFor<"marginInlineEnd", 0>;
|
|
66
|
+
readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
|
|
67
|
+
readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", 0 | "1px">;
|
|
68
|
+
readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
|
|
69
|
+
readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
|
|
70
|
+
readonly animationName: stylex.StyleXClassNameFor<"animationName", string>;
|
|
71
|
+
}>;
|
|
72
|
+
readonly placementTop: Readonly<{
|
|
73
|
+
readonly width: stylex.StyleXClassNameFor<"width", `calc(100vw - ${stylex.StyleXVar<string>} * 2)` | "100vw">;
|
|
74
|
+
readonly maxWidth: stylex.StyleXClassNameFor<"maxWidth", `calc(100vw - ${stylex.StyleXVar<string>} * 2)` | "100vw">;
|
|
75
|
+
readonly marginBlockStart: stylex.StyleXClassNameFor<"marginBlockStart", string | 0>;
|
|
76
|
+
readonly marginBlockEnd: stylex.StyleXClassNameFor<"marginBlockEnd", 0>;
|
|
77
|
+
readonly marginInline: stylex.StyleXClassNameFor<"marginInline", string | 0>;
|
|
78
|
+
readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
|
|
79
|
+
readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", 0 | "1px">;
|
|
80
|
+
readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
|
|
81
|
+
readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
|
|
82
|
+
readonly animationName: stylex.StyleXClassNameFor<"animationName", string>;
|
|
83
|
+
}>;
|
|
84
|
+
readonly placementBottom: Readonly<{
|
|
85
|
+
readonly width: stylex.StyleXClassNameFor<"width", `calc(100vw - ${stylex.StyleXVar<string>} * 2)` | "100vw">;
|
|
86
|
+
readonly maxWidth: stylex.StyleXClassNameFor<"maxWidth", `calc(100vw - ${stylex.StyleXVar<string>} * 2)` | "100vw">;
|
|
87
|
+
readonly marginBlockEnd: stylex.StyleXClassNameFor<"marginBlockEnd", string | 0>;
|
|
88
|
+
readonly marginBlockStart: stylex.StyleXClassNameFor<"marginBlockStart", 0>;
|
|
89
|
+
readonly marginInline: stylex.StyleXClassNameFor<"marginInline", string | 0>;
|
|
90
|
+
readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
|
|
91
|
+
readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", 0 | "1px">;
|
|
92
|
+
readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
|
|
93
|
+
readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
|
|
94
|
+
readonly animationName: stylex.StyleXClassNameFor<"animationName", string>;
|
|
95
|
+
}>;
|
|
96
|
+
readonly sideSm: Readonly<{
|
|
97
|
+
readonly width: stylex.StyleXClassNameFor<"width", "100vw" | "400px">;
|
|
98
|
+
readonly maxWidth: stylex.StyleXClassNameFor<"maxWidth", `calc(100vw - ${stylex.StyleXVar<string>} * 2)` | "100vw">;
|
|
99
|
+
}>;
|
|
100
|
+
readonly sideMd: Readonly<{
|
|
101
|
+
readonly width: stylex.StyleXClassNameFor<"width", "100vw" | "600px">;
|
|
102
|
+
readonly maxWidth: stylex.StyleXClassNameFor<"maxWidth", `calc(100vw - ${stylex.StyleXVar<string>} * 2)` | "100vw">;
|
|
103
|
+
}>;
|
|
104
|
+
readonly sideLg: Readonly<{
|
|
105
|
+
readonly width: stylex.StyleXClassNameFor<"width", "100vw" | "800px">;
|
|
106
|
+
readonly maxWidth: stylex.StyleXClassNameFor<"maxWidth", `calc(100vw - ${stylex.StyleXVar<string>} * 2)` | "100vw">;
|
|
107
|
+
}>;
|
|
108
|
+
readonly sideFull: Readonly<{
|
|
109
|
+
readonly width: stylex.StyleXClassNameFor<"width", `calc(100vw - ${stylex.StyleXVar<string>} * 2)` | "100vw">;
|
|
110
|
+
readonly maxWidth: stylex.StyleXClassNameFor<"maxWidth", `calc(100vw - ${stylex.StyleXVar<string>} * 2)` | "100vw">;
|
|
111
|
+
}>;
|
|
112
|
+
readonly verticalSm: Readonly<{
|
|
113
|
+
readonly height: stylex.StyleXClassNameFor<"height", "400px" | "60vh">;
|
|
114
|
+
readonly maxHeight: stylex.StyleXClassNameFor<"maxHeight", `calc(100dvh - ${stylex.StyleXVar<string>} * 2)` | "90dvh">;
|
|
115
|
+
}>;
|
|
116
|
+
readonly verticalMd: Readonly<{
|
|
117
|
+
readonly height: stylex.StyleXClassNameFor<"height", "600px" | "80vh">;
|
|
118
|
+
readonly maxHeight: stylex.StyleXClassNameFor<"maxHeight", `calc(100dvh - ${stylex.StyleXVar<string>} * 2)` | "90dvh">;
|
|
119
|
+
}>;
|
|
120
|
+
readonly verticalLg: Readonly<{
|
|
121
|
+
readonly height: stylex.StyleXClassNameFor<"height", "800px" | "90vh">;
|
|
122
|
+
readonly maxHeight: stylex.StyleXClassNameFor<"maxHeight", `calc(100dvh - ${stylex.StyleXVar<string>} * 2)` | "95dvh">;
|
|
123
|
+
}>;
|
|
124
|
+
readonly verticalFull: Readonly<{
|
|
125
|
+
readonly height: stylex.StyleXClassNameFor<"height", `calc(100dvh - ${stylex.StyleXVar<string>} * 2)` | "100dvh">;
|
|
126
|
+
readonly maxHeight: stylex.StyleXClassNameFor<"maxHeight", `calc(100dvh - ${stylex.StyleXVar<string>} * 2)` | "100dvh">;
|
|
127
|
+
}>;
|
|
128
|
+
readonly dialog: Readonly<{
|
|
129
|
+
readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
|
|
130
|
+
readonly display: stylex.StyleXClassNameFor<"display", "flex">;
|
|
131
|
+
readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
|
|
132
|
+
readonly flexGrow: stylex.StyleXClassNameFor<"flexGrow", 1>;
|
|
133
|
+
readonly width: stylex.StyleXClassNameFor<"width", "100%">;
|
|
134
|
+
readonly height: stylex.StyleXClassNameFor<"height", "100%">;
|
|
135
|
+
readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
|
|
136
|
+
readonly position: stylex.StyleXClassNameFor<"position", "relative">;
|
|
137
|
+
readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
|
|
138
|
+
}>;
|
|
139
|
+
readonly header: Readonly<{
|
|
140
|
+
readonly position: stylex.StyleXClassNameFor<"position", "sticky">;
|
|
141
|
+
readonly top: stylex.StyleXClassNameFor<"top", 0>;
|
|
142
|
+
readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 10>;
|
|
143
|
+
readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
|
|
144
|
+
readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
|
|
145
|
+
readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
|
|
146
|
+
readonly display: stylex.StyleXClassNameFor<"display", "flex">;
|
|
147
|
+
readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
|
|
148
|
+
readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "space-between">;
|
|
149
|
+
readonly gap: stylex.StyleXClassNameFor<"gap", string>;
|
|
150
|
+
readonly borderBlockEndStyle: stylex.StyleXClassNameFor<"borderBlockEndStyle", "solid">;
|
|
151
|
+
readonly borderBlockEndWidth: stylex.StyleXClassNameFor<"borderBlockEndWidth", "1px">;
|
|
152
|
+
readonly borderBlockEndColor: stylex.StyleXClassNameFor<"borderBlockEndColor", string>;
|
|
153
|
+
readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>;
|
|
154
|
+
readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
|
|
155
|
+
}>;
|
|
156
|
+
readonly title: Readonly<{
|
|
157
|
+
readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
|
|
158
|
+
readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
|
|
159
|
+
readonly color: stylex.StyleXClassNameFor<"color", string>;
|
|
160
|
+
readonly margin: stylex.StyleXClassNameFor<"margin", 0>;
|
|
161
|
+
readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
|
|
162
|
+
readonly flexGrow: stylex.StyleXClassNameFor<"flexGrow", 1>;
|
|
163
|
+
}>;
|
|
164
|
+
readonly body: Readonly<{
|
|
165
|
+
readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
|
|
166
|
+
readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
|
|
167
|
+
readonly color: stylex.StyleXClassNameFor<"color", string>;
|
|
168
|
+
readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
|
|
169
|
+
readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
|
|
170
|
+
readonly flexGrow: stylex.StyleXClassNameFor<"flexGrow", 1>;
|
|
171
|
+
readonly overflowY: stylex.StyleXClassNameFor<"overflowY", "auto">;
|
|
172
|
+
readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
|
|
173
|
+
}>;
|
|
174
|
+
readonly footer: Readonly<{
|
|
175
|
+
readonly position: stylex.StyleXClassNameFor<"position", "sticky">;
|
|
176
|
+
readonly bottom: stylex.StyleXClassNameFor<"bottom", 0>;
|
|
177
|
+
readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 10>;
|
|
178
|
+
readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
|
|
179
|
+
readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
|
|
180
|
+
readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
|
|
181
|
+
readonly display: stylex.StyleXClassNameFor<"display", "flex">;
|
|
182
|
+
readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
|
|
183
|
+
readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "flex-end">;
|
|
184
|
+
readonly gap: stylex.StyleXClassNameFor<"gap", string>;
|
|
185
|
+
readonly borderBlockStartStyle: stylex.StyleXClassNameFor<"borderBlockStartStyle", "solid">;
|
|
186
|
+
readonly borderBlockStartWidth: stylex.StyleXClassNameFor<"borderBlockStartWidth", "1px">;
|
|
187
|
+
readonly borderBlockStartColor: stylex.StyleXClassNameFor<"borderBlockStartColor", string>;
|
|
188
|
+
readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>;
|
|
189
|
+
readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
|
|
190
|
+
}>;
|
|
191
|
+
readonly closeButton: Readonly<{
|
|
192
|
+
readonly display: stylex.StyleXClassNameFor<"display", "inline-flex">;
|
|
193
|
+
readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
|
|
194
|
+
readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
|
|
195
|
+
readonly padding: stylex.StyleXClassNameFor<"padding", string>;
|
|
196
|
+
readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
|
|
197
|
+
readonly color: stylex.StyleXClassNameFor<"color", string>;
|
|
198
|
+
readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "transparent">;
|
|
199
|
+
readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", 0>;
|
|
200
|
+
readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
|
|
201
|
+
readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
|
|
202
|
+
readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "color, background-color">;
|
|
203
|
+
readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.15s">;
|
|
204
|
+
readonly ':hover': stylex.StyleXClassNameFor<":hover", {
|
|
205
|
+
readonly color: stylex.StyleXVar<string>;
|
|
206
|
+
readonly backgroundColor: stylex.StyleXVar<string>;
|
|
207
|
+
}>;
|
|
208
|
+
readonly ':focus-visible': stylex.StyleXClassNameFor<":focus-visible", {
|
|
209
|
+
readonly outline: `2px solid ${stylex.StyleXVar<string>}`;
|
|
210
|
+
readonly outlineOffset: "2px";
|
|
211
|
+
}>;
|
|
212
|
+
}>;
|
|
213
|
+
}>;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export type { DrawerBodyProps, DrawerCloseButtonProps, DrawerDialogProps, DrawerFooterProps, DrawerHeaderProps, DrawerOverlayProps, DrawerPlacement, DrawerProps, DrawerSize, DrawerTitleProps, } from './Drawer';
|
|
2
|
+
export { Drawer, DrawerBody, DrawerCloseButton, DrawerDialog, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerTitle, } from './Drawer';
|
package/dist/src/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const version = "2026.08.
|
|
1
|
+
export declare const version = "2026.08.18";
|
|
2
2
|
export { Alert } from './components/Alert';
|
|
3
3
|
export type { AlertProps, AlertVariant } from './components/Alert/Alert';
|
|
4
4
|
export { AlertDialog, AlertDialogBody, AlertDialogFooter, AlertDialogHeader, } from './components/AlertDialog';
|
|
@@ -17,7 +17,7 @@ export { Button } from './components/Button';
|
|
|
17
17
|
export type { ButtonProps } from './components/Button/Button';
|
|
18
18
|
export { ButtonGroup } from './components/ButtonGroup';
|
|
19
19
|
export type { ButtonGroupProps } from './components/ButtonGroup/ButtonGroup';
|
|
20
|
-
export type { CardBodyProps, CardFooterProps, CardHeaderProps, CardProps, } from './components/Card';
|
|
20
|
+
export type { CardBodyProps, CardFooterProps, CardHeaderProps, CardProps, CardVariant, Elevation, } from './components/Card';
|
|
21
21
|
export { Card, CardBody, CardFooter, CardHeader } from './components/Card';
|
|
22
22
|
export type { ChartContainerProps, LegendItem, } from './components/ChartContainer';
|
|
23
23
|
export { ChartContainer } from './components/ChartContainer';
|
|
@@ -31,6 +31,8 @@ export { Description } from './components/Description';
|
|
|
31
31
|
export type { DescriptionProps } from './components/Description/Description';
|
|
32
32
|
export type { DoughnutChartProps } from './components/DoughnutChart';
|
|
33
33
|
export { DoughnutChart } from './components/DoughnutChart';
|
|
34
|
+
export type { DrawerBodyProps, DrawerCloseButtonProps, DrawerDialogProps, DrawerFooterProps, DrawerHeaderProps, DrawerOverlayProps, DrawerPlacement, DrawerProps, DrawerSize, DrawerTitleProps, } from './components/Drawer';
|
|
35
|
+
export { Drawer, DrawerBody, DrawerCloseButton, DrawerDialog, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerTitle, } from './components/Drawer';
|
|
34
36
|
export { ErrorMessage } from './components/ErrorMessage';
|
|
35
37
|
export type { ErrorMessageProps } from './components/ErrorMessage/ErrorMessage';
|
|
36
38
|
export { FieldError } from './components/FieldError';
|