@rbxts/uiblox 0.1.52 → 0.2.0-alpha.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/README.md +67 -2
- package/out/foundation/guard.d.ts +3 -0
- package/out/foundation/guard.luau +23 -0
- package/out/foundation/index.d.ts +1 -0
- package/out/foundation/init.luau +8 -0
- package/out/hooks/breakpoints.d.ts +10 -0
- package/out/hooks/breakpoints.luau +60 -0
- package/out/hooks/index.d.ts +4 -0
- package/out/hooks/init.luau +10 -0
- package/out/hooks/useBreakpoints.d.ts +6 -0
- package/out/hooks/useBreakpoints.luau +39 -0
- package/out/hooks/useReducedMotion.d.ts +1 -0
- package/out/hooks/useReducedMotion.luau +12 -0
- package/out/index.d.ts +3 -0
- package/out/init.luau +9 -0
- package/out/interaction/index.d.ts +4 -0
- package/out/interaction/init.luau +9 -0
- package/out/interaction/pointerRoute.d.ts +6 -0
- package/out/interaction/pointerRoute.luau +35 -0
- package/out/interaction/usePointer.d.ts +11 -0
- package/out/interaction/usePointer.luau +99 -0
- package/out/theme/constants/ColorConstants.d.ts +0 -3
- package/out/theme/constants/ColorConstants.luau +0 -96
- package/out/theme/context/ThemeProvider.d.ts +3 -0
- package/out/theme/context/ThemeProvider.luau +15 -8
- package/out/theme/context/themeScope.d.ts +5 -0
- package/out/theme/context/themeScope.luau +7 -0
- package/out/theme/hooks/useTheme.luau +15 -14
- package/out/theme/interfaces/density/controlMetrics.d.ts +21 -0
- package/out/theme/interfaces/density/controlMetrics.luau +67 -0
- package/out/theme/interfaces/density/index.d.ts +1 -0
- package/out/theme/interfaces/density/init.luau +7 -0
- package/out/theme/interfaces/index.d.ts +1 -0
- package/out/theme/interfaces/init.luau +3 -0
- package/out/theme/interfaces/palette/Palette.d.ts +39 -18
- package/out/theme/interfaces/palette/colors/index.d.ts +0 -1
- package/out/theme/interfaces/palette/index.d.ts +1 -0
- package/out/theme/interfaces/theme/Theme.d.ts +13 -0
- package/out/theme/interfaces/theme/ThemeConstants.d.ts +0 -18
- package/out/theme/styles/index.d.ts +1 -2
- package/out/theme/styles/init.luau +3 -1
- package/out/theme/styles/types/index.d.ts +0 -1
- package/out/theme/styles/utilities/classNames.d.ts +3 -2
- package/out/theme/styles/utilities/classNames.luau +7 -173
- package/out/theme/styles/utilities/componentStyles.d.ts +7 -0
- package/out/theme/styles/utilities/componentStyles.luau +31 -0
- package/out/theme/styles/utilities/componentTheme.d.ts +20 -0
- package/out/theme/styles/utilities/componentTheme.luau +53 -0
- package/out/theme/styles/utilities/createStyles.d.ts +1 -2
- package/out/theme/styles/utilities/index.d.ts +5 -1
- package/out/theme/styles/utilities/init.luau +7 -1
- package/out/theme/styles/utilities/interaction.d.ts +13 -0
- package/out/theme/styles/utilities/interaction.luau +68 -0
- package/out/theme/styles/utilities/makeStyles.luau +14 -15
- package/out/theme/styles/utilities/styleCache.d.ts +2 -0
- package/out/theme/styles/utilities/styleCache.luau +68 -0
- package/out/theme/styles/utilities/variants.d.ts +19 -0
- package/out/theme/styles/utilities/variants.luau +59 -0
- package/out/theme/themes/DarkTheme.luau +4 -57
- package/out/theme/themes/LightTheme.luau +4 -57
- package/out/theme/themes/createPalette.d.ts +3 -0
- package/out/theme/themes/createPalette.luau +111 -0
- package/out/theme/themes/index.d.ts +1 -0
- package/out/theme/themes/init.luau +3 -0
- package/out/theme/types/types.d.ts +1 -0
- package/out/theme/utilites/colorMath.d.ts +8 -0
- package/out/theme/utilites/colorMath.luau +35 -0
- package/out/theme/utilites/index.d.ts +1 -0
- package/out/theme/utilites/init.luau +6 -0
- package/out/ui/enums/Icons.d.ts +5 -1
- package/out/ui/enums/Icons.luau +4 -0
- package/out/ui/index.d.ts +12 -0
- package/out/ui/init.luau +5 -0
- package/out/ui/packages/accordion/components/Accordion.d.ts +11 -0
- package/out/ui/packages/accordion/components/Accordion.luau +93 -0
- package/out/ui/packages/accordion/components/Accordion.styles.d.ts +4 -0
- package/out/ui/packages/accordion/components/Accordion.styles.luau +65 -0
- package/out/ui/packages/accordion/components/accordionOpen.d.ts +1 -0
- package/out/ui/packages/accordion/components/accordionOpen.luau +10 -0
- package/out/ui/packages/accordion/index.d.ts +2 -0
- package/out/ui/packages/accordion/init.luau +5 -0
- package/out/ui/packages/assetField/components/AssetField.d.ts +10 -0
- package/out/ui/packages/assetField/components/AssetField.luau +75 -0
- package/out/ui/packages/assetField/components/AssetField.styles.d.ts +2 -0
- package/out/ui/packages/assetField/components/AssetField.styles.luau +33 -0
- package/out/ui/packages/assetField/components/assetPreviewUri.d.ts +1 -0
- package/out/ui/packages/assetField/components/assetPreviewUri.luau +25 -0
- package/out/ui/packages/assetField/index.d.ts +2 -0
- package/out/ui/packages/assetField/init.luau +5 -0
- package/out/ui/packages/autocomplete/components/Autocomplete.d.ts +5 -0
- package/out/ui/packages/autocomplete/components/Autocomplete.luau +45 -0
- package/out/ui/packages/autocomplete/components/autocompleteSearchable.d.ts +1 -0
- package/out/ui/packages/autocomplete/components/autocompleteSearchable.luau +7 -0
- package/out/ui/packages/autocomplete/index.d.ts +2 -0
- package/out/ui/packages/autocomplete/init.luau +5 -0
- package/out/ui/packages/avatar/components/Avatar.d.ts +8 -0
- package/out/ui/packages/avatar/components/Avatar.luau +69 -0
- package/out/ui/packages/avatar/components/Avatar.styles.d.ts +4 -0
- package/out/ui/packages/avatar/components/Avatar.styles.luau +39 -0
- package/out/ui/packages/avatar/components/avatarText.d.ts +1 -0
- package/out/ui/packages/avatar/components/avatarText.luau +17 -0
- package/out/ui/packages/avatar/index.d.ts +3 -0
- package/out/ui/packages/avatar/init.luau +6 -0
- package/out/ui/packages/badge/components/Badge.d.ts +10 -0
- package/out/ui/packages/badge/components/Badge.luau +69 -0
- package/out/ui/packages/badge/components/Badge.styles.d.ts +2 -0
- package/out/ui/packages/badge/components/Badge.styles.luau +38 -0
- package/out/ui/packages/badge/components/badgeValue.d.ts +1 -0
- package/out/ui/packages/badge/components/badgeValue.luau +7 -0
- package/out/ui/packages/badge/index.d.ts +3 -0
- package/out/ui/packages/badge/init.luau +6 -0
- package/out/ui/packages/breadcrumbs/components/Breadcrumbs.d.ts +11 -0
- package/out/ui/packages/breadcrumbs/components/Breadcrumbs.luau +82 -0
- package/out/ui/packages/breadcrumbs/components/Breadcrumbs.styles.d.ts +2 -0
- package/out/ui/packages/breadcrumbs/components/Breadcrumbs.styles.luau +47 -0
- package/out/ui/packages/breadcrumbs/components/breadcrumbItems.d.ts +1 -0
- package/out/ui/packages/breadcrumbs/components/breadcrumbItems.luau +7 -0
- package/out/ui/packages/breadcrumbs/index.d.ts +2 -0
- package/out/ui/packages/breadcrumbs/init.luau +5 -0
- package/out/ui/packages/brickColorPicker/components/BrickColorPicker.d.ts +9 -0
- package/out/ui/packages/brickColorPicker/components/BrickColorPicker.luau +234 -0
- package/out/ui/packages/brickColorPicker/components/BrickColorPicker.styles.d.ts +2 -0
- package/out/ui/packages/brickColorPicker/components/BrickColorPicker.styles.luau +98 -0
- package/out/ui/packages/brickColorPicker/components/brickColorCatalog.d.ts +1 -0
- package/out/ui/packages/brickColorPicker/components/brickColorCatalog.luau +26 -0
- package/out/ui/packages/brickColorPicker/components/brickColorFilter.d.ts +2 -0
- package/out/ui/packages/brickColorPicker/components/brickColorFilter.luau +26 -0
- package/out/ui/packages/brickColorPicker/index.d.ts +3 -0
- package/out/ui/packages/brickColorPicker/init.luau +8 -0
- package/out/ui/packages/button/components/Button.d.ts +4 -0
- package/out/ui/packages/button/components/Button.luau +90 -37
- package/out/ui/packages/button/components/Button.styles.luau +18 -32
- package/out/ui/packages/button/components/activation.d.ts +1 -0
- package/out/ui/packages/button/components/activation.luau +7 -0
- package/out/ui/packages/button/components/buttonLook.d.ts +12 -0
- package/out/ui/packages/button/components/buttonLook.luau +55 -0
- package/out/ui/packages/button/types/ButtonSize.d.ts +1 -1
- package/out/ui/packages/card/components/Card.d.ts +11 -0
- package/out/ui/packages/card/components/Card.luau +74 -0
- package/out/ui/packages/card/components/Card.styles.d.ts +2 -0
- package/out/ui/packages/card/components/Card.styles.luau +66 -0
- package/out/ui/packages/card/index.d.ts +2 -0
- package/out/ui/packages/card/init.luau +5 -0
- package/out/ui/packages/cframeEditor/components/CFrameEditor.d.ts +8 -0
- package/out/ui/packages/cframeEditor/components/CFrameEditor.luau +89 -0
- package/out/ui/packages/cframeEditor/components/CFrameEditor.styles.d.ts +2 -0
- package/out/ui/packages/cframeEditor/components/CFrameEditor.styles.luau +46 -0
- package/out/ui/packages/cframeEditor/components/cframeValue.d.ts +3 -0
- package/out/ui/packages/cframeEditor/components/cframeValue.luau +15 -0
- package/out/ui/packages/cframeEditor/index.d.ts +2 -0
- package/out/ui/packages/cframeEditor/init.luau +5 -0
- package/out/ui/packages/checkbox/components/Checkbox.d.ts +11 -0
- package/out/ui/packages/checkbox/components/Checkbox.luau +136 -0
- package/out/ui/packages/checkbox/components/Checkbox.styles.d.ts +6 -0
- package/out/ui/packages/checkbox/components/Checkbox.styles.luau +69 -0
- package/out/ui/packages/checkbox/components/checkboxLook.d.ts +5 -0
- package/out/ui/packages/checkbox/components/checkboxLook.luau +52 -0
- package/out/ui/packages/checkbox/components/nextChecked.d.ts +1 -0
- package/out/ui/packages/checkbox/components/nextChecked.luau +7 -0
- package/out/ui/packages/checkbox/index.d.ts +2 -0
- package/out/ui/packages/checkbox/init.luau +5 -0
- package/out/ui/packages/chip/components/Chip.d.ts +9 -0
- package/out/ui/packages/chip/components/Chip.luau +63 -0
- package/out/ui/packages/chip/components/Chip.styles.d.ts +5 -0
- package/out/ui/packages/chip/components/Chip.styles.luau +47 -0
- package/out/ui/packages/chip/index.d.ts +2 -0
- package/out/ui/packages/chip/init.luau +5 -0
- package/out/ui/packages/circularProgress/components/CircularProgress.d.ts +11 -0
- package/out/ui/packages/circularProgress/components/CircularProgress.luau +109 -0
- package/out/ui/packages/circularProgress/index.d.ts +2 -0
- package/out/ui/packages/circularProgress/init.luau +5 -0
- package/out/ui/packages/colorPicker/components/ColorPicker.d.ts +8 -0
- package/out/ui/packages/colorPicker/components/ColorPicker.luau +512 -0
- package/out/ui/packages/colorPicker/components/ColorPicker.styles.d.ts +2 -0
- package/out/ui/packages/colorPicker/components/ColorPicker.styles.luau +145 -0
- package/out/ui/packages/colorPicker/components/ColorSequenceEditor.d.ts +8 -0
- package/out/ui/packages/colorPicker/components/ColorSequenceEditor.luau +190 -0
- package/out/ui/packages/colorPicker/components/NumberSequenceEditor.d.ts +8 -0
- package/out/ui/packages/colorPicker/components/NumberSequenceEditor.luau +240 -0
- package/out/ui/packages/colorPicker/components/colorValue.d.ts +22 -0
- package/out/ui/packages/colorPicker/components/colorValue.luau +157 -0
- package/out/ui/packages/colorPicker/components/sequenceValue.d.ts +26 -0
- package/out/ui/packages/colorPicker/components/sequenceValue.luau +307 -0
- package/out/ui/packages/colorPicker/index.d.ts +11 -0
- package/out/ui/packages/colorPicker/init.luau +37 -0
- package/out/ui/packages/dialog/components/Dialog.d.ts +11 -0
- package/out/ui/packages/dialog/components/Dialog.luau +56 -0
- package/out/ui/packages/dialog/components/Dialog.styles.d.ts +2 -0
- package/out/ui/packages/dialog/components/Dialog.styles.luau +55 -0
- package/out/ui/packages/dialog/index.d.ts +2 -0
- package/out/ui/packages/dialog/init.luau +5 -0
- package/out/ui/packages/divider/components/Divider.luau +6 -0
- package/out/ui/packages/divider/components/Divider.styles.luau +4 -4
- package/out/ui/packages/drawer/components/Drawer.d.ts +11 -0
- package/out/ui/packages/drawer/components/Drawer.luau +77 -0
- package/out/ui/packages/drawer/components/Drawer.styles.d.ts +2 -0
- package/out/ui/packages/drawer/components/Drawer.styles.luau +40 -0
- package/out/ui/packages/drawer/components/drawerPlacement.d.ts +2 -0
- package/out/ui/packages/drawer/components/drawerPlacement.luau +7 -0
- package/out/ui/packages/drawer/index.d.ts +3 -0
- package/out/ui/packages/drawer/init.luau +5 -0
- package/out/ui/packages/enumPicker/components/EnumPicker.d.ts +11 -0
- package/out/ui/packages/enumPicker/components/EnumPicker.luau +42 -0
- package/out/ui/packages/enumPicker/components/enumOptions.d.ts +5 -0
- package/out/ui/packages/enumPicker/components/enumOptions.luau +28 -0
- package/out/ui/packages/enumPicker/index.d.ts +2 -0
- package/out/ui/packages/enumPicker/init.luau +5 -0
- package/out/ui/packages/fontEditor/components/FontEditor.d.ts +8 -0
- package/out/ui/packages/fontEditor/components/FontEditor.luau +223 -0
- package/out/ui/packages/fontEditor/components/FontEditor.styles.d.ts +2 -0
- package/out/ui/packages/fontEditor/components/FontEditor.styles.luau +56 -0
- package/out/ui/packages/fontEditor/components/fontValue.d.ts +10 -0
- package/out/ui/packages/fontEditor/components/fontValue.luau +81 -0
- package/out/ui/packages/fontEditor/index.d.ts +4 -0
- package/out/ui/packages/fontEditor/init.luau +10 -0
- package/out/ui/packages/gradientEditor/components/GradientEditor.d.ts +10 -0
- package/out/ui/packages/gradientEditor/components/GradientEditor.luau +156 -0
- package/out/ui/packages/gradientEditor/components/GradientEditor.styles.d.ts +2 -0
- package/out/ui/packages/gradientEditor/components/GradientEditor.styles.luau +37 -0
- package/out/ui/packages/gradientEditor/components/gradientPatch.d.ts +8 -0
- package/out/ui/packages/gradientEditor/components/gradientPatch.luau +17 -0
- package/out/ui/packages/gradientEditor/components/gradientValue.d.ts +9 -0
- package/out/ui/packages/gradientEditor/components/gradientValue.luau +23 -0
- package/out/ui/packages/gradientEditor/index.d.ts +2 -0
- package/out/ui/packages/gradientEditor/init.luau +5 -0
- package/out/ui/packages/icon/components/Icon.luau +6 -0
- package/out/ui/packages/icon/components/Icon.styles.luau +3 -3
- package/out/ui/packages/iconButton/components/IconButton.d.ts +3 -0
- package/out/ui/packages/iconButton/components/IconButton.luau +53 -5
- package/out/ui/packages/iconButton/components/IconButton.styles.luau +3 -3
- package/out/ui/packages/index.d.ts +46 -0
- package/out/ui/packages/init.luau +138 -0
- package/out/ui/packages/input/components/Input.d.ts +6 -1
- package/out/ui/packages/input/components/Input.luau +137 -54
- package/out/ui/packages/input/components/Input.styles.d.ts +3 -1
- package/out/ui/packages/input/components/Input.styles.luau +74 -52
- package/out/ui/packages/input/components/inputDraft.d.ts +1 -0
- package/out/ui/packages/input/components/inputDraft.luau +17 -0
- package/out/ui/packages/input/components/inputInsets.d.ts +4 -0
- package/out/ui/packages/input/components/inputInsets.luau +10 -0
- package/out/ui/packages/layout/components/Grid.luau +8 -2
- package/out/ui/packages/layout/components/List.luau +8 -2
- package/out/ui/packages/listItem/components/ListItem.d.ts +9 -0
- package/out/ui/packages/listItem/components/ListItem.luau +67 -0
- package/out/ui/packages/listItem/components/ListItem.styles.d.ts +5 -0
- package/out/ui/packages/listItem/components/ListItem.styles.luau +64 -0
- package/out/ui/packages/listItem/index.d.ts +2 -0
- package/out/ui/packages/listItem/init.luau +5 -0
- package/out/ui/packages/loadingStroke/components/LoadingStroke.luau +27 -22
- package/out/ui/packages/menu/components/Menu.d.ts +14 -0
- package/out/ui/packages/menu/components/Menu.luau +60 -0
- package/out/ui/packages/menu/components/Menu.styles.d.ts +2 -0
- package/out/ui/packages/menu/components/Menu.styles.luau +26 -0
- package/out/ui/packages/menu/index.d.ts +2 -0
- package/out/ui/packages/menu/init.luau +5 -0
- package/out/ui/packages/modal/components/Modal.d.ts +9 -0
- package/out/ui/packages/modal/components/Modal.luau +97 -0
- package/out/ui/packages/modal/components/Modal.styles.d.ts +2 -0
- package/out/ui/packages/modal/components/Modal.styles.luau +47 -0
- package/out/ui/packages/modal/components/dismissInput.d.ts +1 -0
- package/out/ui/packages/modal/components/dismissInput.luau +8 -0
- package/out/ui/packages/modal/components/focusTrap.d.ts +2 -0
- package/out/ui/packages/modal/components/focusTrap.luau +22 -0
- package/out/ui/packages/modal/index.d.ts +2 -0
- package/out/ui/packages/modal/init.luau +5 -0
- package/out/ui/packages/motion/duration.d.ts +2 -0
- package/out/ui/packages/motion/duration.luau +17 -0
- package/out/ui/packages/motion/index.d.ts +5 -0
- package/out/ui/packages/motion/init.luau +16 -0
- package/out/ui/packages/motion/loop.d.ts +1 -0
- package/out/ui/packages/motion/loop.luau +18 -0
- package/out/ui/packages/motion/play.d.ts +1 -0
- package/out/ui/packages/motion/play.luau +23 -0
- package/out/ui/packages/motion/resolveReduced.d.ts +1 -0
- package/out/ui/packages/motion/resolveReduced.luau +10 -0
- package/out/ui/packages/motion/unit.d.ts +8 -0
- package/out/ui/packages/motion/unit.luau +80 -0
- package/out/ui/packages/numberInput/components/NumberInput.d.ts +14 -0
- package/out/ui/packages/numberInput/components/NumberInput.luau +44 -0
- package/out/ui/packages/numberInput/components/numberValue.d.ts +2 -0
- package/out/ui/packages/numberInput/components/numberValue.luau +29 -0
- package/out/ui/packages/numberInput/index.d.ts +2 -0
- package/out/ui/packages/numberInput/init.luau +5 -0
- package/out/ui/packages/numberRangeEditor/components/NumberRangeEditor.d.ts +8 -0
- package/out/ui/packages/numberRangeEditor/components/NumberRangeEditor.luau +96 -0
- package/out/ui/packages/numberRangeEditor/components/NumberRangeEditor.styles.d.ts +2 -0
- package/out/ui/packages/numberRangeEditor/components/NumberRangeEditor.styles.luau +41 -0
- package/out/ui/packages/numberRangeEditor/components/numberRangeValue.d.ts +4 -0
- package/out/ui/packages/numberRangeEditor/components/numberRangeValue.luau +16 -0
- package/out/ui/packages/numberRangeEditor/index.d.ts +2 -0
- package/out/ui/packages/numberRangeEditor/init.luau +5 -0
- package/out/ui/packages/pagination/components/Pagination.d.ts +9 -0
- package/out/ui/packages/pagination/components/Pagination.luau +72 -0
- package/out/ui/packages/pagination/components/Pagination.styles.d.ts +2 -0
- package/out/ui/packages/pagination/components/Pagination.styles.luau +39 -0
- package/out/ui/packages/pagination/components/pageRange.d.ts +1 -0
- package/out/ui/packages/pagination/components/pageRange.luau +24 -0
- package/out/ui/packages/pagination/index.d.ts +2 -0
- package/out/ui/packages/pagination/init.luau +5 -0
- package/out/ui/packages/paper/components/Paper.d.ts +8 -0
- package/out/ui/packages/paper/components/Paper.luau +31 -0
- package/out/ui/packages/paper/components/Paper.styles.d.ts +4 -0
- package/out/ui/packages/paper/components/Paper.styles.luau +32 -0
- package/out/ui/packages/paper/index.d.ts +2 -0
- package/out/ui/packages/paper/init.luau +5 -0
- package/out/ui/packages/physicalPropertiesEditor/components/PhysicalPropertiesEditor.d.ts +8 -0
- package/out/ui/packages/physicalPropertiesEditor/components/PhysicalPropertiesEditor.luau +85 -0
- package/out/ui/packages/physicalPropertiesEditor/components/PhysicalPropertiesEditor.styles.d.ts +2 -0
- package/out/ui/packages/physicalPropertiesEditor/components/PhysicalPropertiesEditor.styles.luau +46 -0
- package/out/ui/packages/physicalPropertiesEditor/components/physicalParts.d.ts +3 -0
- package/out/ui/packages/physicalPropertiesEditor/components/physicalParts.luau +14 -0
- package/out/ui/packages/physicalPropertiesEditor/index.d.ts +2 -0
- package/out/ui/packages/physicalPropertiesEditor/init.luau +5 -0
- package/out/ui/packages/popup/components/Popup.d.ts +13 -0
- package/out/ui/packages/popup/components/Popup.luau +131 -0
- package/out/ui/packages/popup/components/Portal.d.ts +7 -0
- package/out/ui/packages/popup/components/Portal.luau +15 -0
- package/out/ui/packages/popup/components/placement.d.ts +9 -0
- package/out/ui/packages/popup/components/placement.luau +41 -0
- package/out/ui/packages/popup/components/portalTarget.d.ts +1 -0
- package/out/ui/packages/popup/components/portalTarget.luau +13 -0
- package/out/ui/packages/popup/index.d.ts +4 -0
- package/out/ui/packages/popup/init.luau +6 -0
- package/out/ui/packages/preloader/components/Preloader.luau +6 -0
- package/out/ui/packages/preloader/components/Preloader.styles.luau +3 -3
- package/out/ui/packages/progressBar/components/ProgressBar.d.ts +8 -1
- package/out/ui/packages/progressBar/components/ProgressBar.luau +61 -11
- package/out/ui/packages/progressBar/components/ProgressBar.styles.luau +2 -2
- package/out/ui/packages/progressBar/index.d.ts +2 -3
- package/out/ui/packages/progressBar/init.luau +3 -4
- package/out/ui/packages/radioGroup/components/RadioGroup.d.ts +16 -0
- package/out/ui/packages/radioGroup/components/RadioGroup.luau +112 -0
- package/out/ui/packages/radioGroup/components/RadioGroup.styles.d.ts +6 -0
- package/out/ui/packages/radioGroup/components/RadioGroup.styles.luau +66 -0
- package/out/ui/packages/radioGroup/index.d.ts +2 -0
- package/out/ui/packages/radioGroup/init.luau +5 -0
- package/out/ui/packages/rayEditor/components/RayEditor.d.ts +8 -0
- package/out/ui/packages/rayEditor/components/RayEditor.luau +83 -0
- package/out/ui/packages/rayEditor/components/RayEditor.styles.d.ts +2 -0
- package/out/ui/packages/rayEditor/components/RayEditor.styles.luau +37 -0
- package/out/ui/packages/rayEditor/components/rayParts.d.ts +1 -0
- package/out/ui/packages/rayEditor/components/rayParts.luau +10 -0
- package/out/ui/packages/rayEditor/index.d.ts +2 -0
- package/out/ui/packages/rayEditor/init.luau +5 -0
- package/out/ui/packages/rectEditor/components/RectEditor.d.ts +8 -0
- package/out/ui/packages/rectEditor/components/RectEditor.luau +85 -0
- package/out/ui/packages/rectEditor/components/RectEditor.styles.d.ts +2 -0
- package/out/ui/packages/rectEditor/components/RectEditor.styles.luau +46 -0
- package/out/ui/packages/rectEditor/components/rectValue.d.ts +3 -0
- package/out/ui/packages/rectEditor/components/rectValue.luau +14 -0
- package/out/ui/packages/rectEditor/index.d.ts +2 -0
- package/out/ui/packages/rectEditor/init.luau +5 -0
- package/out/ui/packages/scroll/dragScroll.d.ts +8 -0
- package/out/ui/packages/scroll/dragScroll.luau +51 -0
- package/out/ui/packages/scroll/index.d.ts +2 -0
- package/out/ui/packages/scroll/init.luau +5 -0
- package/out/ui/packages/scroll/useDragScroll.d.ts +5 -0
- package/out/ui/packages/scroll/useDragScroll.luau +127 -0
- package/out/ui/packages/select/components/Select.d.ts +15 -0
- package/out/ui/packages/select/components/Select.luau +432 -0
- package/out/ui/packages/select/components/Select.styles.d.ts +6 -0
- package/out/ui/packages/select/components/Select.styles.luau +104 -0
- package/out/ui/packages/select/components/optionLabel.d.ts +1 -0
- package/out/ui/packages/select/components/optionLabel.luau +7 -0
- package/out/ui/packages/select/components/selectFilter.d.ts +4 -0
- package/out/ui/packages/select/components/selectFilter.luau +27 -0
- package/out/ui/packages/select/components/selectFocus.d.ts +4 -0
- package/out/ui/packages/select/components/selectFocus.luau +16 -0
- package/out/ui/packages/select/components/selectGroups.d.ts +18 -0
- package/out/ui/packages/select/components/selectGroups.luau +38 -0
- package/out/ui/packages/select/components/selectKey.d.ts +4 -0
- package/out/ui/packages/select/components/selectKey.luau +14 -0
- package/out/ui/packages/select/components/selectMotion.d.ts +2 -0
- package/out/ui/packages/select/components/selectMotion.luau +12 -0
- package/out/ui/packages/select/components/selectMulti.d.ts +5 -0
- package/out/ui/packages/select/components/selectMulti.luau +26 -0
- package/out/ui/packages/select/components/selectTypeahead.d.ts +4 -0
- package/out/ui/packages/select/components/selectTypeahead.luau +58 -0
- package/out/ui/packages/select/components/stepChoice.d.ts +3 -0
- package/out/ui/packages/select/components/stepChoice.luau +24 -0
- package/out/ui/packages/select/index.d.ts +3 -0
- package/out/ui/packages/select/init.luau +8 -0
- package/out/ui/packages/shadow/components/Shadow.styles.luau +3 -3
- package/out/ui/packages/sidebar/components/Sidebar.luau +6 -0
- package/out/ui/packages/sidebar/components/Sidebar.styles.luau +3 -3
- package/out/ui/packages/skeleton/components/Skeleton.d.ts +15 -0
- package/out/ui/packages/skeleton/components/Skeleton.luau +224 -0
- package/out/ui/packages/skeleton/components/Skeleton.styles.d.ts +2 -0
- package/out/ui/packages/skeleton/components/Skeleton.styles.luau +27 -0
- package/out/ui/packages/skeleton/components/skeletonMotion.d.ts +3 -0
- package/out/ui/packages/skeleton/components/skeletonMotion.luau +17 -0
- package/out/ui/packages/skeleton/index.d.ts +3 -0
- package/out/ui/packages/skeleton/init.luau +7 -0
- package/out/ui/packages/slider/components/Slider.d.ts +13 -0
- package/out/ui/packages/slider/components/Slider.luau +204 -0
- package/out/ui/packages/slider/components/Slider.styles.d.ts +6 -0
- package/out/ui/packages/slider/components/Slider.styles.luau +47 -0
- package/out/ui/packages/slider/components/sliderNudge.d.ts +4 -0
- package/out/ui/packages/slider/components/sliderNudge.luau +39 -0
- package/out/ui/packages/slider/index.d.ts +2 -0
- package/out/ui/packages/slider/init.luau +5 -0
- package/out/ui/packages/snackbar/components/Snackbar.d.ts +11 -0
- package/out/ui/packages/snackbar/components/Snackbar.luau +41 -0
- package/out/ui/packages/snackbar/index.d.ts +2 -0
- package/out/ui/packages/snackbar/init.luau +5 -0
- package/out/ui/packages/splitPane/components/SplitPane.d.ts +14 -0
- package/out/ui/packages/splitPane/components/SplitPane.luau +241 -0
- package/out/ui/packages/splitPane/components/SplitPane.styles.d.ts +2 -0
- package/out/ui/packages/splitPane/components/SplitPane.styles.luau +59 -0
- package/out/ui/packages/splitPane/components/splitLook.d.ts +5 -0
- package/out/ui/packages/splitPane/components/splitLook.luau +49 -0
- package/out/ui/packages/splitPane/components/splitSize.d.ts +10 -0
- package/out/ui/packages/splitPane/components/splitSize.luau +46 -0
- package/out/ui/packages/splitPane/index.d.ts +2 -0
- package/out/ui/packages/splitPane/init.luau +5 -0
- package/out/ui/packages/stateMatrix.d.ts +30 -0
- package/out/ui/packages/stateMatrix.luau +1369 -0
- package/out/ui/packages/stepper/components/Stepper.d.ts +7 -0
- package/out/ui/packages/stepper/components/Stepper.luau +62 -0
- package/out/ui/packages/stepper/components/Stepper.styles.d.ts +2 -0
- package/out/ui/packages/stepper/components/Stepper.styles.luau +39 -0
- package/out/ui/packages/stepper/components/stepState.d.ts +2 -0
- package/out/ui/packages/stepper/components/stepState.luau +13 -0
- package/out/ui/packages/stepper/index.d.ts +3 -0
- package/out/ui/packages/stepper/init.luau +6 -0
- package/out/ui/packages/switch/components/Switch.d.ts +11 -0
- package/out/ui/packages/switch/components/Switch.luau +170 -0
- package/out/ui/packages/switch/components/Switch.styles.d.ts +6 -0
- package/out/ui/packages/switch/components/Switch.styles.luau +62 -0
- package/out/ui/packages/switch/components/switchLook.d.ts +10 -0
- package/out/ui/packages/switch/components/switchLook.luau +63 -0
- package/out/ui/packages/switch/index.d.ts +2 -0
- package/out/ui/packages/switch/init.luau +5 -0
- package/out/ui/packages/table/components/Table.d.ts +9 -0
- package/out/ui/packages/table/components/Table.luau +135 -0
- package/out/ui/packages/table/components/Table.styles.d.ts +2 -0
- package/out/ui/packages/table/components/Table.styles.luau +70 -0
- package/out/ui/packages/table/components/rowSelected.d.ts +1 -0
- package/out/ui/packages/table/components/rowSelected.luau +7 -0
- package/out/ui/packages/table/index.d.ts +2 -0
- package/out/ui/packages/table/init.luau +5 -0
- package/out/ui/packages/tabs/components/Tabs.d.ts +10 -0
- package/out/ui/packages/tabs/components/Tabs.luau +113 -0
- package/out/ui/packages/tabs/components/Tabs.styles.d.ts +2 -0
- package/out/ui/packages/tabs/components/Tabs.styles.luau +55 -0
- package/out/ui/packages/tabs/index.d.ts +2 -0
- package/out/ui/packages/tabs/init.luau +5 -0
- package/out/ui/packages/toast/components/Toast.luau +6 -0
- package/out/ui/packages/toast/components/Toast.styles.luau +23 -10
- package/out/ui/packages/tooltip/components/Tooltip.d.ts +7 -0
- package/out/ui/packages/tooltip/components/Tooltip.luau +119 -0
- package/out/ui/packages/tooltip/components/Tooltip.styles.d.ts +2 -0
- package/out/ui/packages/tooltip/components/Tooltip.styles.luau +43 -0
- package/out/ui/packages/tooltip/index.d.ts +2 -0
- package/out/ui/packages/tooltip/init.luau +5 -0
- package/out/ui/packages/treeView/components/TreeView.d.ts +1 -0
- package/out/ui/packages/treeView/components/TreeView.luau +201 -225
- package/out/ui/packages/treeView/components/TreeView.styles.luau +6 -34
- package/out/ui/packages/treeView/components/treeRows.d.ts +23 -0
- package/out/ui/packages/treeView/components/treeRows.luau +147 -0
- package/out/ui/packages/treeView/interfaces/Branch.d.ts +3 -0
- package/out/ui/packages/treeView/interfaces/Leaf.d.ts +2 -0
- package/out/ui/packages/typography/components/Typography.luau +6 -0
- package/out/ui/packages/typography/components/Typography.styles.luau +8 -11
- package/out/ui/packages/udimEditor/components/UDimEditor.d.ts +8 -0
- package/out/ui/packages/udimEditor/components/UDimEditor.luau +127 -0
- package/out/ui/packages/udimEditor/components/UDimEditor.styles.d.ts +2 -0
- package/out/ui/packages/udimEditor/components/UDimEditor.styles.luau +50 -0
- package/out/ui/packages/udimEditor/index.d.ts +2 -0
- package/out/ui/packages/udimEditor/init.luau +5 -0
- package/out/ui/packages/vectorEditor/components/VectorEditor.d.ts +10 -0
- package/out/ui/packages/vectorEditor/components/VectorEditor.luau +87 -0
- package/out/ui/packages/vectorEditor/components/VectorEditor.styles.d.ts +2 -0
- package/out/ui/packages/vectorEditor/components/VectorEditor.styles.luau +41 -0
- package/out/ui/packages/vectorEditor/components/vectorValue.d.ts +10 -0
- package/out/ui/packages/vectorEditor/components/vectorValue.luau +49 -0
- package/out/ui/packages/vectorEditor/index.d.ts +4 -0
- package/out/ui/packages/vectorEditor/init.luau +11 -0
- package/out/ui/packages/virtualList/components/VirtualList.d.ts +23 -0
- package/out/ui/packages/virtualList/components/VirtualList.luau +178 -0
- package/out/ui/packages/virtualList/components/VirtualList.styles.d.ts +2 -0
- package/out/ui/packages/virtualList/components/VirtualList.styles.luau +29 -0
- package/out/ui/packages/virtualList/components/virtualWindow.d.ts +10 -0
- package/out/ui/packages/virtualList/components/virtualWindow.luau +66 -0
- package/out/ui/packages/virtualList/index.d.ts +2 -0
- package/out/ui/packages/virtualList/init.luau +5 -0
- package/package.json +7 -3
- package/out/theme/interfaces/palette/colors/Colors.d.ts +0 -42
- package/out/theme/interfaces/palette/colors/Colors.luau +0 -2
- package/out/theme/styles/types/ConditionalStylesMap.d.ts +0 -2
- package/out/theme/styles/types/ConditionalStylesMap.luau +0 -2
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
-- Compiled with roblox-ts v3.0.0
|
|
2
|
+
local TS = _G[script]
|
|
3
|
+
local exports = {}
|
|
4
|
+
exports.FontEditor = TS.import(script, script, "components", "FontEditor").default
|
|
5
|
+
local _fontValue = TS.import(script, script, "components", "fontValue")
|
|
6
|
+
exports.enumFamilies = _fontValue.enumFamilies
|
|
7
|
+
exports.familyLabel = _fontValue.familyLabel
|
|
8
|
+
exports.uniqueFamilies = _fontValue.uniqueFamilies
|
|
9
|
+
exports.writeFont = _fontValue.writeFont
|
|
10
|
+
return exports
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { CustomizedProps } from "../../../../theme/index";
|
|
2
|
+
import { GradientValue } from "./gradientValue";
|
|
3
|
+
export interface GradientEditorProps {
|
|
4
|
+
value: GradientValue;
|
|
5
|
+
onChange: (value: GradientValue) => void;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
}
|
|
8
|
+
export type { GradientValue };
|
|
9
|
+
declare function GradientEditor(props: CustomizedProps<Frame, GradientEditorProps>): JSX.Element;
|
|
10
|
+
export default GradientEditor;
|
|
@@ -0,0 +1,156 @@
|
|
|
1
|
+
-- Compiled with roblox-ts v3.0.0
|
|
2
|
+
local TS = _G[script]
|
|
3
|
+
local React = TS.import(script, TS.getModule(script, "@rbxts", "react"))
|
|
4
|
+
local _colorPicker = TS.import(script, script.Parent.Parent.Parent, "colorPicker")
|
|
5
|
+
local ColorSequenceEditor = _colorPicker.ColorSequenceEditor
|
|
6
|
+
local NumberSequenceEditor = _colorPicker.NumberSequenceEditor
|
|
7
|
+
local NumberInput = TS.import(script, script.Parent.Parent.Parent, "numberInput").NumberInput
|
|
8
|
+
local Switch = TS.import(script, script.Parent.Parent.Parent, "switch").Switch
|
|
9
|
+
local VectorEditor = TS.import(script, script.Parent.Parent.Parent, "vectorEditor").VectorEditor
|
|
10
|
+
local useGradientEditorStyles = TS.import(script, script.Parent, "GradientEditor.styles").default
|
|
11
|
+
local _gradientValue = TS.import(script, script.Parent, "gradientValue")
|
|
12
|
+
local patchGradientEnabled = _gradientValue.patchGradientEnabled
|
|
13
|
+
local patchGradientRotation = _gradientValue.patchGradientRotation
|
|
14
|
+
local function GradientEditor(props)
|
|
15
|
+
local _binding = props
|
|
16
|
+
local value = _binding.value
|
|
17
|
+
local onChange = _binding.onChange
|
|
18
|
+
local disabled = _binding.disabled
|
|
19
|
+
local className = _binding.className
|
|
20
|
+
local sx = _binding.sx
|
|
21
|
+
local id = _binding.id
|
|
22
|
+
local ref = _binding.ref
|
|
23
|
+
local styles = useGradientEditorStyles()
|
|
24
|
+
local _attributes = {}
|
|
25
|
+
local _condition = id
|
|
26
|
+
if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
|
|
27
|
+
_condition = "GradientEditor"
|
|
28
|
+
end
|
|
29
|
+
_attributes.key = _condition
|
|
30
|
+
_attributes.ref = ref
|
|
31
|
+
for _k, _v in styles.root do
|
|
32
|
+
_attributes[_k] = _v
|
|
33
|
+
end
|
|
34
|
+
if className then
|
|
35
|
+
for _k, _v in className do
|
|
36
|
+
_attributes[_k] = _v
|
|
37
|
+
end
|
|
38
|
+
end
|
|
39
|
+
if sx then
|
|
40
|
+
for _k, _v in sx do
|
|
41
|
+
_attributes[_k] = _v
|
|
42
|
+
end
|
|
43
|
+
end
|
|
44
|
+
local _attributes_1 = table.clone(styles.column)
|
|
45
|
+
setmetatable(_attributes_1, nil)
|
|
46
|
+
local _exp = React.createElement("uilistlayout", _attributes_1)
|
|
47
|
+
local _attributes_2 = {
|
|
48
|
+
key = "Color",
|
|
49
|
+
}
|
|
50
|
+
for _k, _v in styles.row do
|
|
51
|
+
_attributes_2[_k] = _v
|
|
52
|
+
end
|
|
53
|
+
_attributes_2.LayoutOrder = 1
|
|
54
|
+
local _attributes_3 = table.clone(styles.column)
|
|
55
|
+
setmetatable(_attributes_3, nil)
|
|
56
|
+
local _exp_1 = React.createElement("uilistlayout", _attributes_3)
|
|
57
|
+
local _attributes_4 = table.clone(styles.label)
|
|
58
|
+
setmetatable(_attributes_4, nil)
|
|
59
|
+
_attributes_4.Text = "Color"
|
|
60
|
+
local _exp_2 = React.createElement("frame", _attributes_2, _exp_1, React.createElement("textlabel", _attributes_4), React.createElement(ColorSequenceEditor, {
|
|
61
|
+
value = value.color,
|
|
62
|
+
disabled = disabled,
|
|
63
|
+
onChange = function(color)
|
|
64
|
+
local _object = table.clone(value)
|
|
65
|
+
setmetatable(_object, nil)
|
|
66
|
+
_object.color = color
|
|
67
|
+
return onChange(_object)
|
|
68
|
+
end,
|
|
69
|
+
}))
|
|
70
|
+
local _attributes_5 = {
|
|
71
|
+
key = "Transparency",
|
|
72
|
+
}
|
|
73
|
+
for _k, _v in styles.row do
|
|
74
|
+
_attributes_5[_k] = _v
|
|
75
|
+
end
|
|
76
|
+
_attributes_5.LayoutOrder = 2
|
|
77
|
+
local _attributes_6 = table.clone(styles.column)
|
|
78
|
+
setmetatable(_attributes_6, nil)
|
|
79
|
+
local _exp_3 = React.createElement("uilistlayout", _attributes_6)
|
|
80
|
+
local _attributes_7 = table.clone(styles.label)
|
|
81
|
+
setmetatable(_attributes_7, nil)
|
|
82
|
+
_attributes_7.Text = "Transparency"
|
|
83
|
+
local _exp_4 = React.createElement("frame", _attributes_5, _exp_3, React.createElement("textlabel", _attributes_7), React.createElement(NumberSequenceEditor, {
|
|
84
|
+
value = value.transparency,
|
|
85
|
+
disabled = disabled,
|
|
86
|
+
onChange = function(transparency)
|
|
87
|
+
local _object = table.clone(value)
|
|
88
|
+
setmetatable(_object, nil)
|
|
89
|
+
_object.transparency = transparency
|
|
90
|
+
return onChange(_object)
|
|
91
|
+
end,
|
|
92
|
+
}))
|
|
93
|
+
local _attributes_8 = {
|
|
94
|
+
key = "Rotation",
|
|
95
|
+
}
|
|
96
|
+
for _k, _v in styles.row do
|
|
97
|
+
_attributes_8[_k] = _v
|
|
98
|
+
end
|
|
99
|
+
_attributes_8.LayoutOrder = 3
|
|
100
|
+
local _attributes_9 = table.clone(styles.column)
|
|
101
|
+
setmetatable(_attributes_9, nil)
|
|
102
|
+
local _exp_5 = React.createElement("uilistlayout", _attributes_9)
|
|
103
|
+
local _attributes_10 = table.clone(styles.label)
|
|
104
|
+
setmetatable(_attributes_10, nil)
|
|
105
|
+
_attributes_10.Text = "Rotation"
|
|
106
|
+
local _exp_6 = React.createElement("frame", _attributes_8, _exp_5, React.createElement("textlabel", _attributes_10), React.createElement(NumberInput, {
|
|
107
|
+
value = value.rotation,
|
|
108
|
+
disabled = disabled,
|
|
109
|
+
width = UDim.new(1, 0),
|
|
110
|
+
onChange = function(rotation)
|
|
111
|
+
return onChange(patchGradientRotation(value, rotation))
|
|
112
|
+
end,
|
|
113
|
+
}))
|
|
114
|
+
local _attributes_11 = {
|
|
115
|
+
key = "Offset",
|
|
116
|
+
}
|
|
117
|
+
for _k, _v in styles.row do
|
|
118
|
+
_attributes_11[_k] = _v
|
|
119
|
+
end
|
|
120
|
+
_attributes_11.LayoutOrder = 4
|
|
121
|
+
local _attributes_12 = table.clone(styles.column)
|
|
122
|
+
setmetatable(_attributes_12, nil)
|
|
123
|
+
local _exp_7 = React.createElement("uilistlayout", _attributes_12)
|
|
124
|
+
local _attributes_13 = table.clone(styles.label)
|
|
125
|
+
setmetatable(_attributes_13, nil)
|
|
126
|
+
_attributes_13.Text = "Offset"
|
|
127
|
+
local _exp_8 = React.createElement("frame", _attributes_11, _exp_7, React.createElement("textlabel", _attributes_13), React.createElement(VectorEditor, {
|
|
128
|
+
value = value.offset,
|
|
129
|
+
disabled = disabled,
|
|
130
|
+
onChange = function(offset)
|
|
131
|
+
local _object = table.clone(value)
|
|
132
|
+
setmetatable(_object, nil)
|
|
133
|
+
_object.offset = offset
|
|
134
|
+
return onChange(_object)
|
|
135
|
+
end,
|
|
136
|
+
}))
|
|
137
|
+
local _attributes_14 = {
|
|
138
|
+
key = "Enabled",
|
|
139
|
+
}
|
|
140
|
+
for _k, _v in styles.row do
|
|
141
|
+
_attributes_14[_k] = _v
|
|
142
|
+
end
|
|
143
|
+
_attributes_14.LayoutOrder = 5
|
|
144
|
+
return React.createElement("frame", _attributes, _exp, _exp_2, _exp_4, _exp_6, _exp_8, React.createElement("frame", _attributes_14, React.createElement(Switch, {
|
|
145
|
+
value = value.enabled,
|
|
146
|
+
disabled = disabled,
|
|
147
|
+
label = "Enabled",
|
|
148
|
+
onChange = function(enabled)
|
|
149
|
+
return onChange(patchGradientEnabled(value, enabled))
|
|
150
|
+
end,
|
|
151
|
+
})))
|
|
152
|
+
end
|
|
153
|
+
local default = GradientEditor
|
|
154
|
+
return {
|
|
155
|
+
default = default,
|
|
156
|
+
}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
-- Compiled with roblox-ts v3.0.0
|
|
2
|
+
local TS = _G[script]
|
|
3
|
+
local _theme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme")
|
|
4
|
+
local createStyles = _theme.createStyles
|
|
5
|
+
local componentStyles = _theme.componentStyles
|
|
6
|
+
local useGradientEditorStyles = componentStyles("GradientEditor", function(theme)
|
|
7
|
+
return createStyles({
|
|
8
|
+
root = {
|
|
9
|
+
Size = UDim2.new(1, 0, 0, 0),
|
|
10
|
+
AutomaticSize = Enum.AutomaticSize.Y,
|
|
11
|
+
BackgroundTransparency = 1,
|
|
12
|
+
BorderSizePixel = 0,
|
|
13
|
+
},
|
|
14
|
+
column = {
|
|
15
|
+
FillDirection = Enum.FillDirection.Vertical,
|
|
16
|
+
Padding = UDim.new(0, theme.padding.calc(1)),
|
|
17
|
+
SortOrder = Enum.SortOrder.LayoutOrder,
|
|
18
|
+
},
|
|
19
|
+
row = {
|
|
20
|
+
Size = UDim2.new(1, 0, 0, 0),
|
|
21
|
+
AutomaticSize = Enum.AutomaticSize.Y,
|
|
22
|
+
BackgroundTransparency = 1,
|
|
23
|
+
},
|
|
24
|
+
label = {
|
|
25
|
+
Size = UDim2.new(1, 0, 0, theme.spacing.calc(1.5)),
|
|
26
|
+
BackgroundTransparency = 1,
|
|
27
|
+
Font = theme.typography.fontFamilies.default,
|
|
28
|
+
TextSize = theme.typography.fontSizes.caption,
|
|
29
|
+
TextColor3 = theme.palette.text.secondary,
|
|
30
|
+
TextXAlignment = Enum.TextXAlignment.Left,
|
|
31
|
+
},
|
|
32
|
+
})
|
|
33
|
+
end)
|
|
34
|
+
local default = useGradientEditorStyles
|
|
35
|
+
return {
|
|
36
|
+
default = default,
|
|
37
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export declare function patchRotation(rotation: number, enabled: boolean, amount: number): {
|
|
2
|
+
rotation: number;
|
|
3
|
+
enabled: boolean;
|
|
4
|
+
};
|
|
5
|
+
export declare function patchEnabled(rotation: number, enabled: boolean, on: boolean): {
|
|
6
|
+
rotation: number;
|
|
7
|
+
enabled: boolean;
|
|
8
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
-- Compiled with roblox-ts v3.0.0
|
|
2
|
+
local function patchRotation(rotation, enabled, amount)
|
|
3
|
+
return {
|
|
4
|
+
rotation = amount,
|
|
5
|
+
enabled = enabled,
|
|
6
|
+
}
|
|
7
|
+
end
|
|
8
|
+
local function patchEnabled(rotation, enabled, on)
|
|
9
|
+
return {
|
|
10
|
+
rotation = rotation,
|
|
11
|
+
enabled = on,
|
|
12
|
+
}
|
|
13
|
+
end
|
|
14
|
+
return {
|
|
15
|
+
patchRotation = patchRotation,
|
|
16
|
+
patchEnabled = patchEnabled,
|
|
17
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export interface GradientValue {
|
|
2
|
+
color: ColorSequence;
|
|
3
|
+
transparency: NumberSequence;
|
|
4
|
+
rotation: number;
|
|
5
|
+
offset: Vector2;
|
|
6
|
+
enabled: boolean;
|
|
7
|
+
}
|
|
8
|
+
export declare function patchGradientRotation(value: GradientValue, rotation: number): GradientValue;
|
|
9
|
+
export declare function patchGradientEnabled(value: GradientValue, enabled: boolean): GradientValue;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
-- Compiled with roblox-ts v3.0.0
|
|
2
|
+
local function patchGradientRotation(value, rotation)
|
|
3
|
+
return {
|
|
4
|
+
color = value.color,
|
|
5
|
+
transparency = value.transparency,
|
|
6
|
+
rotation = rotation,
|
|
7
|
+
offset = value.offset,
|
|
8
|
+
enabled = value.enabled,
|
|
9
|
+
}
|
|
10
|
+
end
|
|
11
|
+
local function patchGradientEnabled(value, enabled)
|
|
12
|
+
return {
|
|
13
|
+
color = value.color,
|
|
14
|
+
transparency = value.transparency,
|
|
15
|
+
rotation = value.rotation,
|
|
16
|
+
offset = value.offset,
|
|
17
|
+
enabled = enabled,
|
|
18
|
+
}
|
|
19
|
+
end
|
|
20
|
+
return {
|
|
21
|
+
patchGradientRotation = patchGradientRotation,
|
|
22
|
+
patchGradientEnabled = patchGradientEnabled,
|
|
23
|
+
}
|
|
@@ -7,6 +7,7 @@ local function Icon(props)
|
|
|
7
7
|
local icon = _binding.icon
|
|
8
8
|
local tint = _binding.tint
|
|
9
9
|
local className = _binding.className
|
|
10
|
+
local sx = _binding.sx
|
|
10
11
|
local id = _binding.id
|
|
11
12
|
local ref = _binding.ref
|
|
12
13
|
local _binding_1 = useIconStyles(props)
|
|
@@ -26,6 +27,11 @@ local function Icon(props)
|
|
|
26
27
|
_attributes[_k] = _v
|
|
27
28
|
end
|
|
28
29
|
end
|
|
30
|
+
if sx then
|
|
31
|
+
for _k, _v in sx do
|
|
32
|
+
_attributes[_k] = _v
|
|
33
|
+
end
|
|
34
|
+
end
|
|
29
35
|
_attributes.Image = tostring(icon)
|
|
30
36
|
_attributes.ImageColor3 = tint or container.ImageColor3
|
|
31
37
|
return React.createElement("imagelabel", _attributes)
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
local TS = _G[script]
|
|
3
3
|
local _theme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme")
|
|
4
4
|
local createStyles = _theme.createStyles
|
|
5
|
-
local
|
|
6
|
-
local useIconStyles =
|
|
5
|
+
local componentStyles = _theme.componentStyles
|
|
6
|
+
local useIconStyles = componentStyles("Icon", function(theme, props)
|
|
7
7
|
local getIconSize = function(props)
|
|
8
8
|
local _binding = props
|
|
9
9
|
local size = _binding.size
|
|
@@ -32,7 +32,7 @@ local useIconStyles = makeStyles(function(theme, props)
|
|
|
32
32
|
return createStyles({
|
|
33
33
|
container = {
|
|
34
34
|
Size = getIconSize(props),
|
|
35
|
-
BackgroundColor3 = theme.palette.
|
|
35
|
+
BackgroundColor3 = theme.palette.primary.main,
|
|
36
36
|
ImageColor3 = theme.palette.text.primary,
|
|
37
37
|
BackgroundTransparency = 1,
|
|
38
38
|
BorderSizePixel = 0,
|
|
@@ -5,6 +5,9 @@ export interface IconButtonProps {
|
|
|
5
5
|
size?: "xxs" | "xs" | "sm" | "md" | "lg" | "xl";
|
|
6
6
|
tint: Color3;
|
|
7
7
|
selected?: boolean;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
loading?: boolean;
|
|
10
|
+
reducedMotion?: boolean;
|
|
8
11
|
onClick?: () => void;
|
|
9
12
|
}
|
|
10
13
|
type DefaultIconButtonComponent = ImageButton;
|
|
@@ -2,20 +2,40 @@
|
|
|
2
2
|
local TS = _G[script]
|
|
3
3
|
local _react = TS.import(script, TS.getModule(script, "@rbxts", "react"))
|
|
4
4
|
local React = _react
|
|
5
|
+
local useEffect = _react.useEffect
|
|
5
6
|
local useState = _react.useState
|
|
7
|
+
local canActivate = TS.import(script, script.Parent.Parent.Parent, "button", "components", "activation").canActivate
|
|
8
|
+
local iconSpinnerPixels = TS.import(script, script.Parent.Parent.Parent, "button", "components", "buttonLook").iconSpinnerPixels
|
|
9
|
+
local CircularProgress = TS.import(script, script.Parent.Parent.Parent, "circularProgress").CircularProgress
|
|
6
10
|
local useIconButtonStyles = TS.import(script, script.Parent, "IconButton.styles").default
|
|
7
11
|
local function IconButton(props)
|
|
8
12
|
local _binding = props
|
|
9
13
|
local icon = _binding.icon
|
|
10
14
|
local selected = _binding.selected
|
|
11
15
|
local tint = _binding.tint
|
|
16
|
+
local disabled = _binding.disabled
|
|
17
|
+
local loading = _binding.loading
|
|
18
|
+
if loading == nil then
|
|
19
|
+
loading = false
|
|
20
|
+
end
|
|
21
|
+
local reducedMotion = _binding.reducedMotion
|
|
12
22
|
local onClick = _binding.onClick
|
|
13
23
|
local className = _binding.className
|
|
24
|
+
local sx = _binding.sx
|
|
14
25
|
local id = _binding.id
|
|
15
26
|
local ref = _binding.ref
|
|
16
27
|
local _binding_1 = useIconButtonStyles(props)
|
|
17
28
|
local container = _binding_1.container
|
|
29
|
+
local active = canActivate(disabled, loading)
|
|
18
30
|
local hovering, setHovering = useState(false)
|
|
31
|
+
local focused, setFocused = useState(false)
|
|
32
|
+
useEffect(function()
|
|
33
|
+
if active then
|
|
34
|
+
return nil
|
|
35
|
+
end
|
|
36
|
+
setHovering(false)
|
|
37
|
+
setFocused(false)
|
|
38
|
+
end, { active })
|
|
19
39
|
local _attributes = {}
|
|
20
40
|
local _condition = id
|
|
21
41
|
if not (_condition ~= 0 and _condition == _condition and _condition ~= "" and _condition) then
|
|
@@ -31,23 +51,51 @@ local function IconButton(props)
|
|
|
31
51
|
_attributes[_k] = _v
|
|
32
52
|
end
|
|
33
53
|
end
|
|
34
|
-
|
|
54
|
+
if sx then
|
|
55
|
+
for _k, _v in sx do
|
|
56
|
+
_attributes[_k] = _v
|
|
57
|
+
end
|
|
58
|
+
end
|
|
59
|
+
_attributes.Active = active
|
|
60
|
+
_attributes.AutoButtonColor = active
|
|
61
|
+
_attributes.Selectable = active
|
|
62
|
+
_attributes.BackgroundTransparency = if loading then 1 elseif not active or hovering or selected or focused then 0.5 else 1
|
|
35
63
|
_attributes.Image = tostring(icon)
|
|
64
|
+
_attributes.ImageTransparency = if loading then 1 else 0
|
|
36
65
|
_attributes.ImageColor3 = tint or container.ImageColor3
|
|
37
66
|
_attributes.Event = {
|
|
38
67
|
MouseButton1Click = function()
|
|
39
|
-
if onClick then
|
|
68
|
+
if active and onClick then
|
|
40
69
|
onClick()
|
|
41
70
|
end
|
|
42
71
|
end,
|
|
43
72
|
MouseEnter = function()
|
|
44
|
-
|
|
73
|
+
if active then
|
|
74
|
+
setHovering(true)
|
|
75
|
+
end
|
|
45
76
|
end,
|
|
46
77
|
MouseLeave = function()
|
|
47
|
-
setHovering(false)
|
|
78
|
+
return setHovering(false)
|
|
79
|
+
end,
|
|
80
|
+
SelectionGained = function()
|
|
81
|
+
if active then
|
|
82
|
+
setFocused(true)
|
|
83
|
+
end
|
|
84
|
+
end,
|
|
85
|
+
SelectionLost = function()
|
|
86
|
+
return setFocused(false)
|
|
48
87
|
end,
|
|
49
88
|
}
|
|
50
|
-
return React.createElement("imagebutton", _attributes
|
|
89
|
+
return React.createElement("imagebutton", _attributes, loading and (React.createElement(CircularProgress, {
|
|
90
|
+
size = iconSpinnerPixels(props.size),
|
|
91
|
+
thickness = 2,
|
|
92
|
+
color = tint,
|
|
93
|
+
reducedMotion = reducedMotion,
|
|
94
|
+
className = {
|
|
95
|
+
AnchorPoint = Vector2.new(0.5, 0.5),
|
|
96
|
+
Position = UDim2.new(0.5, 0, 0.5, 0),
|
|
97
|
+
},
|
|
98
|
+
})))
|
|
51
99
|
end
|
|
52
100
|
local default = IconButton
|
|
53
101
|
return {
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
local TS = _G[script]
|
|
3
3
|
local _theme = TS.import(script, script.Parent.Parent.Parent.Parent.Parent, "theme")
|
|
4
4
|
local createStyles = _theme.createStyles
|
|
5
|
-
local
|
|
6
|
-
local useIconButtonStyles =
|
|
5
|
+
local componentStyles = _theme.componentStyles
|
|
6
|
+
local useIconButtonStyles = componentStyles("IconButton", function(theme, props)
|
|
7
7
|
local getIconSize = function(props)
|
|
8
8
|
local _binding = props
|
|
9
9
|
local size = _binding.size
|
|
@@ -32,7 +32,7 @@ local useIconButtonStyles = makeStyles(function(theme, props)
|
|
|
32
32
|
return createStyles({
|
|
33
33
|
container = {
|
|
34
34
|
Size = getIconSize(props),
|
|
35
|
-
BackgroundColor3 = theme.palette.
|
|
35
|
+
BackgroundColor3 = theme.palette.primary.main,
|
|
36
36
|
ImageColor3 = theme.palette.text.primary,
|
|
37
37
|
BackgroundTransparency = 1,
|
|
38
38
|
BorderSizePixel = 0,
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
export * from "./circularProgress/index";
|
|
2
|
+
export * from "./skeleton/index";
|
|
1
3
|
export * from "./divider/index";
|
|
2
4
|
export * from "./errorBoundary/index";
|
|
3
5
|
export * from "./icon/index";
|
|
@@ -6,10 +8,54 @@ export * from "./input/index";
|
|
|
6
8
|
export * from "./layout/index";
|
|
7
9
|
export * from "./preloader/index";
|
|
8
10
|
export * from "./progressBar/index";
|
|
11
|
+
export * from "./scroll/index";
|
|
9
12
|
export * from "./shadow/index";
|
|
10
13
|
export * from "./sidebar/index";
|
|
11
14
|
export * from "./toast/index";
|
|
12
15
|
export * from "./treeView/index";
|
|
13
16
|
export * from "./typography/index";
|
|
14
17
|
export * from "./button/index";
|
|
18
|
+
export * from "./checkbox/index";
|
|
19
|
+
export * from "./colorPicker/index";
|
|
20
|
+
export * from "./fontEditor/index";
|
|
15
21
|
export * from "./loadingStroke/index";
|
|
22
|
+
export * from "./numberInput/index";
|
|
23
|
+
export * from "./numberRangeEditor/index";
|
|
24
|
+
export * from "./rectEditor/index";
|
|
25
|
+
export * from "./rayEditor/index";
|
|
26
|
+
export * from "./physicalPropertiesEditor/index";
|
|
27
|
+
export * from "./udimEditor/index";
|
|
28
|
+
export * from "./vectorEditor/index";
|
|
29
|
+
export * from "./cframeEditor/index";
|
|
30
|
+
export * from "./enumPicker/index";
|
|
31
|
+
export * from "./popup/index";
|
|
32
|
+
export * from "./modal/index";
|
|
33
|
+
export * from "./dialog/index";
|
|
34
|
+
export * from "./paper/index";
|
|
35
|
+
export * from "./card/index";
|
|
36
|
+
export * from "./chip/index";
|
|
37
|
+
export * from "./badge/index";
|
|
38
|
+
export * from "./brickColorPicker/index";
|
|
39
|
+
export * from "./avatar/index";
|
|
40
|
+
export * from "./assetField/index";
|
|
41
|
+
export * from "./gradientEditor/index";
|
|
42
|
+
export * from "./drawer/index";
|
|
43
|
+
export * from "./breadcrumbs/index";
|
|
44
|
+
export * from "./pagination/index";
|
|
45
|
+
export * from "./stepper/index";
|
|
46
|
+
export * from "./accordion/index";
|
|
47
|
+
export * from "./snackbar/index";
|
|
48
|
+
export * from "./table/index";
|
|
49
|
+
export * from "./autocomplete/index";
|
|
50
|
+
export * from "./listItem/index";
|
|
51
|
+
export * from "./menu/index";
|
|
52
|
+
export * from "./motion/index";
|
|
53
|
+
export * from "./radioGroup/index";
|
|
54
|
+
export * from "./select/index";
|
|
55
|
+
export * from "./slider/index";
|
|
56
|
+
export * from "./splitPane/index";
|
|
57
|
+
export * from "./stateMatrix";
|
|
58
|
+
export * from "./switch/index";
|
|
59
|
+
export * from "./tabs/index";
|
|
60
|
+
export * from "./tooltip/index";
|
|
61
|
+
export * from "./virtualList/index";
|
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
-- Compiled with roblox-ts v3.0.0
|
|
2
2
|
local TS = _G[script]
|
|
3
3
|
local exports = {}
|
|
4
|
+
for _k, _v in TS.import(script, script, "circularProgress") or {} do
|
|
5
|
+
exports[_k] = _v
|
|
6
|
+
end
|
|
7
|
+
for _k, _v in TS.import(script, script, "skeleton") or {} do
|
|
8
|
+
exports[_k] = _v
|
|
9
|
+
end
|
|
4
10
|
for _k, _v in TS.import(script, script, "divider") or {} do
|
|
5
11
|
exports[_k] = _v
|
|
6
12
|
end
|
|
@@ -25,6 +31,9 @@ end
|
|
|
25
31
|
for _k, _v in TS.import(script, script, "progressBar") or {} do
|
|
26
32
|
exports[_k] = _v
|
|
27
33
|
end
|
|
34
|
+
for _k, _v in TS.import(script, script, "scroll") or {} do
|
|
35
|
+
exports[_k] = _v
|
|
36
|
+
end
|
|
28
37
|
for _k, _v in TS.import(script, script, "shadow") or {} do
|
|
29
38
|
exports[_k] = _v
|
|
30
39
|
end
|
|
@@ -43,7 +52,136 @@ end
|
|
|
43
52
|
for _k, _v in TS.import(script, script, "button") or {} do
|
|
44
53
|
exports[_k] = _v
|
|
45
54
|
end
|
|
55
|
+
for _k, _v in TS.import(script, script, "checkbox") or {} do
|
|
56
|
+
exports[_k] = _v
|
|
57
|
+
end
|
|
58
|
+
for _k, _v in TS.import(script, script, "colorPicker") or {} do
|
|
59
|
+
exports[_k] = _v
|
|
60
|
+
end
|
|
61
|
+
for _k, _v in TS.import(script, script, "fontEditor") or {} do
|
|
62
|
+
exports[_k] = _v
|
|
63
|
+
end
|
|
46
64
|
for _k, _v in TS.import(script, script, "loadingStroke") or {} do
|
|
47
65
|
exports[_k] = _v
|
|
48
66
|
end
|
|
67
|
+
for _k, _v in TS.import(script, script, "numberInput") or {} do
|
|
68
|
+
exports[_k] = _v
|
|
69
|
+
end
|
|
70
|
+
for _k, _v in TS.import(script, script, "numberRangeEditor") or {} do
|
|
71
|
+
exports[_k] = _v
|
|
72
|
+
end
|
|
73
|
+
for _k, _v in TS.import(script, script, "rectEditor") or {} do
|
|
74
|
+
exports[_k] = _v
|
|
75
|
+
end
|
|
76
|
+
for _k, _v in TS.import(script, script, "rayEditor") or {} do
|
|
77
|
+
exports[_k] = _v
|
|
78
|
+
end
|
|
79
|
+
for _k, _v in TS.import(script, script, "physicalPropertiesEditor") or {} do
|
|
80
|
+
exports[_k] = _v
|
|
81
|
+
end
|
|
82
|
+
for _k, _v in TS.import(script, script, "udimEditor") or {} do
|
|
83
|
+
exports[_k] = _v
|
|
84
|
+
end
|
|
85
|
+
for _k, _v in TS.import(script, script, "vectorEditor") or {} do
|
|
86
|
+
exports[_k] = _v
|
|
87
|
+
end
|
|
88
|
+
for _k, _v in TS.import(script, script, "cframeEditor") or {} do
|
|
89
|
+
exports[_k] = _v
|
|
90
|
+
end
|
|
91
|
+
for _k, _v in TS.import(script, script, "enumPicker") or {} do
|
|
92
|
+
exports[_k] = _v
|
|
93
|
+
end
|
|
94
|
+
for _k, _v in TS.import(script, script, "popup") or {} do
|
|
95
|
+
exports[_k] = _v
|
|
96
|
+
end
|
|
97
|
+
for _k, _v in TS.import(script, script, "modal") or {} do
|
|
98
|
+
exports[_k] = _v
|
|
99
|
+
end
|
|
100
|
+
for _k, _v in TS.import(script, script, "dialog") or {} do
|
|
101
|
+
exports[_k] = _v
|
|
102
|
+
end
|
|
103
|
+
for _k, _v in TS.import(script, script, "paper") or {} do
|
|
104
|
+
exports[_k] = _v
|
|
105
|
+
end
|
|
106
|
+
for _k, _v in TS.import(script, script, "card") or {} do
|
|
107
|
+
exports[_k] = _v
|
|
108
|
+
end
|
|
109
|
+
for _k, _v in TS.import(script, script, "chip") or {} do
|
|
110
|
+
exports[_k] = _v
|
|
111
|
+
end
|
|
112
|
+
for _k, _v in TS.import(script, script, "badge") or {} do
|
|
113
|
+
exports[_k] = _v
|
|
114
|
+
end
|
|
115
|
+
for _k, _v in TS.import(script, script, "brickColorPicker") or {} do
|
|
116
|
+
exports[_k] = _v
|
|
117
|
+
end
|
|
118
|
+
for _k, _v in TS.import(script, script, "avatar") or {} do
|
|
119
|
+
exports[_k] = _v
|
|
120
|
+
end
|
|
121
|
+
for _k, _v in TS.import(script, script, "assetField") or {} do
|
|
122
|
+
exports[_k] = _v
|
|
123
|
+
end
|
|
124
|
+
for _k, _v in TS.import(script, script, "gradientEditor") or {} do
|
|
125
|
+
exports[_k] = _v
|
|
126
|
+
end
|
|
127
|
+
for _k, _v in TS.import(script, script, "drawer") or {} do
|
|
128
|
+
exports[_k] = _v
|
|
129
|
+
end
|
|
130
|
+
for _k, _v in TS.import(script, script, "breadcrumbs") or {} do
|
|
131
|
+
exports[_k] = _v
|
|
132
|
+
end
|
|
133
|
+
for _k, _v in TS.import(script, script, "pagination") or {} do
|
|
134
|
+
exports[_k] = _v
|
|
135
|
+
end
|
|
136
|
+
for _k, _v in TS.import(script, script, "stepper") or {} do
|
|
137
|
+
exports[_k] = _v
|
|
138
|
+
end
|
|
139
|
+
for _k, _v in TS.import(script, script, "accordion") or {} do
|
|
140
|
+
exports[_k] = _v
|
|
141
|
+
end
|
|
142
|
+
for _k, _v in TS.import(script, script, "snackbar") or {} do
|
|
143
|
+
exports[_k] = _v
|
|
144
|
+
end
|
|
145
|
+
for _k, _v in TS.import(script, script, "table") or {} do
|
|
146
|
+
exports[_k] = _v
|
|
147
|
+
end
|
|
148
|
+
for _k, _v in TS.import(script, script, "autocomplete") or {} do
|
|
149
|
+
exports[_k] = _v
|
|
150
|
+
end
|
|
151
|
+
for _k, _v in TS.import(script, script, "listItem") or {} do
|
|
152
|
+
exports[_k] = _v
|
|
153
|
+
end
|
|
154
|
+
for _k, _v in TS.import(script, script, "menu") or {} do
|
|
155
|
+
exports[_k] = _v
|
|
156
|
+
end
|
|
157
|
+
for _k, _v in TS.import(script, script, "motion") or {} do
|
|
158
|
+
exports[_k] = _v
|
|
159
|
+
end
|
|
160
|
+
for _k, _v in TS.import(script, script, "radioGroup") or {} do
|
|
161
|
+
exports[_k] = _v
|
|
162
|
+
end
|
|
163
|
+
for _k, _v in TS.import(script, script, "select") or {} do
|
|
164
|
+
exports[_k] = _v
|
|
165
|
+
end
|
|
166
|
+
for _k, _v in TS.import(script, script, "slider") or {} do
|
|
167
|
+
exports[_k] = _v
|
|
168
|
+
end
|
|
169
|
+
for _k, _v in TS.import(script, script, "splitPane") or {} do
|
|
170
|
+
exports[_k] = _v
|
|
171
|
+
end
|
|
172
|
+
for _k, _v in TS.import(script, script, "stateMatrix") or {} do
|
|
173
|
+
exports[_k] = _v
|
|
174
|
+
end
|
|
175
|
+
for _k, _v in TS.import(script, script, "switch") or {} do
|
|
176
|
+
exports[_k] = _v
|
|
177
|
+
end
|
|
178
|
+
for _k, _v in TS.import(script, script, "tabs") or {} do
|
|
179
|
+
exports[_k] = _v
|
|
180
|
+
end
|
|
181
|
+
for _k, _v in TS.import(script, script, "tooltip") or {} do
|
|
182
|
+
exports[_k] = _v
|
|
183
|
+
end
|
|
184
|
+
for _k, _v in TS.import(script, script, "virtualList") or {} do
|
|
185
|
+
exports[_k] = _v
|
|
186
|
+
end
|
|
49
187
|
return exports
|