@ankhorage/surface 0.0.2 → 0.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/CHANGELOG.md +28 -0
- package/README.md +163 -49
- package/dist/components/badge/Badge.d.ts +4 -0
- package/dist/components/badge/Badge.d.ts.map +1 -0
- package/dist/components/badge/Badge.js +30 -0
- package/dist/components/badge/Badge.js.map +1 -0
- package/dist/components/badge/index.d.ts +3 -0
- package/dist/components/badge/index.d.ts.map +1 -0
- package/dist/components/badge/index.js +2 -0
- package/dist/components/badge/index.js.map +1 -0
- package/dist/components/badge/types.d.ts +12 -0
- package/dist/components/badge/types.d.ts.map +1 -0
- package/dist/components/badge/types.js +2 -0
- package/dist/components/badge/types.js.map +1 -0
- package/dist/components/button/Button.d.ts +4 -0
- package/dist/components/button/Button.d.ts.map +1 -0
- package/dist/components/button/Button.js +50 -0
- package/dist/components/button/Button.js.map +1 -0
- package/dist/components/button/index.d.ts +3 -0
- package/dist/components/button/index.d.ts.map +1 -0
- package/dist/components/button/index.js +2 -0
- package/dist/components/button/index.js.map +1 -0
- package/dist/components/button/types.d.ts +21 -0
- package/dist/components/button/types.d.ts.map +1 -0
- package/dist/components/button/types.js +2 -0
- package/dist/components/button/types.js.map +1 -0
- package/dist/components/card/Card.d.ts +4 -0
- package/dist/components/card/Card.d.ts.map +1 -0
- package/dist/components/card/Card.js +46 -0
- package/dist/components/card/Card.js.map +1 -0
- package/dist/components/card/index.d.ts +3 -0
- package/dist/components/card/index.d.ts.map +1 -0
- package/dist/components/card/index.js +2 -0
- package/dist/components/card/index.js.map +1 -0
- package/dist/components/card/types.d.ts +10 -0
- package/dist/components/card/types.d.ts.map +1 -0
- package/dist/components/card/types.js +2 -0
- package/dist/components/card/types.js.map +1 -0
- package/dist/components/checkbox/Checkbox.d.ts +4 -0
- package/dist/components/checkbox/Checkbox.d.ts.map +1 -0
- package/dist/components/checkbox/Checkbox.js +61 -0
- package/dist/components/checkbox/Checkbox.js.map +1 -0
- package/dist/components/checkbox/index.d.ts +3 -0
- package/dist/components/checkbox/index.d.ts.map +1 -0
- package/dist/components/checkbox/index.js +2 -0
- package/dist/components/checkbox/index.js.map +1 -0
- package/dist/components/checkbox/types.d.ts +15 -0
- package/dist/components/checkbox/types.d.ts.map +1 -0
- package/dist/components/checkbox/types.js +2 -0
- package/dist/components/checkbox/types.js.map +1 -0
- package/dist/components/drawer/Drawer.d.ts +4 -0
- package/dist/components/drawer/Drawer.d.ts.map +1 -0
- package/dist/components/drawer/Drawer.js +56 -0
- package/dist/components/drawer/Drawer.js.map +1 -0
- package/dist/components/drawer/index.d.ts +3 -0
- package/dist/components/drawer/index.d.ts.map +1 -0
- package/dist/components/drawer/index.js +2 -0
- package/dist/components/drawer/index.js.map +1 -0
- package/dist/components/drawer/types.d.ts +10 -0
- package/dist/components/drawer/types.d.ts.map +1 -0
- package/dist/components/drawer/types.js +2 -0
- package/dist/components/drawer/types.js.map +1 -0
- package/dist/components/field/Field.d.ts +4 -0
- package/dist/components/field/Field.d.ts.map +1 -0
- package/dist/components/field/Field.js +25 -0
- package/dist/components/field/Field.js.map +1 -0
- package/dist/components/field/index.d.ts +3 -0
- package/dist/components/field/index.d.ts.map +1 -0
- package/dist/components/field/index.js +2 -0
- package/dist/components/field/index.js.map +1 -0
- package/dist/components/field/types.d.ts +13 -0
- package/dist/components/field/types.d.ts.map +1 -0
- package/dist/components/field/types.js +2 -0
- package/dist/components/field/types.js.map +1 -0
- package/dist/components/helper-text/HelperText.d.ts +4 -0
- package/dist/components/helper-text/HelperText.d.ts.map +1 -0
- package/dist/components/helper-text/HelperText.js +10 -0
- package/dist/components/helper-text/HelperText.js.map +1 -0
- package/dist/components/helper-text/index.d.ts +3 -0
- package/dist/components/helper-text/index.d.ts.map +1 -0
- package/dist/components/helper-text/index.js +2 -0
- package/dist/components/helper-text/index.js.map +1 -0
- package/dist/components/helper-text/types.d.ts +7 -0
- package/dist/components/helper-text/types.d.ts.map +1 -0
- package/dist/components/helper-text/types.js +2 -0
- package/dist/components/helper-text/types.js.map +1 -0
- package/dist/components/icon-button/IconButton.d.ts +4 -0
- package/dist/components/icon-button/IconButton.d.ts.map +1 -0
- package/dist/components/icon-button/IconButton.js +28 -0
- package/dist/components/icon-button/IconButton.js.map +1 -0
- package/dist/components/icon-button/index.d.ts +3 -0
- package/dist/components/icon-button/index.d.ts.map +1 -0
- package/dist/components/icon-button/index.js +2 -0
- package/dist/components/icon-button/index.js.map +1 -0
- package/dist/components/icon-button/types.d.ts +16 -0
- package/dist/components/icon-button/types.d.ts.map +1 -0
- package/dist/components/icon-button/types.js +2 -0
- package/dist/components/icon-button/types.js.map +1 -0
- package/dist/components/label/Label.d.ts +4 -0
- package/dist/components/label/Label.d.ts.map +1 -0
- package/dist/components/label/Label.js +13 -0
- package/dist/components/label/Label.js.map +1 -0
- package/dist/components/label/index.d.ts +3 -0
- package/dist/components/label/index.d.ts.map +1 -0
- package/dist/components/label/index.js +2 -0
- package/dist/components/label/index.js.map +1 -0
- package/dist/components/label/types.d.ts +8 -0
- package/dist/components/label/types.d.ts.map +1 -0
- package/dist/components/label/types.js +2 -0
- package/dist/components/label/types.js.map +1 -0
- package/dist/components/list-item/ListItem.d.ts +4 -0
- package/dist/components/list-item/ListItem.d.ts.map +1 -0
- package/dist/components/list-item/ListItem.js +43 -0
- package/dist/components/list-item/ListItem.js.map +1 -0
- package/dist/components/list-item/index.d.ts +3 -0
- package/dist/components/list-item/index.d.ts.map +1 -0
- package/dist/components/list-item/index.js +2 -0
- package/dist/components/list-item/index.js.map +1 -0
- package/dist/components/list-item/types.d.ts +11 -0
- package/dist/components/list-item/types.d.ts.map +1 -0
- package/dist/components/list-item/types.js +2 -0
- package/dist/components/list-item/types.js.map +1 -0
- package/dist/components/menu/Menu.d.ts +4 -0
- package/dist/components/menu/Menu.d.ts.map +1 -0
- package/dist/components/menu/Menu.js +125 -0
- package/dist/components/menu/Menu.js.map +1 -0
- package/dist/components/menu/index.d.ts +3 -0
- package/dist/components/menu/index.d.ts.map +1 -0
- package/dist/components/menu/index.js +2 -0
- package/dist/components/menu/index.js.map +1 -0
- package/dist/components/menu/navigation.d.ts +4 -0
- package/dist/components/menu/navigation.d.ts.map +1 -0
- package/dist/components/menu/navigation.js +25 -0
- package/dist/components/menu/navigation.js.map +1 -0
- package/dist/components/menu/types.d.ts +15 -0
- package/dist/components/menu/types.d.ts.map +1 -0
- package/dist/components/menu/types.js +2 -0
- package/dist/components/menu/types.js.map +1 -0
- package/dist/components/modal/Modal.d.ts +4 -0
- package/dist/components/modal/Modal.d.ts.map +1 -0
- package/dist/components/modal/Modal.js +52 -0
- package/dist/components/modal/Modal.js.map +1 -0
- package/dist/components/modal/index.d.ts +3 -0
- package/dist/components/modal/index.d.ts.map +1 -0
- package/dist/components/modal/index.js +2 -0
- package/dist/components/modal/index.js.map +1 -0
- package/dist/components/modal/types.d.ts +9 -0
- package/dist/components/modal/types.d.ts.map +1 -0
- package/dist/components/modal/types.js +2 -0
- package/dist/components/modal/types.js.map +1 -0
- package/dist/components/radio/Radio.d.ts +4 -0
- package/dist/components/radio/Radio.d.ts.map +1 -0
- package/dist/components/radio/Radio.js +63 -0
- package/dist/components/radio/Radio.js.map +1 -0
- package/dist/components/radio/index.d.ts +3 -0
- package/dist/components/radio/index.d.ts.map +1 -0
- package/dist/components/radio/index.js +2 -0
- package/dist/components/radio/index.js.map +1 -0
- package/dist/components/radio/types.d.ts +15 -0
- package/dist/components/radio/types.d.ts.map +1 -0
- package/dist/components/radio/types.js +2 -0
- package/dist/components/radio/types.js.map +1 -0
- package/dist/components/switch/Switch.d.ts +4 -0
- package/dist/components/switch/Switch.d.ts.map +1 -0
- package/dist/components/switch/Switch.js +65 -0
- package/dist/components/switch/Switch.js.map +1 -0
- package/dist/components/switch/index.d.ts +3 -0
- package/dist/components/switch/index.d.ts.map +1 -0
- package/dist/components/switch/index.js +2 -0
- package/dist/components/switch/index.js.map +1 -0
- package/dist/components/switch/types.d.ts +15 -0
- package/dist/components/switch/types.d.ts.map +1 -0
- package/dist/components/switch/types.js +2 -0
- package/dist/components/switch/types.js.map +1 -0
- package/dist/components/tabs/Tab.d.ts +4 -0
- package/dist/components/tabs/Tab.d.ts.map +1 -0
- package/dist/components/tabs/Tab.js +43 -0
- package/dist/components/tabs/Tab.js.map +1 -0
- package/dist/components/tabs/TabList.d.ts +4 -0
- package/dist/components/tabs/TabList.d.ts.map +1 -0
- package/dist/components/tabs/TabList.js +37 -0
- package/dist/components/tabs/TabList.js.map +1 -0
- package/dist/components/tabs/TabPanel.d.ts +4 -0
- package/dist/components/tabs/TabPanel.d.ts.map +1 -0
- package/dist/components/tabs/TabPanel.js +13 -0
- package/dist/components/tabs/TabPanel.js.map +1 -0
- package/dist/components/tabs/Tabs.d.ts +4 -0
- package/dist/components/tabs/Tabs.d.ts.map +1 -0
- package/dist/components/tabs/Tabs.js +51 -0
- package/dist/components/tabs/Tabs.js.map +1 -0
- package/dist/components/tabs/context.d.ts +18 -0
- package/dist/components/tabs/context.d.ts.map +1 -0
- package/dist/components/tabs/context.js +10 -0
- package/dist/components/tabs/context.js.map +1 -0
- package/dist/components/tabs/index.d.ts +6 -0
- package/dist/components/tabs/index.d.ts.map +1 -0
- package/dist/components/tabs/index.js +5 -0
- package/dist/components/tabs/index.js.map +1 -0
- package/dist/components/tabs/navigation.d.ts +3 -0
- package/dist/components/tabs/navigation.d.ts.map +1 -0
- package/dist/components/tabs/navigation.js +21 -0
- package/dist/components/tabs/navigation.js.map +1 -0
- package/dist/components/tabs/types.d.ts +24 -0
- package/dist/components/tabs/types.d.ts.map +1 -0
- package/dist/components/tabs/types.js +2 -0
- package/dist/components/tabs/types.js.map +1 -0
- package/dist/components/text-input/TextInput.d.ts +4 -0
- package/dist/components/text-input/TextInput.d.ts.map +1 -0
- package/dist/components/text-input/TextInput.js +66 -0
- package/dist/components/text-input/TextInput.js.map +1 -0
- package/dist/components/text-input/index.d.ts +3 -0
- package/dist/components/text-input/index.d.ts.map +1 -0
- package/dist/components/text-input/index.js +2 -0
- package/dist/components/text-input/index.js.map +1 -0
- package/dist/components/text-input/types.d.ts +18 -0
- package/dist/components/text-input/types.d.ts.map +1 -0
- package/dist/components/text-input/types.js +2 -0
- package/dist/components/text-input/types.js.map +1 -0
- package/dist/components/textarea/Textarea.d.ts +4 -0
- package/dist/components/textarea/Textarea.d.ts.map +1 -0
- package/dist/components/textarea/Textarea.js +6 -0
- package/dist/components/textarea/Textarea.js.map +1 -0
- package/dist/components/textarea/index.d.ts +3 -0
- package/dist/components/textarea/index.d.ts.map +1 -0
- package/dist/components/textarea/index.js +2 -0
- package/dist/components/textarea/index.js.map +1 -0
- package/dist/components/textarea/types.d.ts +5 -0
- package/dist/components/textarea/types.d.ts.map +1 -0
- package/dist/components/textarea/types.js +2 -0
- package/dist/components/textarea/types.js.map +1 -0
- package/dist/components/toast/Toast.d.ts +4 -0
- package/dist/components/toast/Toast.d.ts.map +1 -0
- package/dist/components/toast/Toast.js +34 -0
- package/dist/components/toast/Toast.js.map +1 -0
- package/dist/components/toast/ToastProvider.d.ts +13 -0
- package/dist/components/toast/ToastProvider.d.ts.map +1 -0
- package/dist/components/toast/ToastProvider.js +69 -0
- package/dist/components/toast/ToastProvider.js.map +1 -0
- package/dist/components/toast/index.d.ts +4 -0
- package/dist/components/toast/index.d.ts.map +1 -0
- package/dist/components/toast/index.js +3 -0
- package/dist/components/toast/index.js.map +1 -0
- package/dist/components/toast/types.d.ts +14 -0
- package/dist/components/toast/types.d.ts.map +1 -0
- package/dist/components/toast/types.js +2 -0
- package/dist/components/toast/types.js.map +1 -0
- package/dist/components/tooltip/Tooltip.d.ts +4 -0
- package/dist/components/tooltip/Tooltip.d.ts.map +1 -0
- package/dist/components/tooltip/Tooltip.js +69 -0
- package/dist/components/tooltip/Tooltip.js.map +1 -0
- package/dist/components/tooltip/index.d.ts +3 -0
- package/dist/components/tooltip/index.d.ts.map +1 -0
- package/dist/components/tooltip/index.js +2 -0
- package/dist/components/tooltip/index.js.map +1 -0
- package/dist/components/tooltip/types.d.ts +9 -0
- package/dist/components/tooltip/types.d.ts.map +1 -0
- package/dist/components/tooltip/types.js +2 -0
- package/dist/components/tooltip/types.js.map +1 -0
- package/dist/context/FontContext.d.ts.map +1 -1
- package/dist/context/FontContext.js +3 -1
- package/dist/context/FontContext.js.map +1 -1
- package/dist/index.d.ts +42 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +21 -0
- package/dist/index.js.map +1 -1
- package/dist/internal/focus/FocusScope.d.ts +9 -0
- package/dist/internal/focus/FocusScope.d.ts.map +1 -0
- package/dist/internal/focus/FocusScope.js +44 -0
- package/dist/internal/focus/FocusScope.js.map +1 -0
- package/dist/internal/focus/useFocusManager.d.ts +14 -0
- package/dist/internal/focus/useFocusManager.d.ts.map +1 -0
- package/dist/internal/focus/useFocusManager.js +74 -0
- package/dist/internal/focus/useFocusManager.js.map +1 -0
- package/dist/internal/overlay/OverlayProvider.d.ts +5 -0
- package/dist/internal/overlay/OverlayProvider.d.ts.map +1 -0
- package/dist/internal/overlay/OverlayProvider.js +47 -0
- package/dist/internal/overlay/OverlayProvider.js.map +1 -0
- package/dist/internal/overlay/Portal.d.ts +9 -0
- package/dist/internal/overlay/Portal.d.ts.map +1 -0
- package/dist/internal/overlay/Portal.js +24 -0
- package/dist/internal/overlay/Portal.js.map +1 -0
- package/dist/internal/overlay/useOverlayStack.d.ts +23 -0
- package/dist/internal/overlay/useOverlayStack.d.ts.map +1 -0
- package/dist/internal/overlay/useOverlayStack.js +30 -0
- package/dist/internal/overlay/useOverlayStack.js.map +1 -0
- package/dist/internal/resolvers/index.d.ts +14 -0
- package/dist/internal/resolvers/index.d.ts.map +1 -0
- package/dist/internal/resolvers/index.js +14 -0
- package/dist/internal/resolvers/index.js.map +1 -0
- package/dist/internal/resolvers/resolveControlSize.d.ts +12 -0
- package/dist/internal/resolvers/resolveControlSize.d.ts.map +1 -0
- package/dist/internal/resolvers/resolveControlSize.js +33 -0
- package/dist/internal/resolvers/resolveControlSize.js.map +1 -0
- package/dist/internal/resolvers/resolveFieldState.d.ts +10 -0
- package/dist/internal/resolvers/resolveFieldState.d.ts.map +1 -0
- package/dist/internal/resolvers/resolveFieldState.js +23 -0
- package/dist/internal/resolvers/resolveFieldState.js.map +1 -0
- package/dist/internal/resolvers/resolveFocusRingStyles.d.ts +3 -0
- package/dist/internal/resolvers/resolveFocusRingStyles.d.ts.map +1 -0
- package/dist/internal/resolvers/resolveFocusRingStyles.js +12 -0
- package/dist/internal/resolvers/resolveFocusRingStyles.js.map +1 -0
- package/dist/internal/resolvers/resolveIconSize.d.ts +4 -0
- package/dist/internal/resolvers/resolveIconSize.d.ts.map +1 -0
- package/dist/internal/resolvers/resolveIconSize.js +5 -0
- package/dist/internal/resolvers/resolveIconSize.js.map +1 -0
- package/dist/internal/resolvers/resolveIndicatorSize.d.ts +12 -0
- package/dist/internal/resolvers/resolveIndicatorSize.d.ts.map +1 -0
- package/dist/internal/resolvers/resolveIndicatorSize.js +36 -0
- package/dist/internal/resolvers/resolveIndicatorSize.js.map +1 -0
- package/dist/internal/resolvers/resolveInteractiveColors.d.ts +20 -0
- package/dist/internal/resolvers/resolveInteractiveColors.d.ts.map +1 -0
- package/dist/internal/resolvers/resolveInteractiveColors.js +101 -0
- package/dist/internal/resolvers/resolveInteractiveColors.js.map +1 -0
- package/dist/internal/resolvers/resolveInteractiveState.d.ts +8 -0
- package/dist/internal/resolvers/resolveInteractiveState.d.ts.map +1 -0
- package/dist/internal/resolvers/resolveInteractiveState.js +9 -0
- package/dist/internal/resolvers/resolveInteractiveState.js.map +1 -0
- package/dist/internal/resolvers/resolveOverlayAnimation.d.ts +9 -0
- package/dist/internal/resolvers/resolveOverlayAnimation.d.ts.map +1 -0
- package/dist/internal/resolvers/resolveOverlayAnimation.js +16 -0
- package/dist/internal/resolvers/resolveOverlayAnimation.js.map +1 -0
- package/dist/internal/resolvers/resolveOverlayZIndex.d.ts +3 -0
- package/dist/internal/resolvers/resolveOverlayZIndex.d.ts.map +1 -0
- package/dist/internal/resolvers/resolveOverlayZIndex.js +11 -0
- package/dist/internal/resolvers/resolveOverlayZIndex.js.map +1 -0
- package/dist/internal/resolvers/resolveSelectionControlColors.d.ts +20 -0
- package/dist/internal/resolvers/resolveSelectionControlColors.d.ts.map +1 -0
- package/dist/internal/resolvers/resolveSelectionControlColors.js +51 -0
- package/dist/internal/resolvers/resolveSelectionControlColors.js.map +1 -0
- package/dist/internal/resolvers/resolveTextColor.d.ts +5 -0
- package/dist/internal/resolvers/resolveTextColor.d.ts.map +1 -0
- package/dist/internal/resolvers/resolveTextColor.js +18 -0
- package/dist/internal/resolvers/resolveTextColor.js.map +1 -0
- package/dist/internal/resolvers/resolveTextStyles.d.ts +13 -0
- package/dist/internal/resolvers/resolveTextStyles.d.ts.map +1 -0
- package/dist/internal/resolvers/resolveTextStyles.js +69 -0
- package/dist/internal/resolvers/resolveTextStyles.js.map +1 -0
- package/dist/internal/resolvers/resolveTone.d.ts +4 -0
- package/dist/internal/resolvers/resolveTone.d.ts.map +1 -0
- package/dist/internal/resolvers/resolveTone.js +16 -0
- package/dist/internal/resolvers/resolveTone.js.map +1 -0
- package/dist/internal/useControllableState.d.ts +6 -0
- package/dist/internal/useControllableState.d.ts.map +1 -0
- package/dist/internal/useControllableState.js +14 -0
- package/dist/internal/useControllableState.js.map +1 -0
- package/dist/layout/Box.js.map +1 -1
- package/dist/layout/Center.d.ts +7 -0
- package/dist/layout/Center.d.ts.map +1 -0
- package/dist/layout/Center.js +12 -0
- package/dist/layout/Center.js.map +1 -0
- package/dist/layout/Divider.d.ts +10 -0
- package/dist/layout/Divider.d.ts.map +1 -0
- package/dist/layout/Divider.js +6 -0
- package/dist/layout/Divider.js.map +1 -0
- package/dist/layout/Inline.d.ts +5 -0
- package/dist/layout/Inline.d.ts.map +1 -0
- package/dist/layout/Inline.js +6 -0
- package/dist/layout/Inline.js.map +1 -0
- package/dist/layout/Spacer.d.ts +9 -0
- package/dist/layout/Spacer.d.ts.map +1 -0
- package/dist/layout/Spacer.js +12 -0
- package/dist/layout/Spacer.js.map +1 -0
- package/dist/layout/Surface.d.ts +8 -0
- package/dist/layout/Surface.d.ts.map +1 -0
- package/dist/layout/Surface.js +48 -0
- package/dist/layout/Surface.js.map +1 -0
- package/dist/layout/helpers.js.map +1 -1
- package/dist/layout/index.d.ts +10 -0
- package/dist/layout/index.d.ts.map +1 -1
- package/dist/layout/index.js +5 -0
- package/dist/layout/index.js.map +1 -1
- package/dist/primitives/button-base/ButtonBase.d.ts +4 -0
- package/dist/primitives/button-base/ButtonBase.d.ts.map +1 -0
- package/dist/primitives/button-base/ButtonBase.js +40 -0
- package/dist/primitives/button-base/ButtonBase.js.map +1 -0
- package/dist/primitives/button-base/index.d.ts +3 -0
- package/dist/primitives/button-base/index.d.ts.map +1 -0
- package/dist/primitives/button-base/index.js +2 -0
- package/dist/primitives/button-base/index.js.map +1 -0
- package/dist/primitives/button-base/types.d.ts +15 -0
- package/dist/primitives/button-base/types.d.ts.map +1 -0
- package/dist/primitives/button-base/types.js +2 -0
- package/dist/primitives/button-base/types.js.map +1 -0
- package/dist/primitives/heading/resolveHeadingStyle.d.ts.map +1 -1
- package/dist/primitives/heading/resolveHeadingStyle.js +5 -16
- package/dist/primitives/heading/resolveHeadingStyle.js.map +1 -1
- package/dist/primitives/icon/resolveExpoIconComponent.d.ts.map +1 -1
- package/dist/primitives/icon/resolveExpoIconComponent.js +3 -1
- package/dist/primitives/icon/resolveExpoIconComponent.js.map +1 -1
- package/dist/primitives/text/Text.d.ts +4 -0
- package/dist/primitives/text/Text.d.ts.map +1 -0
- package/dist/primitives/text/Text.js +40 -0
- package/dist/primitives/text/Text.js.map +1 -0
- package/dist/primitives/text/index.d.ts +3 -0
- package/dist/primitives/text/index.d.ts.map +1 -0
- package/dist/primitives/text/index.js +2 -0
- package/dist/primitives/text/index.js.map +1 -0
- package/dist/primitives/text/types.d.ts +17 -0
- package/dist/primitives/text/types.d.ts.map +1 -0
- package/dist/primitives/text/types.js +2 -0
- package/dist/primitives/text/types.js.map +1 -0
- package/dist/theme/ThemeContext.d.ts.map +1 -1
- package/dist/theme/ThemeContext.js +10 -3
- package/dist/theme/ThemeContext.js.map +1 -1
- package/dist/theme/colorEngine.d.ts +2 -8
- package/dist/theme/colorEngine.d.ts.map +1 -1
- package/dist/theme/colorEngine.js +62 -9
- package/dist/theme/colorEngine.js.map +1 -1
- package/dist/theme/types.d.ts +36 -7
- package/dist/theme/types.d.ts.map +1 -1
- package/package.json +30 -4
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../src/components/list-item/ListItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/list-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/list-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type React from 'react';
|
|
2
|
+
export interface ListItemProps {
|
|
3
|
+
title?: React.ReactNode;
|
|
4
|
+
description?: React.ReactNode;
|
|
5
|
+
leading?: React.ReactNode;
|
|
6
|
+
trailing?: React.ReactNode;
|
|
7
|
+
onPress?: (() => void) | undefined;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
testID?: string;
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/list-item/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/list-item/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAezC,wBAAgB,IAAI,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,aAAoB,EAAE,MAAM,EAAE,EAAE,SAAS,qBAqJ1F"}
|
|
@@ -0,0 +1,125 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Pressable, View } from 'react-native';
|
|
3
|
+
import { FocusScope } from '../../internal/focus/FocusScope';
|
|
4
|
+
import { useFocusManager } from '../../internal/focus/useFocusManager';
|
|
5
|
+
import { Portal } from '../../internal/overlay/Portal';
|
|
6
|
+
import { resolveOverlayAnimation } from '../../internal/resolvers';
|
|
7
|
+
import { Box, Surface } from '../../layout';
|
|
8
|
+
import { ButtonBase } from '../../primitives/button-base';
|
|
9
|
+
import { Text } from '../../primitives/text';
|
|
10
|
+
import { useTheme } from '../../theme/ThemeContext';
|
|
11
|
+
import { resolveNextMenuIndex } from './navigation';
|
|
12
|
+
function measureNode(node, callback) {
|
|
13
|
+
const measurableNode = node;
|
|
14
|
+
measurableNode?.measureInWindow?.((x, y, width, height) => {
|
|
15
|
+
callback({ height, width, x, y });
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
export function Menu({ trigger, items, onDismiss, closeOnSelect = true, testID }) {
|
|
19
|
+
const { theme } = useTheme();
|
|
20
|
+
const { bindKeydown } = useFocusManager();
|
|
21
|
+
const animation = resolveOverlayAnimation('menu');
|
|
22
|
+
const anchorRef = React.useRef(null);
|
|
23
|
+
const [open, setOpen] = React.useState(false);
|
|
24
|
+
const [layout, setLayout] = React.useState(null);
|
|
25
|
+
const [activeIndex, setActiveIndex] = React.useState(0);
|
|
26
|
+
const closeMenu = React.useCallback(() => {
|
|
27
|
+
setOpen(false);
|
|
28
|
+
onDismiss?.();
|
|
29
|
+
}, [onDismiss]);
|
|
30
|
+
const openMenu = React.useCallback(() => {
|
|
31
|
+
measureNode(anchorRef.current, setLayout);
|
|
32
|
+
const firstEnabledIndex = items.findIndex((item) => !item.disabled);
|
|
33
|
+
setActiveIndex(firstEnabledIndex === -1 ? 0 : firstEnabledIndex);
|
|
34
|
+
setOpen(true);
|
|
35
|
+
}, [items]);
|
|
36
|
+
React.useEffect(() => {
|
|
37
|
+
if (!open) {
|
|
38
|
+
return undefined;
|
|
39
|
+
}
|
|
40
|
+
return bindKeydown((event) => {
|
|
41
|
+
const { key } = event;
|
|
42
|
+
if (key === 'ArrowDown' || key === 'ArrowUp' || key === 'Home' || key === 'End') {
|
|
43
|
+
event.preventDefault();
|
|
44
|
+
setActiveIndex((current) => resolveNextMenuIndex(items, current, key));
|
|
45
|
+
}
|
|
46
|
+
if (event.key === 'Enter') {
|
|
47
|
+
event.preventDefault();
|
|
48
|
+
const activeItem = items[activeIndex];
|
|
49
|
+
if (activeItem && !activeItem.disabled) {
|
|
50
|
+
activeItem.onPress?.();
|
|
51
|
+
if (closeOnSelect) {
|
|
52
|
+
closeMenu();
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
if (event.key === 'Escape') {
|
|
57
|
+
event.preventDefault();
|
|
58
|
+
closeMenu();
|
|
59
|
+
}
|
|
60
|
+
});
|
|
61
|
+
}, [activeIndex, bindKeydown, closeMenu, closeOnSelect, items, open]);
|
|
62
|
+
return (<View collapsable={false} ref={anchorRef}>
|
|
63
|
+
<ButtonBase onPress={open ? closeMenu : openMenu} testID={testID ? `${testID}-trigger` : undefined}>
|
|
64
|
+
{trigger}
|
|
65
|
+
</ButtonBase>
|
|
66
|
+
<Portal layer="menu" visible={open && Boolean(layout)}>
|
|
67
|
+
<View pointerEvents="box-none" style={{
|
|
68
|
+
bottom: 0,
|
|
69
|
+
left: 0,
|
|
70
|
+
position: 'absolute',
|
|
71
|
+
right: 0,
|
|
72
|
+
top: 0,
|
|
73
|
+
}}>
|
|
74
|
+
<Pressable onPress={closeMenu} style={{
|
|
75
|
+
bottom: 0,
|
|
76
|
+
left: 0,
|
|
77
|
+
position: 'absolute',
|
|
78
|
+
right: 0,
|
|
79
|
+
top: 0,
|
|
80
|
+
}}/>
|
|
81
|
+
<FocusScope active={open} onEscape={closeMenu}>
|
|
82
|
+
<View style={{
|
|
83
|
+
left: layout?.x ?? 0,
|
|
84
|
+
position: 'absolute',
|
|
85
|
+
top: (layout?.y ?? 0) + (layout?.height ?? 0) + animation.offset,
|
|
86
|
+
}}>
|
|
87
|
+
<Surface p="xs" style={{
|
|
88
|
+
minWidth: Math.max(layout?.width ?? 0, 180),
|
|
89
|
+
shadowOpacity: 0.12,
|
|
90
|
+
shadowRadius: 12,
|
|
91
|
+
shadowOffset: { width: 0, height: 6 },
|
|
92
|
+
}} testID={testID} variant="raised">
|
|
93
|
+
{items.map((item, index) => {
|
|
94
|
+
const selected = index === activeIndex;
|
|
95
|
+
return (<Pressable accessibilityRole="menuitem" disabled={item.disabled} key={item.id} onPress={() => {
|
|
96
|
+
if (item.disabled) {
|
|
97
|
+
return;
|
|
98
|
+
}
|
|
99
|
+
item.onPress?.();
|
|
100
|
+
if (closeOnSelect) {
|
|
101
|
+
closeMenu();
|
|
102
|
+
}
|
|
103
|
+
}}>
|
|
104
|
+
<Box px="m" py="s" style={{
|
|
105
|
+
backgroundColor: selected
|
|
106
|
+
? theme.semantics.action.primary.softBg
|
|
107
|
+
: 'transparent',
|
|
108
|
+
opacity: item.disabled ? 0.56 : 1,
|
|
109
|
+
}}>
|
|
110
|
+
<Text color={selected
|
|
111
|
+
? theme.semantics.action.primary.base
|
|
112
|
+
: theme.semantics.content.default} variant="bodySmall">
|
|
113
|
+
{item.label}
|
|
114
|
+
</Text>
|
|
115
|
+
</Box>
|
|
116
|
+
</Pressable>);
|
|
117
|
+
})}
|
|
118
|
+
</Surface>
|
|
119
|
+
</View>
|
|
120
|
+
</FocusScope>
|
|
121
|
+
</View>
|
|
122
|
+
</Portal>
|
|
123
|
+
</View>);
|
|
124
|
+
}
|
|
125
|
+
//# sourceMappingURL=Menu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../src/components/menu/Menu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../../src/components/menu/navigation.ts"],"names":[],"mappings":"AAAA,wBAAgB,oBAAoB,CAClC,KAAK,EAAE;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,EAAE,EAC/B,YAAY,EAAE,MAAM,EACpB,GAAG,EAAE,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,KAAK,GAC5C,MAAM,CA6BR"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
export function resolveNextMenuIndex(items, currentIndex, key) {
|
|
2
|
+
const enabledIndexes = items.reduce((indexes, item, index) => {
|
|
3
|
+
if (!item.disabled) {
|
|
4
|
+
indexes.push(index);
|
|
5
|
+
}
|
|
6
|
+
return indexes;
|
|
7
|
+
}, []);
|
|
8
|
+
if (enabledIndexes.length === 0) {
|
|
9
|
+
return -1;
|
|
10
|
+
}
|
|
11
|
+
if (key === 'Home') {
|
|
12
|
+
return enabledIndexes[0] ?? -1;
|
|
13
|
+
}
|
|
14
|
+
if (key === 'End') {
|
|
15
|
+
return enabledIndexes[enabledIndexes.length - 1] ?? -1;
|
|
16
|
+
}
|
|
17
|
+
const activeEnabledIndex = enabledIndexes.indexOf(currentIndex);
|
|
18
|
+
const nextEnabledIndex = activeEnabledIndex === -1
|
|
19
|
+
? 0
|
|
20
|
+
: key === 'ArrowUp'
|
|
21
|
+
? (activeEnabledIndex - 1 + enabledIndexes.length) % enabledIndexes.length
|
|
22
|
+
: (activeEnabledIndex + 1) % enabledIndexes.length;
|
|
23
|
+
return enabledIndexes[nextEnabledIndex] ?? -1;
|
|
24
|
+
}
|
|
25
|
+
//# sourceMappingURL=navigation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"navigation.js","sourceRoot":"","sources":["../../../src/components/menu/navigation.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,oBAAoB,CAClC,KAA+B,EAC/B,YAAoB,EACpB,GAA6C;IAE7C,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAW,CAAC,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE;QACrE,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;QACD,OAAO,OAAO,CAAC;IACjB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAChC,OAAO,CAAC,CAAC,CAAC;IACZ,CAAC;IAED,IAAI,GAAG,KAAK,MAAM,EAAE,CAAC;QACnB,OAAO,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IACjC,CAAC;IAED,IAAI,GAAG,KAAK,KAAK,EAAE,CAAC;QAClB,OAAO,cAAc,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IACzD,CAAC;IAED,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IAChE,MAAM,gBAAgB,GACpB,kBAAkB,KAAK,CAAC,CAAC;QACvB,CAAC,CAAC,CAAC;QACH,CAAC,CAAC,GAAG,KAAK,SAAS;YACjB,CAAC,CAAC,CAAC,kBAAkB,GAAG,CAAC,GAAG,cAAc,CAAC,MAAM,CAAC,GAAG,cAAc,CAAC,MAAM;YAC1E,CAAC,CAAC,CAAC,kBAAkB,GAAG,CAAC,CAAC,GAAG,cAAc,CAAC,MAAM,CAAC;IAEzD,OAAO,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC;AAChD,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type React from 'react';
|
|
2
|
+
export interface MenuItem {
|
|
3
|
+
id: string;
|
|
4
|
+
label: React.ReactNode;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
onPress?: (() => void) | undefined;
|
|
7
|
+
}
|
|
8
|
+
export interface MenuProps {
|
|
9
|
+
trigger?: React.ReactNode;
|
|
10
|
+
items: MenuItem[];
|
|
11
|
+
onDismiss?: (() => void) | undefined;
|
|
12
|
+
closeOnSelect?: boolean;
|
|
13
|
+
testID?: string;
|
|
14
|
+
}
|
|
15
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;CACpC;AAED,MAAM,WAAW,SAAS;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACrC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/menu/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,wBAAgB,KAAK,CAAC,EACpB,OAAO,EACP,SAAS,EACT,QAAQ,EACR,eAAsB,EACtB,MAAM,GACP,EAAE,UAAU,4BAsEZ"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Pressable, View } from 'react-native';
|
|
3
|
+
import { FocusScope } from '../../internal/focus/FocusScope';
|
|
4
|
+
import { Portal } from '../../internal/overlay/Portal';
|
|
5
|
+
import { resolveOverlayAnimation } from '../../internal/resolvers';
|
|
6
|
+
import { Center, Surface } from '../../layout';
|
|
7
|
+
import { useTheme } from '../../theme/ThemeContext';
|
|
8
|
+
export function Modal({ visible, onDismiss, children, closeOnBackdrop = true, testID, }) {
|
|
9
|
+
const { theme } = useTheme();
|
|
10
|
+
const animation = resolveOverlayAnimation('modal');
|
|
11
|
+
if (!visible) {
|
|
12
|
+
return null;
|
|
13
|
+
}
|
|
14
|
+
return (<Portal layer="modal" visible={visible}>
|
|
15
|
+
<View pointerEvents="box-none" style={{
|
|
16
|
+
bottom: 0,
|
|
17
|
+
left: 0,
|
|
18
|
+
position: 'absolute',
|
|
19
|
+
right: 0,
|
|
20
|
+
top: 0,
|
|
21
|
+
}}>
|
|
22
|
+
<Pressable onPress={closeOnBackdrop ? onDismiss : undefined} style={{
|
|
23
|
+
backgroundColor: theme.semantics.neutral.text,
|
|
24
|
+
bottom: 0,
|
|
25
|
+
left: 0,
|
|
26
|
+
opacity: animation.backdropOpacity,
|
|
27
|
+
position: 'absolute',
|
|
28
|
+
right: 0,
|
|
29
|
+
top: 0,
|
|
30
|
+
}} testID={testID ? `${testID}-backdrop` : undefined}/>
|
|
31
|
+
<FocusScope active={visible} onEscape={onDismiss} testID={testID ? `${testID}-focus` : undefined}>
|
|
32
|
+
<Center p="l" style={{
|
|
33
|
+
flex: 1,
|
|
34
|
+
}}>
|
|
35
|
+
<View accessible accessibilityViewIsModal style={{
|
|
36
|
+
maxWidth: 560,
|
|
37
|
+
width: '100%',
|
|
38
|
+
}}>
|
|
39
|
+
<Surface p="l" style={{
|
|
40
|
+
shadowOpacity: 0.14,
|
|
41
|
+
shadowRadius: 18,
|
|
42
|
+
shadowOffset: { width: 0, height: 8 },
|
|
43
|
+
}} testID={testID} variant="raised">
|
|
44
|
+
{children}
|
|
45
|
+
</Surface>
|
|
46
|
+
</View>
|
|
47
|
+
</Center>
|
|
48
|
+
</FocusScope>
|
|
49
|
+
</View>
|
|
50
|
+
</Portal>);
|
|
51
|
+
}
|
|
52
|
+
//# sourceMappingURL=Modal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAGpD,MAAM,UAAU,KAAK,CAAC,EACpB,OAAO,EACP,SAAS,EACT,QAAQ,EACR,eAAe,GAAG,IAAI,EACtB,MAAM,GACK;IACX,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7B,MAAM,SAAS,GAAG,uBAAuB,CAAC,OAAO,CAAC,CAAC;IAEnD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CACrC;MAAA,CAAC,IAAI,CACH,aAAa,CAAC,UAAU,CACxB,KAAK,CAAC,CAAC;YACL,MAAM,EAAE,CAAC;YACT,IAAI,EAAE,CAAC;YACP,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,CAAC;YACR,GAAG,EAAE,CAAC;SACP,CAAC,CAEF;QAAA,CAAC,SAAS,CACR,OAAO,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CACjD,KAAK,CAAC,CAAC;YACL,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI;YAC7C,MAAM,EAAE,CAAC;YACT,IAAI,EAAE,CAAC;YACP,OAAO,EAAE,SAAS,CAAC,eAAe;YAClC,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,CAAC;YACR,GAAG,EAAE,CAAC;SACP,CAAC,CACF,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,EAEpD;QAAA,CAAC,UAAU,CACT,MAAM,CAAC,CAAC,OAAO,CAAC,CAChB,QAAQ,CAAC,CAAC,SAAS,CAAC,CACpB,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAE/C;UAAA,CAAC,MAAM,CACL,CAAC,CAAC,GAAG,CACL,KAAK,CAAC,CAAC;YACL,IAAI,EAAE,CAAC;SACR,CAAC,CAEF;YAAA,CAAC,IAAI,CACH,UAAU,CACV,wBAAwB,CACxB,KAAK,CAAC,CAAC;YACL,QAAQ,EAAE,GAAG;YACb,KAAK,EAAE,MAAM;SACd,CAAC,CAEF;cAAA,CAAC,OAAO,CACN,CAAC,CAAC,GAAG,CACL,KAAK,CAAC,CAAC;YACL,aAAa,EAAE,IAAI;YACnB,YAAY,EAAE,EAAE;YAChB,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;SACtC,CAAC,CACF,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,OAAO,CAAC,QAAQ,CAEhB;gBAAA,CAAC,QAAQ,CACX;cAAA,EAAE,OAAO,CACX;YAAA,EAAE,IAAI,CACR;UAAA,EAAE,MAAM,CACV;QAAA,EAAE,UAAU,CACd;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,MAAM,CAAC,CACV,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/modal/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACrC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/modal/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { RadioProps } from './types';
|
|
3
|
+
export declare function Radio({ children, checked, defaultChecked, onCheckedChange, tone, size, disabled, invalid, readOnly, accessibilityLabel, testID, ...props }: RadioProps): React.JSX.Element;
|
|
4
|
+
//# sourceMappingURL=Radio.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,wBAAgB,KAAK,CAAC,EACpB,QAAQ,EACR,OAAO,EACP,cAAsB,EACtB,eAAe,EACf,IAAgB,EAChB,IAAU,EACV,QAAgB,EAChB,OAAe,EACf,QAAgB,EAChB,kBAAkB,EAClB,MAAM,EACN,GAAG,KAAK,EACT,EAAE,UAAU,qBAkFZ"}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { resolveFieldState, resolveIndicatorSize, resolveSelectionControlColors, } from '../../internal/resolvers';
|
|
3
|
+
import { useControllableState } from '../../internal/useControllableState';
|
|
4
|
+
import { Box } from '../../layout';
|
|
5
|
+
import { ButtonBase } from '../../primitives/button-base';
|
|
6
|
+
import { Text } from '../../primitives/text';
|
|
7
|
+
import { useTheme } from '../../theme/ThemeContext';
|
|
8
|
+
export function Radio({ children, checked, defaultChecked = false, onCheckedChange, tone = 'primary', size = 'm', disabled = false, invalid = false, readOnly = false, accessibilityLabel, testID, ...props }) {
|
|
9
|
+
const { theme } = useTheme();
|
|
10
|
+
const isDisabled = disabled || readOnly;
|
|
11
|
+
const [isChecked, setChecked] = useControllableState({
|
|
12
|
+
value: checked,
|
|
13
|
+
defaultValue: defaultChecked,
|
|
14
|
+
onChange: onCheckedChange,
|
|
15
|
+
});
|
|
16
|
+
const indicatorSize = resolveIndicatorSize(size);
|
|
17
|
+
return (<ButtonBase {...props} accessibilityLabel={accessibilityLabel} accessibilityRole="radio" accessibilityState={{ checked: isChecked }} disabled={isDisabled} onPress={readOnly || isChecked
|
|
18
|
+
? undefined
|
|
19
|
+
: () => {
|
|
20
|
+
setChecked(true);
|
|
21
|
+
}} testID={testID}>
|
|
22
|
+
{(interactionState) => {
|
|
23
|
+
const fieldState = resolveFieldState({
|
|
24
|
+
disabled,
|
|
25
|
+
focused: interactionState.focused,
|
|
26
|
+
invalid,
|
|
27
|
+
readOnly,
|
|
28
|
+
});
|
|
29
|
+
const colors = resolveSelectionControlColors(theme, {
|
|
30
|
+
checked: isChecked,
|
|
31
|
+
fieldState,
|
|
32
|
+
hovered: interactionState.hovered,
|
|
33
|
+
pressed: interactionState.pressed,
|
|
34
|
+
tone,
|
|
35
|
+
});
|
|
36
|
+
return (<Box style={{
|
|
37
|
+
alignItems: 'center',
|
|
38
|
+
flexDirection: 'row',
|
|
39
|
+
opacity: colors.opacity,
|
|
40
|
+
}}>
|
|
41
|
+
<Box radius="full" style={{
|
|
42
|
+
alignItems: 'center',
|
|
43
|
+
backgroundColor: colors.backgroundColor,
|
|
44
|
+
borderColor: colors.borderColor,
|
|
45
|
+
borderWidth: 1.5,
|
|
46
|
+
height: indicatorSize.radio,
|
|
47
|
+
justifyContent: 'center',
|
|
48
|
+
width: indicatorSize.radio,
|
|
49
|
+
}}>
|
|
50
|
+
{isChecked ? (<Box radius="full" style={{
|
|
51
|
+
backgroundColor: colors.indicatorColor,
|
|
52
|
+
height: indicatorSize.radioDot,
|
|
53
|
+
width: indicatorSize.radioDot,
|
|
54
|
+
}}/>) : null}
|
|
55
|
+
</Box>
|
|
56
|
+
{children ? (<Box ml="s">
|
|
57
|
+
<Text color={colors.labelColor}>{children}</Text>
|
|
58
|
+
</Box>) : null}
|
|
59
|
+
</Box>);
|
|
60
|
+
}}
|
|
61
|
+
</ButtonBase>);
|
|
62
|
+
}
|
|
63
|
+
//# sourceMappingURL=Radio.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/components/radio/Radio.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/radio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/radio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type React from 'react';
|
|
2
|
+
import type { ControlSize } from '../../internal/resolvers/resolveControlSize';
|
|
3
|
+
import type { ComponentTone } from '../../internal/resolvers/resolveTone';
|
|
4
|
+
import type { ButtonBaseProps } from '../../primitives/button-base';
|
|
5
|
+
export interface RadioProps extends Omit<ButtonBaseProps, 'accessibilityRole' | 'accessibilityState' | 'children' | 'onPress' | 'style'> {
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
checked?: boolean;
|
|
8
|
+
defaultChecked?: boolean;
|
|
9
|
+
onCheckedChange?: ((checked: boolean) => void) | undefined;
|
|
10
|
+
tone?: ComponentTone;
|
|
11
|
+
size?: ControlSize;
|
|
12
|
+
invalid?: boolean;
|
|
13
|
+
readOnly?: boolean;
|
|
14
|
+
}
|
|
15
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/radio/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAC1E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAEpE,MAAM,WAAW,UAAW,SAAQ,IAAI,CACtC,eAAe,EACf,mBAAmB,GAAG,oBAAoB,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,CAC9E;IACC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC3D,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/radio/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { SwitchProps } from './types';
|
|
3
|
+
export declare function Switch({ children, checked, defaultChecked, onCheckedChange, tone, size, disabled, invalid, readOnly, accessibilityLabel, testID, ...props }: SwitchProps): React.JSX.Element;
|
|
4
|
+
//# sourceMappingURL=Switch.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,OAAO,EACP,cAAsB,EACtB,eAAe,EACf,IAAgB,EAChB,IAAU,EACV,QAAgB,EAChB,OAAe,EACf,QAAgB,EAChB,kBAAkB,EAClB,MAAM,EACN,GAAG,KAAK,EACT,EAAE,WAAW,qBAkFb"}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { resolveFieldState, resolveIndicatorSize, resolveSelectionControlColors, } from '../../internal/resolvers';
|
|
3
|
+
import { useControllableState } from '../../internal/useControllableState';
|
|
4
|
+
import { Box } from '../../layout';
|
|
5
|
+
import { ButtonBase } from '../../primitives/button-base';
|
|
6
|
+
import { Text } from '../../primitives/text';
|
|
7
|
+
import { useTheme } from '../../theme/ThemeContext';
|
|
8
|
+
export function Switch({ children, checked, defaultChecked = false, onCheckedChange, tone = 'primary', size = 'm', disabled = false, invalid = false, readOnly = false, accessibilityLabel, testID, ...props }) {
|
|
9
|
+
const { theme } = useTheme();
|
|
10
|
+
const isDisabled = disabled || readOnly;
|
|
11
|
+
const [isChecked, setChecked] = useControllableState({
|
|
12
|
+
value: checked,
|
|
13
|
+
defaultValue: defaultChecked,
|
|
14
|
+
onChange: onCheckedChange,
|
|
15
|
+
});
|
|
16
|
+
const indicatorSize = resolveIndicatorSize(size);
|
|
17
|
+
return (<ButtonBase {...props} accessibilityLabel={accessibilityLabel} accessibilityRole="switch" accessibilityState={{ checked: isChecked }} disabled={isDisabled} onPress={readOnly
|
|
18
|
+
? undefined
|
|
19
|
+
: () => {
|
|
20
|
+
setChecked(!isChecked);
|
|
21
|
+
}} testID={testID}>
|
|
22
|
+
{(interactionState) => {
|
|
23
|
+
const fieldState = resolveFieldState({
|
|
24
|
+
disabled,
|
|
25
|
+
focused: interactionState.focused,
|
|
26
|
+
invalid,
|
|
27
|
+
readOnly,
|
|
28
|
+
});
|
|
29
|
+
const colors = resolveSelectionControlColors(theme, {
|
|
30
|
+
checked: isChecked,
|
|
31
|
+
fieldState,
|
|
32
|
+
hovered: interactionState.hovered,
|
|
33
|
+
pressed: interactionState.pressed,
|
|
34
|
+
tone,
|
|
35
|
+
});
|
|
36
|
+
return (<Box style={{
|
|
37
|
+
alignItems: 'center',
|
|
38
|
+
flexDirection: 'row',
|
|
39
|
+
opacity: colors.opacity,
|
|
40
|
+
}}>
|
|
41
|
+
<Box radius="full" style={{
|
|
42
|
+
backgroundColor: colors.trackColor,
|
|
43
|
+
borderColor: colors.borderColor,
|
|
44
|
+
borderWidth: 1,
|
|
45
|
+
justifyContent: 'center',
|
|
46
|
+
minWidth: indicatorSize.switchWidth,
|
|
47
|
+
paddingHorizontal: 2,
|
|
48
|
+
width: indicatorSize.switchWidth,
|
|
49
|
+
height: indicatorSize.switchHeight,
|
|
50
|
+
}}>
|
|
51
|
+
<Box radius="full" style={{
|
|
52
|
+
alignSelf: isChecked ? 'flex-end' : 'flex-start',
|
|
53
|
+
backgroundColor: colors.thumbColor,
|
|
54
|
+
height: indicatorSize.switchThumb,
|
|
55
|
+
width: indicatorSize.switchThumb,
|
|
56
|
+
}}/>
|
|
57
|
+
</Box>
|
|
58
|
+
{children ? (<Box ml="s">
|
|
59
|
+
<Text color={colors.labelColor}>{children}</Text>
|
|
60
|
+
</Box>) : null}
|
|
61
|
+
</Box>);
|
|
62
|
+
}}
|
|
63
|
+
</ButtonBase>);
|
|
64
|
+
}
|
|
65
|
+
//# sourceMappingURL=Switch.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/components/switch/Switch.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/switch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}
|