@umituz/react-native-design-system 1.3.1 → 1.3.2
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/lib/domains/icons/domain/config/IconLibraryConfig.d.ts +91 -0
- package/lib/domains/icons/domain/config/IconLibraryConfig.d.ts.map +1 -0
- package/lib/domains/icons/domain/config/IconLibraryConfig.js +85 -0
- package/lib/domains/icons/domain/config/IconLibraryConfig.js.map +1 -0
- package/lib/domains/icons/domain/entities/Icon.d.ts +111 -0
- package/lib/domains/icons/domain/entities/Icon.d.ts.map +1 -0
- package/lib/domains/icons/domain/entities/Icon.js +87 -0
- package/lib/domains/icons/domain/entities/Icon.js.map +1 -0
- package/lib/domains/icons/domain/interfaces/IIconAdapter.d.ts +114 -0
- package/lib/domains/icons/domain/interfaces/IIconAdapter.d.ts.map +1 -0
- package/lib/domains/icons/domain/interfaces/IIconAdapter.js +17 -0
- package/lib/domains/icons/domain/interfaces/IIconAdapter.js.map +1 -0
- package/lib/domains/icons/index.d.ts +84 -0
- package/lib/domains/icons/index.d.ts.map +1 -0
- package/lib/domains/icons/index.js +89 -0
- package/lib/domains/icons/index.js.map +1 -0
- package/lib/domains/icons/infrastructure/adapters/LucideAdapter.d.ts +24 -0
- package/lib/domains/icons/infrastructure/adapters/LucideAdapter.d.ts.map +1 -0
- package/lib/domains/icons/infrastructure/adapters/LucideAdapter.js +85 -0
- package/lib/domains/icons/infrastructure/adapters/LucideAdapter.js.map +1 -0
- package/lib/domains/icons/infrastructure/registries/ExpoIconRegistry.d.ts +23 -0
- package/lib/domains/icons/infrastructure/registries/ExpoIconRegistry.d.ts.map +1 -0
- package/lib/domains/icons/infrastructure/registries/ExpoIconRegistry.js +178 -0
- package/lib/domains/icons/infrastructure/registries/ExpoIconRegistry.js.map +1 -0
- package/lib/domains/icons/presentation/components/Icon.d.ts +42 -0
- package/lib/domains/icons/presentation/components/Icon.d.ts.map +1 -0
- package/lib/domains/icons/presentation/components/Icon.js +86 -0
- package/lib/domains/icons/presentation/components/Icon.js.map +1 -0
- package/lib/domains/icons/presentation/hooks/useIconLibrary.d.ts +38 -0
- package/lib/domains/icons/presentation/hooks/useIconLibrary.d.ts.map +1 -0
- package/lib/domains/icons/presentation/hooks/useIconLibrary.js +114 -0
- package/lib/domains/icons/presentation/hooks/useIconLibrary.js.map +1 -0
- package/lib/index.d.ts +66 -0
- package/lib/index.d.ts.map +1 -0
- package/lib/index.js +106 -0
- package/lib/index.js.map +1 -0
- package/lib/infrastructure/theme/globalThemeStore.d.ts +42 -0
- package/lib/infrastructure/theme/globalThemeStore.d.ts.map +1 -0
- package/lib/infrastructure/theme/globalThemeStore.js +38 -0
- package/lib/infrastructure/theme/globalThemeStore.js.map +1 -0
- package/lib/presentation/atoms/AtomicAvatar.d.ts +48 -0
- package/lib/presentation/atoms/AtomicAvatar.d.ts.map +1 -0
- package/lib/presentation/atoms/AtomicAvatar.js +85 -0
- package/lib/presentation/atoms/AtomicAvatar.js.map +1 -0
- package/lib/presentation/atoms/AtomicAvatarGroup.d.ts +56 -0
- package/lib/presentation/atoms/AtomicAvatarGroup.d.ts.map +1 -0
- package/lib/presentation/atoms/AtomicAvatarGroup.js +83 -0
- package/lib/presentation/atoms/AtomicAvatarGroup.js.map +1 -0
- package/lib/presentation/atoms/AtomicBadge.d.ts +42 -0
- package/lib/presentation/atoms/AtomicBadge.d.ts.map +1 -0
- package/lib/presentation/atoms/AtomicBadge.js +168 -0
- package/lib/presentation/atoms/AtomicBadge.js.map +1 -0
- package/lib/presentation/atoms/AtomicButton.d.ts +22 -0
- package/lib/presentation/atoms/AtomicButton.d.ts.map +1 -0
- package/lib/presentation/atoms/AtomicButton.js +193 -0
- package/lib/presentation/atoms/AtomicButton.js.map +1 -0
- package/lib/presentation/atoms/AtomicCard.d.ts +15 -0
- package/lib/presentation/atoms/AtomicCard.d.ts.map +1 -0
- package/lib/presentation/atoms/AtomicCard.js +89 -0
- package/lib/presentation/atoms/AtomicCard.js.map +1 -0
- package/lib/presentation/atoms/AtomicChip.d.ts +53 -0
- package/lib/presentation/atoms/AtomicChip.d.ts.map +1 -0
- package/lib/presentation/atoms/AtomicChip.js +131 -0
- package/lib/presentation/atoms/AtomicChip.js.map +1 -0
- package/lib/presentation/atoms/AtomicDatePicker.d.ts +75 -0
- package/lib/presentation/atoms/AtomicDatePicker.d.ts.map +1 -0
- package/lib/presentation/atoms/AtomicDatePicker.js +246 -0
- package/lib/presentation/atoms/AtomicDatePicker.js.map +1 -0
- package/lib/presentation/atoms/AtomicDivider.d.ts +45 -0
- package/lib/presentation/atoms/AtomicDivider.d.ts.map +1 -0
- package/lib/presentation/atoms/AtomicDivider.js +58 -0
- package/lib/presentation/atoms/AtomicDivider.js.map +1 -0
- package/lib/presentation/atoms/AtomicFab.d.ts +38 -0
- package/lib/presentation/atoms/AtomicFab.d.ts.map +1 -0
- package/lib/presentation/atoms/AtomicFab.js +69 -0
- package/lib/presentation/atoms/AtomicFab.js.map +1 -0
- package/lib/presentation/atoms/AtomicFilter.d.ts +37 -0
- package/lib/presentation/atoms/AtomicFilter.d.ts.map +1 -0
- package/lib/presentation/atoms/AtomicFilter.js +104 -0
- package/lib/presentation/atoms/AtomicFilter.js.map +1 -0
- package/lib/presentation/atoms/AtomicFormError.d.ts +30 -0
- package/lib/presentation/atoms/AtomicFormError.d.ts.map +1 -0
- package/lib/presentation/atoms/AtomicFormError.js +64 -0
- package/lib/presentation/atoms/AtomicFormError.js.map +1 -0
- package/lib/presentation/atoms/AtomicIcon.d.ts +36 -0
- package/lib/presentation/atoms/AtomicIcon.d.ts.map +1 -0
- package/lib/presentation/atoms/AtomicIcon.js +30 -0
- package/lib/presentation/atoms/AtomicIcon.js.map +1 -0
- package/lib/presentation/atoms/AtomicImage.d.ts +40 -0
- package/lib/presentation/atoms/AtomicImage.d.ts.map +1 -0
- package/lib/presentation/atoms/AtomicImage.js +92 -0
- package/lib/presentation/atoms/AtomicImage.js.map +1 -0
- package/lib/presentation/atoms/AtomicInput.d.ts +71 -0
- package/lib/presentation/atoms/AtomicInput.d.ts.map +1 -0
- package/lib/presentation/atoms/AtomicInput.js +196 -0
- package/lib/presentation/atoms/AtomicInput.js.map +1 -0
- package/lib/presentation/atoms/AtomicNumberInput.d.ts +69 -0
- package/lib/presentation/atoms/AtomicNumberInput.d.ts.map +1 -0
- package/lib/presentation/atoms/AtomicNumberInput.js +125 -0
- package/lib/presentation/atoms/AtomicNumberInput.js.map +1 -0
- package/lib/presentation/atoms/AtomicPicker.d.ts +52 -0
- package/lib/presentation/atoms/AtomicPicker.d.ts.map +1 -0
- package/lib/presentation/atoms/AtomicPicker.js +299 -0
- package/lib/presentation/atoms/AtomicPicker.js.map +1 -0
- package/lib/presentation/atoms/AtomicProgress.d.ts +47 -0
- package/lib/presentation/atoms/AtomicProgress.d.ts.map +1 -0
- package/lib/presentation/atoms/AtomicProgress.js +81 -0
- package/lib/presentation/atoms/AtomicProgress.js.map +1 -0
- package/lib/presentation/atoms/AtomicSearchBar.d.ts +19 -0
- package/lib/presentation/atoms/AtomicSearchBar.d.ts.map +1 -0
- package/lib/presentation/atoms/AtomicSearchBar.js +46 -0
- package/lib/presentation/atoms/AtomicSearchBar.js.map +1 -0
- package/lib/presentation/atoms/AtomicSkeleton.d.ts +43 -0
- package/lib/presentation/atoms/AtomicSkeleton.d.ts.map +1 -0
- package/lib/presentation/atoms/AtomicSkeleton.js +84 -0
- package/lib/presentation/atoms/AtomicSkeleton.js.map +1 -0
- package/lib/presentation/atoms/AtomicSort.d.ts +72 -0
- package/lib/presentation/atoms/AtomicSort.d.ts.map +1 -0
- package/lib/presentation/atoms/AtomicSort.js +77 -0
- package/lib/presentation/atoms/AtomicSort.js.map +1 -0
- package/lib/presentation/atoms/AtomicSwitch.d.ts +43 -0
- package/lib/presentation/atoms/AtomicSwitch.d.ts.map +1 -0
- package/lib/presentation/atoms/AtomicSwitch.js +104 -0
- package/lib/presentation/atoms/AtomicSwitch.js.map +1 -0
- package/lib/presentation/atoms/AtomicText.d.ts +14 -0
- package/lib/presentation/atoms/AtomicText.d.ts.map +1 -0
- package/lib/presentation/atoms/AtomicText.js +36 -0
- package/lib/presentation/atoms/AtomicText.js.map +1 -0
- package/lib/presentation/atoms/AtomicTextArea.d.ts +85 -0
- package/lib/presentation/atoms/AtomicTextArea.d.ts.map +1 -0
- package/lib/presentation/atoms/AtomicTextArea.js +196 -0
- package/lib/presentation/atoms/AtomicTextArea.js.map +1 -0
- package/lib/presentation/atoms/AtomicTouchable.d.ts +87 -0
- package/lib/presentation/atoms/AtomicTouchable.d.ts.map +1 -0
- package/lib/presentation/atoms/AtomicTouchable.js +151 -0
- package/lib/presentation/atoms/AtomicTouchable.js.map +1 -0
- package/lib/presentation/atoms/fab/styles/fabStyles.d.ts +23 -0
- package/lib/presentation/atoms/fab/styles/fabStyles.d.ts.map +1 -0
- package/lib/presentation/atoms/fab/styles/fabStyles.js +63 -0
- package/lib/presentation/atoms/fab/styles/fabStyles.js.map +1 -0
- package/lib/presentation/atoms/fab/types/index.d.ts +76 -0
- package/lib/presentation/atoms/fab/types/index.d.ts.map +1 -0
- package/lib/presentation/atoms/fab/types/index.js +2 -0
- package/lib/presentation/atoms/fab/types/index.js.map +1 -0
- package/lib/presentation/atoms/filter/styles/filterStyles.d.ts +15 -0
- package/lib/presentation/atoms/filter/styles/filterStyles.d.ts.map +1 -0
- package/lib/presentation/atoms/filter/styles/filterStyles.js +29 -0
- package/lib/presentation/atoms/filter/styles/filterStyles.js.map +1 -0
- package/lib/presentation/atoms/filter/types/index.d.ts +76 -0
- package/lib/presentation/atoms/filter/types/index.d.ts.map +1 -0
- package/lib/presentation/atoms/filter/types/index.js +2 -0
- package/lib/presentation/atoms/filter/types/index.js.map +1 -0
- package/lib/presentation/atoms/index.d.ts +276 -0
- package/lib/presentation/atoms/index.d.ts.map +1 -0
- package/lib/presentation/atoms/index.js +149 -0
- package/lib/presentation/atoms/index.js.map +1 -0
- package/lib/presentation/atoms/input/hooks/useInputState.d.ts +7 -0
- package/lib/presentation/atoms/input/hooks/useInputState.d.ts.map +1 -0
- package/lib/presentation/atoms/input/hooks/useInputState.js +13 -0
- package/lib/presentation/atoms/input/hooks/useInputState.js.map +1 -0
- package/lib/presentation/atoms/input/styles/inputStyles.d.ts +13 -0
- package/lib/presentation/atoms/input/styles/inputStyles.d.ts.map +1 -0
- package/lib/presentation/atoms/input/styles/inputStyles.js +59 -0
- package/lib/presentation/atoms/input/styles/inputStyles.js.map +1 -0
- package/lib/presentation/atoms/input/types/index.d.ts +24 -0
- package/lib/presentation/atoms/input/types/index.d.ts.map +1 -0
- package/lib/presentation/atoms/input/types/index.js +2 -0
- package/lib/presentation/atoms/input/types/index.js.map +1 -0
- package/lib/presentation/atoms/picker/styles/pickerStyles.d.ts +96 -0
- package/lib/presentation/atoms/picker/styles/pickerStyles.d.ts.map +1 -0
- package/lib/presentation/atoms/picker/styles/pickerStyles.js +177 -0
- package/lib/presentation/atoms/picker/styles/pickerStyles.js.map +1 -0
- package/lib/presentation/atoms/picker/types/index.d.ts +38 -0
- package/lib/presentation/atoms/picker/types/index.d.ts.map +1 -0
- package/lib/presentation/atoms/picker/types/index.js +2 -0
- package/lib/presentation/atoms/picker/types/index.js.map +1 -0
- package/lib/presentation/atoms/touchable/styles/touchableStyles.d.ts +36 -0
- package/lib/presentation/atoms/touchable/styles/touchableStyles.d.ts.map +1 -0
- package/lib/presentation/atoms/touchable/styles/touchableStyles.js +62 -0
- package/lib/presentation/atoms/touchable/styles/touchableStyles.js.map +1 -0
- package/lib/presentation/atoms/touchable/types/index.d.ts +140 -0
- package/lib/presentation/atoms/touchable/types/index.d.ts.map +1 -0
- package/lib/presentation/atoms/touchable/types/index.js +2 -0
- package/lib/presentation/atoms/touchable/types/index.js.map +1 -0
- package/lib/presentation/hooks/useAppDesignTokens.d.ts +34 -0
- package/lib/presentation/hooks/useAppDesignTokens.d.ts.map +1 -0
- package/lib/presentation/hooks/useAppDesignTokens.js +39 -0
- package/lib/presentation/hooks/useAppDesignTokens.js.map +1 -0
- package/lib/presentation/hooks/useResponsive.d.ts +80 -0
- package/lib/presentation/hooks/useResponsive.d.ts.map +1 -0
- package/lib/presentation/hooks/useResponsive.js +82 -0
- package/lib/presentation/hooks/useResponsive.js.map +1 -0
- package/lib/presentation/loading/index.d.ts +23 -0
- package/lib/presentation/loading/index.d.ts.map +1 -0
- package/lib/presentation/loading/index.js +26 -0
- package/lib/presentation/loading/index.js.map +1 -0
- package/lib/presentation/loading/presentation/components/LoadingSpinner.d.ts +28 -0
- package/lib/presentation/loading/presentation/components/LoadingSpinner.d.ts.map +1 -0
- package/lib/presentation/loading/presentation/components/LoadingSpinner.js +77 -0
- package/lib/presentation/loading/presentation/components/LoadingSpinner.js.map +1 -0
- package/lib/presentation/loading/presentation/components/LoadingState.d.ts +39 -0
- package/lib/presentation/loading/presentation/components/LoadingState.d.ts.map +1 -0
- package/lib/presentation/loading/presentation/components/LoadingState.js +123 -0
- package/lib/presentation/loading/presentation/components/LoadingState.js.map +1 -0
- package/lib/presentation/loading/presentation/hooks/useLoading.d.ts +50 -0
- package/lib/presentation/loading/presentation/hooks/useLoading.d.ts.map +1 -0
- package/lib/presentation/loading/presentation/hooks/useLoading.js +49 -0
- package/lib/presentation/loading/presentation/hooks/useLoading.js.map +1 -0
- package/lib/presentation/molecules/AtomicConfirmationModal.d.ts +73 -0
- package/lib/presentation/molecules/AtomicConfirmationModal.d.ts.map +1 -0
- package/lib/presentation/molecules/AtomicConfirmationModal.js +172 -0
- package/lib/presentation/molecules/AtomicConfirmationModal.js.map +1 -0
- package/lib/presentation/molecules/EmptyState.d.ts +41 -0
- package/lib/presentation/molecules/EmptyState.d.ts.map +1 -0
- package/lib/presentation/molecules/EmptyState.js +68 -0
- package/lib/presentation/molecules/EmptyState.js.map +1 -0
- package/lib/presentation/molecules/FormField.d.ts +22 -0
- package/lib/presentation/molecules/FormField.d.ts.map +1 -0
- package/lib/presentation/molecules/FormField.js +76 -0
- package/lib/presentation/molecules/FormField.js.map +1 -0
- package/lib/presentation/molecules/GridContainer.d.ts +40 -0
- package/lib/presentation/molecules/GridContainer.d.ts.map +1 -0
- package/lib/presentation/molecules/GridContainer.js +77 -0
- package/lib/presentation/molecules/GridContainer.js.map +1 -0
- package/lib/presentation/molecules/IconContainer.d.ts +29 -0
- package/lib/presentation/molecules/IconContainer.d.ts.map +1 -0
- package/lib/presentation/molecules/IconContainer.js +60 -0
- package/lib/presentation/molecules/IconContainer.js.map +1 -0
- package/lib/presentation/molecules/LanguageSwitcher.d.ts +10 -0
- package/lib/presentation/molecules/LanguageSwitcher.d.ts.map +1 -0
- package/lib/presentation/molecules/LanguageSwitcher.js +24 -0
- package/lib/presentation/molecules/LanguageSwitcher.js.map +1 -0
- package/lib/presentation/molecules/ListItem.d.ts +5 -0
- package/lib/presentation/molecules/ListItem.d.ts.map +1 -0
- package/lib/presentation/molecules/ListItem.js +24 -0
- package/lib/presentation/molecules/ListItem.js.map +1 -0
- package/lib/presentation/molecules/ScreenHeader.d.ts +55 -0
- package/lib/presentation/molecules/ScreenHeader.d.ts.map +1 -0
- package/lib/presentation/molecules/ScreenHeader.js +94 -0
- package/lib/presentation/molecules/ScreenHeader.js.map +1 -0
- package/lib/presentation/molecules/SearchBar.d.ts +18 -0
- package/lib/presentation/molecules/SearchBar.d.ts.map +1 -0
- package/lib/presentation/molecules/SearchBar.js +47 -0
- package/lib/presentation/molecules/SearchBar.js.map +1 -0
- package/lib/presentation/molecules/SectionCard.d.ts +25 -0
- package/lib/presentation/molecules/SectionCard.d.ts.map +1 -0
- package/lib/presentation/molecules/SectionCard.js +47 -0
- package/lib/presentation/molecules/SectionCard.js.map +1 -0
- package/lib/presentation/molecules/SectionContainer.d.ts +33 -0
- package/lib/presentation/molecules/SectionContainer.d.ts.map +1 -0
- package/lib/presentation/molecules/SectionContainer.js +64 -0
- package/lib/presentation/molecules/SectionContainer.js.map +1 -0
- package/lib/presentation/molecules/SectionHeader.d.ts +37 -0
- package/lib/presentation/molecules/SectionHeader.d.ts.map +1 -0
- package/lib/presentation/molecules/SectionHeader.js +73 -0
- package/lib/presentation/molecules/SectionHeader.js.map +1 -0
- package/lib/presentation/molecules/confirmation-modal/styles/confirmationModalStyles.d.ts +50 -0
- package/lib/presentation/molecules/confirmation-modal/styles/confirmationModalStyles.d.ts.map +1 -0
- package/lib/presentation/molecules/confirmation-modal/styles/confirmationModalStyles.js +115 -0
- package/lib/presentation/molecules/confirmation-modal/styles/confirmationModalStyles.js.map +1 -0
- package/lib/presentation/molecules/confirmation-modal/types/index.d.ts +88 -0
- package/lib/presentation/molecules/confirmation-modal/types/index.d.ts.map +1 -0
- package/lib/presentation/molecules/confirmation-modal/types/index.js +7 -0
- package/lib/presentation/molecules/confirmation-modal/types/index.js.map +1 -0
- package/lib/presentation/molecules/index.d.ts +28 -0
- package/lib/presentation/molecules/index.d.ts.map +1 -0
- package/lib/presentation/molecules/index.js +18 -0
- package/lib/presentation/molecules/index.js.map +1 -0
- package/lib/presentation/molecules/languageswitcher/config/languageSwitcherConfig.d.ts +11 -0
- package/lib/presentation/molecules/languageswitcher/config/languageSwitcherConfig.d.ts.map +1 -0
- package/lib/presentation/molecules/languageswitcher/config/languageSwitcherConfig.js +6 -0
- package/lib/presentation/molecules/languageswitcher/config/languageSwitcherConfig.js.map +1 -0
- package/lib/presentation/molecules/languageswitcher/hooks/useLanguageNavigation.d.ts +5 -0
- package/lib/presentation/molecules/languageswitcher/hooks/useLanguageNavigation.d.ts.map +1 -0
- package/lib/presentation/molecules/languageswitcher/hooks/useLanguageNavigation.js +12 -0
- package/lib/presentation/molecules/languageswitcher/hooks/useLanguageNavigation.js.map +1 -0
- package/lib/presentation/molecules/listitem/styles/listItemStyles.d.ts +12 -0
- package/lib/presentation/molecules/listitem/styles/listItemStyles.d.ts.map +1 -0
- package/lib/presentation/molecules/listitem/styles/listItemStyles.js +15 -0
- package/lib/presentation/molecules/listitem/styles/listItemStyles.js.map +1 -0
- package/lib/presentation/molecules/listitem/types/index.d.ts +17 -0
- package/lib/presentation/molecules/listitem/types/index.d.ts.map +1 -0
- package/lib/presentation/molecules/listitem/types/index.js +2 -0
- package/lib/presentation/molecules/listitem/types/index.js.map +1 -0
- package/lib/presentation/organisms/AppHeader.d.ts +30 -0
- package/lib/presentation/organisms/AppHeader.d.ts.map +1 -0
- package/lib/presentation/organisms/AppHeader.js +78 -0
- package/lib/presentation/organisms/AppHeader.js.map +1 -0
- package/lib/presentation/organisms/FormContainer.d.ts +76 -0
- package/lib/presentation/organisms/FormContainer.d.ts.map +1 -0
- package/lib/presentation/organisms/FormContainer.js +127 -0
- package/lib/presentation/organisms/FormContainer.js.map +1 -0
- package/lib/presentation/organisms/ScreenLayout.d.ts +99 -0
- package/lib/presentation/organisms/ScreenLayout.d.ts.map +1 -0
- package/lib/presentation/organisms/ScreenLayout.js +78 -0
- package/lib/presentation/organisms/ScreenLayout.js.map +1 -0
- package/lib/presentation/organisms/index.d.ts +16 -0
- package/lib/presentation/organisms/index.d.ts.map +1 -0
- package/lib/presentation/organisms/index.js +14 -0
- package/lib/presentation/organisms/index.js.map +1 -0
- package/lib/presentation/tokens/AppDesignTokens.d.ts +14 -0
- package/lib/presentation/tokens/AppDesignTokens.d.ts.map +1 -0
- package/lib/presentation/tokens/AppDesignTokens.js +23 -0
- package/lib/presentation/tokens/AppDesignTokens.js.map +1 -0
- package/lib/presentation/tokens/commonStyles.d.ts +122 -0
- package/lib/presentation/tokens/commonStyles.d.ts.map +1 -0
- package/lib/presentation/tokens/commonStyles.js +220 -0
- package/lib/presentation/tokens/commonStyles.js.map +1 -0
- package/lib/presentation/tokens/core/BaseTokens.d.ts +337 -0
- package/lib/presentation/tokens/core/BaseTokens.d.ts.map +1 -0
- package/lib/presentation/tokens/core/BaseTokens.js +322 -0
- package/lib/presentation/tokens/core/BaseTokens.js.map +1 -0
- package/lib/presentation/tokens/core/ColorPalette.d.ts +216 -0
- package/lib/presentation/tokens/core/ColorPalette.d.ts.map +1 -0
- package/lib/presentation/tokens/core/ColorPalette.js +330 -0
- package/lib/presentation/tokens/core/ColorPalette.js.map +1 -0
- package/lib/presentation/tokens/core/TokenFactory.d.ts +229 -0
- package/lib/presentation/tokens/core/TokenFactory.d.ts.map +1 -0
- package/lib/presentation/tokens/core/TokenFactory.js +87 -0
- package/lib/presentation/tokens/core/TokenFactory.js.map +1 -0
- package/lib/presentation/utils/platformConstants.d.ts +100 -0
- package/lib/presentation/utils/platformConstants.d.ts.map +1 -0
- package/lib/presentation/utils/platformConstants.js +114 -0
- package/lib/presentation/utils/platformConstants.js.map +1 -0
- package/lib/presentation/utils/responsive.d.ts +218 -0
- package/lib/presentation/utils/responsive.d.ts.map +1 -0
- package/lib/presentation/utils/responsive.js +452 -0
- package/lib/presentation/utils/responsive.js.map +1 -0
- package/lib/presentation/utils/variants/compound.d.ts +10 -0
- package/lib/presentation/utils/variants/compound.d.ts.map +1 -0
- package/lib/presentation/utils/variants/compound.js +16 -0
- package/lib/presentation/utils/variants/compound.js.map +1 -0
- package/lib/presentation/utils/variants/core.d.ts +15 -0
- package/lib/presentation/utils/variants/core.d.ts.map +1 -0
- package/lib/presentation/utils/variants/core.js +23 -0
- package/lib/presentation/utils/variants/core.js.map +1 -0
- package/lib/presentation/utils/variants/helpers.d.ts +5 -0
- package/lib/presentation/utils/variants/helpers.d.ts.map +1 -0
- package/lib/presentation/utils/variants/helpers.js +10 -0
- package/lib/presentation/utils/variants/helpers.js.map +1 -0
- package/lib/presentation/utils/variants.d.ts +4 -0
- package/lib/presentation/utils/variants.d.ts.map +1 -0
- package/lib/presentation/utils/variants.js +4 -0
- package/lib/presentation/utils/variants.js.map +1 -0
- package/package.json +38 -4
- package/src/domains/icons/domain/interfaces/IIconAdapter.ts +5 -3
- package/src/domains/icons/infrastructure/adapters/LucideAdapter.ts +1 -1
- package/src/presentation/molecules/AtomicConfirmationModal.tsx +1 -1
- package/src/presentation/molecules/languageswitcher/hooks/useLanguageNavigation.ts +1 -2
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
export const getContainerVariantStyles = (tokens) => ({
|
|
2
|
+
outlined: {
|
|
3
|
+
borderWidth: 1,
|
|
4
|
+
borderRadius: 12,
|
|
5
|
+
borderColor: tokens.colors.outline,
|
|
6
|
+
},
|
|
7
|
+
filled: {
|
|
8
|
+
backgroundColor: tokens.colors.surfaceVariant,
|
|
9
|
+
borderRadius: 12,
|
|
10
|
+
borderBottomWidth: 2,
|
|
11
|
+
borderBottomColor: tokens.colors.outline,
|
|
12
|
+
},
|
|
13
|
+
underlined: {
|
|
14
|
+
borderBottomWidth: 1,
|
|
15
|
+
borderBottomColor: tokens.colors.outline,
|
|
16
|
+
backgroundColor: 'transparent',
|
|
17
|
+
},
|
|
18
|
+
});
|
|
19
|
+
export const containerSizeStyles = {
|
|
20
|
+
sm: { height: 40, paddingHorizontal: 12, paddingVertical: 8 },
|
|
21
|
+
md: { height: 56, paddingHorizontal: 16, paddingVertical: 16 },
|
|
22
|
+
lg: { height: 64, paddingHorizontal: 24, paddingVertical: 20 },
|
|
23
|
+
};
|
|
24
|
+
export const getInputSizeStyles = (tokens) => ({
|
|
25
|
+
sm: { fontSize: tokens.typography.bodyMedium.fontSize },
|
|
26
|
+
md: { fontSize: tokens.typography.bodyLarge.fontSize },
|
|
27
|
+
lg: { fontSize: tokens.typography.bodyLarge.fontSize },
|
|
28
|
+
});
|
|
29
|
+
export const getLabelSizeStyles = (tokens) => ({
|
|
30
|
+
sm: { fontSize: tokens.typography.bodySmall.fontSize },
|
|
31
|
+
md: { fontSize: tokens.typography.bodyMedium.fontSize },
|
|
32
|
+
lg: { fontSize: tokens.typography.bodyLarge.fontSize },
|
|
33
|
+
});
|
|
34
|
+
export const getStateStyles = (tokens) => ({
|
|
35
|
+
default: {},
|
|
36
|
+
error: { borderColor: tokens.colors.error },
|
|
37
|
+
success: { borderColor: tokens.colors.success },
|
|
38
|
+
disabled: {
|
|
39
|
+
backgroundColor: tokens.colors.surfaceDisabled,
|
|
40
|
+
borderColor: tokens.colors.outlineDisabled,
|
|
41
|
+
},
|
|
42
|
+
});
|
|
43
|
+
export const getFocusStyles = (tokens) => ({
|
|
44
|
+
outlined: { borderColor: tokens.colors.primary, borderWidth: 2 },
|
|
45
|
+
filled: { borderBottomColor: tokens.colors.primary, borderBottomWidth: 2 },
|
|
46
|
+
underlined: { borderBottomColor: tokens.colors.primary, borderBottomWidth: 2 },
|
|
47
|
+
});
|
|
48
|
+
export const getStateColor = (tokens, state, isFocused, isDisabled) => {
|
|
49
|
+
if (isDisabled)
|
|
50
|
+
return tokens.colors.onSurfaceDisabled;
|
|
51
|
+
if (state === 'error')
|
|
52
|
+
return tokens.colors.error;
|
|
53
|
+
if (state === 'success')
|
|
54
|
+
return tokens.colors.success;
|
|
55
|
+
if (isFocused)
|
|
56
|
+
return tokens.colors.primary;
|
|
57
|
+
return tokens.colors.surfaceVariant;
|
|
58
|
+
};
|
|
59
|
+
//# sourceMappingURL=inputStyles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"inputStyles.js","sourceRoot":"","sources":["../../../../../src/presentation/atoms/input/styles/inputStyles.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { TextInputProps, ViewStyle, TextStyle } from 'react-native';
|
|
2
|
+
export type AtomicInputVariant = 'outlined' | 'filled' | 'underlined';
|
|
3
|
+
export type AtomicInputState = 'default' | 'error' | 'success' | 'disabled';
|
|
4
|
+
export type AtomicInputSize = 'sm' | 'md' | 'lg';
|
|
5
|
+
export interface AtomicInputProps extends Omit<TextInputProps, 'style'> {
|
|
6
|
+
variant?: AtomicInputVariant;
|
|
7
|
+
state?: AtomicInputState;
|
|
8
|
+
size?: AtomicInputSize;
|
|
9
|
+
label: string;
|
|
10
|
+
helperText?: string;
|
|
11
|
+
leadingIcon?: React.ReactNode;
|
|
12
|
+
trailingIcon?: React.ReactNode;
|
|
13
|
+
showPasswordToggle?: boolean;
|
|
14
|
+
maxLength?: number;
|
|
15
|
+
showCharacterCount?: boolean;
|
|
16
|
+
disabled?: boolean;
|
|
17
|
+
style?: ViewStyle | ViewStyle[];
|
|
18
|
+
containerStyle?: ViewStyle | ViewStyle[];
|
|
19
|
+
inputStyle?: TextStyle | TextStyle[];
|
|
20
|
+
labelStyle?: TextStyle | TextStyle[];
|
|
21
|
+
helperTextStyle?: TextStyle | TextStyle[];
|
|
22
|
+
testID?: string;
|
|
23
|
+
}
|
|
24
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/atoms/input/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpE,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,QAAQ,GAAG,YAAY,CAAC;AACtE,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAC;AAC5E,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC;IACrE,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IAChC,cAAc,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IACzC,UAAU,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IACrC,UAAU,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IACrC,eAAe,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/presentation/atoms/input/types/index.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
import { ViewStyle, TextStyle } from 'react-native';
|
|
2
|
+
import { useAppDesignTokens } from '../../../hooks/useAppDesignTokens';
|
|
3
|
+
type DesignTokens = ReturnType<typeof useAppDesignTokens>;
|
|
4
|
+
/**
|
|
5
|
+
* Picker container styles with iOS HIG compliance
|
|
6
|
+
*
|
|
7
|
+
* All picker sizes meet Apple's minimum touch target requirement of 44pt.
|
|
8
|
+
* @see https://developer.apple.com/design/human-interface-guidelines/layout
|
|
9
|
+
*/
|
|
10
|
+
export declare const getPickerContainerStyles: (tokens: DesignTokens) => {
|
|
11
|
+
base: {
|
|
12
|
+
flexDirection: "row";
|
|
13
|
+
alignItems: "center";
|
|
14
|
+
justifyContent: "space-between";
|
|
15
|
+
borderWidth: 1;
|
|
16
|
+
borderColor: string;
|
|
17
|
+
backgroundColor: string;
|
|
18
|
+
};
|
|
19
|
+
size: {
|
|
20
|
+
sm: {
|
|
21
|
+
height: 44;
|
|
22
|
+
paddingHorizontal: 8;
|
|
23
|
+
borderRadius: 4;
|
|
24
|
+
};
|
|
25
|
+
md: {
|
|
26
|
+
height: number;
|
|
27
|
+
paddingHorizontal: 16;
|
|
28
|
+
borderRadius: 8;
|
|
29
|
+
};
|
|
30
|
+
lg: {
|
|
31
|
+
height: number;
|
|
32
|
+
paddingHorizontal: 24;
|
|
33
|
+
borderRadius: 8;
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
|
+
state: {
|
|
37
|
+
error: {
|
|
38
|
+
borderColor: string;
|
|
39
|
+
borderWidth: 2;
|
|
40
|
+
};
|
|
41
|
+
disabled: {
|
|
42
|
+
backgroundColor: string;
|
|
43
|
+
opacity: number;
|
|
44
|
+
};
|
|
45
|
+
};
|
|
46
|
+
};
|
|
47
|
+
export declare const getPickerLabelStyles: (tokens: DesignTokens) => {
|
|
48
|
+
base: {
|
|
49
|
+
marginBottom: 4;
|
|
50
|
+
color: string;
|
|
51
|
+
fontWeight: "600";
|
|
52
|
+
};
|
|
53
|
+
size: {
|
|
54
|
+
sm: TextStyle;
|
|
55
|
+
md: TextStyle;
|
|
56
|
+
lg: TextStyle;
|
|
57
|
+
};
|
|
58
|
+
};
|
|
59
|
+
export declare const getPickerPlaceholderStyles: (tokens: DesignTokens) => {
|
|
60
|
+
base: {
|
|
61
|
+
color: string;
|
|
62
|
+
};
|
|
63
|
+
size: {
|
|
64
|
+
sm: TextStyle;
|
|
65
|
+
md: TextStyle;
|
|
66
|
+
lg: TextStyle;
|
|
67
|
+
};
|
|
68
|
+
};
|
|
69
|
+
export declare const getPickerValueStyles: (tokens: DesignTokens) => {
|
|
70
|
+
base: {
|
|
71
|
+
flex: number;
|
|
72
|
+
color: string;
|
|
73
|
+
};
|
|
74
|
+
size: {
|
|
75
|
+
sm: TextStyle;
|
|
76
|
+
md: TextStyle;
|
|
77
|
+
lg: TextStyle;
|
|
78
|
+
};
|
|
79
|
+
};
|
|
80
|
+
export declare const getPickerErrorStyles: (tokens: DesignTokens) => TextStyle;
|
|
81
|
+
export declare const getModalOverlayStyles: (tokens: DesignTokens) => ViewStyle;
|
|
82
|
+
export declare const getModalContainerStyles: (tokens: DesignTokens, maxHeight: number) => ViewStyle;
|
|
83
|
+
export declare const getModalHeaderStyles: (tokens: DesignTokens) => ViewStyle;
|
|
84
|
+
export declare const getModalTitleStyles: (tokens: DesignTokens) => TextStyle;
|
|
85
|
+
export declare const getSearchContainerStyles: (tokens: DesignTokens) => ViewStyle;
|
|
86
|
+
export declare const getSearchInputStyles: (tokens: DesignTokens) => TextStyle;
|
|
87
|
+
export declare const getOptionContainerStyles: (tokens: DesignTokens, isSelected: boolean, isDisabled: boolean) => ViewStyle;
|
|
88
|
+
export declare const getOptionTextStyles: (tokens: DesignTokens, isSelected: boolean) => TextStyle;
|
|
89
|
+
export declare const getOptionDescriptionStyles: (tokens: DesignTokens) => TextStyle;
|
|
90
|
+
export declare const getEmptyStateStyles: (tokens: DesignTokens) => ViewStyle;
|
|
91
|
+
export declare const getEmptyStateTextStyles: (tokens: DesignTokens) => TextStyle;
|
|
92
|
+
export declare const getChipContainerStyles: (tokens: DesignTokens) => ViewStyle;
|
|
93
|
+
export declare const getChipStyles: (tokens: DesignTokens) => ViewStyle;
|
|
94
|
+
export declare const getChipTextStyles: (tokens: DesignTokens) => TextStyle;
|
|
95
|
+
export {};
|
|
96
|
+
//# sourceMappingURL=pickerStyles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pickerStyles.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/atoms/picker/styles/pickerStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAIvE,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAE1D;;;;;GAKG;AACH,eAAO,MAAM,wBAAwB,GAAI,QAAQ,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqC3D,CAAC;AAEH,eAAO,MAAM,oBAAoB,GAAI,QAAQ,YAAY;;;;;;;;;;;CAWvD,CAAC;AAEH,eAAO,MAAM,0BAA0B,GAAI,QAAQ,YAAY;;;;;;;;;CAS7D,CAAC;AAEH,eAAO,MAAM,oBAAoB,GAAI,QAAQ,YAAY;;;;;;;;;;CAUvD,CAAC;AAEH,eAAO,MAAM,oBAAoB,GAAI,QAAQ,YAAY,KAAG,SAI1D,CAAC;AAEH,eAAO,MAAM,qBAAqB,GAAI,QAAQ,YAAY,KAAG,SAI3D,CAAC;AAEH,eAAO,MAAM,uBAAuB,GAAI,QAAQ,YAAY,EAAE,WAAW,MAAM,KAAG,SAMhF,CAAC;AAEH,eAAO,MAAM,oBAAoB,GAAI,QAAQ,YAAY,KAAG,SAQ1D,CAAC;AAEH,eAAO,MAAM,mBAAmB,GAAI,QAAQ,YAAY,KAAG,SAIzD,CAAC;AAEH,eAAO,MAAM,wBAAwB,GAAI,QAAQ,YAAY,KAAG,SAS9D,CAAC;AAEH,eAAO,MAAM,oBAAoB,GAAI,QAAQ,YAAY,KAAG,SAK1D,CAAC;AAEH,eAAO,MAAM,wBAAwB,GAAI,QAAQ,YAAY,EAAE,YAAY,OAAO,EAAE,YAAY,OAAO,KAAG,SAOxG,CAAC;AAEH,eAAO,MAAM,mBAAmB,GAAI,QAAQ,YAAY,EAAE,YAAY,OAAO,KAAG,SAM9E,CAAC;AAEH,eAAO,MAAM,0BAA0B,GAAI,QAAQ,YAAY,KAAG,SAKhE,CAAC;AAEH,eAAO,MAAM,mBAAmB,GAAI,QAAQ,YAAY,KAAG,SAIzD,CAAC;AAEH,eAAO,MAAM,uBAAuB,GAAI,QAAQ,YAAY,KAAG,SAK7D,CAAC;AAEH,eAAO,MAAM,sBAAsB,GAAI,QAAQ,YAAY,KAAG,SAK5D,CAAC;AAEH,eAAO,MAAM,aAAa,GAAI,QAAQ,YAAY,KAAG,SAOnD,CAAC;AAEH,eAAO,MAAM,iBAAiB,GAAI,QAAQ,YAAY,KAAG,SAIvD,CAAC"}
|
|
@@ -0,0 +1,177 @@
|
|
|
1
|
+
import { IOS_HIG, getMinTouchTarget } from '../../../utils/platformConstants';
|
|
2
|
+
/**
|
|
3
|
+
* Picker container styles with iOS HIG compliance
|
|
4
|
+
*
|
|
5
|
+
* All picker sizes meet Apple's minimum touch target requirement of 44pt.
|
|
6
|
+
* @see https://developer.apple.com/design/human-interface-guidelines/layout
|
|
7
|
+
*/
|
|
8
|
+
export const getPickerContainerStyles = (tokens) => ({
|
|
9
|
+
base: {
|
|
10
|
+
flexDirection: 'row',
|
|
11
|
+
alignItems: 'center',
|
|
12
|
+
justifyContent: 'space-between',
|
|
13
|
+
borderWidth: tokens.borders.width.thin,
|
|
14
|
+
borderColor: tokens.colors.border,
|
|
15
|
+
backgroundColor: tokens.colors.surface,
|
|
16
|
+
},
|
|
17
|
+
size: {
|
|
18
|
+
// ✅ iOS HIG Compliant: All sizes >= 44pt minimum touch target
|
|
19
|
+
sm: {
|
|
20
|
+
height: IOS_HIG.MIN_TOUCH_TARGET, // 44pt - iOS minimum
|
|
21
|
+
paddingHorizontal: tokens.spacing.sm,
|
|
22
|
+
borderRadius: tokens.borders.radius.sm,
|
|
23
|
+
},
|
|
24
|
+
md: {
|
|
25
|
+
height: getMinTouchTarget('input'), // 48pt - Recommended
|
|
26
|
+
paddingHorizontal: tokens.spacing.md,
|
|
27
|
+
borderRadius: tokens.borders.radius.md,
|
|
28
|
+
},
|
|
29
|
+
lg: {
|
|
30
|
+
height: 56, // 56pt - Large touch target
|
|
31
|
+
paddingHorizontal: tokens.spacing.lg,
|
|
32
|
+
borderRadius: tokens.borders.radius.md,
|
|
33
|
+
},
|
|
34
|
+
},
|
|
35
|
+
state: {
|
|
36
|
+
error: {
|
|
37
|
+
borderColor: tokens.colors.error,
|
|
38
|
+
borderWidth: tokens.borders.width.medium,
|
|
39
|
+
},
|
|
40
|
+
disabled: {
|
|
41
|
+
backgroundColor: tokens.colors.surfaceDisabled,
|
|
42
|
+
opacity: 0.6,
|
|
43
|
+
},
|
|
44
|
+
},
|
|
45
|
+
});
|
|
46
|
+
export const getPickerLabelStyles = (tokens) => ({
|
|
47
|
+
base: {
|
|
48
|
+
marginBottom: tokens.spacing.xs,
|
|
49
|
+
color: tokens.colors.textPrimary,
|
|
50
|
+
fontWeight: '600',
|
|
51
|
+
},
|
|
52
|
+
size: {
|
|
53
|
+
sm: tokens.typography.bodySmall,
|
|
54
|
+
md: tokens.typography.bodyMedium,
|
|
55
|
+
lg: tokens.typography.bodyLarge,
|
|
56
|
+
},
|
|
57
|
+
});
|
|
58
|
+
export const getPickerPlaceholderStyles = (tokens) => ({
|
|
59
|
+
base: {
|
|
60
|
+
color: tokens.colors.textSecondary,
|
|
61
|
+
},
|
|
62
|
+
size: {
|
|
63
|
+
sm: tokens.typography.bodySmall,
|
|
64
|
+
md: tokens.typography.bodyMedium,
|
|
65
|
+
lg: tokens.typography.bodyLarge,
|
|
66
|
+
},
|
|
67
|
+
});
|
|
68
|
+
export const getPickerValueStyles = (tokens) => ({
|
|
69
|
+
base: {
|
|
70
|
+
flex: 1,
|
|
71
|
+
color: tokens.colors.textPrimary,
|
|
72
|
+
},
|
|
73
|
+
size: {
|
|
74
|
+
sm: tokens.typography.bodySmall,
|
|
75
|
+
md: tokens.typography.bodyMedium,
|
|
76
|
+
lg: tokens.typography.bodyLarge,
|
|
77
|
+
},
|
|
78
|
+
});
|
|
79
|
+
export const getPickerErrorStyles = (tokens) => ({
|
|
80
|
+
marginTop: tokens.spacing.xs,
|
|
81
|
+
color: tokens.colors.error,
|
|
82
|
+
...tokens.typography.bodySmall,
|
|
83
|
+
});
|
|
84
|
+
export const getModalOverlayStyles = (tokens) => ({
|
|
85
|
+
flex: 1,
|
|
86
|
+
backgroundColor: tokens.colors.overlayMedium,
|
|
87
|
+
justifyContent: 'flex-start',
|
|
88
|
+
});
|
|
89
|
+
export const getModalContainerStyles = (tokens, maxHeight) => ({
|
|
90
|
+
backgroundColor: tokens.colors.backgroundPrimary,
|
|
91
|
+
borderTopLeftRadius: tokens.borders.radius.lg,
|
|
92
|
+
borderTopRightRadius: tokens.borders.radius.lg,
|
|
93
|
+
maxHeight: maxHeight,
|
|
94
|
+
paddingBottom: tokens.spacing.lg,
|
|
95
|
+
});
|
|
96
|
+
export const getModalHeaderStyles = (tokens) => ({
|
|
97
|
+
flexDirection: 'row',
|
|
98
|
+
alignItems: 'center',
|
|
99
|
+
justifyContent: 'space-between',
|
|
100
|
+
paddingHorizontal: tokens.spacing.lg,
|
|
101
|
+
paddingVertical: tokens.spacing.md,
|
|
102
|
+
borderBottomWidth: tokens.borders.width.thin,
|
|
103
|
+
borderBottomColor: tokens.colors.border,
|
|
104
|
+
});
|
|
105
|
+
export const getModalTitleStyles = (tokens) => ({
|
|
106
|
+
...tokens.typography.titleLarge,
|
|
107
|
+
color: tokens.colors.textPrimary,
|
|
108
|
+
fontWeight: '600',
|
|
109
|
+
});
|
|
110
|
+
export const getSearchContainerStyles = (tokens) => ({
|
|
111
|
+
flexDirection: 'row',
|
|
112
|
+
alignItems: 'center',
|
|
113
|
+
backgroundColor: tokens.colors.surfaceVariant,
|
|
114
|
+
paddingHorizontal: tokens.spacing.md,
|
|
115
|
+
paddingVertical: tokens.spacing.sm,
|
|
116
|
+
marginHorizontal: tokens.spacing.lg,
|
|
117
|
+
marginTop: tokens.spacing.md,
|
|
118
|
+
borderRadius: tokens.borders.radius.md,
|
|
119
|
+
});
|
|
120
|
+
export const getSearchInputStyles = (tokens) => ({
|
|
121
|
+
flex: 1,
|
|
122
|
+
marginLeft: tokens.spacing.sm,
|
|
123
|
+
...tokens.typography.bodyMedium,
|
|
124
|
+
color: tokens.colors.textPrimary,
|
|
125
|
+
});
|
|
126
|
+
export const getOptionContainerStyles = (tokens, isSelected, isDisabled) => ({
|
|
127
|
+
flexDirection: 'row',
|
|
128
|
+
alignItems: 'center',
|
|
129
|
+
paddingHorizontal: tokens.spacing.lg,
|
|
130
|
+
paddingVertical: tokens.spacing.md,
|
|
131
|
+
backgroundColor: isSelected ? tokens.colors.primaryContainer : 'transparent',
|
|
132
|
+
opacity: isDisabled ? 0.5 : 1,
|
|
133
|
+
});
|
|
134
|
+
export const getOptionTextStyles = (tokens, isSelected) => ({
|
|
135
|
+
flex: 1,
|
|
136
|
+
marginLeft: tokens.spacing.sm,
|
|
137
|
+
...tokens.typography.bodyLarge,
|
|
138
|
+
color: isSelected ? tokens.colors.primary : tokens.colors.textPrimary,
|
|
139
|
+
fontWeight: isSelected ? '600' : '400',
|
|
140
|
+
});
|
|
141
|
+
export const getOptionDescriptionStyles = (tokens) => ({
|
|
142
|
+
...tokens.typography.bodySmall,
|
|
143
|
+
color: tokens.colors.textSecondary,
|
|
144
|
+
marginLeft: tokens.spacing.sm,
|
|
145
|
+
marginTop: tokens.spacing.xs,
|
|
146
|
+
});
|
|
147
|
+
export const getEmptyStateStyles = (tokens) => ({
|
|
148
|
+
alignItems: 'center',
|
|
149
|
+
justifyContent: 'center',
|
|
150
|
+
paddingVertical: tokens.spacing.xxl,
|
|
151
|
+
});
|
|
152
|
+
export const getEmptyStateTextStyles = (tokens) => ({
|
|
153
|
+
...tokens.typography.bodyLarge,
|
|
154
|
+
color: tokens.colors.textSecondary,
|
|
155
|
+
textAlign: 'center',
|
|
156
|
+
marginTop: tokens.spacing.md,
|
|
157
|
+
});
|
|
158
|
+
export const getChipContainerStyles = (tokens) => ({
|
|
159
|
+
flexDirection: 'row',
|
|
160
|
+
flexWrap: 'wrap',
|
|
161
|
+
gap: tokens.spacing.xs,
|
|
162
|
+
marginTop: tokens.spacing.xs,
|
|
163
|
+
});
|
|
164
|
+
export const getChipStyles = (tokens) => ({
|
|
165
|
+
flexDirection: 'row',
|
|
166
|
+
alignItems: 'center',
|
|
167
|
+
backgroundColor: tokens.colors.primaryContainer,
|
|
168
|
+
paddingHorizontal: tokens.spacing.sm,
|
|
169
|
+
paddingVertical: tokens.spacing.xs,
|
|
170
|
+
borderRadius: tokens.borders.radius.sm,
|
|
171
|
+
});
|
|
172
|
+
export const getChipTextStyles = (tokens) => ({
|
|
173
|
+
...tokens.typography.bodySmall,
|
|
174
|
+
color: tokens.colors.primary,
|
|
175
|
+
marginRight: tokens.spacing.xs,
|
|
176
|
+
});
|
|
177
|
+
//# sourceMappingURL=pickerStyles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pickerStyles.js","sourceRoot":"","sources":["../../../../../src/presentation/atoms/picker/styles/pickerStyles.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { ViewStyle, TextStyle } from 'react-native';
|
|
2
|
+
import { AtomicIconColor } from '../../AtomicIcon';
|
|
3
|
+
/**
|
|
4
|
+
* Picker option item
|
|
5
|
+
*
|
|
6
|
+
* icon: Any MaterialIcons name
|
|
7
|
+
* @see https://fonts.google.com/icons
|
|
8
|
+
*/
|
|
9
|
+
export interface PickerOption {
|
|
10
|
+
label: string;
|
|
11
|
+
value: string;
|
|
12
|
+
icon?: string;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
description?: string;
|
|
15
|
+
testID?: string;
|
|
16
|
+
}
|
|
17
|
+
export type PickerSize = 'sm' | 'md' | 'lg';
|
|
18
|
+
export interface AtomicPickerProps {
|
|
19
|
+
value: string | string[];
|
|
20
|
+
onChange: (value: string | string[]) => void;
|
|
21
|
+
options: PickerOption[];
|
|
22
|
+
label?: string;
|
|
23
|
+
placeholder?: string;
|
|
24
|
+
error?: string;
|
|
25
|
+
disabled?: boolean;
|
|
26
|
+
multiple?: boolean;
|
|
27
|
+
searchable?: boolean;
|
|
28
|
+
clearable?: boolean;
|
|
29
|
+
autoClose?: boolean;
|
|
30
|
+
color?: AtomicIconColor;
|
|
31
|
+
size?: PickerSize;
|
|
32
|
+
modalTitle?: string;
|
|
33
|
+
emptyMessage?: string;
|
|
34
|
+
style?: ViewStyle | ViewStyle[];
|
|
35
|
+
labelStyle?: TextStyle | TextStyle[];
|
|
36
|
+
testID?: string;
|
|
37
|
+
}
|
|
38
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/atoms/picker/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD;;;;;GAKG;AACH,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAC7C,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IAChC,UAAU,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/presentation/atoms/picker/types/index.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { ViewStyle } from 'react-native';
|
|
2
|
+
import { FeedbackStrength } from '../types';
|
|
3
|
+
/**
|
|
4
|
+
* Get opacity value based on feedback strength
|
|
5
|
+
*/
|
|
6
|
+
export declare const getOpacityValue: (strength: FeedbackStrength) => number;
|
|
7
|
+
/**
|
|
8
|
+
* Get base touchable container style
|
|
9
|
+
* Ensures minimum touch target size (iOS HIG: 48x48)
|
|
10
|
+
*/
|
|
11
|
+
export declare const getTouchableContainerStyle: () => ViewStyle;
|
|
12
|
+
/**
|
|
13
|
+
* Get disabled touchable style
|
|
14
|
+
*/
|
|
15
|
+
export declare const getDisabledStyle: () => ViewStyle;
|
|
16
|
+
/**
|
|
17
|
+
* Get loading container style
|
|
18
|
+
* Centers the loading indicator
|
|
19
|
+
*/
|
|
20
|
+
export declare const getLoadingContainerStyle: () => ViewStyle;
|
|
21
|
+
/**
|
|
22
|
+
* Convert number to HitSlop object
|
|
23
|
+
* If hitSlop is a number, apply it to all sides
|
|
24
|
+
*/
|
|
25
|
+
export declare const normalizeHitSlop: (hitSlop: number | {
|
|
26
|
+
top?: number;
|
|
27
|
+
bottom?: number;
|
|
28
|
+
left?: number;
|
|
29
|
+
right?: number;
|
|
30
|
+
} | undefined) => {
|
|
31
|
+
top: number;
|
|
32
|
+
bottom: number;
|
|
33
|
+
left: number;
|
|
34
|
+
right: number;
|
|
35
|
+
} | undefined;
|
|
36
|
+
//# sourceMappingURL=touchableStyles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"touchableStyles.d.ts","sourceRoot":"","sources":["../../../../../src/presentation/atoms/touchable/styles/touchableStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE5C;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,UAAU,gBAAgB,KAAG,MAW5D,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,0BAA0B,QAAO,SAK5C,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,gBAAgB,QAAO,SAElC,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,wBAAwB,QAAO,SAG1C,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,gBAAgB,GAC3B,SAAS,MAAM,GAAG;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,KAC7F;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAAG,SAkBjE,CAAC"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Get opacity value based on feedback strength
|
|
3
|
+
*/
|
|
4
|
+
export const getOpacityValue = (strength) => {
|
|
5
|
+
switch (strength) {
|
|
6
|
+
case 'subtle':
|
|
7
|
+
return 0.8;
|
|
8
|
+
case 'normal':
|
|
9
|
+
return 0.6;
|
|
10
|
+
case 'strong':
|
|
11
|
+
return 0.4;
|
|
12
|
+
default:
|
|
13
|
+
return 0.6;
|
|
14
|
+
}
|
|
15
|
+
};
|
|
16
|
+
/**
|
|
17
|
+
* Get base touchable container style
|
|
18
|
+
* Ensures minimum touch target size (iOS HIG: 48x48)
|
|
19
|
+
*/
|
|
20
|
+
export const getTouchableContainerStyle = () => ({
|
|
21
|
+
minWidth: 48,
|
|
22
|
+
minHeight: 48,
|
|
23
|
+
justifyContent: 'center',
|
|
24
|
+
alignItems: 'center',
|
|
25
|
+
});
|
|
26
|
+
/**
|
|
27
|
+
* Get disabled touchable style
|
|
28
|
+
*/
|
|
29
|
+
export const getDisabledStyle = () => ({
|
|
30
|
+
opacity: 0.5,
|
|
31
|
+
});
|
|
32
|
+
/**
|
|
33
|
+
* Get loading container style
|
|
34
|
+
* Centers the loading indicator
|
|
35
|
+
*/
|
|
36
|
+
export const getLoadingContainerStyle = () => ({
|
|
37
|
+
justifyContent: 'center',
|
|
38
|
+
alignItems: 'center',
|
|
39
|
+
});
|
|
40
|
+
/**
|
|
41
|
+
* Convert number to HitSlop object
|
|
42
|
+
* If hitSlop is a number, apply it to all sides
|
|
43
|
+
*/
|
|
44
|
+
export const normalizeHitSlop = (hitSlop) => {
|
|
45
|
+
if (hitSlop === undefined)
|
|
46
|
+
return undefined;
|
|
47
|
+
if (typeof hitSlop === 'number') {
|
|
48
|
+
return {
|
|
49
|
+
top: hitSlop,
|
|
50
|
+
bottom: hitSlop,
|
|
51
|
+
left: hitSlop,
|
|
52
|
+
right: hitSlop,
|
|
53
|
+
};
|
|
54
|
+
}
|
|
55
|
+
return {
|
|
56
|
+
top: hitSlop.top || 0,
|
|
57
|
+
bottom: hitSlop.bottom || 0,
|
|
58
|
+
left: hitSlop.left || 0,
|
|
59
|
+
right: hitSlop.right || 0,
|
|
60
|
+
};
|
|
61
|
+
};
|
|
62
|
+
//# sourceMappingURL=touchableStyles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"touchableStyles.js","sourceRoot":"","sources":["../../../../../src/presentation/atoms/touchable/styles/touchableStyles.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,QAA0B,EAAU,EAAE;IACpE,QAAQ,QAAQ,EAAE,CAAC;QACjB,KAAK,QAAQ;YACX,OAAO,GAAG,CAAC;QACb,KAAK,QAAQ;YACX,OAAO,GAAG,CAAC;QACb,KAAK,QAAQ;YACX,OAAO,GAAG,CAAC;QACb;YACE,OAAO,GAAG,CAAC;IACf,CAAC;AACH,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAc,EAAE,CAAC,CAAC;IAC1D,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,EAAE;IACb,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAc,EAAE,CAAC,CAAC;IAChD,OAAO,EAAE,GAAG;CACb,CAAC,CAAC;AAEH;;;GAGG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAc,EAAE,CAAC,CAAC;IACxD,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AAEH;;;GAGG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,OAA8F,EACpB,EAAE;IAC5E,IAAI,OAAO,KAAK,SAAS;QAAE,OAAO,SAAS,CAAC;IAE5C,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE,CAAC;QAChC,OAAO;YACL,GAAG,EAAE,OAAO;YACZ,MAAM,EAAE,OAAO;YACf,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,OAAO;SACf,CAAC;IACJ,CAAC;IAED,OAAO;QACL,GAAG,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;QACrB,MAAM,EAAE,OAAO,CAAC,MAAM,IAAI,CAAC;QAC3B,IAAI,EAAE,OAAO,CAAC,IAAI,IAAI,CAAC;QACvB,KAAK,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;KAC1B,CAAC;AACJ,CAAC,CAAC"}
|