@ankhorage/surface 0.0.2 → 0.1.1
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 +34 -0
- package/README.md +164 -44
- 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 +66 -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 +22 -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 +8 -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 +8 -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 +11 -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 +9 -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 +68 -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 +70 -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 +45 -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 +16 -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 +54 -0
- package/dist/components/tabs/Tabs.js.map +1 -0
- package/dist/components/tabs/a11y.d.ts +3 -0
- package/dist/components/tabs/a11y.d.ts.map +1 -0
- package/dist/components/tabs/a11y.js +13 -0
- package/dist/components/tabs/a11y.js.map +1 -0
- package/dist/components/tabs/context.d.ts +20 -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/examples/DocsExamples.d.ts +5 -0
- package/dist/examples/DocsExamples.d.ts.map +1 -0
- package/dist/examples/DocsExamples.js +81 -0
- package/dist/examples/DocsExamples.js.map +1 -0
- 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 +22 -0
- package/dist/internal/focus/useFocusManager.d.ts.map +1 -0
- package/dist/internal/focus/useFocusManager.js +91 -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 +16 -0
- package/dist/internal/resolvers/index.d.ts.map +1 -0
- package/dist/internal/resolvers/index.js +16 -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/resolveFieldPresentation.d.ts +10 -0
- package/dist/internal/resolvers/resolveFieldPresentation.d.ts.map +1 -0
- package/dist/internal/resolvers/resolveFieldPresentation.js +19 -0
- package/dist/internal/resolvers/resolveFieldPresentation.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/resolveSelectionControlBehavior.d.ts +8 -0
- package/dist/internal/resolvers/resolveSelectionControlBehavior.d.ts.map +1 -0
- package/dist/internal/resolvers/resolveSelectionControlBehavior.js +10 -0
- package/dist/internal/resolvers/resolveSelectionControlBehavior.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 +24 -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.d.ts +5 -1
- package/dist/layout/Box.d.ts.map +1 -1
- package/dist/layout/Box.js +2 -2
- 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 +33 -5
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
import { resolveTone } from './resolveTone';
|
|
2
|
+
export function resolveButtonColors(theme, { variant, tone, state, }) {
|
|
3
|
+
if (state.disabled) {
|
|
4
|
+
return {
|
|
5
|
+
backgroundColor: theme.semantics.neutral.surface,
|
|
6
|
+
borderColor: theme.semantics.neutral.divider,
|
|
7
|
+
contentColor: theme.semantics.content.muted,
|
|
8
|
+
opacity: 0.72,
|
|
9
|
+
};
|
|
10
|
+
}
|
|
11
|
+
const semanticTone = resolveTone(theme, tone);
|
|
12
|
+
switch (variant) {
|
|
13
|
+
case 'outline':
|
|
14
|
+
return {
|
|
15
|
+
backgroundColor: state.pressed
|
|
16
|
+
? semanticTone.softActive
|
|
17
|
+
: state.hovered
|
|
18
|
+
? semanticTone.softHover
|
|
19
|
+
: 'transparent',
|
|
20
|
+
borderColor: semanticTone.outline,
|
|
21
|
+
contentColor: semanticTone.base,
|
|
22
|
+
};
|
|
23
|
+
case 'ghost':
|
|
24
|
+
return {
|
|
25
|
+
backgroundColor: state.pressed
|
|
26
|
+
? semanticTone.softActive
|
|
27
|
+
: state.hovered
|
|
28
|
+
? semanticTone.softHover
|
|
29
|
+
: 'transparent',
|
|
30
|
+
borderColor: 'transparent',
|
|
31
|
+
contentColor: semanticTone.base,
|
|
32
|
+
};
|
|
33
|
+
case 'soft':
|
|
34
|
+
return {
|
|
35
|
+
backgroundColor: state.pressed
|
|
36
|
+
? semanticTone.softActive
|
|
37
|
+
: state.hovered
|
|
38
|
+
? semanticTone.softHover
|
|
39
|
+
: semanticTone.softBg,
|
|
40
|
+
borderColor: 'transparent',
|
|
41
|
+
contentColor: semanticTone.base,
|
|
42
|
+
};
|
|
43
|
+
case 'solid':
|
|
44
|
+
default:
|
|
45
|
+
return {
|
|
46
|
+
backgroundColor: state.pressed
|
|
47
|
+
? semanticTone.strong
|
|
48
|
+
: state.hovered
|
|
49
|
+
? semanticTone.hover
|
|
50
|
+
: semanticTone.base,
|
|
51
|
+
borderColor: semanticTone.base,
|
|
52
|
+
contentColor: semanticTone.onSolidText,
|
|
53
|
+
};
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
export function resolveInputColors(theme, fieldState) {
|
|
57
|
+
if (fieldState.disabled) {
|
|
58
|
+
return {
|
|
59
|
+
backgroundColor: theme.semantics.surface.subtle,
|
|
60
|
+
borderColor: theme.semantics.border.default,
|
|
61
|
+
contentColor: theme.semantics.content.muted,
|
|
62
|
+
placeholderColor: theme.semantics.content.subtle,
|
|
63
|
+
opacity: 0.72,
|
|
64
|
+
};
|
|
65
|
+
}
|
|
66
|
+
if (fieldState.invalid) {
|
|
67
|
+
return {
|
|
68
|
+
backgroundColor: fieldState.readOnly
|
|
69
|
+
? theme.semantics.surface.subtle
|
|
70
|
+
: theme.semantics.surface.default,
|
|
71
|
+
borderColor: fieldState.focused
|
|
72
|
+
? theme.semantics.danger.base
|
|
73
|
+
: theme.semantics.danger.outline,
|
|
74
|
+
contentColor: theme.semantics.content.default,
|
|
75
|
+
placeholderColor: theme.semantics.content.muted,
|
|
76
|
+
};
|
|
77
|
+
}
|
|
78
|
+
if (fieldState.focused) {
|
|
79
|
+
return {
|
|
80
|
+
backgroundColor: theme.semantics.surface.default,
|
|
81
|
+
borderColor: theme.semantics.border.focus,
|
|
82
|
+
contentColor: theme.semantics.content.default,
|
|
83
|
+
placeholderColor: theme.semantics.content.muted,
|
|
84
|
+
};
|
|
85
|
+
}
|
|
86
|
+
if (fieldState.readOnly) {
|
|
87
|
+
return {
|
|
88
|
+
backgroundColor: theme.semantics.surface.subtle,
|
|
89
|
+
borderColor: theme.semantics.border.default,
|
|
90
|
+
contentColor: theme.semantics.content.default,
|
|
91
|
+
placeholderColor: theme.semantics.content.muted,
|
|
92
|
+
};
|
|
93
|
+
}
|
|
94
|
+
return {
|
|
95
|
+
backgroundColor: theme.semantics.surface.default,
|
|
96
|
+
borderColor: theme.semantics.border.default,
|
|
97
|
+
contentColor: theme.semantics.content.default,
|
|
98
|
+
placeholderColor: theme.semantics.content.muted,
|
|
99
|
+
};
|
|
100
|
+
}
|
|
101
|
+
//# sourceMappingURL=resolveInteractiveColors.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resolveInteractiveColors.js","sourceRoot":"","sources":["../../../src/internal/resolvers/resolveInteractiveColors.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export interface InteractionState {
|
|
2
|
+
pressed: boolean;
|
|
3
|
+
hovered: boolean;
|
|
4
|
+
focused: boolean;
|
|
5
|
+
disabled: boolean;
|
|
6
|
+
}
|
|
7
|
+
export declare function resolveInteractiveState(input: Partial<InteractionState>): InteractionState;
|
|
8
|
+
//# sourceMappingURL=resolveInteractiveState.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resolveInteractiveState.d.ts","sourceRoot":"","sources":["../../../src/internal/resolvers/resolveInteractiveState.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,OAAO,CAAC,gBAAgB,CAAC,GAAG,gBAAgB,CAO1F"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export function resolveInteractiveState(input) {
|
|
2
|
+
return {
|
|
3
|
+
pressed: Boolean(input.pressed),
|
|
4
|
+
hovered: Boolean(input.hovered),
|
|
5
|
+
focused: Boolean(input.focused),
|
|
6
|
+
disabled: Boolean(input.disabled),
|
|
7
|
+
};
|
|
8
|
+
}
|
|
9
|
+
//# sourceMappingURL=resolveInteractiveState.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resolveInteractiveState.js","sourceRoot":"","sources":["../../../src/internal/resolvers/resolveInteractiveState.ts"],"names":[],"mappings":"AAOA,MAAM,UAAU,uBAAuB,CAAC,KAAgC;IACtE,OAAO;QACL,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC;QAC/B,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC;QAC/B,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC;QAC/B,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC;KAClC,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { OverlayLayer } from './resolveOverlayZIndex';
|
|
2
|
+
export interface OverlayAnimationValues {
|
|
3
|
+
enterDuration: number;
|
|
4
|
+
exitDuration: number;
|
|
5
|
+
backdropOpacity: number;
|
|
6
|
+
offset: number;
|
|
7
|
+
}
|
|
8
|
+
export declare function resolveOverlayAnimation(layer: OverlayLayer): OverlayAnimationValues;
|
|
9
|
+
//# sourceMappingURL=resolveOverlayAnimation.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resolveOverlayAnimation.d.ts","sourceRoot":"","sources":["../../../src/internal/resolvers/resolveOverlayAnimation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3D,MAAM,WAAW,sBAAsB;IACrC,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,YAAY,GAAG,sBAAsB,CAcnF"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export function resolveOverlayAnimation(layer) {
|
|
2
|
+
switch (layer) {
|
|
3
|
+
case 'drawer':
|
|
4
|
+
return { enterDuration: 180, exitDuration: 140, backdropOpacity: 0.26, offset: 24 };
|
|
5
|
+
case 'tooltip':
|
|
6
|
+
return { enterDuration: 90, exitDuration: 90, backdropOpacity: 0, offset: 8 };
|
|
7
|
+
case 'toast':
|
|
8
|
+
return { enterDuration: 140, exitDuration: 120, backdropOpacity: 0, offset: 12 };
|
|
9
|
+
case 'menu':
|
|
10
|
+
return { enterDuration: 110, exitDuration: 110, backdropOpacity: 0.04, offset: 6 };
|
|
11
|
+
case 'modal':
|
|
12
|
+
default:
|
|
13
|
+
return { enterDuration: 160, exitDuration: 140, backdropOpacity: 0.32, offset: 12 };
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=resolveOverlayAnimation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resolveOverlayAnimation.js","sourceRoot":"","sources":["../../../src/internal/resolvers/resolveOverlayAnimation.ts"],"names":[],"mappings":"AASA,MAAM,UAAU,uBAAuB,CAAC,KAAmB;IACzD,QAAQ,KAAK,EAAE,CAAC;QACd,KAAK,QAAQ;YACX,OAAO,EAAE,aAAa,EAAE,GAAG,EAAE,YAAY,EAAE,GAAG,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;QACtF,KAAK,SAAS;YACZ,OAAO,EAAE,aAAa,EAAE,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;QAChF,KAAK,OAAO;YACV,OAAO,EAAE,aAAa,EAAE,GAAG,EAAE,YAAY,EAAE,GAAG,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;QACnF,KAAK,MAAM;YACT,OAAO,EAAE,aAAa,EAAE,GAAG,EAAE,YAAY,EAAE,GAAG,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;QACrF,KAAK,OAAO,CAAC;QACb;YACE,OAAO,EAAE,aAAa,EAAE,GAAG,EAAE,YAAY,EAAE,GAAG,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;IACxF,CAAC;AACH,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resolveOverlayZIndex.d.ts","sourceRoot":"","sources":["../../../src/internal/resolvers/resolveOverlayZIndex.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAU7E,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,YAAY,EAAE,UAAU,SAAI,GAAG,MAAM,CAEhF"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
const BASE_Z_INDEX = {
|
|
2
|
+
modal: 1000,
|
|
3
|
+
drawer: 1100,
|
|
4
|
+
menu: 1200,
|
|
5
|
+
tooltip: 1300,
|
|
6
|
+
toast: 1400,
|
|
7
|
+
};
|
|
8
|
+
export function resolveOverlayZIndex(layer, stackIndex = 0) {
|
|
9
|
+
return BASE_Z_INDEX[layer] + stackIndex;
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=resolveOverlayZIndex.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resolveOverlayZIndex.js","sourceRoot":"","sources":["../../../src/internal/resolvers/resolveOverlayZIndex.ts"],"names":[],"mappings":"AAEA,MAAM,YAAY,GAAiC;IACjD,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,IAAI;IACZ,IAAI,EAAE,IAAI;IACV,OAAO,EAAE,IAAI;IACb,KAAK,EAAE,IAAI;CACZ,CAAC;AAEF,MAAM,UAAU,oBAAoB,CAAC,KAAmB,EAAE,UAAU,GAAG,CAAC;IACtE,OAAO,YAAY,CAAC,KAAK,CAAC,GAAG,UAAU,CAAC;AAC1C,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export type SelectionControlKind = 'checkbox' | 'radio' | 'switch';
|
|
2
|
+
export declare function resolveSelectionControlNextChecked({ kind, checked, disabled, readOnly, }: {
|
|
3
|
+
kind: SelectionControlKind;
|
|
4
|
+
checked: boolean;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
readOnly?: boolean;
|
|
7
|
+
}): boolean | null;
|
|
8
|
+
//# sourceMappingURL=resolveSelectionControlBehavior.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resolveSelectionControlBehavior.d.ts","sourceRoot":"","sources":["../../../src/internal/resolvers/resolveSelectionControlBehavior.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,oBAAoB,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEnE,wBAAgB,kCAAkC,CAAC,EACjD,IAAI,EACJ,OAAO,EACP,QAAgB,EAChB,QAAgB,GACjB,EAAE;IACD,IAAI,EAAE,oBAAoB,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,OAAO,GAAG,IAAI,CAUjB"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export function resolveSelectionControlNextChecked({ kind, checked, disabled = false, readOnly = false, }) {
|
|
2
|
+
if (disabled || readOnly) {
|
|
3
|
+
return null;
|
|
4
|
+
}
|
|
5
|
+
if (kind === 'radio') {
|
|
6
|
+
return checked ? null : true;
|
|
7
|
+
}
|
|
8
|
+
return !checked;
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=resolveSelectionControlBehavior.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resolveSelectionControlBehavior.js","sourceRoot":"","sources":["../../../src/internal/resolvers/resolveSelectionControlBehavior.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,kCAAkC,CAAC,EACjD,IAAI,EACJ,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,GAMjB;IACC,IAAI,QAAQ,IAAI,QAAQ,EAAE,CAAC;QACzB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;QACrB,OAAO,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAC/B,CAAC;IAED,OAAO,CAAC,OAAO,CAAC;AAClB,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { AnkhTheme } from '../../theme/types';
|
|
2
|
+
import type { FieldState } from './resolveFieldState';
|
|
3
|
+
import { type ComponentTone } from './resolveTone';
|
|
4
|
+
export interface ResolvedSelectionControlColors {
|
|
5
|
+
backgroundColor: string;
|
|
6
|
+
borderColor: string;
|
|
7
|
+
indicatorColor: string;
|
|
8
|
+
labelColor: string;
|
|
9
|
+
trackColor: string;
|
|
10
|
+
thumbColor: string;
|
|
11
|
+
opacity?: number;
|
|
12
|
+
}
|
|
13
|
+
export declare function resolveSelectionControlColors(theme: AnkhTheme, { tone, fieldState, checked, hovered, pressed, }: {
|
|
14
|
+
tone?: ComponentTone;
|
|
15
|
+
fieldState: FieldState;
|
|
16
|
+
checked: boolean;
|
|
17
|
+
hovered?: boolean;
|
|
18
|
+
pressed?: boolean;
|
|
19
|
+
}): ResolvedSelectionControlColors;
|
|
20
|
+
//# sourceMappingURL=resolveSelectionControlColors.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resolveSelectionControlColors.d.ts","sourceRoot":"","sources":["../../../src/internal/resolvers/resolveSelectionControlColors.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,KAAK,aAAa,EAAe,MAAM,eAAe,CAAC;AAEhE,MAAM,WAAW,8BAA8B;IAC7C,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,6BAA6B,CAC3C,KAAK,EAAE,SAAS,EAChB,EACE,IAAgB,EAChB,UAAU,EACV,OAAO,EACP,OAAe,EACf,OAAe,GAChB,EAAE;IACD,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,UAAU,EAAE,UAAU,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GACA,8BAA8B,CAmDhC"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { resolveTone } from './resolveTone';
|
|
2
|
+
export function resolveSelectionControlColors(theme, { tone = 'primary', fieldState, checked, hovered = false, pressed = false, }) {
|
|
3
|
+
const semanticTone = resolveTone(theme, fieldState.invalid ? 'danger' : tone);
|
|
4
|
+
const isMuted = fieldState.disabled;
|
|
5
|
+
const isInteractiveReadOnly = fieldState.readOnly && !fieldState.disabled;
|
|
6
|
+
if (isMuted) {
|
|
7
|
+
return {
|
|
8
|
+
backgroundColor: checked
|
|
9
|
+
? theme.semantics.neutral.surfaceActive
|
|
10
|
+
: theme.semantics.surface.subtle,
|
|
11
|
+
borderColor: theme.semantics.border.default,
|
|
12
|
+
indicatorColor: checked ? theme.semantics.content.muted : 'transparent',
|
|
13
|
+
labelColor: theme.semantics.content.muted,
|
|
14
|
+
trackColor: checked ? theme.semantics.neutral.surfaceActive : theme.semantics.neutral.border,
|
|
15
|
+
thumbColor: theme.semantics.surface.default,
|
|
16
|
+
opacity: 0.72,
|
|
17
|
+
};
|
|
18
|
+
}
|
|
19
|
+
const uncheckedBorderColor = fieldState.invalid
|
|
20
|
+
? theme.semantics.danger.outline
|
|
21
|
+
: fieldState.focused
|
|
22
|
+
? theme.semantics.border.focus
|
|
23
|
+
: theme.semantics.border.strong;
|
|
24
|
+
const uncheckedBackgroundColor = pressed
|
|
25
|
+
? theme.semantics.neutral.surfaceActive
|
|
26
|
+
: hovered
|
|
27
|
+
? theme.semantics.neutral.surfaceHover
|
|
28
|
+
: theme.semantics.surface.default;
|
|
29
|
+
const checkedBackgroundColor = pressed
|
|
30
|
+
? semanticTone.strong
|
|
31
|
+
: hovered
|
|
32
|
+
? semanticTone.hover
|
|
33
|
+
: semanticTone.base;
|
|
34
|
+
const checkedTrackColor = pressed
|
|
35
|
+
? semanticTone.strong
|
|
36
|
+
: hovered
|
|
37
|
+
? semanticTone.hover
|
|
38
|
+
: semanticTone.base;
|
|
39
|
+
return {
|
|
40
|
+
backgroundColor: checked ? checkedBackgroundColor : uncheckedBackgroundColor,
|
|
41
|
+
borderColor: checked ? semanticTone.base : uncheckedBorderColor,
|
|
42
|
+
indicatorColor: checked ? semanticTone.onSolidText : 'transparent',
|
|
43
|
+
labelColor: isInteractiveReadOnly
|
|
44
|
+
? theme.semantics.content.muted
|
|
45
|
+
: theme.semantics.content.default,
|
|
46
|
+
trackColor: checked ? checkedTrackColor : uncheckedBorderColor,
|
|
47
|
+
thumbColor: checked ? semanticTone.onSolidText : theme.semantics.surface.default,
|
|
48
|
+
opacity: isInteractiveReadOnly ? 0.88 : 1,
|
|
49
|
+
};
|
|
50
|
+
}
|
|
51
|
+
//# sourceMappingURL=resolveSelectionControlColors.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resolveSelectionControlColors.js","sourceRoot":"","sources":["../../../src/internal/resolvers/resolveSelectionControlColors.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { AnkhTheme } from '../../theme/types';
|
|
2
|
+
export type TextTone = 'default' | 'muted' | 'subtle' | 'inverse' | 'danger' | 'success' | 'warning';
|
|
3
|
+
export type TextColorValue = keyof AnkhTheme['colors'] | string;
|
|
4
|
+
export declare function resolveTextColor(theme: AnkhTheme, tone?: TextTone, color?: TextColorValue): string;
|
|
5
|
+
//# sourceMappingURL=resolveTextColor.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resolveTextColor.d.ts","sourceRoot":"","sources":["../../../src/internal/resolvers/resolveTextColor.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,MAAM,MAAM,QAAQ,GAChB,SAAS,GACT,OAAO,GACP,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,SAAS,GACT,SAAS,CAAC;AACd,MAAM,MAAM,cAAc,GAAG,MAAM,SAAS,CAAC,QAAQ,CAAC,GAAG,MAAM,CAAC;AAEhE,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,SAAS,EAChB,IAAI,GAAE,QAAoB,EAC1B,KAAK,CAAC,EAAE,cAAc,GACrB,MAAM,CAsBR"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { resolveToken } from '../../theme/resolveToken';
|
|
2
|
+
export function resolveTextColor(theme, tone = 'default', color) {
|
|
3
|
+
if (color) {
|
|
4
|
+
return resolveToken(theme.colors, color);
|
|
5
|
+
}
|
|
6
|
+
switch (tone) {
|
|
7
|
+
case 'muted':
|
|
8
|
+
return theme.semantics.content.muted;
|
|
9
|
+
case 'subtle':
|
|
10
|
+
return theme.semantics.content.subtle;
|
|
11
|
+
case 'inverse':
|
|
12
|
+
return theme.semantics.content.inverse;
|
|
13
|
+
case 'danger':
|
|
14
|
+
return theme.semantics.danger.base;
|
|
15
|
+
case 'success':
|
|
16
|
+
return theme.semantics.success.base;
|
|
17
|
+
case 'warning':
|
|
18
|
+
return theme.semantics.warning.base;
|
|
19
|
+
case 'default':
|
|
20
|
+
default:
|
|
21
|
+
return theme.semantics.content.default;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
//# sourceMappingURL=resolveTextColor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resolveTextColor.js","sourceRoot":"","sources":["../../../src/internal/resolvers/resolveTextColor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAaxD,MAAM,UAAU,gBAAgB,CAC9B,KAAgB,EAChB,OAAiB,SAAS,EAC1B,KAAsB;IAEtB,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,YAAY,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAC3C,CAAC;IAED,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,OAAO;YACV,OAAO,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC;QACvC,KAAK,QAAQ;YACX,OAAO,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC;QACxC,KAAK,SAAS;YACZ,OAAO,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC;QACzC,KAAK,QAAQ;YACX,OAAO,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC;QACrC,KAAK,SAAS;YACZ,OAAO,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC;QACtC,KAAK,SAAS;YACZ,OAAO,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC;QACtC,KAAK,SAAS,CAAC;QACf;YACE,OAAO,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC;IAC3C,CAAC;AACH,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { TextStyle } from 'react-native';
|
|
2
|
+
import type { AnkhTheme, FontWeight } from '../../theme/types';
|
|
3
|
+
export type TextVariant = 'body' | 'bodySmall' | 'caption' | 'label' | 'mono';
|
|
4
|
+
export type TextWeight = keyof AnkhTheme['typography']['weights'] | FontWeight;
|
|
5
|
+
export interface ResolveTextStyleOptions {
|
|
6
|
+
variant?: TextVariant;
|
|
7
|
+
align?: TextStyle['textAlign'];
|
|
8
|
+
weight?: TextWeight;
|
|
9
|
+
italic?: boolean;
|
|
10
|
+
level?: 1 | 2 | 3 | 4 | 5 | 6;
|
|
11
|
+
}
|
|
12
|
+
export declare function resolveTextStyles(theme: AnkhTheme, options?: ResolveTextStyleOptions): TextStyle;
|
|
13
|
+
//# sourceMappingURL=resolveTextStyles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resolveTextStyles.d.ts","sourceRoot":"","sources":["../../../src/internal/resolvers/resolveTextStyles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/D,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAC9E,MAAM,MAAM,UAAU,GAAG,MAAM,SAAS,CAAC,YAAY,CAAC,CAAC,SAAS,CAAC,GAAG,UAAU,CAAC;AAQ/E,MAAM,WAAW,uBAAuB;IACtC,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IAC/B,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAC/B;AA8CD,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,SAAS,EAChB,OAAO,GAAE,uBAA4B,GACpC,SAAS,CA0BX"}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
function resolveWeight(theme, value) {
|
|
2
|
+
if (!value)
|
|
3
|
+
return theme.typography.weights.regular;
|
|
4
|
+
if (value in theme.typography.weights) {
|
|
5
|
+
return theme.typography.weights[value];
|
|
6
|
+
}
|
|
7
|
+
return value;
|
|
8
|
+
}
|
|
9
|
+
function getVariantStyle(theme, variant) {
|
|
10
|
+
switch (variant) {
|
|
11
|
+
case 'bodySmall':
|
|
12
|
+
return {
|
|
13
|
+
fontSize: theme.typography.sizes.s,
|
|
14
|
+
lineHeight: 20,
|
|
15
|
+
weight: 'regular',
|
|
16
|
+
};
|
|
17
|
+
case 'caption':
|
|
18
|
+
return {
|
|
19
|
+
fontSize: theme.typography.sizes.xs,
|
|
20
|
+
lineHeight: 16,
|
|
21
|
+
weight: 'regular',
|
|
22
|
+
};
|
|
23
|
+
case 'label':
|
|
24
|
+
return {
|
|
25
|
+
fontSize: theme.typography.sizes.s,
|
|
26
|
+
lineHeight: 18,
|
|
27
|
+
weight: 'medium',
|
|
28
|
+
};
|
|
29
|
+
case 'mono':
|
|
30
|
+
return {
|
|
31
|
+
fontSize: theme.typography.sizes.s,
|
|
32
|
+
lineHeight: 20,
|
|
33
|
+
weight: 'regular',
|
|
34
|
+
};
|
|
35
|
+
case 'body':
|
|
36
|
+
default:
|
|
37
|
+
return {
|
|
38
|
+
fontSize: theme.typography.sizes.m,
|
|
39
|
+
lineHeight: 24,
|
|
40
|
+
weight: 'regular',
|
|
41
|
+
};
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
export function resolveTextStyles(theme, options = {}) {
|
|
45
|
+
const { level, variant = 'body', align, weight, italic = false } = options;
|
|
46
|
+
const headingTypography = level ? theme.typography.headings[level] : null;
|
|
47
|
+
const variantStyle = headingTypography
|
|
48
|
+
? {
|
|
49
|
+
fontSize: headingTypography.size,
|
|
50
|
+
lineHeight: headingTypography.lineHeight,
|
|
51
|
+
weight: headingTypography.weight,
|
|
52
|
+
}
|
|
53
|
+
: getVariantStyle(theme, variant);
|
|
54
|
+
const resolvedWeight = resolveWeight(theme, weight ?? variantStyle.weight);
|
|
55
|
+
const isMono = !level && variant === 'mono';
|
|
56
|
+
const fontFamily = isMono
|
|
57
|
+
? 'monospace'
|
|
58
|
+
: theme.typography.fonts[italic ? 'italic' : 'normal'][resolvedWeight];
|
|
59
|
+
return {
|
|
60
|
+
fontSize: variantStyle.fontSize,
|
|
61
|
+
lineHeight: variantStyle.lineHeight,
|
|
62
|
+
fontWeight: resolvedWeight,
|
|
63
|
+
fontFamily,
|
|
64
|
+
fontStyle: italic ? 'italic' : 'normal',
|
|
65
|
+
textAlign: align,
|
|
66
|
+
elevation: 0,
|
|
67
|
+
};
|
|
68
|
+
}
|
|
69
|
+
//# sourceMappingURL=resolveTextStyles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resolveTextStyles.js","sourceRoot":"","sources":["../../../src/internal/resolvers/resolveTextStyles.ts"],"names":[],"mappings":"AAqBA,SAAS,aAAa,CAAC,KAAgB,EAAE,KAA6B;IACpE,IAAI,CAAC,KAAK;QAAE,OAAO,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,OAAO,CAAC;IACpD,IAAI,KAAK,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;QACtC,OAAO,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,KAAiD,CAAC,CAAC;IACrF,CAAC;IACD,OAAO,KAAmB,CAAC;AAC7B,CAAC;AAED,SAAS,eAAe,CAAC,KAAgB,EAAE,OAAoB;IAC7D,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,WAAW;YACd,OAAO;gBACL,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;gBAClC,UAAU,EAAE,EAAE;gBACd,MAAM,EAAE,SAAS;aAClB,CAAC;QACJ,KAAK,SAAS;YACZ,OAAO;gBACL,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;gBACnC,UAAU,EAAE,EAAE;gBACd,MAAM,EAAE,SAAS;aAClB,CAAC;QACJ,KAAK,OAAO;YACV,OAAO;gBACL,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;gBAClC,UAAU,EAAE,EAAE;gBACd,MAAM,EAAE,QAAQ;aACjB,CAAC;QACJ,KAAK,MAAM;YACT,OAAO;gBACL,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;gBAClC,UAAU,EAAE,EAAE;gBACd,MAAM,EAAE,SAAS;aAClB,CAAC;QACJ,KAAK,MAAM,CAAC;QACZ;YACE,OAAO;gBACL,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;gBAClC,UAAU,EAAE,EAAE;gBACd,MAAM,EAAE,SAAS;aAClB,CAAC;IACN,CAAC;AACH,CAAC;AAED,MAAM,UAAU,iBAAiB,CAC/B,KAAgB,EAChB,UAAmC,EAAE;IAErC,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,GAAG,KAAK,EAAE,GAAG,OAAO,CAAC;IAC3E,MAAM,iBAAiB,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC1E,MAAM,YAAY,GAAG,iBAAiB;QACpC,CAAC,CAAC;YACE,QAAQ,EAAE,iBAAiB,CAAC,IAAI;YAChC,UAAU,EAAE,iBAAiB,CAAC,UAAU;YACxC,MAAM,EAAE,iBAAiB,CAAC,MAAM;SACjC;QACH,CAAC,CAAC,eAAe,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAEpC,MAAM,cAAc,GAAG,aAAa,CAAC,KAAK,EAAE,MAAM,IAAI,YAAY,CAAC,MAAM,CAAC,CAAC;IAC3E,MAAM,MAAM,GAAG,CAAC,KAAK,IAAI,OAAO,KAAK,MAAM,CAAC;IAC5C,MAAM,UAAU,GAAG,MAAM;QACvB,CAAC,CAAC,WAAW;QACb,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,cAAc,CAAC,CAAC;IAEzE,OAAO;QACL,QAAQ,EAAE,YAAY,CAAC,QAAQ;QAC/B,UAAU,EAAE,YAAY,CAAC,UAAU;QACnC,UAAU,EAAE,cAAc;QAC1B,UAAU;QACV,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ;QACvC,SAAS,EAAE,KAAK;QAChB,SAAS,EAAE,CAAC;KACb,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { AnkhTheme, RoleSemantics } from '../../theme/types';
|
|
2
|
+
export type ComponentTone = 'primary' | 'neutral' | 'danger' | 'success' | 'warning';
|
|
3
|
+
export declare function resolveTone(theme: AnkhTheme, tone?: ComponentTone): RoleSemantics;
|
|
4
|
+
//# sourceMappingURL=resolveTone.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resolveTone.d.ts","sourceRoot":"","sources":["../../../src/internal/resolvers/resolveTone.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;AAErF,wBAAgB,WAAW,CAAC,KAAK,EAAE,SAAS,EAAE,IAAI,GAAE,aAAyB,GAAG,aAAa,CAc5F"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export function resolveTone(theme, tone = 'primary') {
|
|
2
|
+
switch (tone) {
|
|
3
|
+
case 'neutral':
|
|
4
|
+
return theme.semantics.action.neutral;
|
|
5
|
+
case 'danger':
|
|
6
|
+
return theme.semantics.action.danger;
|
|
7
|
+
case 'success':
|
|
8
|
+
return theme.semantics.success;
|
|
9
|
+
case 'warning':
|
|
10
|
+
return theme.semantics.warning;
|
|
11
|
+
case 'primary':
|
|
12
|
+
default:
|
|
13
|
+
return theme.semantics.action.primary;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=resolveTone.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resolveTone.js","sourceRoot":"","sources":["../../../src/internal/resolvers/resolveTone.ts"],"names":[],"mappings":"AAIA,MAAM,UAAU,WAAW,CAAC,KAAgB,EAAE,OAAsB,SAAS;IAC3E,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,SAAS;YACZ,OAAO,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC;QACxC,KAAK,QAAQ;YACX,OAAO,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC;QACvC,KAAK,SAAS;YACZ,OAAO,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC;QACjC,KAAK,SAAS;YACZ,OAAO,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC;QACjC,KAAK,SAAS,CAAC;QACf;YACE,OAAO,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC;IAC1C,CAAC;AACH,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export declare function useControllableState<T>({ value, defaultValue, onChange, }: {
|
|
2
|
+
value: T | undefined;
|
|
3
|
+
defaultValue: T;
|
|
4
|
+
onChange?: ((nextValue: T) => void) | undefined;
|
|
5
|
+
}): readonly [T, (nextValue: T) => void];
|
|
6
|
+
//# sourceMappingURL=useControllableState.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useControllableState.d.ts","sourceRoot":"","sources":["../../src/internal/useControllableState.ts"],"names":[],"mappings":"AAEA,wBAAgB,oBAAoB,CAAC,CAAC,EAAE,EACtC,KAAK,EACL,YAAY,EACZ,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,CAAC,GAAG,SAAS,CAAC;IACrB,YAAY,EAAE,CAAC,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,EAAE,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CACjD,4BAMe,CAAC,WAWhB"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export function useControllableState({ value, defaultValue, onChange, }) {
|
|
3
|
+
const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue);
|
|
4
|
+
const isControlled = value !== undefined;
|
|
5
|
+
const currentValue = isControlled ? value : uncontrolledValue;
|
|
6
|
+
const setValue = React.useCallback((nextValue) => {
|
|
7
|
+
if (!isControlled) {
|
|
8
|
+
setUncontrolledValue(nextValue);
|
|
9
|
+
}
|
|
10
|
+
onChange?.(nextValue);
|
|
11
|
+
}, [isControlled, onChange]);
|
|
12
|
+
return [currentValue, setValue];
|
|
13
|
+
}
|
|
14
|
+
//# sourceMappingURL=useControllableState.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useControllableState.js","sourceRoot":"","sources":["../../src/internal/useControllableState.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,UAAU,oBAAoB,CAAI,EACtC,KAAK,EACL,YAAY,EACZ,QAAQ,GAKT;IACC,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;IAC/E,MAAM,YAAY,GAAG,KAAK,KAAK,SAAS,CAAC;IACzC,MAAM,YAAY,GAAG,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC;IAE9D,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAChC,CAAC,SAAY,EAAE,EAAE;QACf,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,oBAAoB,CAAC,SAAS,CAAC,CAAC;QAClC,CAAC;QAED,QAAQ,EAAE,CAAC,SAAS,CAAC,CAAC;IACxB,CAAC,EACD,CAAC,YAAY,EAAE,QAAQ,CAAC,CACzB,CAAC;IAEF,OAAO,CAAC,YAAY,EAAE,QAAQ,CAAU,CAAC;AAC3C,CAAC"}
|
package/dist/layout/Box.d.ts
CHANGED
|
@@ -2,9 +2,13 @@ import React from 'react';
|
|
|
2
2
|
import { type ViewProps as ReactNativeViewProps } from 'react-native';
|
|
3
3
|
import { type BoxStyleProps } from './helpers';
|
|
4
4
|
export interface BoxProps extends BoxStyleProps {
|
|
5
|
+
accessibilityLabel?: ReactNativeViewProps['accessibilityLabel'];
|
|
6
|
+
accessibilityRole?: ReactNativeViewProps['accessibilityRole'];
|
|
7
|
+
accessibilityState?: ReactNativeViewProps['accessibilityState'];
|
|
8
|
+
accessible?: ReactNativeViewProps['accessible'];
|
|
5
9
|
children?: React.ReactNode;
|
|
6
10
|
pointerEvents?: ReactNativeViewProps['pointerEvents'];
|
|
7
11
|
testID?: string;
|
|
8
12
|
}
|
|
9
|
-
export declare function Box({ children, pointerEvents, style, testID, ...props }: BoxProps): React.JSX.Element;
|
|
13
|
+
export declare function Box({ accessible, accessibilityLabel, accessibilityRole, accessibilityState, children, pointerEvents, style, testID, ...props }: BoxProps): React.JSX.Element;
|
|
10
14
|
//# sourceMappingURL=Box.d.ts.map
|
package/dist/layout/Box.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../src/layout/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAIL,KAAK,SAAS,IAAI,oBAAoB,EAEvC,MAAM,cAAc,CAAC;AAItB,OAAO,EAAE,KAAK,aAAa,EAAoB,MAAM,WAAW,CAAC;AAEjE,MAAM,WAAW,QAAS,SAAQ,aAAa;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,oBAAoB,CAAC,eAAe,CAAC,CAAC;IACtD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA2BD,wBAAgB,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../src/layout/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAIL,KAAK,SAAS,IAAI,oBAAoB,EAEvC,MAAM,cAAc,CAAC;AAItB,OAAO,EAAE,KAAK,aAAa,EAAoB,MAAM,WAAW,CAAC;AAEjE,MAAM,WAAW,QAAS,SAAQ,aAAa;IAC7C,kBAAkB,CAAC,EAAE,oBAAoB,CAAC,oBAAoB,CAAC,CAAC;IAChE,iBAAiB,CAAC,EAAE,oBAAoB,CAAC,mBAAmB,CAAC,CAAC;IAC9D,kBAAkB,CAAC,EAAE,oBAAoB,CAAC,oBAAoB,CAAC,CAAC;IAChE,UAAU,CAAC,EAAE,oBAAoB,CAAC,YAAY,CAAC,CAAC;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,oBAAoB,CAAC,eAAe,CAAC,CAAC;IACtD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA2BD,wBAAgB,GAAG,CAAC,EAClB,UAAU,EACV,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,QAAQ,EACR,aAAa,EACb,KAAK,EACL,MAAM,EACN,GAAG,KAAK,EACT,EAAE,QAAQ,qBAoBV"}
|
package/dist/layout/Box.js
CHANGED
|
@@ -21,13 +21,13 @@ function resolveViewPointerEvents(pointerEvents) {
|
|
|
21
21
|
}
|
|
22
22
|
return undefined;
|
|
23
23
|
}
|
|
24
|
-
export function Box({ children, pointerEvents, style, testID, ...props }) {
|
|
24
|
+
export function Box({ accessible, accessibilityLabel, accessibilityRole, accessibilityState, children, pointerEvents, style, testID, ...props }) {
|
|
25
25
|
const { theme } = useTheme();
|
|
26
26
|
const { breakpoint } = useResponsiveRuntime();
|
|
27
27
|
const resolved = resolveBoxStyles(theme, breakpoint, props);
|
|
28
28
|
const pointerEventsStyle = resolvePointerEventsStyle(pointerEvents);
|
|
29
29
|
const viewPointerEvents = resolveViewPointerEvents(pointerEvents);
|
|
30
|
-
return (<View pointerEvents={viewPointerEvents} testID={testID} style={[resolved, pointerEventsStyle, style]}>
|
|
30
|
+
return (<View accessible={accessible} accessibilityLabel={accessibilityLabel} accessibilityRole={accessibilityRole} accessibilityState={accessibilityState} pointerEvents={viewPointerEvents} testID={testID} style={[resolved, pointerEventsStyle, style]}>
|
|
31
31
|
{children}
|
|
32
32
|
</View>);
|
|
33
33
|
}
|
package/dist/layout/Box.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../src/layout/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,QAAQ,EAER,IAAI,GAGL,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAsB,gBAAgB,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../src/layout/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,QAAQ,EAER,IAAI,GAGL,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAsB,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAYjE,SAAS,yBAAyB,CAChC,aAAgE;IAEhE,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK,IAAI,aAAa,KAAK,SAAS;QAAE,OAAO,IAAI,CAAC;IAEtE,IAAI,aAAa,KAAK,MAAM,IAAI,aAAa,KAAK,MAAM,EAAE,CAAC;QACzD,OAAO,EAAE,aAAa,EAAE,CAAC;IAC3B,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,wBAAwB,CAC/B,aAAgE;IAEhE,IAAI,aAAa,KAAK,SAAS;QAAE,OAAO,SAAS,CAAC;IAClD,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK;QAAE,OAAO,aAAa,CAAC;IAEhD,IAAI,aAAa,KAAK,UAAU,IAAI,aAAa,KAAK,UAAU,EAAE,CAAC;QACjE,OAAO,aAAa,CAAC;IACvB,CAAC;IAED,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,MAAM,UAAU,GAAG,CAAC,EAClB,UAAU,EACV,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,QAAQ,EACR,aAAa,EACb,KAAK,EACL,MAAM,EACN,GAAG,KAAK,EACC;IACT,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7B,MAAM,EAAE,UAAU,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAC9C,MAAM,QAAQ,GAAG,gBAAgB,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,CAAC,CAAC;IAC5D,MAAM,kBAAkB,GAAG,yBAAyB,CAAC,aAAa,CAAC,CAAC;IACpE,MAAM,iBAAiB,GAAG,wBAAwB,CAAC,aAAa,CAAC,CAAC;IAElE,OAAO,CACL,CAAC,IAAI,CACH,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CACvC,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CACvC,aAAa,CAAC,CAAC,iBAAiB,CAAC,CACjC,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC,CAAC,QAAQ,EAAE,kBAAkB,EAAE,KAAK,CAAC,CAAC,CAE7C;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type BoxProps } from './Box';
|
|
3
|
+
export interface CenterProps extends BoxProps {
|
|
4
|
+
axis?: 'horizontal' | 'vertical' | 'both';
|
|
5
|
+
}
|
|
6
|
+
export declare function Center({ axis, style, ...props }: CenterProps): React.JSX.Element;
|
|
7
|
+
//# sourceMappingURL=Center.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Center.d.ts","sourceRoot":"","sources":["../../src/layout/Center.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,WAAW,WAAY,SAAQ,QAAQ;IAC3C,IAAI,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;CAC3C;AAED,wBAAgB,MAAM,CAAC,EAAE,IAAa,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,qBAarE"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Box } from './Box';
|
|
3
|
+
export function Center({ axis = 'both', style, ...props }) {
|
|
4
|
+
return (<Box {...props} style={[
|
|
5
|
+
{
|
|
6
|
+
alignItems: axis === 'both' || axis === 'horizontal' ? 'center' : undefined,
|
|
7
|
+
justifyContent: axis === 'both' || axis === 'vertical' ? 'center' : undefined,
|
|
8
|
+
},
|
|
9
|
+
style,
|
|
10
|
+
]}/>);
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=Center.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Center.js","sourceRoot":"","sources":["../../src/layout/Center.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,GAAG,EAAiB,MAAM,OAAO,CAAC;AAM3C,MAAM,UAAU,MAAM,CAAC,EAAE,IAAI,GAAG,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,EAAe;IACpE,OAAO,CACL,CAAC,GAAG,CACF,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC;YACL;gBACE,UAAU,EAAE,IAAI,KAAK,MAAM,IAAI,IAAI,KAAK,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;gBAC3E,cAAc,EAAE,IAAI,KAAK,MAAM,IAAI,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;aAC9E;YACD,KAAK;SACN,CAAC,EACF,CACH,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type BoxProps } from './Box';
|
|
3
|
+
import type { ColorValue } from './helpers';
|
|
4
|
+
export interface DividerProps extends Omit<BoxProps, 'bg' | 'height' | 'width'> {
|
|
5
|
+
orientation?: 'horizontal' | 'vertical';
|
|
6
|
+
color?: ColorValue;
|
|
7
|
+
thickness?: number;
|
|
8
|
+
}
|
|
9
|
+
export declare function Divider({ orientation, color, thickness, ...props }: DividerProps): React.JSX.Element;
|
|
10
|
+
//# sourceMappingURL=Divider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../src/layout/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAE5C,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,QAAQ,EAAE,IAAI,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC7E,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,OAAO,CAAC,EACtB,WAA0B,EAC1B,KAAgB,EAChB,SAAa,EACb,GAAG,KAAK,EACT,EAAE,YAAY,qBASd"}
|