@rbxts/react-clean-ui 1.0.36 → 1.1.0
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/out/Components/Decorator/Corners.luau +5 -1
- package/out/Components/Decorator/Padding.luau +1 -1
- package/out/Components/Input/Button.d.ts +9 -0
- package/out/Components/Input/Button.luau +155 -46
- package/out/Components/Input/Checkbox.luau +22 -6
- package/out/Components/Input/Increment.d.ts +11 -0
- package/out/Components/Input/Increment.luau +107 -0
- package/out/Components/Input/Increment.step.d.ts +1 -0
- package/out/Components/Input/Increment.step.luau +25 -0
- package/out/Components/Input/Input.d.ts +4 -3
- package/out/Components/Input/Input.luau +115 -18
- package/out/Components/Input/Input.validation.d.ts +4 -0
- package/out/Components/Input/Input.validation.luau +42 -0
- package/out/Components/Input/Select.d.ts +4 -3
- package/out/Components/Input/Select.luau +23 -18
- package/out/Components/Input/Slider.d.ts +1 -1
- package/out/Components/Input/Slider.luau +68 -34
- package/out/Components/Input/index.d.ts +1 -0
- package/out/Components/Input/init.luau +3 -0
- package/out/Components/Layout/Accordion.d.ts +4 -4
- package/out/Components/Layout/Accordion.luau +75 -23
- package/out/Components/Layout/Container.d.ts +4 -2
- package/out/Components/Layout/Container.luau +12 -3
- package/out/Components/Layout/Draggable.luau +1 -1
- package/out/Components/Layout/Fieldset.d.ts +1 -1
- package/out/Components/Layout/Fieldset.luau +40 -6
- package/out/Components/Layout/FlexItem.d.ts +2 -1
- package/out/Components/Layout/FlexItem.luau +1 -0
- package/out/Components/Layout/Group.luau +30 -8
- package/out/Components/Layout/HStack.luau +1 -0
- package/out/Components/Layout/Row.luau +43 -9
- package/out/Components/Layout/Scroller.d.ts +1 -0
- package/out/Components/Layout/Scroller.luau +20 -5
- package/out/Components/Layout/Tabs.d.ts +5 -3
- package/out/Components/Layout/Tabs.luau +48 -16
- package/out/Components/Navigation/Menu.d.ts +1 -1
- package/out/Components/Navigation/Menu.luau +2 -0
- package/out/Components/Surface/Box.d.ts +4 -2
- package/out/Components/Surface/Box.luau +25 -22
- package/out/Components/Surface/Card.d.ts +12 -6
- package/out/Components/Surface/Card.luau +456 -26
- package/out/Components/Surface/Icon.luau +42 -4
- package/out/Components/Typography/Text.d.ts +1 -0
- package/out/Components/Typography/Text.luau +119 -10
- package/out/Contexts/row.context.d.ts +1 -1
- package/out/Contexts/theme.context.d.ts +2 -2
- package/out/Helpers/color.helper.d.ts +5 -3
- package/out/Helpers/color.helper.luau +62 -34
- package/out/Helpers/create-ui-story.d.ts +2 -2
- package/out/Helpers/create-ui-story.luau +33 -1
- package/out/Helpers/css.helper.d.ts +28 -2
- package/out/Helpers/css.helper.luau +208 -0
- package/out/Helpers/index.d.ts +1 -0
- package/out/Helpers/init.luau +3 -0
- package/out/Helpers/size.helper.d.ts +3 -1
- package/out/Helpers/size.helper.luau +10 -9
- package/out/Helpers/spacing.helper.d.ts +5 -4
- package/out/Helpers/spacing.helper.luau +102 -18
- package/out/Helpers/typography.helper.d.ts +2 -2
- package/out/Interfaces/css.types.d.ts +30 -0
- package/out/Interfaces/css.types.luau +21 -0
- package/out/Interfaces/element.props.d.ts +61 -0
- package/out/Interfaces/element.props.luau +1 -0
- package/out/Interfaces/index.d.ts +5 -3
- package/out/Interfaces/init.luau +1 -7
- package/out/Interfaces/responsive.types.d.ts +26 -0
- package/out/Interfaces/semantics.d.ts +3 -0
- package/out/Interfaces/semantics.luau +2 -0
- package/out/Providers/app.provider.d.ts +2 -2
- package/out/Providers/theme.provider.d.ts +2 -2
- package/out/Theme/index.d.ts +1 -0
- package/out/Theme/theme.factory.d.ts +3 -3
- package/out/Theme/theme.style.d.ts +48 -0
- package/out/Theme/theme.style.luau +1 -0
- package/out/Theme/theme.template.d.ts +34 -26
- package/out/Theme/themes/dark.theme.d.ts +1 -1
- package/out/Theme/themes/dark.theme.luau +28 -0
- package/out/Theme/themes/default.theme.d.ts +2 -2
- package/out/Theme/themes/default.theme.luau +11 -1
- package/out/Theme/themes/index.d.ts +1 -0
- package/out/Theme/themes/init.luau +3 -0
- package/out/Theme/themes/sandstone.theme.d.ts +1 -1
- package/out/Theme/themes/sandstone.theme.luau +25 -0
- package/out/Theme/themes/wooden.theme.d.ts +1 -0
- package/out/Theme/themes/wooden.theme.luau +554 -0
- package/out/index.d.ts +8 -8
- package/package.json +19 -7
- package/out/Interfaces/clean.element.props.d.ts +0 -114
- /package/out/{Interfaces/userinput.d.ts → Helpers/input.helper.d.ts} +0 -0
- /package/out/{Interfaces/userinput.luau → Helpers/input.helper.luau} +0 -0
- /package/out/Interfaces/{clean.element.props.luau → responsive.types.luau} +0 -0
|
@@ -1,114 +0,0 @@
|
|
|
1
|
-
import { Binding } from "@rbxts/react";
|
|
2
|
-
import { IconName } from "./icon";
|
|
3
|
-
export type ButtonFlag = "default" | "hover" | "focus" | "disabled";
|
|
4
|
-
export type CssUnit = "px" | "%";
|
|
5
|
-
export type Breakpoint = "xs" | "sm" | "md" | "lg" | "xl";
|
|
6
|
-
export declare const ScaleSizes: readonly ["xs", "sm", "md", "lg", "xl"];
|
|
7
|
-
export type ScaleSize = typeof ScaleSizes[number];
|
|
8
|
-
export type TextVariant = "display" | "title" | "heading" | "body" | "label" | "caption";
|
|
9
|
-
export type Intent = "primary" | "success" | "warning" | "danger" | "info";
|
|
10
|
-
export type GridSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
|
|
11
|
-
export interface ResponsiveGridSpan {
|
|
12
|
-
xs?: GridSpan;
|
|
13
|
-
sm?: GridSpan;
|
|
14
|
-
md?: GridSpan;
|
|
15
|
-
lg?: GridSpan;
|
|
16
|
-
xl?: GridSpan;
|
|
17
|
-
}
|
|
18
|
-
export type ResponsiveValue<T> = T | Partial<Record<Breakpoint, T>>;
|
|
19
|
-
export interface BreakpointValue<T> {
|
|
20
|
-
xs?: T;
|
|
21
|
-
sm?: T;
|
|
22
|
-
md?: T;
|
|
23
|
-
lg?: T;
|
|
24
|
-
xl?: T;
|
|
25
|
-
}
|
|
26
|
-
export interface ScaleSizeValue<T> {
|
|
27
|
-
xs?: T;
|
|
28
|
-
sm?: T;
|
|
29
|
-
md?: T;
|
|
30
|
-
lg?: T;
|
|
31
|
-
xl?: T;
|
|
32
|
-
}
|
|
33
|
-
export type CssSize = "Auto" | number | `${number}` | `${number}${CssUnit}`;
|
|
34
|
-
export type CssBreakpoint = {
|
|
35
|
-
xs: number;
|
|
36
|
-
sm: number;
|
|
37
|
-
md: number;
|
|
38
|
-
lg: number;
|
|
39
|
-
xl: number;
|
|
40
|
-
};
|
|
41
|
-
export type CssBreakpointSize = {
|
|
42
|
-
xs?: CssSize;
|
|
43
|
-
sm?: CssSize;
|
|
44
|
-
md?: CssSize;
|
|
45
|
-
lg?: CssSize;
|
|
46
|
-
xl?: CssSize;
|
|
47
|
-
};
|
|
48
|
-
export type CssQuad = CssSize | `${CssSize} ${CssSize}` | `${CssSize} ${CssSize} ${CssSize}` | `${CssSize} ${CssSize} ${CssSize} ${CssSize}`;
|
|
49
|
-
export type CssShadow = CssQuad;
|
|
50
|
-
export type CssBoxShadow = {
|
|
51
|
-
shadow: CssShadow;
|
|
52
|
-
color: Color3;
|
|
53
|
-
transparency: number;
|
|
54
|
-
};
|
|
55
|
-
export type CssPadding = CssQuad;
|
|
56
|
-
export type ResponsiveCssSize = CssSize | CssBreakpointSize;
|
|
57
|
-
export interface ZIndexElementProps {
|
|
58
|
-
ZIndex?: number | Binding<number> | undefined;
|
|
59
|
-
}
|
|
60
|
-
export interface BackgroundElementProps {
|
|
61
|
-
BackgroundTransparency?: number | Binding<number> | undefined;
|
|
62
|
-
BackgroundColor3?: Color3 | Binding<Color3> | undefined;
|
|
63
|
-
}
|
|
64
|
-
export interface SizeElementProps {
|
|
65
|
-
Size?: UDim2 | Binding<UDim2>;
|
|
66
|
-
width?: ResponsiveCssSize;
|
|
67
|
-
height?: CssSize;
|
|
68
|
-
AutomaticSize?: Enum.AutomaticSize | Binding<Enum.AutomaticSize> | "None" | "X" | "Y" | "XY" | undefined;
|
|
69
|
-
}
|
|
70
|
-
export interface ScalableElementProps {
|
|
71
|
-
scale?: ScaleSize;
|
|
72
|
-
}
|
|
73
|
-
export interface PositionElementProps {
|
|
74
|
-
Position?: UDim2 | Binding<UDim2>;
|
|
75
|
-
AnchorPoint?: Vector2 | Binding<Vector2> | undefined;
|
|
76
|
-
center?: boolean;
|
|
77
|
-
top?: CssSize;
|
|
78
|
-
left?: CssSize;
|
|
79
|
-
right?: CssSize;
|
|
80
|
-
bottom?: CssSize;
|
|
81
|
-
}
|
|
82
|
-
export interface IntentElementProps {
|
|
83
|
-
intent?: Intent;
|
|
84
|
-
}
|
|
85
|
-
export interface CleanElementProps extends SizeElementProps, PositionElementProps {
|
|
86
|
-
}
|
|
87
|
-
export interface SpacedElementProps {
|
|
88
|
-
spacing?: ScaleSize | "None";
|
|
89
|
-
}
|
|
90
|
-
export interface BreakPointElementProps {
|
|
91
|
-
breakpoints?: BreakpointValue<number>;
|
|
92
|
-
}
|
|
93
|
-
export interface ShadowElementProps {
|
|
94
|
-
"box-shadow"?: CssShadow;
|
|
95
|
-
"box-shadow-color"?: Color3;
|
|
96
|
-
"box-shadow-transparency"?: number;
|
|
97
|
-
}
|
|
98
|
-
export interface IconElementProps {
|
|
99
|
-
icon?: IconName;
|
|
100
|
-
}
|
|
101
|
-
export interface PaddingProps extends SpacedElementProps {
|
|
102
|
-
right?: ScaleSize | "None";
|
|
103
|
-
left?: ScaleSize | "None";
|
|
104
|
-
top?: ScaleSize | "None";
|
|
105
|
-
bottom?: ScaleSize | "None";
|
|
106
|
-
padding?: CssPadding;
|
|
107
|
-
resolvedPadding?: ResolvedPadding;
|
|
108
|
-
}
|
|
109
|
-
export interface ResolvedPadding {
|
|
110
|
-
top: number;
|
|
111
|
-
bottom: number;
|
|
112
|
-
left: number;
|
|
113
|
-
right: number;
|
|
114
|
-
}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|