@rbxts/uiblox 0.1.11 → 0.1.13

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.
Files changed (144) hide show
  1. package/README.md +3 -4
  2. package/out/theme/components/ThemeProducer.luau +12 -0
  3. package/out/theme/components/ThemeProvider.luau +10 -9
  4. package/out/theme/components/ThemeWrapper.luau +15 -20
  5. package/out/theme/components/init.luau +0 -2
  6. package/out/theme/init.luau +0 -1
  7. package/out/theme/styles/utilities/makeStyles.luau +2 -2
  8. package/out/ui/packages/button/components/Button.luau +13 -10
  9. package/out/ui/packages/divider/components/Divider.luau +8 -4
  10. package/out/ui/packages/icon/components/Icon.luau +9 -6
  11. package/out/ui/packages/iconButton/components/IconButton.luau +11 -8
  12. package/out/ui/packages/input/components/Input.luau +34 -19
  13. package/out/ui/packages/progressBar/components/ProgressBar.luau +36 -17
  14. package/out/ui/packages/shadow/components/Shadow.luau +13 -9
  15. package/out/ui/packages/sidebar/components/Sidebar.luau +14 -6
  16. package/out/ui/packages/toast/components/Toast.luau +25 -16
  17. package/out/ui/packages/treeView/components/TreeView.luau +40 -25
  18. package/out/ui/packages/typography/components/Typography.luau +8 -4
  19. package/package.json +15 -12
  20. package/out/index.d.ts +0 -2
  21. package/out/theme/components/ThemeProvider.d.ts +0 -9
  22. package/out/theme/components/ThemeStore.d.ts +0 -13
  23. package/out/theme/components/ThemeStore.luau +0 -29
  24. package/out/theme/components/ThemeWrapper.d.ts +0 -9
  25. package/out/theme/components/index.d.ts +0 -8
  26. package/out/theme/constants/NumberConstants.d.ts +0 -6
  27. package/out/theme/constants/ThemeConstants.d.ts +0 -5
  28. package/out/theme/constants/index.d.ts +0 -2
  29. package/out/theme/index.d.ts +0 -20
  30. package/out/theme/interfaces/iconSizes/IconSizes.d.ts +0 -5
  31. package/out/theme/interfaces/iconSizes/index.d.ts +0 -1
  32. package/out/theme/interfaces/index.d.ts +0 -13
  33. package/out/theme/interfaces/palette/Palette.d.ts +0 -26
  34. package/out/theme/interfaces/palette/colorTokens/ColorTokens.d.ts +0 -4
  35. package/out/theme/interfaces/palette/colorTokens/index.d.ts +0 -1
  36. package/out/theme/interfaces/palette/colors/Blue.d.ts +0 -3
  37. package/out/theme/interfaces/palette/colors/Colors.d.ts +0 -42
  38. package/out/theme/interfaces/palette/colors/Common.d.ts +0 -6
  39. package/out/theme/interfaces/palette/colors/Dark.d.ts +0 -3
  40. package/out/theme/interfaces/palette/colors/Gray.d.ts +0 -3
  41. package/out/theme/interfaces/palette/colors/Green.d.ts +0 -3
  42. package/out/theme/interfaces/palette/colors/Light.d.ts +0 -3
  43. package/out/theme/interfaces/palette/colors/Magenta.d.ts +0 -3
  44. package/out/theme/interfaces/palette/colors/Orange.d.ts +0 -3
  45. package/out/theme/interfaces/palette/colors/Purple.d.ts +0 -3
  46. package/out/theme/interfaces/palette/colors/Red.d.ts +0 -3
  47. package/out/theme/interfaces/palette/colors/Turquoise.d.ts +0 -3
  48. package/out/theme/interfaces/palette/colors/Yellow.d.ts +0 -3
  49. package/out/theme/interfaces/palette/colors/index.d.ts +0 -13
  50. package/out/theme/interfaces/palette/index.d.ts +0 -3
  51. package/out/theme/interfaces/spacing/Borders.d.ts +0 -4
  52. package/out/theme/interfaces/spacing/Padding.d.ts +0 -4
  53. package/out/theme/interfaces/spacing/Shape.d.ts +0 -3
  54. package/out/theme/interfaces/spacing/Spacing.d.ts +0 -4
  55. package/out/theme/interfaces/spacing/index.d.ts +0 -4
  56. package/out/theme/interfaces/theme/Theme.d.ts +0 -14
  57. package/out/theme/interfaces/theme/ThemeConstants.d.ts +0 -25
  58. package/out/theme/interfaces/theme/ThemeOptions.d.ts +0 -4
  59. package/out/theme/interfaces/theme/index.d.ts +0 -3
  60. package/out/theme/interfaces/tokens/Tokens.d.ts +0 -1
  61. package/out/theme/interfaces/tokens/index.d.ts +0 -1
  62. package/out/theme/interfaces/typography/FontFamilies.d.ts +0 -2
  63. package/out/theme/interfaces/typography/FontFamilyOptions.d.ts +0 -3
  64. package/out/theme/interfaces/typography/FontSizeOptions.d.ts +0 -3
  65. package/out/theme/interfaces/typography/FontSizes.d.ts +0 -3
  66. package/out/theme/interfaces/typography/ThemeTypography.d.ts +0 -7
  67. package/out/theme/interfaces/typography/Variants.d.ts +0 -18
  68. package/out/theme/interfaces/typography/index.d.ts +0 -8
  69. package/out/theme/styles/index.d.ts +0 -5
  70. package/out/theme/styles/types/WriteableStyle.d.ts +0 -1
  71. package/out/theme/styles/types/index.d.ts +0 -2
  72. package/out/theme/styles/types/styles.d.ts +0 -2
  73. package/out/theme/styles/utilities/classNames.d.ts +0 -7
  74. package/out/theme/styles/utilities/createStyles.d.ts +0 -3
  75. package/out/theme/styles/utilities/index.d.ts +0 -3
  76. package/out/theme/styles/utilities/makeStyles.d.ts +0 -7
  77. package/out/theme/themes/DarkTheme.d.ts +0 -3
  78. package/out/theme/themes/LightTheme.d.ts +0 -3
  79. package/out/theme/themes/index.d.ts +0 -3
  80. package/out/theme/types/index.d.ts +0 -7
  81. package/out/theme/types/types.d.ts +0 -13
  82. package/out/theme/utilites/Color3FromHex.d.ts +0 -2
  83. package/out/theme/utilites/index.d.ts +0 -1
  84. package/out/ui/constants/ImageConstants.d.ts +0 -2
  85. package/out/ui/constants/LayoutConstants.d.ts +0 -1
  86. package/out/ui/constants/index.d.ts +0 -2
  87. package/out/ui/enums/Directions.d.ts +0 -8
  88. package/out/ui/enums/Icons.d.ts +0 -40
  89. package/out/ui/enums/Orientations.d.ts +0 -4
  90. package/out/ui/enums/index.d.ts +0 -3
  91. package/out/ui/index.d.ts +0 -34
  92. package/out/ui/packages/button/components/Button.d.ts +0 -26
  93. package/out/ui/packages/button/components/Button.styles.d.ts +0 -3
  94. package/out/ui/packages/button/index.d.ts +0 -6
  95. package/out/ui/packages/button/types/ButtonColor.d.ts +0 -1
  96. package/out/ui/packages/button/types/ButtonSize.d.ts +0 -1
  97. package/out/ui/packages/button/types/ButtonVariant.d.ts +0 -1
  98. package/out/ui/packages/button/types/index.d.ts +0 -3
  99. package/out/ui/packages/divider/components/Divider.d.ts +0 -14
  100. package/out/ui/packages/divider/components/Divider.styles.d.ts +0 -3
  101. package/out/ui/packages/divider/index.d.ts +0 -3
  102. package/out/ui/packages/icon/components/Icon.d.ts +0 -12
  103. package/out/ui/packages/icon/components/Icon.styles.d.ts +0 -3
  104. package/out/ui/packages/icon/index.d.ts +0 -3
  105. package/out/ui/packages/iconButton/components/IconButton.d.ts +0 -14
  106. package/out/ui/packages/iconButton/components/IconButton.styles.d.ts +0 -3
  107. package/out/ui/packages/iconButton/index.d.ts +0 -3
  108. package/out/ui/packages/index.d.ts +0 -11
  109. package/out/ui/packages/input/components/Input.d.ts +0 -24
  110. package/out/ui/packages/input/components/Input.styles.d.ts +0 -3
  111. package/out/ui/packages/input/index.d.ts +0 -6
  112. package/out/ui/packages/input/types/InputColor.d.ts +0 -1
  113. package/out/ui/packages/input/types/InputMargin.d.ts +0 -1
  114. package/out/ui/packages/input/types/InputVariant.d.ts +0 -1
  115. package/out/ui/packages/input/types/index.d.ts +0 -3
  116. package/out/ui/packages/progressBar/components/ProgressBar.d.ts +0 -9
  117. package/out/ui/packages/progressBar/components/ProgressBar.styles.d.ts +0 -2
  118. package/out/ui/packages/progressBar/index.d.ts +0 -3
  119. package/out/ui/packages/shadow/components/Shadow.d.ts +0 -4
  120. package/out/ui/packages/shadow/components/Shadow.styles.d.ts +0 -2
  121. package/out/ui/packages/shadow/index.d.ts +0 -2
  122. package/out/ui/packages/sidebar/components/Sidebar.d.ts +0 -9
  123. package/out/ui/packages/sidebar/components/Sidebar.styles.d.ts +0 -3
  124. package/out/ui/packages/sidebar/index.d.ts +0 -4
  125. package/out/ui/packages/sidebar/types/SidebarType.d.ts +0 -1
  126. package/out/ui/packages/sidebar/types/index.d.ts +0 -1
  127. package/out/ui/packages/toast/components/Toast.d.ts +0 -12
  128. package/out/ui/packages/toast/components/Toast.styles.d.ts +0 -3
  129. package/out/ui/packages/toast/enums/ToastVariants.d.ts +0 -7
  130. package/out/ui/packages/toast/index.d.ts +0 -5
  131. package/out/ui/packages/toast/interfaces/ToastEvent.d.ts +0 -5
  132. package/out/ui/packages/treeView/components/TreeView.d.ts +0 -13
  133. package/out/ui/packages/treeView/components/TreeView.styles.d.ts +0 -2
  134. package/out/ui/packages/treeView/index.d.ts +0 -6
  135. package/out/ui/packages/treeView/interfaces/Branch.d.ts +0 -6
  136. package/out/ui/packages/treeView/interfaces/Leaf.d.ts +0 -4
  137. package/out/ui/packages/treeView/interfaces/Tree.d.ts +0 -5
  138. package/out/ui/packages/typography/components/Typography.d.ts +0 -19
  139. package/out/ui/packages/typography/components/Typography.styles.d.ts +0 -3
  140. package/out/ui/packages/typography/index.d.ts +0 -6
  141. package/out/ui/packages/typography/types/TypographyAlignment.d.ts +0 -1
  142. package/out/ui/packages/typography/types/TypographyColor.d.ts +0 -1
  143. package/out/ui/packages/typography/types/TypographyDisplay.d.ts +0 -1
  144. package/out/ui/packages/typography/types/index.d.ts +0 -3
