@rnative/ui 0.0.0-stage → 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -3
- package/dist/components/accordion/Accordion.d.ts +31 -0
- package/dist/components/accordion/Accordion.d.ts.map +1 -0
- package/dist/components/accordion/Accordion.js +121 -0
- package/dist/components/accordion/Accordion.js.map +1 -0
- package/dist/components/accordion/Accordion.styles.d.ts +8 -0
- package/dist/components/accordion/Accordion.styles.d.ts.map +1 -0
- package/dist/components/accordion/Accordion.styles.js +48 -0
- package/dist/components/accordion/Accordion.styles.js.map +1 -0
- package/dist/components/accordion/Accordion.types.d.ts +45 -0
- package/dist/components/accordion/Accordion.types.d.ts.map +1 -0
- package/dist/components/accordion/Accordion.types.js +9 -0
- package/dist/components/accordion/Accordion.types.js.map +1 -0
- package/dist/components/accordion/index.d.ts +6 -0
- package/dist/components/accordion/index.d.ts.map +1 -0
- package/dist/components/accordion/index.js +12 -0
- package/dist/components/accordion/index.js.map +1 -0
- package/dist/components/alert/Alert.d.ts +16 -0
- package/dist/components/alert/Alert.d.ts.map +1 -0
- package/dist/components/alert/Alert.js +28 -0
- package/dist/components/alert/Alert.js.map +1 -0
- package/dist/components/alert/Alert.styles.d.ts +8 -0
- package/dist/components/alert/Alert.styles.d.ts.map +1 -0
- package/dist/components/alert/Alert.styles.js +36 -0
- package/dist/components/alert/Alert.styles.js.map +1 -0
- package/dist/components/alert/Alert.types.d.ts +22 -0
- package/dist/components/alert/Alert.types.d.ts.map +1 -0
- package/dist/components/alert/Alert.types.js +9 -0
- package/dist/components/alert/Alert.types.js.map +1 -0
- package/dist/components/alert/Alert.variants.d.ts +19 -0
- package/dist/components/alert/Alert.variants.d.ts.map +1 -0
- package/dist/components/alert/Alert.variants.js +51 -0
- package/dist/components/alert/Alert.variants.js.map +1 -0
- package/dist/components/alert/index.d.ts +6 -0
- package/dist/components/alert/index.d.ts.map +1 -0
- package/dist/components/alert/index.js +9 -0
- package/dist/components/alert/index.js.map +1 -0
- package/dist/components/avatar/Avatar.d.ts +13 -0
- package/dist/components/avatar/Avatar.d.ts.map +1 -0
- package/dist/components/avatar/Avatar.js +31 -0
- package/dist/components/avatar/Avatar.js.map +1 -0
- package/dist/components/avatar/Avatar.styles.d.ts +8 -0
- package/dist/components/avatar/Avatar.styles.d.ts.map +1 -0
- package/dist/components/avatar/Avatar.styles.js +22 -0
- package/dist/components/avatar/Avatar.styles.js.map +1 -0
- package/dist/components/avatar/Avatar.types.d.ts +21 -0
- package/dist/components/avatar/Avatar.types.d.ts.map +1 -0
- package/dist/components/avatar/Avatar.types.js +9 -0
- package/dist/components/avatar/Avatar.types.js.map +1 -0
- package/dist/components/avatar/Avatar.variants.d.ts +23 -0
- package/dist/components/avatar/Avatar.variants.d.ts.map +1 -0
- package/dist/components/avatar/Avatar.variants.js +48 -0
- package/dist/components/avatar/Avatar.variants.js.map +1 -0
- package/dist/components/avatar/index.d.ts +6 -0
- package/dist/components/avatar/index.d.ts.map +1 -0
- package/dist/components/avatar/index.js +9 -0
- package/dist/components/avatar/index.js.map +1 -0
- package/dist/components/badge/Badge.d.ts +12 -0
- package/dist/components/badge/Badge.d.ts.map +1 -0
- package/dist/components/badge/Badge.js +25 -0
- package/dist/components/badge/Badge.js.map +1 -0
- package/dist/components/badge/Badge.styles.d.ts +8 -0
- package/dist/components/badge/Badge.styles.d.ts.map +1 -0
- package/dist/components/badge/Badge.styles.js +32 -0
- package/dist/components/badge/Badge.styles.js.map +1 -0
- package/dist/components/badge/Badge.types.d.ts +16 -0
- package/dist/components/badge/Badge.types.d.ts.map +1 -0
- package/dist/components/badge/Badge.types.js +8 -0
- package/dist/components/badge/Badge.types.js.map +1 -0
- package/dist/components/badge/Badge.variants.d.ts +23 -0
- package/dist/components/badge/Badge.variants.d.ts.map +1 -0
- package/dist/components/badge/Badge.variants.js +48 -0
- package/dist/components/badge/Badge.variants.js.map +1 -0
- package/dist/components/badge/index.d.ts +6 -0
- package/dist/components/badge/index.d.ts.map +1 -0
- package/dist/components/badge/index.js +9 -0
- package/dist/components/badge/index.js.map +1 -0
- package/dist/components/button/Button.d.ts +16 -0
- package/dist/components/button/Button.d.ts.map +1 -0
- package/dist/components/button/Button.js +61 -0
- package/dist/components/button/Button.js.map +1 -0
- package/dist/components/button/Button.styles.d.ts +8 -0
- package/dist/components/button/Button.styles.d.ts.map +1 -0
- package/dist/components/button/Button.styles.js +18 -0
- package/dist/components/button/Button.styles.js.map +1 -0
- package/dist/components/button/Button.types.d.ts +23 -0
- package/dist/components/button/Button.types.d.ts.map +1 -0
- package/dist/components/button/Button.types.js +6 -0
- package/dist/components/button/Button.types.js.map +1 -0
- package/dist/components/button/Button.variants.d.ts +11 -0
- package/dist/components/button/Button.variants.d.ts.map +1 -0
- package/dist/components/button/Button.variants.js +65 -0
- package/dist/components/button/Button.variants.js.map +1 -0
- package/dist/components/button/index.d.ts +6 -0
- package/dist/components/button/index.d.ts.map +1 -0
- package/dist/components/button/index.js +9 -0
- package/dist/components/button/index.js.map +1 -0
- package/dist/components/card/Card.d.ts +36 -0
- package/dist/components/card/Card.d.ts.map +1 -0
- package/dist/components/card/Card.js +53 -0
- package/dist/components/card/Card.js.map +1 -0
- package/dist/components/card/Card.styles.d.ts +8 -0
- package/dist/components/card/Card.styles.d.ts.map +1 -0
- package/dist/components/card/Card.styles.js +30 -0
- package/dist/components/card/Card.styles.js.map +1 -0
- package/dist/components/card/Card.types.d.ts +22 -0
- package/dist/components/card/Card.types.d.ts.map +1 -0
- package/dist/components/card/Card.types.js +9 -0
- package/dist/components/card/Card.types.js.map +1 -0
- package/dist/components/card/Card.variants.d.ts +14 -0
- package/dist/components/card/Card.variants.d.ts.map +1 -0
- package/dist/components/card/Card.variants.js +32 -0
- package/dist/components/card/Card.variants.js.map +1 -0
- package/dist/components/card/index.d.ts +6 -0
- package/dist/components/card/index.d.ts.map +1 -0
- package/dist/components/card/index.js +14 -0
- package/dist/components/card/index.js.map +1 -0
- package/dist/components/checkbox/CheckBox.d.ts +14 -0
- package/dist/components/checkbox/CheckBox.d.ts.map +1 -0
- package/dist/components/checkbox/CheckBox.js +40 -0
- package/dist/components/checkbox/CheckBox.js.map +1 -0
- package/dist/components/checkbox/CheckBox.styles.d.ts +8 -0
- package/dist/components/checkbox/CheckBox.styles.d.ts.map +1 -0
- package/dist/components/checkbox/CheckBox.styles.js +32 -0
- package/dist/components/checkbox/CheckBox.styles.js.map +1 -0
- package/dist/components/checkbox/CheckBox.types.d.ts +24 -0
- package/dist/components/checkbox/CheckBox.types.d.ts.map +1 -0
- package/dist/components/checkbox/CheckBox.types.js +9 -0
- package/dist/components/checkbox/CheckBox.types.js.map +1 -0
- package/dist/components/checkbox/CheckBox.variants.d.ts +14 -0
- package/dist/components/checkbox/CheckBox.variants.d.ts.map +1 -0
- package/dist/components/checkbox/CheckBox.variants.js +19 -0
- package/dist/components/checkbox/CheckBox.variants.js.map +1 -0
- package/dist/components/checkbox/index.d.ts +6 -0
- package/dist/components/checkbox/index.d.ts.map +1 -0
- package/dist/components/checkbox/index.js +9 -0
- package/dist/components/checkbox/index.js.map +1 -0
- package/dist/components/combobox/ComboBox.d.ts +16 -0
- package/dist/components/combobox/ComboBox.d.ts.map +1 -0
- package/dist/components/combobox/ComboBox.js +79 -0
- package/dist/components/combobox/ComboBox.js.map +1 -0
- package/dist/components/combobox/ComboBox.styles.d.ts +8 -0
- package/dist/components/combobox/ComboBox.styles.d.ts.map +1 -0
- package/dist/components/combobox/ComboBox.styles.js +57 -0
- package/dist/components/combobox/ComboBox.styles.js.map +1 -0
- package/dist/components/combobox/ComboBox.types.d.ts +46 -0
- package/dist/components/combobox/ComboBox.types.d.ts.map +1 -0
- package/dist/components/combobox/ComboBox.types.js +9 -0
- package/dist/components/combobox/ComboBox.types.js.map +1 -0
- package/dist/components/combobox/ComboBox.variants.d.ts +22 -0
- package/dist/components/combobox/ComboBox.variants.d.ts.map +1 -0
- package/dist/components/combobox/ComboBox.variants.js +68 -0
- package/dist/components/combobox/ComboBox.variants.js.map +1 -0
- package/dist/components/combobox/index.d.ts +6 -0
- package/dist/components/combobox/index.d.ts.map +1 -0
- package/dist/components/combobox/index.js +9 -0
- package/dist/components/combobox/index.js.map +1 -0
- package/dist/components/dialog/Dialog.d.ts +36 -0
- package/dist/components/dialog/Dialog.d.ts.map +1 -0
- package/dist/components/dialog/Dialog.js +84 -0
- package/dist/components/dialog/Dialog.js.map +1 -0
- package/dist/components/dialog/Dialog.styles.d.ts +8 -0
- package/dist/components/dialog/Dialog.styles.d.ts.map +1 -0
- package/dist/components/dialog/Dialog.styles.js +52 -0
- package/dist/components/dialog/Dialog.styles.js.map +1 -0
- package/dist/components/dialog/Dialog.types.d.ts +48 -0
- package/dist/components/dialog/Dialog.types.d.ts.map +1 -0
- package/dist/components/dialog/Dialog.types.js +10 -0
- package/dist/components/dialog/Dialog.types.js.map +1 -0
- package/dist/components/dialog/Dialog.variants.d.ts +13 -0
- package/dist/components/dialog/Dialog.variants.d.ts.map +1 -0
- package/dist/components/dialog/Dialog.variants.js +19 -0
- package/dist/components/dialog/Dialog.variants.js.map +1 -0
- package/dist/components/dialog/index.d.ts +6 -0
- package/dist/components/dialog/index.d.ts.map +1 -0
- package/dist/components/dialog/index.js +14 -0
- package/dist/components/dialog/index.js.map +1 -0
- package/dist/components/fab/FAB.d.ts +14 -0
- package/dist/components/fab/FAB.d.ts.map +1 -0
- package/dist/components/fab/FAB.js +46 -0
- package/dist/components/fab/FAB.js.map +1 -0
- package/dist/components/fab/FAB.styles.d.ts +8 -0
- package/dist/components/fab/FAB.styles.d.ts.map +1 -0
- package/dist/components/fab/FAB.styles.js +51 -0
- package/dist/components/fab/FAB.styles.js.map +1 -0
- package/dist/components/fab/FAB.types.d.ts +23 -0
- package/dist/components/fab/FAB.types.d.ts.map +1 -0
- package/dist/components/fab/FAB.types.js +8 -0
- package/dist/components/fab/FAB.types.js.map +1 -0
- package/dist/components/fab/FAB.variants.d.ts +48 -0
- package/dist/components/fab/FAB.variants.d.ts.map +1 -0
- package/dist/components/fab/FAB.variants.js +43 -0
- package/dist/components/fab/FAB.variants.js.map +1 -0
- package/dist/components/fab/index.d.ts +6 -0
- package/dist/components/fab/index.d.ts.map +1 -0
- package/dist/components/fab/index.js +9 -0
- package/dist/components/fab/index.js.map +1 -0
- package/dist/components/index.d.ts +30 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/index.js +46 -0
- package/dist/components/index.js.map +1 -0
- package/dist/components/input/Input.d.ts +17 -0
- package/dist/components/input/Input.d.ts.map +1 -0
- package/dist/components/input/Input.js +59 -0
- package/dist/components/input/Input.js.map +1 -0
- package/dist/components/input/Input.styles.d.ts +8 -0
- package/dist/components/input/Input.styles.d.ts.map +1 -0
- package/dist/components/input/Input.styles.js +25 -0
- package/dist/components/input/Input.styles.js.map +1 -0
- package/dist/components/input/Input.types.d.ts +25 -0
- package/dist/components/input/Input.types.d.ts.map +1 -0
- package/dist/components/input/Input.types.js +9 -0
- package/dist/components/input/Input.types.js.map +1 -0
- package/dist/components/input/Input.variants.d.ts +23 -0
- package/dist/components/input/Input.variants.d.ts.map +1 -0
- package/dist/components/input/Input.variants.js +61 -0
- package/dist/components/input/Input.variants.js.map +1 -0
- package/dist/components/input/index.d.ts +6 -0
- package/dist/components/input/index.d.ts.map +1 -0
- package/dist/components/input/index.js +9 -0
- package/dist/components/input/index.js.map +1 -0
- package/dist/components/separator/Separator.d.ts +17 -0
- package/dist/components/separator/Separator.d.ts.map +1 -0
- package/dist/components/separator/Separator.js +46 -0
- package/dist/components/separator/Separator.js.map +1 -0
- package/dist/components/separator/Separator.styles.d.ts +8 -0
- package/dist/components/separator/Separator.styles.d.ts.map +1 -0
- package/dist/components/separator/Separator.styles.js +25 -0
- package/dist/components/separator/Separator.styles.js.map +1 -0
- package/dist/components/separator/Separator.types.d.ts +25 -0
- package/dist/components/separator/Separator.types.d.ts.map +1 -0
- package/dist/components/separator/Separator.types.js +8 -0
- package/dist/components/separator/Separator.types.js.map +1 -0
- package/dist/components/separator/index.d.ts +6 -0
- package/dist/components/separator/index.d.ts.map +1 -0
- package/dist/components/separator/index.js +9 -0
- package/dist/components/separator/index.js.map +1 -0
- package/dist/components/text/Text.d.ts +18 -0
- package/dist/components/text/Text.d.ts.map +1 -0
- package/dist/components/text/Text.js +45 -0
- package/dist/components/text/Text.js.map +1 -0
- package/dist/components/text/Text.types.d.ts +14 -0
- package/dist/components/text/Text.types.d.ts.map +1 -0
- package/dist/components/text/Text.types.js +10 -0
- package/dist/components/text/Text.types.js.map +1 -0
- package/dist/components/text/Text.variants.d.ts +23 -0
- package/dist/components/text/Text.variants.d.ts.map +1 -0
- package/dist/components/text/Text.variants.js +32 -0
- package/dist/components/text/Text.variants.js.map +1 -0
- package/dist/components/text/index.d.ts +6 -0
- package/dist/components/text/index.d.ts.map +1 -0
- package/dist/components/text/index.js +9 -0
- package/dist/components/text/index.js.map +1 -0
- package/dist/design-tokens/animation.d.ts +22 -0
- package/dist/design-tokens/animation.d.ts.map +1 -0
- package/dist/design-tokens/animation.js +23 -0
- package/dist/design-tokens/animation.js.map +1 -0
- package/dist/design-tokens/border-radius.d.ts +15 -0
- package/dist/design-tokens/border-radius.d.ts.map +1 -0
- package/dist/design-tokens/border-radius.js +17 -0
- package/dist/design-tokens/border-radius.js.map +1 -0
- package/dist/design-tokens/colors.d.ts +179 -0
- package/dist/design-tokens/colors.d.ts.map +1 -0
- package/dist/design-tokens/colors.js +109 -0
- package/dist/design-tokens/colors.js.map +1 -0
- package/dist/design-tokens/index.d.ts +16 -0
- package/dist/design-tokens/index.d.ts.map +1 -0
- package/dist/design-tokens/index.js +32 -0
- package/dist/design-tokens/index.js.map +1 -0
- package/dist/design-tokens/shadows.d.ts +103 -0
- package/dist/design-tokens/shadows.d.ts.map +1 -0
- package/dist/design-tokens/shadows.js +75 -0
- package/dist/design-tokens/shadows.js.map +1 -0
- package/dist/design-tokens/spacing.d.ts +30 -0
- package/dist/design-tokens/spacing.d.ts.map +1 -0
- package/dist/design-tokens/spacing.js +32 -0
- package/dist/design-tokens/spacing.js.map +1 -0
- package/dist/design-tokens/typography.d.ts +40 -0
- package/dist/design-tokens/typography.d.ts.map +1 -0
- package/dist/design-tokens/typography.js +40 -0
- package/dist/design-tokens/typography.js.map +1 -0
- package/dist/primitives/Box.d.ts +38 -0
- package/dist/primitives/Box.d.ts.map +1 -0
- package/dist/primitives/Box.js +70 -0
- package/dist/primitives/Box.js.map +1 -0
- package/dist/primitives/Pressable.d.ts +30 -0
- package/dist/primitives/Pressable.d.ts.map +1 -0
- package/dist/primitives/Pressable.js +48 -0
- package/dist/primitives/Pressable.js.map +1 -0
- package/dist/primitives/Text.d.ts +23 -0
- package/dist/primitives/Text.d.ts.map +1 -0
- package/dist/primitives/Text.js +42 -0
- package/dist/primitives/Text.js.map +1 -0
- package/dist/primitives/index.d.ts +14 -0
- package/dist/primitives/index.d.ts.map +1 -0
- package/dist/primitives/index.js +16 -0
- package/dist/primitives/index.js.map +1 -0
- package/dist/theme/ThemeContext.d.ts +10 -0
- package/dist/theme/ThemeContext.d.ts.map +1 -0
- package/dist/theme/ThemeContext.js +19 -0
- package/dist/theme/ThemeContext.js.map +1 -0
- package/dist/theme/ThemeProvider.d.ts +23 -0
- package/dist/theme/ThemeProvider.d.ts.map +1 -0
- package/dist/theme/ThemeProvider.js +87 -0
- package/dist/theme/ThemeProvider.js.map +1 -0
- package/dist/theme/index.d.ts +9 -0
- package/dist/theme/index.d.ts.map +1 -0
- package/dist/theme/index.js +14 -0
- package/dist/theme/index.js.map +1 -0
- package/dist/theme/themes.d.ts +20 -0
- package/dist/theme/themes.d.ts.map +1 -0
- package/dist/theme/themes.js +65 -0
- package/dist/theme/themes.js.map +1 -0
- package/dist/theme/types.d.ts +92 -0
- package/dist/theme/types.d.ts.map +1 -0
- package/dist/theme/types.js +9 -0
- package/dist/theme/types.js.map +1 -0
- package/dist/theme/useTheme.d.ts +7 -0
- package/dist/theme/useTheme.d.ts.map +1 -0
- package/dist/theme/useTheme.js +9 -0
- package/dist/theme/useTheme.js.map +1 -0
- package/dist/utils/cn.d.ts +16 -0
- package/dist/utils/cn.d.ts.map +1 -0
- package/dist/utils/cn.js +33 -0
- package/dist/utils/cn.js.map +1 -0
- package/dist/utils/createVariants.d.ts +32 -0
- package/dist/utils/createVariants.d.ts.map +1 -0
- package/dist/utils/createVariants.js +26 -0
- package/dist/utils/createVariants.js.map +1 -0
- package/dist/utils/index.d.ts +7 -0
- package/dist/utils/index.d.ts.map +1 -0
- package/dist/utils/index.js +13 -0
- package/dist/utils/index.js.map +1 -0
- package/dist/utils/mergeProps.d.ts +10 -0
- package/dist/utils/mergeProps.d.ts.map +1 -0
- package/dist/utils/mergeProps.js +31 -0
- package/dist/utils/mergeProps.js.map +1 -0
- package/package.json +46 -3
- package/src/components/accordion/Accordion.styles.ts +46 -0
- package/src/components/accordion/Accordion.tsx +247 -0
- package/src/components/accordion/Accordion.types.ts +52 -0
- package/src/components/accordion/index.ts +17 -0
- package/src/components/alert/Alert.styles.ts +34 -0
- package/src/components/alert/Alert.tsx +87 -0
- package/src/components/alert/Alert.types.ts +24 -0
- package/src/components/alert/Alert.variants.ts +57 -0
- package/src/components/alert/index.ts +6 -0
- package/src/components/avatar/Avatar.styles.ts +20 -0
- package/src/components/avatar/Avatar.tsx +74 -0
- package/src/components/avatar/Avatar.types.ts +24 -0
- package/src/components/avatar/Avatar.variants.ts +55 -0
- package/src/components/avatar/index.ts +6 -0
- package/src/components/badge/Badge.styles.ts +30 -0
- package/src/components/badge/Badge.tsx +47 -0
- package/src/components/badge/Badge.types.ts +24 -0
- package/src/components/badge/Badge.variants.ts +62 -0
- package/src/components/badge/index.ts +6 -0
- package/src/components/button/Button.styles.ts +16 -0
- package/src/components/button/Button.tsx +108 -0
- package/src/components/button/Button.types.ts +30 -0
- package/src/components/button/Button.variants.ts +68 -0
- package/src/components/button/index.ts +6 -0
- package/src/components/card/Card.styles.ts +28 -0
- package/src/components/card/Card.tsx +112 -0
- package/src/components/card/Card.types.ts +26 -0
- package/src/components/card/Card.variants.ts +38 -0
- package/src/components/card/index.ts +18 -0
- package/src/components/checkbox/CheckBox.styles.ts +30 -0
- package/src/components/checkbox/CheckBox.tsx +98 -0
- package/src/components/checkbox/CheckBox.types.ts +26 -0
- package/src/components/checkbox/CheckBox.variants.ts +25 -0
- package/src/components/checkbox/index.ts +6 -0
- package/src/components/combobox/ComboBox.styles.ts +55 -0
- package/src/components/combobox/ComboBox.tsx +224 -0
- package/src/components/combobox/ComboBox.types.ts +51 -0
- package/src/components/combobox/ComboBox.variants.ts +82 -0
- package/src/components/combobox/index.ts +6 -0
- package/src/components/dialog/Dialog.styles.ts +50 -0
- package/src/components/dialog/Dialog.tsx +221 -0
- package/src/components/dialog/Dialog.types.ts +55 -0
- package/src/components/dialog/Dialog.variants.ts +24 -0
- package/src/components/dialog/index.ts +20 -0
- package/src/components/fab/FAB.styles.ts +49 -0
- package/src/components/fab/FAB.tsx +84 -0
- package/src/components/fab/FAB.types.ts +31 -0
- package/src/components/fab/FAB.variants.ts +55 -0
- package/src/components/fab/index.ts +6 -0
- package/src/components/index.ts +88 -0
- package/src/components/input/Input.styles.ts +23 -0
- package/src/components/input/Input.tsx +139 -0
- package/src/components/input/Input.types.ts +28 -0
- package/src/components/input/Input.variants.ts +71 -0
- package/src/components/input/index.ts +6 -0
- package/src/components/separator/Separator.styles.ts +23 -0
- package/src/components/separator/Separator.tsx +70 -0
- package/src/components/separator/Separator.types.ts +28 -0
- package/src/components/separator/index.ts +10 -0
- package/src/components/text/Text.tsx +75 -0
- package/src/components/text/Text.types.ts +27 -0
- package/src/components/text/Text.variants.ts +44 -0
- package/src/components/text/index.ts +6 -0
- package/src/design-tokens/animation.ts +23 -0
- package/src/design-tokens/border-radius.ts +16 -0
- package/src/design-tokens/colors.ts +120 -0
- package/src/design-tokens/index.ts +21 -0
- package/src/design-tokens/shadows.ts +78 -0
- package/src/design-tokens/spacing.ts +31 -0
- package/src/design-tokens/typography.ts +45 -0
- package/src/primitives/Box.tsx +121 -0
- package/src/primitives/Pressable.tsx +106 -0
- package/src/primitives/Text.tsx +84 -0
- package/src/primitives/index.ts +15 -0
- package/src/theme/ThemeContext.ts +20 -0
- package/src/theme/ThemeProvider.tsx +152 -0
- package/src/theme/index.ts +9 -0
- package/src/theme/themes.ts +71 -0
- package/src/theme/types.ts +89 -0
- package/src/theme/useTheme.ts +7 -0
- package/src/utils/cn.ts +37 -0
- package/src/utils/createVariants.ts +47 -0
- package/src/utils/index.ts +7 -0
- package/src/utils/mergeProps.ts +35 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/input/Input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ANAN-UI — Component: Input Styles
|
|
3
|
+
*
|
|
4
|
+
* Static styles created with StyleSheet.create. Theme-dependent values
|
|
5
|
+
* (colors, focus/error borders) are resolved at render time in Input.tsx.
|
|
6
|
+
*/
|
|
7
|
+
export declare const inputStyles: any;
|
|
8
|
+
//# sourceMappingURL=Input.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Input.styles.d.ts","sourceRoot":"","sources":["../../../src/components/input/Input.styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,eAAO,MAAM,WAAW,KAatB,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* ANAN-UI — Component: Input Styles
|
|
4
|
+
*
|
|
5
|
+
* Static styles created with StyleSheet.create. Theme-dependent values
|
|
6
|
+
* (colors, focus/error borders) are resolved at render time in Input.tsx.
|
|
7
|
+
*/
|
|
8
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
9
|
+
exports.inputStyles = void 0;
|
|
10
|
+
const react_native_1 = require("react-native");
|
|
11
|
+
exports.inputStyles = react_native_1.StyleSheet.create({
|
|
12
|
+
container: {
|
|
13
|
+
width: '100%',
|
|
14
|
+
},
|
|
15
|
+
field: {
|
|
16
|
+
width: '100%',
|
|
17
|
+
},
|
|
18
|
+
label: {
|
|
19
|
+
marginBottom: 4,
|
|
20
|
+
},
|
|
21
|
+
message: {
|
|
22
|
+
marginTop: 4,
|
|
23
|
+
},
|
|
24
|
+
});
|
|
25
|
+
//# sourceMappingURL=Input.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Input.styles.js","sourceRoot":"","sources":["../../../src/components/input/Input.styles.ts"],"names":[],"mappings":";AAAA;;;;;GAKG;;;AAEH,+CAA0C;AAE7B,QAAA,WAAW,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC3C,SAAS,EAAE;QACT,KAAK,EAAE,MAAM;KACd;IACD,KAAK,EAAE;QACL,KAAK,EAAE,MAAM;KACd;IACD,KAAK,EAAE;QACL,YAAY,EAAE,CAAC;KAChB;IACD,OAAO,EAAE;QACP,SAAS,EAAE,CAAC;KACb;CACF,CAAC,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ANAN-UI — Component: Input Types
|
|
3
|
+
*
|
|
4
|
+
* A labeled text input with variant/size support, focus + error states, and
|
|
5
|
+
* full accessibility. Built on React Native's TextInput.
|
|
6
|
+
*/
|
|
7
|
+
import type { TextInputProps, StyleProp, ViewStyle, TextStyle } from 'react-native';
|
|
8
|
+
export type InputVariant = 'outline' | 'filled' | 'ghost';
|
|
9
|
+
export type InputSize = 'sm' | 'default' | 'lg';
|
|
10
|
+
export interface InputProps extends Omit<TextInputProps, 'style'> {
|
|
11
|
+
/** Visible label rendered above the field. Used as the accessibility label when none is given. */
|
|
12
|
+
label?: string;
|
|
13
|
+
/** Helper text rendered below the field (hidden when `error` is set). */
|
|
14
|
+
hint?: string;
|
|
15
|
+
/** Error message. When present the field shows the destructive border and announces the error. */
|
|
16
|
+
error?: string;
|
|
17
|
+
variant?: InputVariant;
|
|
18
|
+
size?: InputSize;
|
|
19
|
+
disabled?: boolean;
|
|
20
|
+
/** Style applied to the outer container (label + field + messages). */
|
|
21
|
+
style?: StyleProp<ViewStyle>;
|
|
22
|
+
/** Style applied to the underlying TextInput. */
|
|
23
|
+
inputStyle?: StyleProp<TextStyle>;
|
|
24
|
+
}
|
|
25
|
+
//# sourceMappingURL=Input.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Input.types.d.ts","sourceRoot":"","sources":["../../../src/components/input/Input.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpF,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE1D,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAAC;AAEhD,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC;IAC/D,kGAAkG;IAClG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yEAAyE;IACzE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kGAAkG;IAClG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uEAAuE;IACvE,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,iDAAiD;IACjD,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACnC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* ANAN-UI — Component: Input Types
|
|
4
|
+
*
|
|
5
|
+
* A labeled text input with variant/size support, focus + error states, and
|
|
6
|
+
* full accessibility. Built on React Native's TextInput.
|
|
7
|
+
*/
|
|
8
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
9
|
+
//# sourceMappingURL=Input.types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Input.types.js","sourceRoot":"","sources":["../../../src/components/input/Input.types.ts"],"names":[],"mappings":";AAAA;;;;;GAKG"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ANAN-UI — Component: Input Variants
|
|
3
|
+
*
|
|
4
|
+
* Variant/size style definitions resolved against the active theme at render
|
|
5
|
+
* time. Border/background colors are base values; focus and error states are
|
|
6
|
+
* layered in Input.tsx.
|
|
7
|
+
*/
|
|
8
|
+
import type { TextStyle, ViewStyle } from 'react-native';
|
|
9
|
+
import type { Theme } from '../../theme/types';
|
|
10
|
+
import type { InputVariant, InputSize } from './Input.types';
|
|
11
|
+
export interface InputVariantConfig {
|
|
12
|
+
variants: {
|
|
13
|
+
variant: Record<InputVariant, ViewStyle>;
|
|
14
|
+
size: Record<InputSize, ViewStyle>;
|
|
15
|
+
};
|
|
16
|
+
text: Record<InputSize, TextStyle>;
|
|
17
|
+
defaultVariants: {
|
|
18
|
+
variant: InputVariant;
|
|
19
|
+
size: InputSize;
|
|
20
|
+
};
|
|
21
|
+
}
|
|
22
|
+
export declare function getInputVariants(theme: Theme): InputVariantConfig;
|
|
23
|
+
//# sourceMappingURL=Input.variants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Input.variants.d.ts","sourceRoot":"","sources":["../../../src/components/input/Input.variants.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG7D,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE;QACR,OAAO,EAAE,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;QACzC,IAAI,EAAE,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;KACpC,CAAC;IACF,IAAI,EAAE,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IACnC,eAAe,EAAE;QAAE,OAAO,EAAE,YAAY,CAAC;QAAC,IAAI,EAAE,SAAS,CAAA;KAAE,CAAC;CAC7D;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,KAAK,GAAG,kBAAkB,CAgDjE"}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* ANAN-UI — Component: Input Variants
|
|
4
|
+
*
|
|
5
|
+
* Variant/size style definitions resolved against the active theme at render
|
|
6
|
+
* time. Border/background colors are base values; focus and error states are
|
|
7
|
+
* layered in Input.tsx.
|
|
8
|
+
*/
|
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
+
exports.getInputVariants = getInputVariants;
|
|
11
|
+
const design_tokens_1 = require("../../design-tokens");
|
|
12
|
+
function getInputVariants(theme) {
|
|
13
|
+
return {
|
|
14
|
+
variants: {
|
|
15
|
+
variant: {
|
|
16
|
+
outline: {
|
|
17
|
+
borderWidth: 1,
|
|
18
|
+
borderColor: theme.colors.border,
|
|
19
|
+
backgroundColor: theme.colors.card,
|
|
20
|
+
},
|
|
21
|
+
filled: {
|
|
22
|
+
borderWidth: 1,
|
|
23
|
+
borderColor: 'transparent',
|
|
24
|
+
backgroundColor: theme.colors.muted,
|
|
25
|
+
},
|
|
26
|
+
ghost: {
|
|
27
|
+
borderWidth: 1,
|
|
28
|
+
borderColor: 'transparent',
|
|
29
|
+
backgroundColor: 'transparent',
|
|
30
|
+
},
|
|
31
|
+
},
|
|
32
|
+
size: {
|
|
33
|
+
sm: {
|
|
34
|
+
minHeight: 32,
|
|
35
|
+
paddingHorizontal: design_tokens_1.spacing[2],
|
|
36
|
+
paddingVertical: design_tokens_1.spacing[1],
|
|
37
|
+
borderRadius: design_tokens_1.borderRadius.md,
|
|
38
|
+
},
|
|
39
|
+
default: {
|
|
40
|
+
minHeight: 40,
|
|
41
|
+
paddingHorizontal: design_tokens_1.spacing[3],
|
|
42
|
+
paddingVertical: design_tokens_1.spacing[2],
|
|
43
|
+
borderRadius: design_tokens_1.borderRadius.md,
|
|
44
|
+
},
|
|
45
|
+
lg: {
|
|
46
|
+
minHeight: 48,
|
|
47
|
+
paddingHorizontal: design_tokens_1.spacing[4],
|
|
48
|
+
paddingVertical: design_tokens_1.spacing[3],
|
|
49
|
+
borderRadius: design_tokens_1.borderRadius.lg,
|
|
50
|
+
},
|
|
51
|
+
},
|
|
52
|
+
},
|
|
53
|
+
text: {
|
|
54
|
+
sm: { fontSize: theme.typography.fontSize.sm },
|
|
55
|
+
default: { fontSize: theme.typography.fontSize.base },
|
|
56
|
+
lg: { fontSize: theme.typography.fontSize.lg },
|
|
57
|
+
},
|
|
58
|
+
defaultVariants: { variant: 'outline', size: 'default' },
|
|
59
|
+
};
|
|
60
|
+
}
|
|
61
|
+
//# sourceMappingURL=Input.variants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Input.variants.js","sourceRoot":"","sources":["../../../src/components/input/Input.variants.ts"],"names":[],"mappings":";AAAA;;;;;;GAMG;;AAgBH,4CAgDC;AA3DD,uDAA4D;AAW5D,SAAgB,gBAAgB,CAAC,KAAY;IAC3C,OAAO;QACL,QAAQ,EAAE;YACR,OAAO,EAAE;gBACP,OAAO,EAAE;oBACP,WAAW,EAAE,CAAC;oBACd,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM;oBAChC,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI;iBACnC;gBACD,MAAM,EAAE;oBACN,WAAW,EAAE,CAAC;oBACd,WAAW,EAAE,aAAa;oBAC1B,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK;iBACpC;gBACD,KAAK,EAAE;oBACL,WAAW,EAAE,CAAC;oBACd,WAAW,EAAE,aAAa;oBAC1B,eAAe,EAAE,aAAa;iBAC/B;aACF;YACD,IAAI,EAAE;gBACJ,EAAE,EAAE;oBACF,SAAS,EAAE,EAAE;oBACb,iBAAiB,EAAE,uBAAO,CAAC,CAAC,CAAC;oBAC7B,eAAe,EAAE,uBAAO,CAAC,CAAC,CAAC;oBAC3B,YAAY,EAAE,4BAAY,CAAC,EAAE;iBAC9B;gBACD,OAAO,EAAE;oBACP,SAAS,EAAE,EAAE;oBACb,iBAAiB,EAAE,uBAAO,CAAC,CAAC,CAAC;oBAC7B,eAAe,EAAE,uBAAO,CAAC,CAAC,CAAC;oBAC3B,YAAY,EAAE,4BAAY,CAAC,EAAE;iBAC9B;gBACD,EAAE,EAAE;oBACF,SAAS,EAAE,EAAE;oBACb,iBAAiB,EAAE,uBAAO,CAAC,CAAC,CAAC;oBAC7B,eAAe,EAAE,uBAAO,CAAC,CAAC,CAAC;oBAC3B,YAAY,EAAE,4BAAY,CAAC,EAAE;iBAC9B;aACF;SACF;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,EAAE;YAC9C,OAAO,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,EAAE;YACrD,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,EAAE;SAC/C;QACD,eAAe,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;KACzD,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/input/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* ANAN-UI — Component: Input Barrel Export
|
|
4
|
+
*/
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.Input = void 0;
|
|
7
|
+
var Input_1 = require("./Input");
|
|
8
|
+
Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return Input_1.Input; } });
|
|
9
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/input/index.ts"],"names":[],"mappings":";AAAA;;GAEG;;;AAEH,iCAAgC;AAAvB,8FAAA,KAAK,OAAA"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ANAN-UI — Component: Separator
|
|
3
|
+
*
|
|
4
|
+
* A themed divider, horizontal or vertical. The line color and thickness come
|
|
5
|
+
* from the design tokens/theme. Decorative by default: it is hidden from
|
|
6
|
+
* screen readers unless `decorative={false}` is set.
|
|
7
|
+
*
|
|
8
|
+
* `solid` lines are drawn with a background fill; `dashed`/`dotted` lines use a
|
|
9
|
+
* one-sided border (React Native applies `borderStyle` per-side on iOS and
|
|
10
|
+
* falls back to a solid line on Android).
|
|
11
|
+
*/
|
|
12
|
+
import type { SeparatorProps } from './Separator.types';
|
|
13
|
+
export declare function Separator({ orientation, variant, thickness, color, decorative, style, ...rest }: SeparatorProps): import("react").JSX.Element;
|
|
14
|
+
export declare namespace Separator {
|
|
15
|
+
var displayName: string;
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=Separator.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../../src/components/separator/Separator.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAMH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,wBAAgB,SAAS,CAAC,EACxB,WAA0B,EAC1B,OAAiB,EACjB,SAAoC,EACpC,KAAgB,EAChB,UAAiB,EACjB,KAAK,EACL,GAAG,IAAI,EACR,EAAE,cAAc,+BAyChB;yBAjDe,SAAS"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Separator = Separator;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
/**
|
|
6
|
+
* ANAN-UI — Component: Separator
|
|
7
|
+
*
|
|
8
|
+
* A themed divider, horizontal or vertical. The line color and thickness come
|
|
9
|
+
* from the design tokens/theme. Decorative by default: it is hidden from
|
|
10
|
+
* screen readers unless `decorative={false}` is set.
|
|
11
|
+
*
|
|
12
|
+
* `solid` lines are drawn with a background fill; `dashed`/`dotted` lines use a
|
|
13
|
+
* one-sided border (React Native applies `borderStyle` per-side on iOS and
|
|
14
|
+
* falls back to a solid line on Android).
|
|
15
|
+
*/
|
|
16
|
+
const react_native_1 = require("react-native");
|
|
17
|
+
const theme_1 = require("../../theme");
|
|
18
|
+
const cn_1 = require("../../utils/cn");
|
|
19
|
+
const Separator_styles_1 = require("./Separator.styles");
|
|
20
|
+
function Separator({ orientation = 'horizontal', variant = 'solid', thickness = react_native_1.StyleSheet.hairlineWidth, color = 'border', decorative = true, style, ...rest }) {
|
|
21
|
+
const { theme } = (0, theme_1.useTheme)();
|
|
22
|
+
const lineColor = theme.colors[color];
|
|
23
|
+
const isHorizontal = orientation === 'horizontal';
|
|
24
|
+
// Solid: fill the cross axis with the line color. Dashed/dotted: use a
|
|
25
|
+
// one-sided border so RN can apply the dash pattern.
|
|
26
|
+
const lineStyle = variant === 'solid'
|
|
27
|
+
? isHorizontal
|
|
28
|
+
? { height: thickness, backgroundColor: lineColor }
|
|
29
|
+
: { width: thickness, backgroundColor: lineColor }
|
|
30
|
+
: isHorizontal
|
|
31
|
+
? {
|
|
32
|
+
height: thickness,
|
|
33
|
+
borderBottomWidth: thickness,
|
|
34
|
+
borderBottomColor: lineColor,
|
|
35
|
+
borderStyle: variant,
|
|
36
|
+
}
|
|
37
|
+
: {
|
|
38
|
+
width: thickness,
|
|
39
|
+
borderRightWidth: thickness,
|
|
40
|
+
borderRightColor: lineColor,
|
|
41
|
+
borderStyle: variant,
|
|
42
|
+
};
|
|
43
|
+
return ((0, jsx_runtime_1.jsx)(react_native_1.View, { "aria-hidden": decorative, importantForAccessibility: decorative ? 'no-hide-descendants' : 'auto', accessibilityElementsHidden: decorative, ...rest, style: (0, cn_1.cn)(Separator_styles_1.separatorStyles.base, isHorizontal ? Separator_styles_1.separatorStyles.horizontal : Separator_styles_1.separatorStyles.vertical, lineStyle, style) }));
|
|
44
|
+
}
|
|
45
|
+
Separator.displayName = 'Separator';
|
|
46
|
+
//# sourceMappingURL=Separator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Separator.js","sourceRoot":"","sources":["../../../src/components/separator/Separator.tsx"],"names":[],"mappings":";;AAkBA,8BAiDC;;AAnED;;;;;;;;;;GAUG;AAEH,+CAAgD;AAChD,uCAAuC;AACvC,uCAAoC;AACpC,yDAAqD;AAGrD,SAAgB,SAAS,CAAC,EACxB,WAAW,GAAG,YAAY,EAC1B,OAAO,GAAG,OAAO,EACjB,SAAS,GAAG,yBAAU,CAAC,aAAa,EACpC,KAAK,GAAG,QAAQ,EAChB,UAAU,GAAG,IAAI,EACjB,KAAK,EACL,GAAG,IAAI,EACQ;IACf,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAE7B,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACtC,MAAM,YAAY,GAAG,WAAW,KAAK,YAAY,CAAC;IAElD,uEAAuE;IACvE,qDAAqD;IACrD,MAAM,SAAS,GACb,OAAO,KAAK,OAAO;QACjB,CAAC,CAAC,YAAY;YACZ,CAAC,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,SAAS,EAAE;YACnD,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,SAAS,EAAE;QACpD,CAAC,CAAC,YAAY;YACZ,CAAC,CAAC;gBACE,MAAM,EAAE,SAAS;gBACjB,iBAAiB,EAAE,SAAS;gBAC5B,iBAAiB,EAAE,SAAS;gBAC5B,WAAW,EAAE,OAAO;aACrB;YACH,CAAC,CAAC;gBACE,KAAK,EAAE,SAAS;gBAChB,gBAAgB,EAAE,SAAS;gBAC3B,gBAAgB,EAAE,SAAS;gBAC3B,WAAW,EAAE,OAAO;aACrB,CAAC;IAEV,OAAO,CACL,uBAAC,mBAAI,mBACU,UAAU,EACvB,yBAAyB,EAAE,UAAU,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,MAAM,EACtE,2BAA2B,EAAE,UAAU,KACnC,IAAI,EACR,KAAK,EAAE,IAAA,OAAE,EACP,kCAAe,CAAC,IAAI,EACpB,YAAY,CAAC,CAAC,CAAC,kCAAe,CAAC,UAAU,CAAC,CAAC,CAAC,kCAAe,CAAC,QAAQ,EACpE,SAAS,EACT,KAAK,CACN,GACD,CACH,CAAC;AACJ,CAAC;AAED,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ANAN-UI — Component: Separator Styles
|
|
3
|
+
*
|
|
4
|
+
* Static styles created with StyleSheet.create. The line color and thickness
|
|
5
|
+
* are resolved at render time in Separator.tsx.
|
|
6
|
+
*/
|
|
7
|
+
export declare const separatorStyles: any;
|
|
8
|
+
//# sourceMappingURL=Separator.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Separator.styles.d.ts","sourceRoot":"","sources":["../../../src/components/separator/Separator.styles.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,eAAO,MAAM,eAAe,KAa1B,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* ANAN-UI — Component: Separator Styles
|
|
4
|
+
*
|
|
5
|
+
* Static styles created with StyleSheet.create. The line color and thickness
|
|
6
|
+
* are resolved at render time in Separator.tsx.
|
|
7
|
+
*/
|
|
8
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
9
|
+
exports.separatorStyles = void 0;
|
|
10
|
+
const react_native_1 = require("react-native");
|
|
11
|
+
exports.separatorStyles = react_native_1.StyleSheet.create({
|
|
12
|
+
base: {
|
|
13
|
+
flexGrow: 0,
|
|
14
|
+
flexShrink: 0,
|
|
15
|
+
},
|
|
16
|
+
horizontal: {
|
|
17
|
+
alignSelf: 'stretch',
|
|
18
|
+
height: 0,
|
|
19
|
+
},
|
|
20
|
+
vertical: {
|
|
21
|
+
alignSelf: 'stretch',
|
|
22
|
+
width: 0,
|
|
23
|
+
},
|
|
24
|
+
});
|
|
25
|
+
//# sourceMappingURL=Separator.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Separator.styles.js","sourceRoot":"","sources":["../../../src/components/separator/Separator.styles.ts"],"names":[],"mappings":";AAAA;;;;;GAKG;;;AAEH,+CAA0C;AAE7B,QAAA,eAAe,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/C,IAAI,EAAE;QACJ,QAAQ,EAAE,CAAC;QACX,UAAU,EAAE,CAAC;KACd;IACD,UAAU,EAAE;QACV,SAAS,EAAE,SAAS;QACpB,MAAM,EAAE,CAAC;KACV;IACD,QAAQ,EAAE;QACR,SAAS,EAAE,SAAS;QACpB,KAAK,EAAE,CAAC;KACT;CACF,CAAC,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ANAN-UI — Component: Separator Types
|
|
3
|
+
*
|
|
4
|
+
* A divider line, horizontal or vertical, themed from the design tokens.
|
|
5
|
+
*/
|
|
6
|
+
import type { ViewProps, StyleProp, ViewStyle } from 'react-native';
|
|
7
|
+
export type SeparatorOrientation = 'horizontal' | 'vertical';
|
|
8
|
+
export type SeparatorVariant = 'solid' | 'dashed' | 'dotted';
|
|
9
|
+
export interface SeparatorProps extends Omit<ViewProps, 'style'> {
|
|
10
|
+
/** Line direction. Defaults to `horizontal`. */
|
|
11
|
+
orientation?: SeparatorOrientation;
|
|
12
|
+
/** Line pattern. Defaults to `solid`. */
|
|
13
|
+
variant?: SeparatorVariant;
|
|
14
|
+
/** Line thickness in dp (a token-independent number; defaults to hairline). */
|
|
15
|
+
thickness?: number;
|
|
16
|
+
/** Semantic color role for the line. Defaults to `border`. */
|
|
17
|
+
color?: keyof import('../../theme/types').ThemeColors;
|
|
18
|
+
/**
|
|
19
|
+
* Whether the separator is purely decorative. Decorative separators are
|
|
20
|
+
* hidden from screen readers (the default). Set to `false` to expose it.
|
|
21
|
+
*/
|
|
22
|
+
decorative?: boolean;
|
|
23
|
+
style?: StyleProp<ViewStyle>;
|
|
24
|
+
}
|
|
25
|
+
//# sourceMappingURL=Separator.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Separator.types.d.ts","sourceRoot":"","sources":["../../../src/components/separator/Separator.types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,MAAM,MAAM,oBAAoB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE7D,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE7D,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IAC9D,gDAAgD;IAChD,WAAW,CAAC,EAAE,oBAAoB,CAAC;IACnC,yCAAyC;IACzC,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,+EAA+E;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,OAAO,mBAAmB,EAAE,WAAW,CAAC;IACtD;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Separator.types.js","sourceRoot":"","sources":["../../../src/components/separator/Separator.types.ts"],"names":[],"mappings":";AAAA;;;;GAIG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/separator/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EACV,cAAc,EACd,oBAAoB,EACpB,gBAAgB,GACjB,MAAM,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* ANAN-UI — Component: Separator Barrel Export
|
|
4
|
+
*/
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.Separator = void 0;
|
|
7
|
+
var Separator_1 = require("./Separator");
|
|
8
|
+
Object.defineProperty(exports, "Separator", { enumerable: true, get: function () { return Separator_1.Separator; } });
|
|
9
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/separator/index.ts"],"names":[],"mappings":";AAAA;;GAEG;;;AAEH,yCAAwC;AAA/B,sGAAA,SAAS,OAAA"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ANAN-UI — Component: Text
|
|
3
|
+
*
|
|
4
|
+
* A semantic typography component built on top of the TextPrimitive.
|
|
5
|
+
* Maps a `variant` (h1..h4, body, caption, ...) to design-token font sizes,
|
|
6
|
+
* weights, colors and line-height ratios, resolved against the active theme.
|
|
7
|
+
*
|
|
8
|
+
* Explicit primitive props (color/fontSize/fontWeight/...) override the
|
|
9
|
+
* variant defaults. Headings automatically expose `accessibilityRole="header"`
|
|
10
|
+
* unless a role is provided.
|
|
11
|
+
*/
|
|
12
|
+
import type { TextProps } from './Text.types';
|
|
13
|
+
export declare function Text({ variant, color, fontSize, fontWeight, lineHeight, style, accessibilityRole, ...rest }: TextProps): import("react").JSX.Element;
|
|
14
|
+
export declare namespace Text {
|
|
15
|
+
var displayName: string;
|
|
16
|
+
}
|
|
17
|
+
export type { TextProps };
|
|
18
|
+
//# sourceMappingURL=Text.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/text/Text.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAOH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9C,wBAAgB,IAAI,CAAC,EACnB,OAAgB,EAChB,KAAK,EACL,QAAQ,EACR,UAAU,EACV,UAAU,EACV,KAAK,EACL,iBAAiB,EACjB,GAAG,IAAI,EACR,EAAE,SAAS,+BAwCX;yBAjDe,IAAI;;;AAqDpB,YAAY,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Text = Text;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
/**
|
|
6
|
+
* ANAN-UI — Component: Text
|
|
7
|
+
*
|
|
8
|
+
* A semantic typography component built on top of the TextPrimitive.
|
|
9
|
+
* Maps a `variant` (h1..h4, body, caption, ...) to design-token font sizes,
|
|
10
|
+
* weights, colors and line-height ratios, resolved against the active theme.
|
|
11
|
+
*
|
|
12
|
+
* Explicit primitive props (color/fontSize/fontWeight/...) override the
|
|
13
|
+
* variant defaults. Headings automatically expose `accessibilityRole="header"`
|
|
14
|
+
* unless a role is provided.
|
|
15
|
+
*/
|
|
16
|
+
const react_native_1 = require("react-native");
|
|
17
|
+
const theme_1 = require("../../theme");
|
|
18
|
+
const Text_1 = require("../../primitives/Text");
|
|
19
|
+
const Text_variants_1 = require("./Text.variants");
|
|
20
|
+
const HEADING_VARIANTS = new Set(['h1', 'h2', 'h3', 'h4']);
|
|
21
|
+
function Text({ variant = 'body', color, fontSize, fontWeight, lineHeight, style, accessibilityRole, ...rest }) {
|
|
22
|
+
const { theme } = (0, theme_1.useTheme)();
|
|
23
|
+
const preset = Text_variants_1.textVariantStyles[variant];
|
|
24
|
+
// Explicit primitive props take precedence over the variant preset.
|
|
25
|
+
const resolvedFontSize = fontSize ?? preset.fontSize;
|
|
26
|
+
const resolvedFontWeight = fontWeight ?? preset.fontWeight;
|
|
27
|
+
const resolvedColor = color ?? preset.color;
|
|
28
|
+
const sizePx = theme.typography.fontSize[resolvedFontSize];
|
|
29
|
+
// RN requires absolute px line-height, so the preset's ratio is multiplied
|
|
30
|
+
// by the resolved font size. An explicit `lineHeight` token (also a ratio)
|
|
31
|
+
// wins over the preset ratio.
|
|
32
|
+
const ratio = lineHeight !== undefined
|
|
33
|
+
? theme.typography.lineHeight[lineHeight]
|
|
34
|
+
: preset.lineHeightRatio;
|
|
35
|
+
const variantStyle = [
|
|
36
|
+
ratio !== undefined ? { lineHeight: Math.round(sizePx * ratio) } : null,
|
|
37
|
+
preset.fontFamily !== undefined
|
|
38
|
+
? { fontFamily: theme.typography.fontFamily[preset.fontFamily] }
|
|
39
|
+
: null,
|
|
40
|
+
];
|
|
41
|
+
const isHeading = HEADING_VARIANTS.has(variant);
|
|
42
|
+
return ((0, jsx_runtime_1.jsx)(Text_1.TextPrimitive, { ...rest, color: resolvedColor, fontSize: resolvedFontSize, fontWeight: resolvedFontWeight, accessibilityRole: accessibilityRole ?? (isHeading ? 'header' : undefined), style: react_native_1.StyleSheet.compose(variantStyle, style) }));
|
|
43
|
+
}
|
|
44
|
+
Text.displayName = 'Text';
|
|
45
|
+
//# sourceMappingURL=Text.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/components/text/Text.tsx"],"names":[],"mappings":";;AAqBA,oBAiDC;;AAtED;;;;;;;;;;GAUG;AAEH,+CAA0C;AAE1C,uCAAuC;AACvC,gDAAsD;AACtD,mDAAoD;AAGpD,MAAM,gBAAgB,GAAG,IAAI,GAAG,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;AAE3D,SAAgB,IAAI,CAAC,EACnB,OAAO,GAAG,MAAM,EAChB,KAAK,EACL,QAAQ,EACR,UAAU,EACV,UAAU,EACV,KAAK,EACL,iBAAiB,EACjB,GAAG,IAAI,EACG;IACV,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAE7B,MAAM,MAAM,GAAG,iCAAiB,CAAC,OAAO,CAAC,CAAC;IAE1C,oEAAoE;IACpE,MAAM,gBAAgB,GAAG,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC;IACrD,MAAM,kBAAkB,GAAG,UAAU,IAAI,MAAM,CAAC,UAAU,CAAC;IAC3D,MAAM,aAAa,GAAG,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC;IAE5C,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC;IAE3D,2EAA2E;IAC3E,2EAA2E;IAC3E,8BAA8B;IAC9B,MAAM,KAAK,GAAG,UAAU,KAAK,SAAS;QACpC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,UAAU,CAAC;QACzC,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC;IAE3B,MAAM,YAAY,GAAyB;QACzC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;QACvE,MAAM,CAAC,UAAU,KAAK,SAAS;YAC7B,CAAC,CAAC,EAAE,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE;YAChE,CAAC,CAAC,IAAI;KACT,CAAC;IAEF,MAAM,SAAS,GAAG,gBAAgB,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IAEhD,OAAO,CACL,uBAAC,oBAAa,OACR,IAAI,EACR,KAAK,EAAE,aAAa,EACpB,QAAQ,EAAE,gBAAgB,EAC1B,UAAU,EAAE,kBAAkB,EAC9B,iBAAiB,EACf,iBAAiB,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,EAEzD,KAAK,EAAE,yBAAU,CAAC,OAAO,CAAC,YAAY,EAAE,KAAK,CAAC,GAC9C,CACH,CAAC;AACJ,CAAC;AAED,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ANAN-UI — Component: Text Types
|
|
3
|
+
*
|
|
4
|
+
* The public Text component composes the TextPrimitive and adds semantic
|
|
5
|
+
* typography presets (variants). Explicit primitive props override variant
|
|
6
|
+
* defaults.
|
|
7
|
+
*/
|
|
8
|
+
import type { TextPrimitiveProps } from '../../primitives/Text';
|
|
9
|
+
export type TextVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'bodyLg' | 'body' | 'bodySm' | 'label' | 'caption' | 'overline' | 'mono';
|
|
10
|
+
export interface TextProps extends TextPrimitiveProps {
|
|
11
|
+
/** Semantic typography preset. Explicit primitives props take precedence. */
|
|
12
|
+
variant?: TextVariant;
|
|
13
|
+
}
|
|
14
|
+
//# sourceMappingURL=Text.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Text.types.d.ts","sourceRoot":"","sources":["../../../src/components/text/Text.types.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,MAAM,MAAM,WAAW,GACnB,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,OAAO,GACP,SAAS,GACT,UAAU,GACV,MAAM,CAAC;AAEX,MAAM,WAAW,SAAU,SAAQ,kBAAkB;IACnD,6EAA6E;IAC7E,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* ANAN-UI — Component: Text Types
|
|
4
|
+
*
|
|
5
|
+
* The public Text component composes the TextPrimitive and adds semantic
|
|
6
|
+
* typography presets (variants). Explicit primitive props override variant
|
|
7
|
+
* defaults.
|
|
8
|
+
*/
|
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
+
//# sourceMappingURL=Text.types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Text.types.js","sourceRoot":"","sources":["../../../src/components/text/Text.types.ts"],"names":[],"mappings":";AAAA;;;;;;GAMG"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ANAN-UI — Component: Text Variants
|
|
3
|
+
*
|
|
4
|
+
* Static typography presets. Values are design-token references resolved at
|
|
5
|
+
* render time in Text.tsx via the theme context. Line heights are expressed as
|
|
6
|
+
* ratios of the resolved font size (RN requires absolute px, so they are
|
|
7
|
+
* multiplied at render).
|
|
8
|
+
*/
|
|
9
|
+
import type { FontSize, FontWeight } from '../../design-tokens/typography';
|
|
10
|
+
import type { ThemeColors } from '../../theme/types';
|
|
11
|
+
import type { TextVariant } from './Text.types';
|
|
12
|
+
export interface TextVariantStyle {
|
|
13
|
+
fontSize: FontSize;
|
|
14
|
+
fontWeight: FontWeight;
|
|
15
|
+
/** Line height as a ratio of font size (e.g. 1.5). */
|
|
16
|
+
lineHeightRatio?: number;
|
|
17
|
+
/** Default semantic color role (overridable via the `color` prop). */
|
|
18
|
+
color?: keyof ThemeColors;
|
|
19
|
+
fontFamily?: 'sans' | 'mono';
|
|
20
|
+
letterSpacing?: number;
|
|
21
|
+
}
|
|
22
|
+
export declare const textVariantStyles: Record<TextVariant, TextVariantStyle>;
|
|
23
|
+
//# sourceMappingURL=Text.variants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Text.variants.d.ts","sourceRoot":"","sources":["../../../src/components/text/Text.variants.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAGhD,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,QAAQ,CAAC;IACnB,UAAU,EAAE,UAAU,CAAC;IACvB,sDAAsD;IACtD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,WAAW,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,WAAW,EAAE,gBAAgB,CAkBnE,CAAC"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* ANAN-UI — Component: Text Variants
|
|
4
|
+
*
|
|
5
|
+
* Static typography presets. Values are design-token references resolved at
|
|
6
|
+
* render time in Text.tsx via the theme context. Line heights are expressed as
|
|
7
|
+
* ratios of the resolved font size (RN requires absolute px, so they are
|
|
8
|
+
* multiplied at render).
|
|
9
|
+
*/
|
|
10
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
11
|
+
exports.textVariantStyles = void 0;
|
|
12
|
+
const design_tokens_1 = require("../../design-tokens");
|
|
13
|
+
exports.textVariantStyles = {
|
|
14
|
+
h1: { fontSize: '3xl', fontWeight: 'bold', lineHeightRatio: 1.2, color: 'foreground' },
|
|
15
|
+
h2: { fontSize: '2xl', fontWeight: 'bold', lineHeightRatio: 1.25, color: 'foreground' },
|
|
16
|
+
h3: { fontSize: 'xl', fontWeight: 'semibold', lineHeightRatio: 1.3, color: 'foreground' },
|
|
17
|
+
h4: { fontSize: 'lg', fontWeight: 'semibold', lineHeightRatio: 1.4, color: 'foreground' },
|
|
18
|
+
bodyLg: { fontSize: 'lg', fontWeight: 'normal', lineHeightRatio: 1.5, color: 'foreground' },
|
|
19
|
+
body: { fontSize: 'base', fontWeight: 'normal', lineHeightRatio: 1.5, color: 'foreground' },
|
|
20
|
+
bodySm: { fontSize: 'sm', fontWeight: 'normal', lineHeightRatio: 1.5, color: 'foreground' },
|
|
21
|
+
label: { fontSize: 'sm', fontWeight: 'medium', lineHeightRatio: 1.4, color: 'foreground' },
|
|
22
|
+
caption: { fontSize: 'xs', fontWeight: 'normal', lineHeightRatio: 1.4, color: 'mutedForeground' },
|
|
23
|
+
overline: {
|
|
24
|
+
fontSize: 'xs',
|
|
25
|
+
fontWeight: 'semibold',
|
|
26
|
+
lineHeightRatio: 1.4,
|
|
27
|
+
color: 'mutedForeground',
|
|
28
|
+
letterSpacing: design_tokens_1.letterSpacing.wider,
|
|
29
|
+
},
|
|
30
|
+
mono: { fontSize: 'sm', fontWeight: 'normal', lineHeightRatio: 1.5, color: 'foreground', fontFamily: 'mono' },
|
|
31
|
+
};
|
|
32
|
+
//# sourceMappingURL=Text.variants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Text.variants.js","sourceRoot":"","sources":["../../../src/components/text/Text.variants.ts"],"names":[],"mappings":";AAAA;;;;;;;GAOG;;;AAKH,uDAAoD;AAavC,QAAA,iBAAiB,GAA0C;IACtE,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,eAAe,EAAE,GAAG,EAAE,KAAK,EAAE,YAAY,EAAE;IACtF,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,eAAe,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE;IACvF,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,eAAe,EAAE,GAAG,EAAE,KAAK,EAAE,YAAY,EAAE;IACzF,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,eAAe,EAAE,GAAG,EAAE,KAAK,EAAE,YAAY,EAAE;IACzF,MAAM,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,eAAe,EAAE,GAAG,EAAE,KAAK,EAAE,YAAY,EAAE;IAC3F,IAAI,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,eAAe,EAAE,GAAG,EAAE,KAAK,EAAE,YAAY,EAAE;IAC3F,MAAM,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,eAAe,EAAE,GAAG,EAAE,KAAK,EAAE,YAAY,EAAE;IAC3F,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,eAAe,EAAE,GAAG,EAAE,KAAK,EAAE,YAAY,EAAE;IAC1F,OAAO,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,eAAe,EAAE,GAAG,EAAE,KAAK,EAAE,iBAAiB,EAAE;IACjG,QAAQ,EAAE;QACR,QAAQ,EAAE,IAAI;QACd,UAAU,EAAE,UAAU;QACtB,eAAe,EAAE,GAAG;QACpB,KAAK,EAAE,iBAAiB;QACxB,aAAa,EAAE,6BAAa,CAAC,KAAK;KACnC;IACD,IAAI,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,eAAe,EAAE,GAAG,EAAE,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,EAAE;CAC9G,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/text/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* ANAN-UI — Component: Text Barrel Export
|
|
4
|
+
*/
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.Text = void 0;
|
|
7
|
+
var Text_1 = require("./Text");
|
|
8
|
+
Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return Text_1.Text; } });
|
|
9
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/text/index.ts"],"names":[],"mappings":";AAAA;;GAEG;;;AAEH,+BAA8B;AAArB,4FAAA,IAAI,OAAA"}
|