@moul-dev/ui 2026.8.20 → 2026.8.21
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 +32 -0
- package/dist/moul-ui.js +1614 -1685
- package/dist/src/components/Button/Button.styles.d.ts +1 -0
- package/dist/src/components/ComboBox/ComboBox.styles.d.ts +8 -0
- package/dist/src/components/LogsViewer/Logs.styles.d.ts +4 -0
- package/dist/src/components/NumberField/NumberField.styles.d.ts +8 -0
- package/dist/src/components/SearchField/SearchField.styles.d.ts +23 -0
- package/dist/src/components/TextArea/TextArea.styles.d.ts +2 -0
- package/dist/src/components/TextField/TextField.styles.d.ts +2 -0
- package/dist/src/components/ToggleButton/ToggleButton.styles.d.ts +16 -9
- package/dist/src/index.d.ts +2 -1
- package/dist/src/tokens/tokens.stylex.d.ts +1 -0
- package/dist/tokens.stylex.js +126 -0
- package/package.json +9 -1
|
@@ -7,6 +7,7 @@ export declare const styles: Readonly<{
|
|
|
7
7
|
readonly gap: stylex.StyleXClassNameFor<"gap", string>;
|
|
8
8
|
readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
|
|
9
9
|
readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
|
|
10
|
+
readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
|
|
10
11
|
readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "background-color, border-color, box-shadow, transform">;
|
|
11
12
|
readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.15s">;
|
|
12
13
|
readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "ease-in-out">;
|
|
@@ -11,11 +11,19 @@ export declare const styles: Readonly<{
|
|
|
11
11
|
readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "stretch">;
|
|
12
12
|
readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
|
|
13
13
|
readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
|
|
14
|
+
readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
|
|
15
|
+
readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
|
|
14
16
|
readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", string>;
|
|
15
17
|
readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
|
|
16
18
|
readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "border-color, box-shadow">;
|
|
17
19
|
readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.15s">;
|
|
18
20
|
readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "ease-in-out">;
|
|
21
|
+
readonly ':hover': stylex.StyleXClassNameFor<":hover", {
|
|
22
|
+
readonly borderColor: stylex.StyleXVar<string>;
|
|
23
|
+
}>;
|
|
24
|
+
readonly '@media (prefers-reduced-motion: reduce)': stylex.StyleXClassNameFor<"@media (prefers-reduced-motion: reduce)", {
|
|
25
|
+
readonly transitionProperty: "none";
|
|
26
|
+
}>;
|
|
19
27
|
}>;
|
|
20
28
|
readonly groupSm: Readonly<{
|
|
21
29
|
readonly height: stylex.StyleXClassNameFor<"height", `calc(${stylex.StyleXVar<string>} * 2 + ${stylex.StyleXVar<string>})`>;
|
|
@@ -70,6 +70,10 @@ export declare const styles: Readonly<{
|
|
|
70
70
|
readonly overflowX: stylex.StyleXClassNameFor<"overflowX", "auto">;
|
|
71
71
|
readonly overflowY: stylex.StyleXClassNameFor<"overflowY", "auto">;
|
|
72
72
|
readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
|
|
73
|
+
readonly scrollBehavior: stylex.StyleXClassNameFor<"scrollBehavior", "smooth">;
|
|
74
|
+
readonly '@media (prefers-reduced-motion: reduce)': stylex.StyleXClassNameFor<"@media (prefers-reduced-motion: reduce)", {
|
|
75
|
+
readonly scrollBehavior: "auto";
|
|
76
|
+
}>;
|
|
73
77
|
}>;
|
|
74
78
|
readonly table: Readonly<{
|
|
75
79
|
readonly borderCollapse: stylex.StyleXClassNameFor<"borderCollapse", "collapse">;
|
|
@@ -11,12 +11,20 @@ export declare const styles: Readonly<{
|
|
|
11
11
|
readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "stretch">;
|
|
12
12
|
readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
|
|
13
13
|
readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
|
|
14
|
+
readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
|
|
15
|
+
readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
|
|
14
16
|
readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", string>;
|
|
15
17
|
readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
|
|
16
18
|
readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
|
|
17
19
|
readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "border-color, box-shadow">;
|
|
18
20
|
readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.15s">;
|
|
19
21
|
readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "ease-in-out">;
|
|
22
|
+
readonly ':hover': stylex.StyleXClassNameFor<":hover", {
|
|
23
|
+
readonly borderColor: stylex.StyleXVar<string>;
|
|
24
|
+
}>;
|
|
25
|
+
readonly '@media (prefers-reduced-motion: reduce)': stylex.StyleXClassNameFor<"@media (prefers-reduced-motion: reduce)", {
|
|
26
|
+
readonly transitionProperty: "none";
|
|
27
|
+
}>;
|
|
20
28
|
}>;
|
|
21
29
|
readonly groupSm: Readonly<{
|
|
22
30
|
readonly height: stylex.StyleXClassNameFor<"height", `calc(${stylex.StyleXVar<string>} * 2 + ${stylex.StyleXVar<string>})`>;
|
|
@@ -11,11 +11,19 @@ export declare const styles: Readonly<{
|
|
|
11
11
|
readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
|
|
12
12
|
readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
|
|
13
13
|
readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
|
|
14
|
+
readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
|
|
15
|
+
readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
|
|
14
16
|
readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", string>;
|
|
15
17
|
readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
|
|
16
18
|
readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "border-color, box-shadow">;
|
|
17
19
|
readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.15s">;
|
|
18
20
|
readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "ease-in-out">;
|
|
21
|
+
readonly ':hover': stylex.StyleXClassNameFor<":hover", {
|
|
22
|
+
readonly borderColor: stylex.StyleXVar<string>;
|
|
23
|
+
}>;
|
|
24
|
+
readonly '@media (prefers-reduced-motion: reduce)': stylex.StyleXClassNameFor<"@media (prefers-reduced-motion: reduce)", {
|
|
25
|
+
readonly transitionProperty: "none";
|
|
26
|
+
}>;
|
|
19
27
|
}>;
|
|
20
28
|
readonly groupSm: Readonly<{
|
|
21
29
|
readonly height: stylex.StyleXClassNameFor<"height", `calc(${stylex.StyleXVar<string>} * 2 + ${stylex.StyleXVar<string>})`>;
|
|
@@ -87,6 +95,21 @@ export declare const styles: Readonly<{
|
|
|
87
95
|
readonly color: stylex.StyleXClassNameFor<"color", string>;
|
|
88
96
|
readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", string>;
|
|
89
97
|
readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
|
|
98
|
+
readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
|
|
99
|
+
readonly '::-webkit-search-cancel-button': stylex.StyleXClassNameFor<"::-webkit-search-cancel-button", {
|
|
100
|
+
readonly display: "none";
|
|
101
|
+
readonly WebkitAppearance: "none";
|
|
102
|
+
}>;
|
|
103
|
+
readonly '::-webkit-search-decoration': stylex.StyleXClassNameFor<"::-webkit-search-decoration", {
|
|
104
|
+
readonly display: "none";
|
|
105
|
+
readonly WebkitAppearance: "none";
|
|
106
|
+
}>;
|
|
107
|
+
readonly '::-webkit-search-results-button': stylex.StyleXClassNameFor<"::-webkit-search-results-button", {
|
|
108
|
+
readonly display: "none";
|
|
109
|
+
}>;
|
|
110
|
+
readonly '::-webkit-search-results-decoration': stylex.StyleXClassNameFor<"::-webkit-search-results-decoration", {
|
|
111
|
+
readonly display: "none";
|
|
112
|
+
}>;
|
|
90
113
|
}>;
|
|
91
114
|
readonly inputSm: Readonly<{
|
|
92
115
|
readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", 0>;
|
|
@@ -16,6 +16,8 @@ export declare const styles: Readonly<{
|
|
|
16
16
|
readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
|
|
17
17
|
readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
|
|
18
18
|
readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
|
|
19
|
+
readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
|
|
20
|
+
readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
|
|
19
21
|
readonly color: stylex.StyleXClassNameFor<"color", string>;
|
|
20
22
|
readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", string>;
|
|
21
23
|
readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
|
|
@@ -11,6 +11,8 @@ export declare const styles: Readonly<{
|
|
|
11
11
|
readonly width: stylex.StyleXClassNameFor<"width", "100%">;
|
|
12
12
|
readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
|
|
13
13
|
readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
|
|
14
|
+
readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
|
|
15
|
+
readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
|
|
14
16
|
readonly color: stylex.StyleXClassNameFor<"color", string>;
|
|
15
17
|
readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", string>;
|
|
16
18
|
readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
|
|
@@ -7,6 +7,7 @@ export declare const styles: Readonly<{
|
|
|
7
7
|
readonly gap: stylex.StyleXClassNameFor<"gap", string>;
|
|
8
8
|
readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
|
|
9
9
|
readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
|
|
10
|
+
readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
|
|
10
11
|
readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "background-color, border-color, color, transform">;
|
|
11
12
|
readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.15s">;
|
|
12
13
|
readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "ease-in-out">;
|
|
@@ -27,21 +28,24 @@ export declare const styles: Readonly<{
|
|
|
27
28
|
}>;
|
|
28
29
|
}>;
|
|
29
30
|
readonly sm: Readonly<{
|
|
30
|
-
readonly
|
|
31
|
+
readonly height: stylex.StyleXClassNameFor<"height", `calc(${stylex.StyleXVar<string>} * 2 + ${stylex.StyleXVar<string>})`>;
|
|
32
|
+
readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", 0>;
|
|
31
33
|
readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
|
|
32
34
|
readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
|
|
33
35
|
readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
|
|
34
36
|
readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
|
|
35
37
|
}>;
|
|
36
38
|
readonly md: Readonly<{
|
|
37
|
-
readonly
|
|
39
|
+
readonly height: stylex.StyleXClassNameFor<"height", `calc(${stylex.StyleXVar<string>} * 2 + ${stylex.StyleXVar<string>})`>;
|
|
40
|
+
readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", 0>;
|
|
38
41
|
readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
|
|
39
42
|
readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
|
|
40
43
|
readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
|
|
41
44
|
readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
|
|
42
45
|
}>;
|
|
43
46
|
readonly lg: Readonly<{
|
|
44
|
-
readonly
|
|
47
|
+
readonly height: stylex.StyleXClassNameFor<"height", `calc(${stylex.StyleXVar<string>} * 2 + ${stylex.StyleXVar<string>})`>;
|
|
48
|
+
readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", 0>;
|
|
45
49
|
readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
|
|
46
50
|
readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
|
|
47
51
|
readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
|
|
@@ -210,15 +214,18 @@ export declare const styles: Readonly<{
|
|
|
210
214
|
readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
|
|
211
215
|
}>;
|
|
212
216
|
readonly iconSm: Readonly<{
|
|
213
|
-
readonly
|
|
214
|
-
readonly
|
|
217
|
+
readonly width: stylex.StyleXClassNameFor<"width", `calc(${stylex.StyleXVar<string>} * 2 + ${stylex.StyleXVar<string>})`>;
|
|
218
|
+
readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", 0>;
|
|
219
|
+
readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", 0>;
|
|
215
220
|
}>;
|
|
216
221
|
readonly iconMd: Readonly<{
|
|
217
|
-
readonly
|
|
218
|
-
readonly
|
|
222
|
+
readonly width: stylex.StyleXClassNameFor<"width", `calc(${stylex.StyleXVar<string>} * 2 + ${stylex.StyleXVar<string>})`>;
|
|
223
|
+
readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", 0>;
|
|
224
|
+
readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", 0>;
|
|
219
225
|
}>;
|
|
220
226
|
readonly iconLg: Readonly<{
|
|
221
|
-
readonly
|
|
222
|
-
readonly
|
|
227
|
+
readonly width: stylex.StyleXClassNameFor<"width", `calc(${stylex.StyleXVar<string>} * 2 + ${stylex.StyleXVar<string>})`>;
|
|
228
|
+
readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", 0>;
|
|
229
|
+
readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", 0>;
|
|
223
230
|
}>;
|
|
224
231
|
}>;
|
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.21";
|
|
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';
|
|
@@ -103,4 +103,5 @@ export { Typography, TypographyHeading, TypographyLabel, TypographyParagraph, Ty
|
|
|
103
103
|
export type { HeadingProps, ParagraphProps, SpanProps, TypographyLabelProps, TypographyProps, TypographyTag, } from './components/Typography/Typography';
|
|
104
104
|
export type { ThemeProviderProps } from './theme/ThemeProvider';
|
|
105
105
|
export { ThemeProvider } from './theme/ThemeProvider';
|
|
106
|
+
export type { Tokens } from './tokens/tokens.stylex';
|
|
106
107
|
export { tokens } from './tokens/tokens.stylex';
|
|
@@ -0,0 +1,126 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import "@stylexjs/stylex";
|
|
3
|
+
//#region src/tokens/tokens.stylex.ts
|
|
4
|
+
var e = {
|
|
5
|
+
colorNeutral50: "var(--x1ox3f4o)",
|
|
6
|
+
colorNeutral100: "var(--x1oziaxx)",
|
|
7
|
+
colorNeutral200: "var(--xekkakv)",
|
|
8
|
+
colorNeutral300: "var(--x4npmm6)",
|
|
9
|
+
colorNeutral400: "var(--x6l5ye8)",
|
|
10
|
+
colorNeutral500: "var(--x1s9rx7n)",
|
|
11
|
+
colorNeutral600: "var(--x7rwqrp)",
|
|
12
|
+
colorNeutral700: "var(--x1ol9w3z)",
|
|
13
|
+
colorNeutral800: "var(--xaubso4)",
|
|
14
|
+
colorNeutral900: "var(--x21z8aa)",
|
|
15
|
+
colorPrimary50: "var(--x1l7m7gb)",
|
|
16
|
+
colorPrimary100: "var(--xvy7zpp)",
|
|
17
|
+
colorPrimary200: "var(--x189jvvz)",
|
|
18
|
+
colorPrimary300: "var(--x1smr4m2)",
|
|
19
|
+
colorPrimary400: "var(--x1p3wd7v)",
|
|
20
|
+
colorPrimary500: "var(--x11vz4nw)",
|
|
21
|
+
colorPrimary600: "var(--x19wncxt)",
|
|
22
|
+
colorPrimary700: "var(--xms5kwx)",
|
|
23
|
+
colorPrimary800: "var(--x1f1ph2q)",
|
|
24
|
+
colorPrimary900: "var(--x27tw8h)",
|
|
25
|
+
colorError300: "var(--xywa26s)",
|
|
26
|
+
colorError400: "var(--x1ttemnr)",
|
|
27
|
+
colorError500: "var(--xgm7y0w)",
|
|
28
|
+
colorError600: "var(--x14tkvwa)",
|
|
29
|
+
colorError700: "var(--xle5duh)",
|
|
30
|
+
colorWarning300: "var(--xxkj1oe)",
|
|
31
|
+
colorWarning400: "var(--xvbe47b)",
|
|
32
|
+
colorWarning500: "var(--x9boa8o)",
|
|
33
|
+
colorWarning600: "var(--x1foz1o3)",
|
|
34
|
+
colorWarning700: "var(--x1i80a2t)",
|
|
35
|
+
colorSuccess300: "var(--x1eg0uv7)",
|
|
36
|
+
colorSuccess400: "var(--x1xkz733)",
|
|
37
|
+
colorSuccess500: "var(--xo79180)",
|
|
38
|
+
colorSuccess600: "var(--xftmch4)",
|
|
39
|
+
colorSuccess700: "var(--x6beaur)",
|
|
40
|
+
colorBg: "var(--x1poa4dm)",
|
|
41
|
+
colorBgSubtle: "var(--xg2wbmg)",
|
|
42
|
+
colorBgElevated: "var(--x1qnu6yg)",
|
|
43
|
+
colorFg: "var(--x1jfchzy)",
|
|
44
|
+
colorFgSubtle: "var(--xaffrw6)",
|
|
45
|
+
colorFgOnPrimary: "var(--x16n9mb9)",
|
|
46
|
+
colorBorder: "var(--x1t7g4u6)",
|
|
47
|
+
colorBorderSubtle: "var(--xrlp4ei)",
|
|
48
|
+
colorBorderFocus: "var(--x79fgis)",
|
|
49
|
+
colorBgGlass: "var(--x7we1u4)",
|
|
50
|
+
colorBorderGlass: "var(--x8ovk6j)",
|
|
51
|
+
colorShadow: "var(--x1qvbbfx)",
|
|
52
|
+
colorOverlay: "var(--x2r2dxw)",
|
|
53
|
+
colorAlertBgInfo: "var(--x1yncxg9)",
|
|
54
|
+
colorAlertBorderInfo: "var(--xgvswlc)",
|
|
55
|
+
colorAlertHoverInfo: "var(--xdv3703)",
|
|
56
|
+
colorAlertActiveInfo: "var(--x1b4xit2)",
|
|
57
|
+
colorAlertBgAccent: "var(--xfh678y)",
|
|
58
|
+
colorAlertBorderAccent: "var(--xtwqyzw)",
|
|
59
|
+
colorAlertHoverAccent: "var(--x2hivg9)",
|
|
60
|
+
colorAlertActiveAccent: "var(--x1wzp30q)",
|
|
61
|
+
colorAlertBgSuccess: "var(--xvq252x)",
|
|
62
|
+
colorAlertBorderSuccess: "var(--x1iepgx6)",
|
|
63
|
+
colorAlertHoverSuccess: "var(--x1gcqxgm)",
|
|
64
|
+
colorAlertActiveSuccess: "var(--x1epzsal)",
|
|
65
|
+
colorAlertBgWarning: "var(--xg2n39v)",
|
|
66
|
+
colorAlertBorderWarning: "var(--x1n16z78)",
|
|
67
|
+
colorAlertHoverWarning: "var(--xq3y2id)",
|
|
68
|
+
colorAlertActiveWarning: "var(--xf8i1ro)",
|
|
69
|
+
colorAlertBgError: "var(--x1u4wyvx)",
|
|
70
|
+
colorAlertBorderError: "var(--xwq48n1)",
|
|
71
|
+
colorAlertHoverError: "var(--x1cujurv)",
|
|
72
|
+
colorAlertActiveError: "var(--x3091pa)",
|
|
73
|
+
fontSizeXs: "var(--xpanzj7)",
|
|
74
|
+
fontSizeSm: "var(--xz9ra21)",
|
|
75
|
+
fontSizeMd: "var(--x19jnf71)",
|
|
76
|
+
fontSizeLg: "var(--x16hg6gx)",
|
|
77
|
+
fontSizeXl: "var(--xkl0paq)",
|
|
78
|
+
fontSizeXxl: "var(--x18r5va)",
|
|
79
|
+
fontSize3xl: "var(--x1cwqm9m)",
|
|
80
|
+
fontSize4xl: "var(--x14r6drk)",
|
|
81
|
+
lineHeightXs: "var(--x1vx0k0f)",
|
|
82
|
+
lineHeightSm: "var(--x186dp4y)",
|
|
83
|
+
lineHeightMd: "var(--x1bapz3m)",
|
|
84
|
+
lineHeightLg: "var(--x107177a)",
|
|
85
|
+
lineHeightXl: "var(--x1x2zchm)",
|
|
86
|
+
lineHeightXxl: "var(--x1t135xi)",
|
|
87
|
+
lineHeight3xl: "var(--xqmssti)",
|
|
88
|
+
lineHeight4xl: "var(--x1458rh6)",
|
|
89
|
+
fontWeightNormal: "var(--x1oo7w7q)",
|
|
90
|
+
fontWeightMedium: "var(--x1i7new4)",
|
|
91
|
+
fontWeightSemibold: "var(--xrtlgup)",
|
|
92
|
+
fontWeightBold: "var(--x1jugmoa)",
|
|
93
|
+
fontFamilyBase: "var(--xb7uvbd)",
|
|
94
|
+
spacing1: "var(--x1jforli)",
|
|
95
|
+
spacing2: "var(--x9epbqz)",
|
|
96
|
+
spacing3: "var(--x1fim08e)",
|
|
97
|
+
spacing4: "var(--x1djehx3)",
|
|
98
|
+
spacing5: "var(--xpmkuee)",
|
|
99
|
+
spacing6: "var(--x1xsmz2k)",
|
|
100
|
+
spacing7: "var(--x1aetgvy)",
|
|
101
|
+
spacing8: "var(--x3461u0)",
|
|
102
|
+
radiusNone: "var(--x10dfn0a)",
|
|
103
|
+
radiusSm: "var(--xcxkm4p)",
|
|
104
|
+
radiusMd: "var(--x11qts0k)",
|
|
105
|
+
radiusLg: "var(--x8ikvy7)",
|
|
106
|
+
radiusFull: "var(--x69bofi)",
|
|
107
|
+
shadowSm: "var(--x1nbpjwp)",
|
|
108
|
+
shadowMd: "var(--xi6zbv0)",
|
|
109
|
+
shadowLg: "var(--xckknmd)",
|
|
110
|
+
zIndexBase: "var(--x1x05ep0)",
|
|
111
|
+
zIndexDropdown: "var(--x1r4igc)",
|
|
112
|
+
zIndexModal: "var(--xjyalnt)",
|
|
113
|
+
zIndexTooltip: "var(--x1yamzkk)",
|
|
114
|
+
zIndexToast: "var(--xd3kluz)",
|
|
115
|
+
colorChart1: "var(--x1sjgkb4)",
|
|
116
|
+
colorChart2: "var(--xndyysw)",
|
|
117
|
+
colorChart3: "var(--x97jlmp)",
|
|
118
|
+
colorChart4: "var(--x1te5qoh)",
|
|
119
|
+
colorChart5: "var(--x174xad0)",
|
|
120
|
+
colorChart6: "var(--xljzat3)",
|
|
121
|
+
colorChart7: "var(--x76stw)",
|
|
122
|
+
colorChart8: "var(--x2x0qih)",
|
|
123
|
+
__varGroupHash__: "x1x2wves"
|
|
124
|
+
};
|
|
125
|
+
//#endregion
|
|
126
|
+
export { e as tokens };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@moul-dev/ui",
|
|
3
|
-
"version": "2026.08.
|
|
3
|
+
"version": "2026.08.21",
|
|
4
4
|
"description": "Accessible, zero-runtime React component library built on React Aria and StyleX",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -39,6 +39,14 @@
|
|
|
39
39
|
"types": "./dist/src/index.d.ts",
|
|
40
40
|
"import": "./dist/moul-ui.js"
|
|
41
41
|
},
|
|
42
|
+
"./tokens": {
|
|
43
|
+
"types": "./dist/src/tokens/tokens.stylex.d.ts",
|
|
44
|
+
"import": "./dist/tokens.stylex.js"
|
|
45
|
+
},
|
|
46
|
+
"./tokens.stylex": {
|
|
47
|
+
"types": "./dist/src/tokens/tokens.stylex.d.ts",
|
|
48
|
+
"import": "./dist/tokens.stylex.js"
|
|
49
|
+
},
|
|
42
50
|
"./style": {
|
|
43
51
|
"style": "./dist/assets/stylex.css",
|
|
44
52
|
"default": "./dist/assets/stylex.css"
|