@@ -1,3 +0,0 @@
1
- import { FontSizeOptions } from "./FontSizeOptions";
2
- export declare const baseFontSize = 16;
3
- export declare const allFontSizes: FontSizeOptions;
@@ -1,7 +0,0 @@
1
- import { FontFamilyOptions } from "./FontFamilyOptions";
2
- import { FontSizeOptions } from "./FontSizeOptions";
3
- interface ThemeTypography {
4
- fontSizes: FontSizeOptions;
5
- fontFamilies: FontFamilyOptions;
6
- }
7
- export default ThemeTypography;
@@ -1,18 +0,0 @@
1
- import { Tokens } from "../tokens/Tokens";
2
- export type TypographyTokens = {
3
- [key in Tokens]: string;
4
- };
5
- export interface TypographyWeights {
6
- title: number;
7
- heading: number;
8
- body: number;
9
- xl?: number;
10
- lg?: number;
11
- md?: number;
12
- sm?: number;
13
- xs?: number;
14
- default?: number;
15
- }
16
- export type TypographyVariants = keyof TypographyWeights;
17
- export declare const TypographyWeights: TypographyWeights;
18
- export declare const TypographyTokens: TypographyTokens;
@@ -1,8 +0,0 @@
1
- export { default as ThemeTypography } from "./ThemeTypography";
2
- export * from "./FontSizes";
3
- export * from "./FontFamilies";
4
- export { FontSizeVariant } from "./FontSizeOptions";
5
- export { FontSizeOptions } from "./FontSizeOptions";
6
- export { FontFamilyVariant } from "./FontFamilyOptions";
7
- export { FontFamilyOptions } from "./FontFamilyOptions";
8
- export * from "./Variants";
@@ -1,5 +0,0 @@
1
- export { ClassNameMap } from "./types/index";
2
- export { WriteableStyle } from "./types/index";
3
- export { createStyles } from "./utilities/index";
4
- export { makeStyles } from "./utilities/index";
5
- export { classNames } from "./utilities/index";
@@ -1 +0,0 @@
1
- export type WriteableStyle<T extends Instance> = Partial<WritableInstanceProperties<T>>;
@@ -1,2 +0,0 @@
1
- export { ClassNameMap } from "./styles";
2
- export { WriteableStyle } from "./WriteableStyle";
@@ -1,2 +0,0 @@
1
- import { WriteableStyle } from "./WriteableStyle";
2
- export type ClassNameMap<ClassKey extends string = string, T extends Instance = Instance> = Record<ClassKey, Partial<WriteableStyle<T>>>;
@@ -1,7 +0,0 @@
1
- import { WriteableStyle } from "../types/WriteableStyle";
2
- export type GenericStyle = {
3
- [property: string]: boolean;
4
- };
5
- export type ConditionalStyles<T extends Instance> = Map<WriteableStyle<T>, boolean>;
6
- declare const classNames: <T extends Instance>(conditionalStyles?: ConditionalStyles<T>, ...styles: Array<WriteableStyle<T>>) => WriteableStyle<T>;
7
- export default classNames;
@@ -1,3 +0,0 @@
1
- import { ClassNameMap } from "../types/styles";
2
- declare const createStyles: <ClassKey extends string = string>(styles: ClassNameMap<ClassKey>) => ClassNameMap<ClassKey>;
3
- export default createStyles;
@@ -1,3 +0,0 @@
1
- export { default as createStyles } from "./createStyles";
2
- export { default as makeStyles } from "./makeStyles";
3
- export { default as classNames } from "./classNames";
@@ -1,7 +0,0 @@
1
- import { Theme } from "../../interfaces/theme/index";
2
- import { ClassNameMap } from "../types/styles";
3
- type TMakeStyles<ClassKey extends string = string> = (theme: Theme) => ClassNameMap<ClassKey>;
4
- type TMakeStylesWithProps<Props, ClassKey extends string = string> = (theme: Theme, props: Props) => ClassNameMap<ClassKey>;
5
- type TVariantF<Props> = keyof Props extends never ? TMakeStyles : TMakeStylesWithProps<Props>;
6
- declare const makeStyles: <Props = {}, ClassKey extends string = string>(f: TVariantF<Props>) => keyof Props extends never ? () => ClassNameMap<ClassKey> : (props: Props) => ClassNameMap<ClassKey>;
7
- export default makeStyles;
@@ -1,3 +0,0 @@
1
- import { Theme } from "../interfaces/theme/index";
2
- declare const DarkTheme: Theme;
3
- export default DarkTheme;
@@ -1,3 +0,0 @@
1
- import { Theme } from "../interfaces/theme/index";
2
- declare const LightTheme: Theme;
3
- export default LightTheme;
@@ -1,3 +0,0 @@
1
- export { default } from "./DarkTheme";
2
- export { default as DarkTheme } from "./DarkTheme";
3
- export { default as LightTheme } from "./LightTheme";
@@ -1,7 +0,0 @@
1
- export { CommonProps } from "./types";
2
- export { BaseDefaultProps } from "./types";
3
- export { BaseCustomizedProps } from "./types";
4
- export { DefaultProps } from "./types";
5
- export { CustomizedProps } from "./types";
6
- export { CustomizedRef } from "./types";
7
- export { CustomizedForwardRefComponent } from "./types";
@@ -1,13 +0,0 @@
1
- import Roact, { Element, PropsWithChildren } from "@rbxts/roact";
2
- import { WriteableStyle } from "../interfaces/index";
3
- export interface CommonProps<T extends Instance> extends PropsWithChildren {
4
- className?: WriteableStyle<T>;
5
- component?: T;
6
- children?: Roact.Children;
7
- }
8
- export type BaseDefaultProps<T extends Instance, P> = CommonProps<T> & P;
9
- export type BaseCustomizedProps<T extends Instance, P> = BaseDefaultProps<T, P>;
10
- export type DefaultProps<T extends Instance, P = {}> = BaseDefaultProps<T, P>;
11
- export type CustomizedProps<T extends Instance, P = {}> = BaseCustomizedProps<T, P>;
12
- export type CustomizedRef<T extends Instance> = T extends Instance ? any : T extends keyof Roact.JsxInstance<T> ? WritableInstanceProperties<T> : never;
13
- export type CustomizedForwardRefComponent<D extends Instance, P = {}> = <T extends Instance = D>(props: CustomizedProps<T, P> & WritableInstanceProperties<CustomizedRef<T>>) => Element | undefined;
@@ -1,2 +0,0 @@
1
- declare const Color3FromHex: (hex: string) => Color3;
2
- export default Color3FromHex;
@@ -1 +0,0 @@
1
- export { default as Color3FromHex } from "./Color3FromHex";
@@ -1,2 +0,0 @@
1
- export declare const PRELOADER_LOGO_IMAGE = "rbxassetid://8972054582";
2
- export declare const PAGE_NOT_FOUND_IMAGE = "rbxassetid://9058373693";
@@ -1 +0,0 @@
1
- export declare const ROBLOX_UI_OFFSET: number;
@@ -1,2 +0,0 @@
1
- export * from "./ImageConstants";
2
- export * from "./LayoutConstants";
@@ -1,8 +0,0 @@
1
- export declare enum Directions {
2
- In = "In",
3
- Out = "Out",
4
- Left = "Left",
5
- Right = "Right",
6
- Up = "Up",
7
- Down = "Down"
8
- }
@@ -1,40 +0,0 @@
1
- export declare enum Icons {
2
- Delete = "rbxassetid://8583122940",
3
- Move = "rbxassetid://8583137072",
4
- OpenBox = "rbxassetid://8583122847",
5
- Rotate2D = "rbxassetid://8583123169",
6
- Rotate3D = "rbxassetid://8583123075",
7
- Swipe = "rbxassetid://8583122640",
8
- House = "rbxassetid://8771814151",
9
- Furniture = "rbxassetid://8771814395",
10
- Room = "rbxassetid://8771813821",
11
- Arcade = "rbxassetid://8771986472",
12
- Controller = "rbxassetid://8771986353",
13
- Joystick = "rbxassetid://8771986232",
14
- Save = "rbxassetid://8772040340",
15
- EditEnabled = "rbxassetid://8772040549",
16
- EditDisabled = "rbxassetid://8772040755",
17
- Settings = "rbxassetid://8793943638",
18
- VerticalDots = "rbxassetid://8793943269",
19
- HorizontalDots = "rbxassetid://8793943828",
20
- Store = "rbxassetid://8794697193",
21
- Dresser = "rbxassetid://8794697532",
22
- Hangar = "rbxassetid://8794697340",
23
- Friends = "rbxassetid://8794697424",
24
- Charity = "rbxassetid://8794697659",
25
- Backpack = "rbxassetid://8794716095",
26
- HelpBubble = "rbxassetid://8794738823",
27
- HelpDesk = "rbxassetid://8835822182",
28
- NewspaperVariant1 = "rbxassetid://9056545367",
29
- NewspaperVariant2 = "rbxassetid://9056545251",
30
- NewspaperVariant3 = "rbxassetid://9056545032",
31
- Close = "rbxassetid://9070598165",
32
- CloseCircle = "rbxassetid://9070597768",
33
- Collapsed = "rbxassetid://9306279342",
34
- Expanded = "rbxassetid://9306279848",
35
- Book = "rbxassetid://9311703342",
36
- BookStack = "rbxassetid://9311703545",
37
- ListPrimary = "rbxassetid://9306610505",
38
- LightTheme = "rbxassetid://9377269022",
39
- DarkTheme = "rbxassetid://9377269322"
40
- }
@@ -1,4 +0,0 @@
1
- export declare enum Orientations {
2
- Vertical = "Vertical",
3
- Horizontal = "Horizontal"
4
- }
@@ -1,3 +0,0 @@
1
- export { Directions } from "./Directions";
2
- export { Icons } from "./Icons";
3
- export { Orientations } from "./Orientations";
package/out/ui/index.d.ts DELETED
@@ -1,34 +0,0 @@
1
- export * from "./constants/index";
2
- export * from "./enums/index";
3
- export { Divider } from "./packages/index";
4
- export { DividerProps } from "./packages/index";
5
- export { Icon } from "./packages/index";
6
- export { IconProps } from "./packages/index";
7
- export { IconButton } from "./packages/index";
8
- export { IconButtonProps } from "./packages/index";
9
- export { Input } from "./packages/index";
10
- export { InputProps } from "./packages/index";
11
- export { InputColor } from "./packages/index";
12
- export { InputMargin } from "./packages/index";
13
- export { InputVariant } from "./packages/index";
14
- export { ProgressBar } from "./packages/index";
15
- export { ProgressBarProps } from "./packages/index";
16
- export { Shadow } from "./packages/index";
17
- export { Sidebar } from "./packages/index";
18
- export { SidebarProps } from "./packages/index";
19
- export { SidebarType } from "./packages/index";
20
- export { Toast } from "./packages/index";
21
- export { ToastProps } from "./packages/index";
22
- export { TreeView } from "./packages/index";
23
- export { TreeViewProps } from "./packages/index";
24
- export { Branch } from "./packages/index";
25
- export { Leaf } from "./packages/index";
26
- export { Tree } from "./packages/index";
27
- export { Typography } from "./packages/index";
28
- export { TypographyProps } from "./packages/index";
29
- export { TypographyAlignment } from "./packages/index";
30
- export { TypographyColor } from "./packages/index";
31
- export { TypographyDisplay } from "./packages/index";
32
- export { Button } from "./packages/index";
33
- export { ButtonProps } from "./packages/index";
34
- export * from "./packages/index";
@@ -1,26 +0,0 @@
1
- import Roact from "@rbxts/roact";
2
- import { CustomizedProps } from "../../../../theme/index";
3
- import { ButtonSize, ButtonColor, ButtonVariant } from "../types/index";
4
- export type DefaultButtonComponent = TextButton;
5
- export interface ButtonProps {
6
- text?: string;
7
- size?: ButtonSize;
8
- color?: ButtonColor;
9
- fullWidth?: boolean;
10
- variant?: ButtonVariant;
11
- disabled?: boolean;
12
- loading?: boolean;
13
- rounded?: boolean;
14
- hoveringDisabled?: boolean;
15
- onLeftClick?: () => void;
16
- onLeftDown?: () => void;
17
- onLeftUp?: () => void;
18
- onRightClick?: () => void;
19
- onRightDown?: () => void;
20
- onRightUp?: () => void;
21
- mouseEnter?: () => void;
22
- mouseLeave?: () => void;
23
- }
24
- declare function Button(props: CustomizedProps<DefaultButtonComponent, ButtonProps>): Roact.Element;
25
- declare const _default: typeof Button;
26
- export default _default;
@@ -1,3 +0,0 @@
1
- import { ButtonProps } from "./Button";
2
- declare const useButtonStyles: (props: ButtonProps) => import("../../../../theme/index").ClassNameMap<string>;
3
- export default useButtonStyles;
@@ -1,6 +0,0 @@
1
- export { default as Button } from "./components/Button";
2
- export { ButtonProps } from "./components/Button";
3
- export * from "./components/Button";
4
- export { ButtonColor } from "./types/index";
5
- export { ButtonSize } from "./types/index";
6
- export { ButtonVariant } from "./types/index";
@@ -1 +0,0 @@
1
- export type ButtonColor = "primary" | "secondary";
@@ -1 +0,0 @@
1
- export type ButtonSize = "small" | "medium" | "large";
@@ -1 +0,0 @@
1
- export type ButtonVariant = "contained" | "outlined" | "text";
@@ -1,3 +0,0 @@
1
- export { ButtonColor } from "./ButtonColor";
2
- export { ButtonSize } from "./ButtonSize";
3
- export { ButtonVariant } from "./ButtonVariant";
@@ -1,14 +0,0 @@
1
- import Roact from "@rbxts/roact";
2
- import { CustomizedProps } from "../../../../theme/index";
3
- import { Orientations } from "../../../enums/index";
4
- type DefaultDividerComponent = Frame;
5
- export interface DividerProps {
6
- position?: UDim2;
7
- orientation?: Orientations;
8
- padding?: number;
9
- color?: Color3;
10
- transparency?: number;
11
- weight?: number;
12
- }
13
- declare function Divider<T extends DefaultDividerComponent>(props: CustomizedProps<T, DividerProps>): Roact.Element;
14
- export default Divider;
@@ -1,3 +0,0 @@
1
- import { DividerProps } from "./Divider";
2
- declare const useDividerStyles: (props: DividerProps) => import("../../../../theme/index").ClassNameMap<string>;
3
- export default useDividerStyles;
@@ -1,3 +0,0 @@
1
- export { default as Divider } from "./components/Divider";
2
- export { DividerProps } from "./components/Divider";
3
- export * from "./components/Divider";
@@ -1,12 +0,0 @@
1
- import Roact from "@rbxts/roact";
2
- import { Icons } from "../../../enums/index";
3
- import { CustomizedProps } from "../../../../theme/index";
4
- export interface IconProps {
5
- icon: Icons;
6
- size?: "xxs" | "xs" | "sm" | "md" | "lg" | "xl";
7
- tint?: Color3;
8
- }
9
- type DefaultIconComponent = ImageLabel;
10
- declare function Icon(props: CustomizedProps<DefaultIconComponent, IconProps>): Roact.Element;
11
- declare const _default: typeof Icon;
12
- export default _default;
@@ -1,3 +0,0 @@
1
- import { IconProps } from "./Icon";
2
- declare const useIconStyles: (props: IconProps) => import("../../../../theme/index").ClassNameMap<string>;
3
- export default useIconStyles;
@@ -1,3 +0,0 @@
1
- export { default as Icon } from "./components/Icon";
2
- export { IconProps } from "./components/Icon";
3
- export * from "./components/Icon";
@@ -1,14 +0,0 @@
1
- import Roact from "@rbxts/roact";
2
- import { Icons } from "../../../enums/index";
3
- import { CustomizedProps } from "../../../../theme/index";
4
- export interface IconButtonProps {
5
- icon: Icons;
6
- size?: "xxs" | "xs" | "sm" | "md" | "lg" | "xl";
7
- tint: Color3;
8
- selected?: boolean;
9
- onClick?: () => void;
10
- }
11
- type DefaultIconButtonComponent = ImageButton;
12
- declare function IconButton(props: CustomizedProps<DefaultIconButtonComponent, IconButtonProps>): Roact.Element;
13
- declare const _default: typeof IconButton;
14
- export default _default;
@@ -1,3 +0,0 @@
1
- import { IconButtonProps } from "./IconButton";
2
- declare const useIconButtonStyles: (props: IconButtonProps) => import("../../../../theme/index").ClassNameMap<string>;
3
- export default useIconButtonStyles;
@@ -1,3 +0,0 @@
1
- export { default as IconButton } from "./components/IconButton";
2
- export { IconButtonProps } from "./components/IconButton";
3
- export * from "./components/IconButton";
@@ -1,11 +0,0 @@
1
- export * from "./divider/index";
2
- export * from "./icon/index";
3
- export * from "./iconButton/index";
4
- export * from "./input/index";
5
- export * from "./progressBar/index";
6
- export * from "./shadow/index";
7
- export * from "./sidebar/index";
8
- export * from "./toast/index";
9
- export * from "./treeView/index";
10
- export * from "./typography/index";
11
- export * from "./button/index";
@@ -1,24 +0,0 @@
1
- import Roact from "@rbxts/roact";
2
- import { CustomizedProps } from "../../../../theme/index";
3
- import { InputColor, InputMargin, InputVariant } from "../types/index";
4
- export type DefaultInputComponent = Frame;
5
- export interface InputProps {
6
- color?: InputColor;
7
- disabled?: boolean;
8
- hasError?: boolean;
9
- helperText?: string;
10
- margin?: InputMargin;
11
- variant?: InputVariant;
12
- width?: UDim;
13
- text?: string;
14
- placeholder?: string;
15
- rounded?: boolean;
16
- clearsTextOnFocus?: boolean;
17
- onTextChanged?: (text: string) => void;
18
- onFocus?: () => void;
19
- onBlur?: () => void;
20
- onEnterPressed?: (text: string) => void;
21
- }
22
- declare function Input(props: CustomizedProps<DefaultInputComponent, InputProps>): Roact.Element;
23
- declare const _default: typeof Input;
24
- export default _default;
@@ -1,3 +0,0 @@
1
- import { InputProps } from "./Input";
2
- declare const useInputStyles: (props: InputProps) => import("../../../../theme/index").ClassNameMap<string>;
3
- export default useInputStyles;
@@ -1,6 +0,0 @@
1
- export { default as Input } from "./components/Input";
2
- export { InputProps } from "./components/Input";
3
- export * from "./components/Input";
4
- export { InputColor } from "./types/index";
5
- export { InputMargin } from "./types/index";
6
- export { InputVariant } from "./types/index";
@@ -1 +0,0 @@
1
- export type InputColor = "primary" | "secondary";
@@ -1 +0,0 @@
1
- export type InputMargin = "none" | "dense" | "normal";
@@ -1 +0,0 @@
1
- export type InputVariant = "filled" | "outlined" | "standard";
@@ -1,3 +0,0 @@
1
- export { InputColor } from "./InputColor";
2
- export { InputMargin } from "./InputMargin";
3
- export { InputVariant } from "./InputVariant";
@@ -1,9 +0,0 @@
1
- import Roact from "@rbxts/roact";
2
- import { WriteableStyle } from "../../../../theme/index";
3
- export interface ProgressBarProps {
4
- progress: number;
5
- className?: WriteableStyle<Frame>;
6
- }
7
- declare function ProgressBar({ progress, className }: ProgressBarProps): Roact.Element;
8
- declare const _default: typeof ProgressBar;
9
- export default _default;
@@ -1,2 +0,0 @@
1
- declare const useProgressBarStyles: () => import("../../../../theme/index").ClassNameMap<string>;
2
- export default useProgressBarStyles;
@@ -1,3 +0,0 @@
1
- export { default as ProgressBar } from "./components/ProgressBar";
2
- export { ProgressBarProps } from "./components/ProgressBar";
3
- export * from "./components/ProgressBar";
@@ -1,4 +0,0 @@
1
- import Roact from "@rbxts/roact";
2
- declare function Shadow(): Roact.Element;
3
- declare const _default: typeof Shadow;
4
- export default _default;
@@ -1,2 +0,0 @@
1
- declare const useShadowStyles: () => import("../../../../theme/index").ClassNameMap<string>;
2
- export default useShadowStyles;
@@ -1,2 +0,0 @@
1
- export { default as Shadow } from "./components/Shadow";
2
- export * from "./components/Shadow";
@@ -1,9 +0,0 @@
1
- import Roact from "@rbxts/roact";
2
- import { CustomizedProps } from "../../../../theme/index";
3
- export type DefaultSidebarComponent = Frame;
4
- export interface SidebarProps {
5
- size: "compact" | "large";
6
- ignoreInset?: boolean;
7
- }
8
- declare function Sidebar<T extends DefaultSidebarComponent>(props: CustomizedProps<T, SidebarProps>): Roact.Element;
9
- export default Sidebar;
@@ -1,3 +0,0 @@
1
- import { SidebarProps } from "./Sidebar";
2
- declare const useSidebarStyles: (props: SidebarProps) => import("../../../../theme/index").ClassNameMap<string>;
3
- export default useSidebarStyles;
@@ -1,4 +0,0 @@
1
- export { default as Sidebar } from "./components/Sidebar";
2
- export { SidebarProps } from "./components/Sidebar";
3
- export * from "./components/Sidebar";
4
- export { SidebarType } from "./types/index";
@@ -1 +0,0 @@
1
- export type SidebarType = "compact" | "large";
@@ -1 +0,0 @@
1
- export { SidebarType } from "./SidebarType";
@@ -1,12 +0,0 @@
1
- import Roact from "@rbxts/roact";
2
- import ToastVariants from "../enums/ToastVariants";
3
- export interface ToastProps {
4
- text: string;
5
- onDismiss: () => void;
6
- duration?: number;
7
- variant?: ToastVariants;
8
- toggledAt?: number;
9
- }
10
- declare function Toast(props: ToastProps): Roact.Element;
11
- declare const _default: typeof Toast;
12
- export default _default;
@@ -1,3 +0,0 @@
1
- import { ToastProps } from "./Toast";
2
- declare const useToastStyles: (props: ToastProps) => import("../../../../theme/index").ClassNameMap<string>;
3
- export default useToastStyles;
@@ -1,7 +0,0 @@
1
- declare enum ToastVariants {
2
- default = "default",
3
- success = "success",
4
- error = "error",
5
- warning = "warning"
6
- }
7
- export default ToastVariants;
@@ -1,5 +0,0 @@
1
- export { default as Toast } from "./components/Toast";
2
- export { ToastProps } from "./components/Toast";
3
- export * from "./components/Toast";
4
- export { default as ToastVariants } from "./enums/ToastVariants";
5
- export { default as ToastEvent } from "./interfaces/ToastEvent";
@@ -1,5 +0,0 @@
1
- interface ToastEvent {
2
- success: boolean;
3
- timestamp: number;
4
- }
5
- export default ToastEvent;
@@ -1,13 +0,0 @@
1
- import Roact from "@rbxts/roact";
2
- import { CustomizedProps } from "../../../../theme/index";
3
- import { Icons } from "../../../enums/index";
4
- import Tree from "../interfaces/Tree";
5
- type DefaultTreeViewComponent = Frame;
6
- export interface TreeViewProps {
7
- tree: Tree;
8
- icon?: Icons;
9
- filter?: string;
10
- }
11
- declare function TreeView(props: CustomizedProps<DefaultTreeViewComponent, TreeViewProps>): Roact.Element;
12
- declare const _default: typeof TreeView;
13
- export default _default;
@@ -1,2 +0,0 @@
1
- declare const useTreeViewStyles: () => import("../../../../theme/index").ClassNameMap<string>;
2
- export default useTreeViewStyles;
@@ -1,6 +0,0 @@
1
- export { default as TreeView } from "./components/TreeView";
2
- export { TreeViewProps } from "./components/TreeView";
3
- export * from "./components/TreeView";
4
- export { default as Branch } from "./interfaces/Branch";
5
- export { default as Leaf } from "./interfaces/Leaf";
6
- export { default as Tree } from "./interfaces/Tree";
@@ -1,6 +0,0 @@
1
- import Leaf from "./Leaf";
2
- export default interface Branch {
3
- title: string;
4
- leaves: Leaf[];
5
- onClick?: () => void;
6
- }
@@ -1,4 +0,0 @@
1
- export default interface Leaf {
2
- title: string;
3
- onClick?: () => void;
4
- }
@@ -1,5 +0,0 @@
1
- import Branch from "./Branch";
2
- export default interface Tree {
3
- title: string;
4
- branches: Branch[];
5
- }