@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 @@
|
|
|
1
|
+
{"version":3,"file":"FocusScope.js","sourceRoot":"","sources":["../../../src/internal/focus/FocusScope.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AASpD,MAAM,UAAU,UAAU,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAmB;IAChF,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAc,IAAI,CAAC,CAAC;IACrD,MAAM,EAAE,WAAW,EAAE,oBAAoB,EAAE,UAAU,EAAE,UAAU,EAAE,oBAAoB,EAAE,GACvF,eAAe,EAAE,CAAC;IAEpB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO,SAAS,CAAC;QACnB,CAAC;QAED,oBAAoB,EAAE,CAAC;QACvB,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE;YAChC,UAAU,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACnC,CAAC,EAAE,CAAC,CAAC,CAAC;QAEN,MAAM,MAAM,GAAG,WAAW,CAAC,CAAC,KAAK,EAAE,EAAE;YACnC,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE,CAAC;gBACxB,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,UAAU,CAAC,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;YAC5D,CAAC;YAED,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBAC3B,QAAQ,EAAE,EAAE,CAAC;YACf,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,SAAS,CAAC,CAAC;YACxB,MAAM,EAAE,CAAC;YACT,oBAAoB,EAAE,CAAC;QACzB,CAAC,CAAC;IACJ,CAAC,EAAE;QACD,MAAM;QACN,WAAW;QACX,oBAAoB;QACpB,UAAU;QACV,UAAU;QACV,QAAQ;QACR,oBAAoB;KACrB,CAAC,CAAC;IAEH,OAAO,CACL,CAAC,IAAI,CACH,WAAW,CAAC,CAAC,KAAK,CAAC,CACnB,GAAG,CAAC,CAAC,YAAY,CAAC,CAClB,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC;YACL,IAAI,EAAE,CAAC;SACR,CAAC,CAEF;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
interface FocusableTarget {
|
|
2
|
+
focus: () => void;
|
|
3
|
+
disabled?: boolean;
|
|
4
|
+
hidden?: boolean;
|
|
5
|
+
tabIndex?: number;
|
|
6
|
+
getAttribute?: (name: string) => string | null;
|
|
7
|
+
}
|
|
8
|
+
interface WebKeyboardEventLike {
|
|
9
|
+
key?: string;
|
|
10
|
+
preventDefault: () => void;
|
|
11
|
+
shiftKey?: boolean;
|
|
12
|
+
}
|
|
13
|
+
export declare function getFocusableElements(container: unknown): FocusableTarget[];
|
|
14
|
+
export declare function useFocusManager(): {
|
|
15
|
+
bindKeydown: (listener: (event: WebKeyboardEventLike) => void) => () => void;
|
|
16
|
+
capturePreviousFocus: () => void;
|
|
17
|
+
cycleFocus: (container: unknown, reverse?: boolean) => void;
|
|
18
|
+
focusFirst: (container: unknown) => void;
|
|
19
|
+
restorePreviousFocus: () => void;
|
|
20
|
+
};
|
|
21
|
+
export {};
|
|
22
|
+
//# sourceMappingURL=useFocusManager.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useFocusManager.d.ts","sourceRoot":"","sources":["../../../src/internal/focus/useFocusManager.ts"],"names":[],"mappings":"AAEA,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;CAChD;AAOD,UAAU,oBAAoB;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA0CD,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,OAAO,GAAG,eAAe,EAAE,CAW1E;AAED,wBAAgB,eAAe;4BA6CoB,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI;;4BAtBrC,OAAO;4BAVP,OAAO;;EAsDzD"}
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
const FOCUSABLE_SELECTOR = 'button,[href],input,select,textarea,[tabindex]:not([tabindex="-1"])';
|
|
3
|
+
function getWebDocument() {
|
|
4
|
+
const maybeDocument = globalThis.document;
|
|
5
|
+
if (!maybeDocument || typeof maybeDocument !== 'object') {
|
|
6
|
+
return null;
|
|
7
|
+
}
|
|
8
|
+
return maybeDocument;
|
|
9
|
+
}
|
|
10
|
+
function isFocusableTarget(target) {
|
|
11
|
+
if (target.disabled || target.hidden) {
|
|
12
|
+
return false;
|
|
13
|
+
}
|
|
14
|
+
if (typeof target.tabIndex === 'number' && target.tabIndex < 0) {
|
|
15
|
+
return false;
|
|
16
|
+
}
|
|
17
|
+
const ariaHidden = target.getAttribute?.('aria-hidden');
|
|
18
|
+
if (ariaHidden === 'true') {
|
|
19
|
+
return false;
|
|
20
|
+
}
|
|
21
|
+
const tabIndexAttribute = target.getAttribute?.('tabindex');
|
|
22
|
+
if (tabIndexAttribute === '-1') {
|
|
23
|
+
return false;
|
|
24
|
+
}
|
|
25
|
+
return true;
|
|
26
|
+
}
|
|
27
|
+
export function getFocusableElements(container) {
|
|
28
|
+
if (!container || typeof container !== 'object') {
|
|
29
|
+
return [];
|
|
30
|
+
}
|
|
31
|
+
const focusContainer = container;
|
|
32
|
+
if (typeof focusContainer.querySelectorAll !== 'function') {
|
|
33
|
+
return [];
|
|
34
|
+
}
|
|
35
|
+
return Array.from(focusContainer.querySelectorAll(FOCUSABLE_SELECTOR)).filter(isFocusableTarget);
|
|
36
|
+
}
|
|
37
|
+
export function useFocusManager() {
|
|
38
|
+
const previousFocusRef = React.useRef(null);
|
|
39
|
+
const capturePreviousFocus = React.useCallback(() => {
|
|
40
|
+
const documentRef = getWebDocument();
|
|
41
|
+
const activeElement = documentRef?.activeElement;
|
|
42
|
+
previousFocusRef.current =
|
|
43
|
+
activeElement && typeof activeElement === 'object' && 'focus' in activeElement
|
|
44
|
+
? activeElement
|
|
45
|
+
: null;
|
|
46
|
+
}, []);
|
|
47
|
+
const focusFirst = React.useCallback((container) => {
|
|
48
|
+
const [firstFocusable] = getFocusableElements(container);
|
|
49
|
+
firstFocusable?.focus();
|
|
50
|
+
}, []);
|
|
51
|
+
const restorePreviousFocus = React.useCallback(() => {
|
|
52
|
+
previousFocusRef.current?.focus();
|
|
53
|
+
}, []);
|
|
54
|
+
const cycleFocus = React.useCallback((container, reverse = false) => {
|
|
55
|
+
const focusableElements = getFocusableElements(container);
|
|
56
|
+
if (focusableElements.length === 0) {
|
|
57
|
+
return;
|
|
58
|
+
}
|
|
59
|
+
const documentRef = getWebDocument();
|
|
60
|
+
const activeElement = documentRef?.activeElement;
|
|
61
|
+
const currentIndex = focusableElements.findIndex((element) => element === activeElement);
|
|
62
|
+
if (currentIndex === -1) {
|
|
63
|
+
(reverse ? focusableElements[focusableElements.length - 1] : focusableElements[0])?.focus();
|
|
64
|
+
return;
|
|
65
|
+
}
|
|
66
|
+
const nextIndex = reverse
|
|
67
|
+
? (currentIndex - 1 + focusableElements.length) % focusableElements.length
|
|
68
|
+
: (currentIndex + 1) % focusableElements.length;
|
|
69
|
+
focusableElements[nextIndex]?.focus();
|
|
70
|
+
}, []);
|
|
71
|
+
const bindKeydown = React.useCallback((listener) => {
|
|
72
|
+
const documentRef = getWebDocument();
|
|
73
|
+
if (!documentRef) {
|
|
74
|
+
return () => {
|
|
75
|
+
/* no-op */
|
|
76
|
+
};
|
|
77
|
+
}
|
|
78
|
+
documentRef.addEventListener('keydown', listener);
|
|
79
|
+
return () => {
|
|
80
|
+
documentRef.removeEventListener('keydown', listener);
|
|
81
|
+
};
|
|
82
|
+
}, []);
|
|
83
|
+
return {
|
|
84
|
+
bindKeydown,
|
|
85
|
+
capturePreviousFocus,
|
|
86
|
+
cycleFocus,
|
|
87
|
+
focusFirst,
|
|
88
|
+
restorePreviousFocus,
|
|
89
|
+
};
|
|
90
|
+
}
|
|
91
|
+
//# sourceMappingURL=useFocusManager.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useFocusManager.js","sourceRoot":"","sources":["../../../src/internal/focus/useFocusManager.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OverlayProvider.d.ts","sourceRoot":"","sources":["../../../src/internal/overlay/OverlayProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,qBA8D1E"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { View } from 'react-native';
|
|
3
|
+
import { createOverlayEntry, OverlayStackContext, sortOverlayEntries, } from './useOverlayStack';
|
|
4
|
+
export function OverlayProvider({ children }) {
|
|
5
|
+
const orderRef = React.useRef(0);
|
|
6
|
+
const [overlays, setOverlays] = React.useState([]);
|
|
7
|
+
const setOverlay = React.useCallback((id, descriptor) => {
|
|
8
|
+
setOverlays((current) => {
|
|
9
|
+
const existing = current.find((entry) => entry.id === id);
|
|
10
|
+
const nextEntry = createOverlayEntry(id, existing?.order ?? orderRef.current++, descriptor);
|
|
11
|
+
if (!existing) {
|
|
12
|
+
return sortOverlayEntries([...current, nextEntry]);
|
|
13
|
+
}
|
|
14
|
+
return sortOverlayEntries(current.map((entry) => (entry.id === id ? nextEntry : entry)));
|
|
15
|
+
});
|
|
16
|
+
}, []);
|
|
17
|
+
const removeOverlay = React.useCallback((id) => {
|
|
18
|
+
setOverlays((current) => current.filter((entry) => entry.id !== id));
|
|
19
|
+
}, []);
|
|
20
|
+
const value = React.useMemo(() => ({
|
|
21
|
+
overlays,
|
|
22
|
+
removeOverlay,
|
|
23
|
+
setOverlay,
|
|
24
|
+
}), [overlays, removeOverlay, setOverlay]);
|
|
25
|
+
return (<OverlayStackContext.Provider value={value}>
|
|
26
|
+
{children}
|
|
27
|
+
<View pointerEvents="box-none" style={{
|
|
28
|
+
bottom: 0,
|
|
29
|
+
left: 0,
|
|
30
|
+
position: 'absolute',
|
|
31
|
+
right: 0,
|
|
32
|
+
top: 0,
|
|
33
|
+
}}>
|
|
34
|
+
{overlays.map((overlay) => (<View key={overlay.id} pointerEvents="box-none" style={{
|
|
35
|
+
bottom: 0,
|
|
36
|
+
left: 0,
|
|
37
|
+
position: 'absolute',
|
|
38
|
+
right: 0,
|
|
39
|
+
top: 0,
|
|
40
|
+
zIndex: overlay.zIndex,
|
|
41
|
+
}}>
|
|
42
|
+
{overlay.node}
|
|
43
|
+
</View>))}
|
|
44
|
+
</View>
|
|
45
|
+
</OverlayStackContext.Provider>);
|
|
46
|
+
}
|
|
47
|
+
//# sourceMappingURL=OverlayProvider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OverlayProvider.js","sourceRoot":"","sources":["../../../src/internal/overlay/OverlayProvider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { OverlayLayer } from '../resolvers/resolveOverlayZIndex';
|
|
3
|
+
export interface PortalProps {
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
layer?: OverlayLayer;
|
|
6
|
+
visible?: boolean;
|
|
7
|
+
}
|
|
8
|
+
export declare function Portal({ children, layer, visible }: PortalProps): React.JSX.Element | null;
|
|
9
|
+
//# sourceMappingURL=Portal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../../../src/internal/overlay/Portal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAKtE,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,KAAe,EAAE,OAAc,EAAE,EAAE,WAAW,4BAwBhF"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { useOverlayStack } from './useOverlayStack';
|
|
3
|
+
let portalCounter = 0;
|
|
4
|
+
export function Portal({ children, layer = 'modal', visible = true }) {
|
|
5
|
+
const overlayStack = useOverlayStack();
|
|
6
|
+
const idRef = React.useRef(`surface-portal-${portalCounter++}`);
|
|
7
|
+
React.useEffect(() => {
|
|
8
|
+
if (!overlayStack || !visible || children === undefined || children === null) {
|
|
9
|
+
return undefined;
|
|
10
|
+
}
|
|
11
|
+
overlayStack.setOverlay(idRef.current, {
|
|
12
|
+
layer,
|
|
13
|
+
node: children,
|
|
14
|
+
});
|
|
15
|
+
return () => {
|
|
16
|
+
overlayStack.removeOverlay(idRef.current);
|
|
17
|
+
};
|
|
18
|
+
}, [children, layer, overlayStack, visible]);
|
|
19
|
+
if (!overlayStack) {
|
|
20
|
+
return visible ? <>{children}</> : null;
|
|
21
|
+
}
|
|
22
|
+
return null;
|
|
23
|
+
}
|
|
24
|
+
//# sourceMappingURL=Portal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Portal.js","sourceRoot":"","sources":["../../../src/internal/overlay/Portal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,IAAI,aAAa,GAAG,CAAC,CAAC;AAQtB,MAAM,UAAU,MAAM,CAAC,EAAE,QAAQ,EAAE,KAAK,GAAG,OAAO,EAAE,OAAO,GAAG,IAAI,EAAe;IAC/E,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,kBAAkB,aAAa,EAAE,EAAE,CAAC,CAAC;IAEhE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,YAAY,IAAI,CAAC,OAAO,IAAI,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC;YAC7E,OAAO,SAAS,CAAC;QACnB,CAAC;QAED,YAAY,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,EAAE;YACrC,KAAK;YACL,IAAI,EAAE,QAAQ;SACf,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,aAAa,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAC5C,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC;IAE7C,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,OAAO,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;IAC1C,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type OverlayLayer } from '../resolvers/resolveOverlayZIndex';
|
|
3
|
+
export interface OverlayEntry {
|
|
4
|
+
id: string;
|
|
5
|
+
layer: OverlayLayer;
|
|
6
|
+
node: React.ReactNode;
|
|
7
|
+
order: number;
|
|
8
|
+
zIndex: number;
|
|
9
|
+
}
|
|
10
|
+
export interface OverlayDescriptor {
|
|
11
|
+
layer: OverlayLayer;
|
|
12
|
+
node: React.ReactNode;
|
|
13
|
+
}
|
|
14
|
+
export interface OverlayStackRuntime {
|
|
15
|
+
overlays: OverlayEntry[];
|
|
16
|
+
setOverlay: (id: string, overlay: OverlayDescriptor) => void;
|
|
17
|
+
removeOverlay: (id: string) => void;
|
|
18
|
+
}
|
|
19
|
+
export declare function sortOverlayEntries(entries: OverlayEntry[]): OverlayEntry[];
|
|
20
|
+
export declare const OverlayStackContext: React.Context<OverlayStackRuntime | null>;
|
|
21
|
+
export declare function useOverlayStack(): OverlayStackRuntime | null;
|
|
22
|
+
export declare function createOverlayEntry(id: string, order: number, descriptor: OverlayDescriptor): OverlayEntry;
|
|
23
|
+
//# sourceMappingURL=useOverlayStack.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useOverlayStack.d.ts","sourceRoot":"","sources":["../../../src/internal/overlay/useOverlayStack.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,YAAY,EAAwB,MAAM,mCAAmC,CAAC;AAE5F,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,YAAY,CAAC;IACpB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,YAAY,CAAC;IACpB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;CACvB;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC7D,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,YAAY,EAAE,GAAG,YAAY,EAAE,CAiB1E;AAED,eAAO,MAAM,mBAAmB,2CAAwD,CAAC;AAEzF,wBAAgB,eAAe,IAAI,mBAAmB,GAAG,IAAI,CAE5D;AAED,wBAAgB,kBAAkB,CAChC,EAAE,EAAE,MAAM,EACV,KAAK,EAAE,MAAM,EACb,UAAU,EAAE,iBAAiB,GAC5B,YAAY,CAQd"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { resolveOverlayZIndex } from '../resolvers/resolveOverlayZIndex';
|
|
3
|
+
export function sortOverlayEntries(entries) {
|
|
4
|
+
const perLayerCounts = {};
|
|
5
|
+
const normalizedEntries = [...entries]
|
|
6
|
+
.sort((left, right) => left.order - right.order)
|
|
7
|
+
.map((entry) => {
|
|
8
|
+
const stackIndex = perLayerCounts[entry.layer] ?? 0;
|
|
9
|
+
perLayerCounts[entry.layer] = stackIndex + 1;
|
|
10
|
+
return {
|
|
11
|
+
...entry,
|
|
12
|
+
zIndex: resolveOverlayZIndex(entry.layer, stackIndex),
|
|
13
|
+
};
|
|
14
|
+
});
|
|
15
|
+
return normalizedEntries.sort((left, right) => left.zIndex === right.zIndex ? left.order - right.order : left.zIndex - right.zIndex);
|
|
16
|
+
}
|
|
17
|
+
export const OverlayStackContext = React.createContext(null);
|
|
18
|
+
export function useOverlayStack() {
|
|
19
|
+
return React.useContext(OverlayStackContext);
|
|
20
|
+
}
|
|
21
|
+
export function createOverlayEntry(id, order, descriptor) {
|
|
22
|
+
return {
|
|
23
|
+
id,
|
|
24
|
+
layer: descriptor.layer,
|
|
25
|
+
node: descriptor.node,
|
|
26
|
+
order,
|
|
27
|
+
zIndex: resolveOverlayZIndex(descriptor.layer, 0),
|
|
28
|
+
};
|
|
29
|
+
}
|
|
30
|
+
//# sourceMappingURL=useOverlayStack.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useOverlayStack.js","sourceRoot":"","sources":["../../../src/internal/overlay/useOverlayStack.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAqB,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAqB5F,MAAM,UAAU,kBAAkB,CAAC,OAAuB;IACxD,MAAM,cAAc,GAA0C,EAAE,CAAC;IACjE,MAAM,iBAAiB,GAAG,CAAC,GAAG,OAAO,CAAC;SACnC,IAAI,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;SAC/C,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QACb,MAAM,UAAU,GAAG,cAAc,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QACpD,cAAc,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,UAAU,GAAG,CAAC,CAAC;QAE7C,OAAO;YACL,GAAG,KAAK;YACR,MAAM,EAAE,oBAAoB,CAAC,KAAK,CAAC,KAAK,EAAE,UAAU,CAAC;SACtD,CAAC;IACJ,CAAC,CAAC,CAAC;IAEL,OAAO,iBAAiB,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAC5C,IAAI,CAAC,MAAM,KAAK,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CACrF,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,KAAK,CAAC,aAAa,CAA6B,IAAI,CAAC,CAAC;AAEzF,MAAM,UAAU,eAAe;IAC7B,OAAO,KAAK,CAAC,UAAU,CAAC,mBAAmB,CAAC,CAAC;AAC/C,CAAC;AAED,MAAM,UAAU,kBAAkB,CAChC,EAAU,EACV,KAAa,EACb,UAA6B;IAE7B,OAAO;QACL,EAAE;QACF,KAAK,EAAE,UAAU,CAAC,KAAK;QACvB,IAAI,EAAE,UAAU,CAAC,IAAI;QACrB,KAAK;QACL,MAAM,EAAE,oBAAoB,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC,CAAC;KAClD,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export * from './resolveControlSize';
|
|
2
|
+
export * from './resolveFieldPresentation';
|
|
3
|
+
export * from './resolveFieldState';
|
|
4
|
+
export * from './resolveFocusRingStyles';
|
|
5
|
+
export * from './resolveIconSize';
|
|
6
|
+
export * from './resolveIndicatorSize';
|
|
7
|
+
export * from './resolveInteractiveColors';
|
|
8
|
+
export * from './resolveInteractiveState';
|
|
9
|
+
export * from './resolveOverlayAnimation';
|
|
10
|
+
export * from './resolveOverlayZIndex';
|
|
11
|
+
export * from './resolveSelectionControlBehavior';
|
|
12
|
+
export * from './resolveSelectionControlColors';
|
|
13
|
+
export * from './resolveTextColor';
|
|
14
|
+
export * from './resolveTextStyles';
|
|
15
|
+
export * from './resolveTone';
|
|
16
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/internal/resolvers/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,mCAAmC,CAAC;AAClD,cAAc,iCAAiC,CAAC;AAChD,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export * from './resolveControlSize';
|
|
2
|
+
export * from './resolveFieldPresentation';
|
|
3
|
+
export * from './resolveFieldState';
|
|
4
|
+
export * from './resolveFocusRingStyles';
|
|
5
|
+
export * from './resolveIconSize';
|
|
6
|
+
export * from './resolveIndicatorSize';
|
|
7
|
+
export * from './resolveInteractiveColors';
|
|
8
|
+
export * from './resolveInteractiveState';
|
|
9
|
+
export * from './resolveOverlayAnimation';
|
|
10
|
+
export * from './resolveOverlayZIndex';
|
|
11
|
+
export * from './resolveSelectionControlBehavior';
|
|
12
|
+
export * from './resolveSelectionControlColors';
|
|
13
|
+
export * from './resolveTextColor';
|
|
14
|
+
export * from './resolveTextStyles';
|
|
15
|
+
export * from './resolveTone';
|
|
16
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/internal/resolvers/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,mCAAmC,CAAC;AAClD,cAAc,iCAAiC,CAAC;AAChD,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { AnkhTheme } from '../../theme/types';
|
|
2
|
+
export type ControlSize = 's' | 'm' | 'l';
|
|
3
|
+
export interface ResolvedControlSize {
|
|
4
|
+
minHeight: number;
|
|
5
|
+
paddingHorizontal: number;
|
|
6
|
+
paddingVertical: number;
|
|
7
|
+
borderRadius: number;
|
|
8
|
+
textVariant: 'bodySmall' | 'body';
|
|
9
|
+
iconSize: number;
|
|
10
|
+
}
|
|
11
|
+
export declare function resolveControlSize(theme: AnkhTheme, size?: ControlSize): ResolvedControlSize;
|
|
12
|
+
//# sourceMappingURL=resolveControlSize.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resolveControlSize.d.ts","sourceRoot":"","sources":["../../../src/internal/resolvers/resolveControlSize.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,MAAM,MAAM,WAAW,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAE1C,MAAM,WAAW,mBAAmB;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,WAAW,GAAG,MAAM,CAAC;IAClC,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,SAAS,EAAE,IAAI,GAAE,WAAiB,GAAG,mBAAmB,CA+BjG"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
export function resolveControlSize(theme, size = 'm') {
|
|
2
|
+
switch (size) {
|
|
3
|
+
case 's':
|
|
4
|
+
return {
|
|
5
|
+
minHeight: 32,
|
|
6
|
+
paddingHorizontal: theme.spacing.s,
|
|
7
|
+
paddingVertical: 6,
|
|
8
|
+
borderRadius: theme.radii.m,
|
|
9
|
+
textVariant: 'bodySmall',
|
|
10
|
+
iconSize: 16,
|
|
11
|
+
};
|
|
12
|
+
case 'l':
|
|
13
|
+
return {
|
|
14
|
+
minHeight: 48,
|
|
15
|
+
paddingHorizontal: 20,
|
|
16
|
+
paddingVertical: 10,
|
|
17
|
+
borderRadius: theme.radii.l,
|
|
18
|
+
textVariant: 'body',
|
|
19
|
+
iconSize: 20,
|
|
20
|
+
};
|
|
21
|
+
case 'm':
|
|
22
|
+
default:
|
|
23
|
+
return {
|
|
24
|
+
minHeight: 40,
|
|
25
|
+
paddingHorizontal: theme.spacing.m,
|
|
26
|
+
paddingVertical: 8,
|
|
27
|
+
borderRadius: theme.radii.m,
|
|
28
|
+
textVariant: 'body',
|
|
29
|
+
iconSize: 18,
|
|
30
|
+
};
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
//# sourceMappingURL=resolveControlSize.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resolveControlSize.js","sourceRoot":"","sources":["../../../src/internal/resolvers/resolveControlSize.ts"],"names":[],"mappings":"AAaA,MAAM,UAAU,kBAAkB,CAAC,KAAgB,EAAE,OAAoB,GAAG;IAC1E,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,GAAG;YACN,OAAO;gBACL,SAAS,EAAE,EAAE;gBACb,iBAAiB,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;gBAClC,eAAe,EAAE,CAAC;gBAClB,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;gBAC3B,WAAW,EAAE,WAAW;gBACxB,QAAQ,EAAE,EAAE;aACb,CAAC;QACJ,KAAK,GAAG;YACN,OAAO;gBACL,SAAS,EAAE,EAAE;gBACb,iBAAiB,EAAE,EAAE;gBACrB,eAAe,EAAE,EAAE;gBACnB,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;gBAC3B,WAAW,EAAE,MAAM;gBACnB,QAAQ,EAAE,EAAE;aACb,CAAC;QACJ,KAAK,GAAG,CAAC;QACT;YACE,OAAO;gBACL,SAAS,EAAE,EAAE;gBACb,iBAAiB,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;gBAClC,eAAe,EAAE,CAAC;gBAClB,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;gBAC3B,WAAW,EAAE,MAAM;gBACnB,QAAQ,EAAE,EAAE;aACb,CAAC;IACN,CAAC;AACH,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { FieldState } from './resolveFieldState';
|
|
2
|
+
import type { TextTone } from './resolveTextColor';
|
|
3
|
+
type FieldPresentationTone = Extract<TextTone, 'default' | 'muted' | 'danger'>;
|
|
4
|
+
export interface ResolvedFieldPresentation {
|
|
5
|
+
helperTone: FieldPresentationTone;
|
|
6
|
+
labelTone: FieldPresentationTone;
|
|
7
|
+
}
|
|
8
|
+
export declare function resolveFieldPresentation(fieldState: FieldState): ResolvedFieldPresentation;
|
|
9
|
+
export {};
|
|
10
|
+
//# sourceMappingURL=resolveFieldPresentation.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resolveFieldPresentation.d.ts","sourceRoot":"","sources":["../../../src/internal/resolvers/resolveFieldPresentation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD,KAAK,qBAAqB,GAAG,OAAO,CAAC,QAAQ,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC,CAAC;AAE/E,MAAM,WAAW,yBAAyB;IACxC,UAAU,EAAE,qBAAqB,CAAC;IAClC,SAAS,EAAE,qBAAqB,CAAC;CAClC;AAED,wBAAgB,wBAAwB,CAAC,UAAU,EAAE,UAAU,GAAG,yBAAyB,CAmB1F"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export function resolveFieldPresentation(fieldState) {
|
|
2
|
+
if (fieldState.invalid) {
|
|
3
|
+
return {
|
|
4
|
+
helperTone: 'danger',
|
|
5
|
+
labelTone: 'danger',
|
|
6
|
+
};
|
|
7
|
+
}
|
|
8
|
+
if (fieldState.disabled || fieldState.readOnly) {
|
|
9
|
+
return {
|
|
10
|
+
helperTone: 'muted',
|
|
11
|
+
labelTone: 'muted',
|
|
12
|
+
};
|
|
13
|
+
}
|
|
14
|
+
return {
|
|
15
|
+
helperTone: 'default',
|
|
16
|
+
labelTone: 'default',
|
|
17
|
+
};
|
|
18
|
+
}
|
|
19
|
+
//# sourceMappingURL=resolveFieldPresentation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resolveFieldPresentation.js","sourceRoot":"","sources":["../../../src/internal/resolvers/resolveFieldPresentation.ts"],"names":[],"mappings":"AAUA,MAAM,UAAU,wBAAwB,CAAC,UAAsB;IAC7D,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;QACvB,OAAO;YACL,UAAU,EAAE,QAAQ;YACpB,SAAS,EAAE,QAAQ;SACpB,CAAC;IACJ,CAAC;IAED,IAAI,UAAU,CAAC,QAAQ,IAAI,UAAU,CAAC,QAAQ,EAAE,CAAC;QAC/C,OAAO;YACL,UAAU,EAAE,OAAO;YACnB,SAAS,EAAE,OAAO;SACnB,CAAC;IACJ,CAAC;IAED,OAAO;QACL,UAAU,EAAE,SAAS;QACrB,SAAS,EAAE,SAAS;KACrB,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export type FieldStateName = 'default' | 'focused' | 'disabled' | 'invalid' | 'readOnly';
|
|
2
|
+
export interface FieldState {
|
|
3
|
+
name: FieldStateName;
|
|
4
|
+
focused: boolean;
|
|
5
|
+
disabled: boolean;
|
|
6
|
+
invalid: boolean;
|
|
7
|
+
readOnly: boolean;
|
|
8
|
+
}
|
|
9
|
+
export declare function resolveFieldState({ focused, disabled, invalid, readOnly, }: Partial<Omit<FieldState, 'name'>>): FieldState;
|
|
10
|
+
//# sourceMappingURL=resolveFieldState.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resolveFieldState.d.ts","sourceRoot":"","sources":["../../../src/internal/resolvers/resolveFieldState.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,CAAC;AAEzF,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,cAAc,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,OAAe,EACf,QAAgB,EAChB,OAAe,EACf,QAAgB,GACjB,EAAE,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,GAAG,UAAU,CAoBhD"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
export function resolveFieldState({ focused = false, disabled = false, invalid = false, readOnly = false, }) {
|
|
2
|
+
let name = 'default';
|
|
3
|
+
if (disabled) {
|
|
4
|
+
name = 'disabled';
|
|
5
|
+
}
|
|
6
|
+
else if (invalid) {
|
|
7
|
+
name = 'invalid';
|
|
8
|
+
}
|
|
9
|
+
else if (focused) {
|
|
10
|
+
name = 'focused';
|
|
11
|
+
}
|
|
12
|
+
else if (readOnly) {
|
|
13
|
+
name = 'readOnly';
|
|
14
|
+
}
|
|
15
|
+
return {
|
|
16
|
+
name,
|
|
17
|
+
focused,
|
|
18
|
+
disabled,
|
|
19
|
+
invalid,
|
|
20
|
+
readOnly,
|
|
21
|
+
};
|
|
22
|
+
}
|
|
23
|
+
//# sourceMappingURL=resolveFieldState.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resolveFieldState.js","sourceRoot":"","sources":["../../../src/internal/resolvers/resolveFieldState.ts"],"names":[],"mappings":"AAUA,MAAM,UAAU,iBAAiB,CAAC,EAChC,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,GACkB;IAClC,IAAI,IAAI,GAAmB,SAAS,CAAC;IAErC,IAAI,QAAQ,EAAE,CAAC;QACb,IAAI,GAAG,UAAU,CAAC;IACpB,CAAC;SAAM,IAAI,OAAO,EAAE,CAAC;QACnB,IAAI,GAAG,SAAS,CAAC;IACnB,CAAC;SAAM,IAAI,OAAO,EAAE,CAAC;QACnB,IAAI,GAAG,SAAS,CAAC;IACnB,CAAC;SAAM,IAAI,QAAQ,EAAE,CAAC;QACpB,IAAI,GAAG,UAAU,CAAC;IACpB,CAAC;IAED,OAAO;QACL,IAAI;QACJ,OAAO;QACP,QAAQ;QACR,OAAO;QACP,QAAQ;KACT,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resolveFocusRingStyles.d.ts","sourceRoot":"","sources":["../../../src/internal/resolvers/resolveFocusRingStyles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,CAWjG"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export function resolveFocusRingStyles(color, focused, isWeb) {
|
|
2
|
+
if (!focused || !isWeb) {
|
|
3
|
+
return {};
|
|
4
|
+
}
|
|
5
|
+
return {
|
|
6
|
+
shadowColor: color,
|
|
7
|
+
shadowOpacity: 0.22,
|
|
8
|
+
shadowRadius: 6,
|
|
9
|
+
shadowOffset: { width: 0, height: 0 },
|
|
10
|
+
};
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=resolveFocusRingStyles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resolveFocusRingStyles.js","sourceRoot":"","sources":["../../../src/internal/resolvers/resolveFocusRingStyles.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,sBAAsB,CAAC,KAAa,EAAE,OAAgB,EAAE,KAAc;IACpF,IAAI,CAAC,OAAO,IAAI,CAAC,KAAK,EAAE,CAAC;QACvB,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,OAAO;QACL,WAAW,EAAE,KAAK;QAClB,aAAa,EAAE,IAAI;QACnB,YAAY,EAAE,CAAC;QACf,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;KACtC,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resolveIconSize.d.ts","sourceRoot":"","sources":["../../../src/internal/resolvers/resolveIconSize.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,KAAK,WAAW,EAAsB,MAAM,sBAAsB,CAAC;AAE5E,wBAAgB,eAAe,CAAC,KAAK,EAAE,SAAS,EAAE,IAAI,GAAE,WAAiB,GAAG,MAAM,CAEjF"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resolveIconSize.js","sourceRoot":"","sources":["../../../src/internal/resolvers/resolveIconSize.ts"],"names":[],"mappings":"AACA,OAAO,EAAoB,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE5E,MAAM,UAAU,eAAe,CAAC,KAAgB,EAAE,OAAoB,GAAG;IACvE,OAAO,kBAAkB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC;AAClD,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { ControlSize } from './resolveControlSize';
|
|
2
|
+
export interface ResolvedIndicatorSize {
|
|
3
|
+
checkbox: number;
|
|
4
|
+
checkboxIndicator: number;
|
|
5
|
+
radio: number;
|
|
6
|
+
radioDot: number;
|
|
7
|
+
switchWidth: number;
|
|
8
|
+
switchHeight: number;
|
|
9
|
+
switchThumb: number;
|
|
10
|
+
}
|
|
11
|
+
export declare function resolveIndicatorSize(size?: ControlSize): ResolvedIndicatorSize;
|
|
12
|
+
//# sourceMappingURL=resolveIndicatorSize.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resolveIndicatorSize.d.ts","sourceRoot":"","sources":["../../../src/internal/resolvers/resolveIndicatorSize.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAExD,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,MAAM,CAAC;IACjB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,oBAAoB,CAAC,IAAI,GAAE,WAAiB,GAAG,qBAAqB,CAkCnF"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
export function resolveIndicatorSize(size = 'm') {
|
|
2
|
+
switch (size) {
|
|
3
|
+
case 's':
|
|
4
|
+
return {
|
|
5
|
+
checkbox: 16,
|
|
6
|
+
checkboxIndicator: 10,
|
|
7
|
+
radio: 16,
|
|
8
|
+
radioDot: 8,
|
|
9
|
+
switchWidth: 30,
|
|
10
|
+
switchHeight: 18,
|
|
11
|
+
switchThumb: 12,
|
|
12
|
+
};
|
|
13
|
+
case 'l':
|
|
14
|
+
return {
|
|
15
|
+
checkbox: 22,
|
|
16
|
+
checkboxIndicator: 14,
|
|
17
|
+
radio: 22,
|
|
18
|
+
radioDot: 10,
|
|
19
|
+
switchWidth: 42,
|
|
20
|
+
switchHeight: 26,
|
|
21
|
+
switchThumb: 18,
|
|
22
|
+
};
|
|
23
|
+
case 'm':
|
|
24
|
+
default:
|
|
25
|
+
return {
|
|
26
|
+
checkbox: 18,
|
|
27
|
+
checkboxIndicator: 12,
|
|
28
|
+
radio: 18,
|
|
29
|
+
radioDot: 8,
|
|
30
|
+
switchWidth: 34,
|
|
31
|
+
switchHeight: 22,
|
|
32
|
+
switchThumb: 14,
|
|
33
|
+
};
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
//# sourceMappingURL=resolveIndicatorSize.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resolveIndicatorSize.js","sourceRoot":"","sources":["../../../src/internal/resolvers/resolveIndicatorSize.ts"],"names":[],"mappings":"AAYA,MAAM,UAAU,oBAAoB,CAAC,OAAoB,GAAG;IAC1D,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,GAAG;YACN,OAAO;gBACL,QAAQ,EAAE,EAAE;gBACZ,iBAAiB,EAAE,EAAE;gBACrB,KAAK,EAAE,EAAE;gBACT,QAAQ,EAAE,CAAC;gBACX,WAAW,EAAE,EAAE;gBACf,YAAY,EAAE,EAAE;gBAChB,WAAW,EAAE,EAAE;aAChB,CAAC;QACJ,KAAK,GAAG;YACN,OAAO;gBACL,QAAQ,EAAE,EAAE;gBACZ,iBAAiB,EAAE,EAAE;gBACrB,KAAK,EAAE,EAAE;gBACT,QAAQ,EAAE,EAAE;gBACZ,WAAW,EAAE,EAAE;gBACf,YAAY,EAAE,EAAE;gBAChB,WAAW,EAAE,EAAE;aAChB,CAAC;QACJ,KAAK,GAAG,CAAC;QACT;YACE,OAAO;gBACL,QAAQ,EAAE,EAAE;gBACZ,iBAAiB,EAAE,EAAE;gBACrB,KAAK,EAAE,EAAE;gBACT,QAAQ,EAAE,CAAC;gBACX,WAAW,EAAE,EAAE;gBACf,YAAY,EAAE,EAAE;gBAChB,WAAW,EAAE,EAAE;aAChB,CAAC;IACN,CAAC;AACH,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { AnkhTheme } from '../../theme/types';
|
|
2
|
+
import type { FieldState } from './resolveFieldState';
|
|
3
|
+
import type { InteractionState } from './resolveInteractiveState';
|
|
4
|
+
import { type ComponentTone } from './resolveTone';
|
|
5
|
+
export type ButtonVariant = 'solid' | 'outline' | 'ghost' | 'soft';
|
|
6
|
+
export interface ResolvedInteractiveColors {
|
|
7
|
+
backgroundColor: string;
|
|
8
|
+
borderColor: string;
|
|
9
|
+
contentColor: string;
|
|
10
|
+
opacity?: number;
|
|
11
|
+
}
|
|
12
|
+
export declare function resolveButtonColors(theme: AnkhTheme, { variant, tone, state, }: {
|
|
13
|
+
variant: ButtonVariant;
|
|
14
|
+
tone: ComponentTone;
|
|
15
|
+
state: InteractionState;
|
|
16
|
+
}): ResolvedInteractiveColors;
|
|
17
|
+
export declare function resolveInputColors(theme: AnkhTheme, fieldState: FieldState): ResolvedInteractiveColors & {
|
|
18
|
+
placeholderColor: string;
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=resolveInteractiveColors.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resolveInteractiveColors.d.ts","sourceRoot":"","sources":["../../../src/internal/resolvers/resolveInteractiveColors.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,KAAK,aAAa,EAAe,MAAM,eAAe,CAAC;AAEhE,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAEnE,MAAM,WAAW,yBAAyB;IACxC,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,SAAS,EAChB,EACE,OAAO,EACP,IAAI,EACJ,KAAK,GACN,EAAE;IACD,OAAO,EAAE,aAAa,CAAC;IACvB,IAAI,EAAE,aAAa,CAAC;IACpB,KAAK,EAAE,gBAAgB,CAAC;CACzB,GACA,yBAAyB,CAuD3B;AAED,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,SAAS,EAChB,UAAU,EAAE,UAAU,GACrB,yBAAyB,GAAG;IAAE,gBAAgB,EAAE,MAAM,CAAA;CAAE,CAgD1D"}
|