@adiraku/react-native-ui 1.2.9-canary-2 → 1.2.9-canary-3
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/commonjs/components/BottomTabBar/BottomTabBar.component.js +151 -0
- package/lib/commonjs/components/BottomTabBar/BottomTabBar.component.js.map +1 -0
- package/lib/commonjs/components/BottomTabBar/BottomTabBar.style.js +51 -0
- package/lib/commonjs/components/BottomTabBar/BottomTabBar.style.js.map +1 -0
- package/lib/commonjs/components/BottomTabBar/BottomTabBar.type.js +6 -0
- package/lib/commonjs/components/BottomTabBar/BottomTabBar.type.js.map +1 -0
- package/lib/commonjs/components/Chips/Chips.component.js +58 -0
- package/lib/commonjs/components/Chips/Chips.component.js.map +1 -0
- package/lib/commonjs/components/Chips/Chips.style.js +67 -0
- package/lib/commonjs/components/Chips/Chips.style.js.map +1 -0
- package/lib/commonjs/components/Chips/Chips.type.js +6 -0
- package/lib/commonjs/components/Chips/Chips.type.js.map +1 -0
- package/lib/commonjs/components/Loader/loader.component.js +112 -0
- package/lib/commonjs/components/Loader/loader.component.js.map +1 -0
- package/lib/commonjs/components/Loader/loader.style.js +13 -0
- package/lib/commonjs/components/Loader/loader.style.js.map +1 -0
- package/lib/commonjs/components/Loader/loader.type.js +2 -0
- package/lib/commonjs/components/Loader/loader.type.js.map +1 -0
- package/lib/commonjs/components/Notification/notification.component.js +49 -0
- package/lib/commonjs/components/Notification/notification.component.js.map +1 -0
- package/lib/commonjs/components/Notification/notification.style.js +14 -0
- package/lib/commonjs/components/Notification/notification.style.js.map +1 -0
- package/lib/commonjs/components/Notification/notification.type.js +6 -0
- package/lib/commonjs/components/Notification/notification.type.js.map +1 -0
- package/lib/commonjs/components/Snackbar/Snackbar.component.js +2 -0
- package/lib/commonjs/components/Snackbar/Snackbar.component.js.map +1 -1
- package/lib/commonjs/components/TextInput/TextInput.component.js +9 -7
- package/lib/commonjs/components/TextInput/TextInput.component.js.map +1 -1
- package/lib/commonjs/components/coachmark/coachmark.component.js +72 -10
- package/lib/commonjs/components/coachmark/coachmark.component.js.map +1 -1
- package/lib/commonjs/components/coachmark/coachmark.style.js +31 -34
- package/lib/commonjs/components/coachmark/coachmark.style.js.map +1 -1
- package/lib/commonjs/components/index.js +40 -0
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/commonjs/components/label/label.component.js +15 -4
- package/lib/commonjs/components/label/label.component.js.map +1 -1
- package/lib/commonjs/components/label/label.style.js +41 -3
- package/lib/commonjs/components/label/label.style.js.map +1 -1
- package/lib/commonjs/components/search-input/search-input.component.js +8 -4
- package/lib/commonjs/components/search-input/search-input.component.js.map +1 -1
- package/lib/commonjs/components/typography/typography.component.js.map +1 -1
- package/lib/commonjs/icons/actions/IconThreeDot.js +31 -0
- package/lib/commonjs/icons/actions/IconThreeDot.js.map +1 -0
- package/lib/commonjs/icons/index.js +31 -0
- package/lib/commonjs/icons/index.js.map +1 -1
- package/lib/commonjs/icons/navs/IconNavAdiraku.js +40 -22
- package/lib/commonjs/icons/navs/IconNavAdiraku.js.map +1 -1
- package/lib/commonjs/icons/navs/IconNavDocument.js +30 -6
- package/lib/commonjs/icons/navs/IconNavDocument.js.map +1 -1
- package/lib/commonjs/icons/navs/IconNavHome.js +27 -9
- package/lib/commonjs/icons/navs/IconNavHome.js.map +1 -1
- package/lib/commonjs/icons/navs/IconNavProfile.js +20 -5
- package/lib/commonjs/icons/navs/IconNavProfile.js.map +1 -1
- package/lib/commonjs/themes/border.js +11 -0
- package/lib/commonjs/themes/border.js.map +1 -0
- package/lib/commonjs/themes/index.js +11 -0
- package/lib/commonjs/themes/index.js.map +1 -1
- package/lib/module/components/BottomTabBar/BottomTabBar.component.js +143 -0
- package/lib/module/components/BottomTabBar/BottomTabBar.component.js.map +1 -0
- package/lib/module/components/BottomTabBar/BottomTabBar.style.js +44 -0
- package/lib/module/components/BottomTabBar/BottomTabBar.style.js.map +1 -0
- package/lib/module/components/BottomTabBar/BottomTabBar.type.js +2 -0
- package/lib/module/components/BottomTabBar/BottomTabBar.type.js.map +1 -0
- package/lib/module/components/Chips/Chips.component.js +45 -0
- package/lib/module/components/Chips/Chips.component.js.map +1 -0
- package/lib/module/components/Chips/Chips.style.js +60 -0
- package/lib/module/components/Chips/Chips.style.js.map +1 -0
- package/lib/module/components/Chips/Chips.type.js +2 -0
- package/lib/module/components/Chips/Chips.type.js.map +1 -0
- package/lib/module/components/Loader/loader.component.js +104 -0
- package/lib/module/components/Loader/loader.component.js.map +1 -0
- package/lib/module/components/Loader/loader.style.js +6 -0
- package/lib/module/components/Loader/loader.style.js.map +1 -0
- package/lib/module/components/Loader/loader.type.js +2 -0
- package/lib/module/components/Loader/loader.type.js.map +1 -0
- package/lib/module/components/Notification/notification.component.js +41 -0
- package/lib/module/components/Notification/notification.component.js.map +1 -0
- package/lib/module/components/Notification/notification.style.js +7 -0
- package/lib/module/components/Notification/notification.style.js.map +1 -0
- package/lib/module/components/Notification/notification.type.js +2 -0
- package/lib/module/components/Notification/notification.type.js.map +1 -0
- package/lib/module/components/Snackbar/Snackbar.component.js +1 -1
- package/lib/module/components/Snackbar/Snackbar.component.js.map +1 -1
- package/lib/module/components/TextInput/TextInput.component.js +9 -7
- package/lib/module/components/TextInput/TextInput.component.js.map +1 -1
- package/lib/module/components/coachmark/coachmark.component.js +69 -9
- package/lib/module/components/coachmark/coachmark.component.js.map +1 -1
- package/lib/module/components/coachmark/coachmark.style.js +31 -34
- package/lib/module/components/coachmark/coachmark.style.js.map +1 -1
- package/lib/module/components/index.js +6 -2
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/components/label/label.component.js +15 -5
- package/lib/module/components/label/label.component.js.map +1 -1
- package/lib/module/components/label/label.style.js +41 -3
- package/lib/module/components/label/label.style.js.map +1 -1
- package/lib/module/components/search-input/search-input.component.js +9 -5
- package/lib/module/components/search-input/search-input.component.js.map +1 -1
- package/lib/module/components/typography/typography.component.js.map +1 -1
- package/lib/module/icons/actions/IconThreeDot.js +22 -0
- package/lib/module/icons/actions/IconThreeDot.js.map +1 -0
- package/lib/module/icons/index.js +5 -4
- package/lib/module/icons/index.js.map +1 -1
- package/lib/module/icons/navs/IconNavAdiraku.js +39 -22
- package/lib/module/icons/navs/IconNavAdiraku.js.map +1 -1
- package/lib/module/icons/navs/IconNavDocument.js +28 -5
- package/lib/module/icons/navs/IconNavDocument.js.map +1 -1
- package/lib/module/icons/navs/IconNavHome.js +25 -8
- package/lib/module/icons/navs/IconNavHome.js.map +1 -1
- package/lib/module/icons/navs/IconNavProfile.js +18 -4
- package/lib/module/icons/navs/IconNavProfile.js.map +1 -1
- package/lib/module/themes/border.js +6 -0
- package/lib/module/themes/border.js.map +1 -0
- package/lib/module/themes/index.js +1 -0
- package/lib/module/themes/index.js.map +1 -1
- package/lib/typescript/components/BottomTabBar/BottomTabBar.component.d.ts +4 -0
- package/lib/typescript/components/BottomTabBar/BottomTabBar.component.d.ts.map +1 -0
- package/lib/typescript/components/BottomTabBar/BottomTabBar.style.d.ts +11 -0
- package/lib/typescript/components/BottomTabBar/BottomTabBar.style.d.ts.map +1 -0
- package/lib/typescript/components/BottomTabBar/BottomTabBar.type.d.ts +47 -0
- package/lib/typescript/components/BottomTabBar/BottomTabBar.type.d.ts.map +1 -0
- package/lib/typescript/components/Chips/Chips.component.d.ts +5 -0
- package/lib/typescript/components/Chips/Chips.component.d.ts.map +1 -0
- package/lib/typescript/components/Chips/Chips.style.d.ts +11 -0
- package/lib/typescript/components/Chips/Chips.style.d.ts.map +1 -0
- package/lib/typescript/components/Chips/Chips.type.d.ts +32 -0
- package/lib/typescript/components/Chips/Chips.type.d.ts.map +1 -0
- package/lib/typescript/components/Loader/loader.component.d.ts +5 -0
- package/lib/typescript/components/Loader/loader.component.d.ts.map +1 -0
- package/lib/typescript/components/Loader/loader.style.d.ts +5 -0
- package/lib/typescript/components/Loader/loader.style.d.ts.map +1 -0
- package/lib/typescript/components/Loader/loader.type.d.ts +8 -0
- package/lib/typescript/components/Loader/loader.type.d.ts.map +1 -0
- package/lib/typescript/components/Notification/notification.component.d.ts +5 -0
- package/lib/typescript/components/Notification/notification.component.d.ts.map +1 -0
- package/lib/typescript/components/Notification/notification.style.d.ts +6 -0
- package/lib/typescript/components/Notification/notification.style.d.ts.map +1 -0
- package/lib/typescript/components/Notification/notification.type.d.ts +21 -0
- package/lib/typescript/components/Notification/notification.type.d.ts.map +1 -0
- package/lib/typescript/components/Snackbar/Snackbar.component.d.ts +4 -2
- package/lib/typescript/components/Snackbar/Snackbar.component.d.ts.map +1 -1
- package/lib/typescript/components/Snackbar/Snackbar.type.d.ts +13 -0
- package/lib/typescript/components/Snackbar/Snackbar.type.d.ts.map +1 -1
- package/lib/typescript/components/TextInput/TextInput.component.d.ts.map +1 -1
- package/lib/typescript/components/TextInput/TextInput.type.d.ts +1 -6
- package/lib/typescript/components/TextInput/TextInput.type.d.ts.map +1 -1
- package/lib/typescript/components/calendars/calendars.component.d.ts +2 -2
- package/lib/typescript/components/calendars/calendars.component.d.ts.map +1 -1
- package/lib/typescript/components/calendars/month-picker-modal.component.d.ts +3 -3
- package/lib/typescript/components/calendars/month-picker-modal.component.d.ts.map +1 -1
- package/lib/typescript/components/coachmark/coachmark.component.d.ts +4 -3
- package/lib/typescript/components/coachmark/coachmark.component.d.ts.map +1 -1
- package/lib/typescript/components/coachmark/coachmark.style.d.ts +6 -3
- package/lib/typescript/components/coachmark/coachmark.style.d.ts.map +1 -1
- package/lib/typescript/components/coachmark/coachmark.type.d.ts +75 -9
- package/lib/typescript/components/coachmark/coachmark.type.d.ts.map +1 -1
- package/lib/typescript/components/index.d.ts +7 -2
- package/lib/typescript/components/index.d.ts.map +1 -1
- package/lib/typescript/components/label/label.component.d.ts.map +1 -1
- package/lib/typescript/components/label/label.style.d.ts +9 -1
- package/lib/typescript/components/label/label.style.d.ts.map +1 -1
- package/lib/typescript/components/label/label.type.d.ts +14 -3
- package/lib/typescript/components/label/label.type.d.ts.map +1 -1
- package/lib/typescript/components/search-input/search-input.component.d.ts +2 -2
- package/lib/typescript/components/search-input/search-input.component.d.ts.map +1 -1
- package/lib/typescript/components/search-input/search-input.type.d.ts +20 -1
- package/lib/typescript/components/search-input/search-input.type.d.ts.map +1 -1
- package/lib/typescript/components/selection-card/SelectionCard.component.d.ts +2 -2
- package/lib/typescript/components/selection-card/SelectionCard.component.d.ts.map +1 -1
- package/lib/typescript/components/textlink/textlink.type.d.ts +9 -0
- package/lib/typescript/components/textlink/textlink.type.d.ts.map +1 -1
- package/lib/typescript/components/typography/typography.component.d.ts +2 -2
- package/lib/typescript/components/typography/typography.component.d.ts.map +1 -1
- package/lib/typescript/icons/actions/IconAddMinus.d.ts +2 -2
- package/lib/typescript/icons/actions/IconAddMinus.d.ts.map +1 -1
- package/lib/typescript/icons/actions/IconAddPlus.d.ts +2 -2
- package/lib/typescript/icons/actions/IconAddPlus.d.ts.map +1 -1
- package/lib/typescript/icons/actions/IconAddRemove.d.ts +2 -2
- package/lib/typescript/icons/actions/IconAddRemove.d.ts.map +1 -1
- package/lib/typescript/icons/actions/IconAttach.d.ts +2 -2
- package/lib/typescript/icons/actions/IconAttach.d.ts.map +1 -1
- package/lib/typescript/icons/actions/IconBeliMobil.d.ts +3 -3
- package/lib/typescript/icons/actions/IconBeliMobil.d.ts.map +1 -1
- package/lib/typescript/icons/actions/IconCamera.d.ts +3 -3
- package/lib/typescript/icons/actions/IconCamera.d.ts.map +1 -1
- package/lib/typescript/icons/actions/IconChat.d.ts +3 -3
- package/lib/typescript/icons/actions/IconChat.d.ts.map +1 -1
- package/lib/typescript/icons/actions/IconCopy.d.ts +3 -3
- package/lib/typescript/icons/actions/IconCopy.d.ts.map +1 -1
- package/lib/typescript/icons/actions/IconCustomerService.d.ts +2 -2
- package/lib/typescript/icons/actions/IconCustomerService.d.ts.map +1 -1
- package/lib/typescript/icons/actions/IconDot.d.ts +3 -3
- package/lib/typescript/icons/actions/IconDot.d.ts.map +1 -1
- package/lib/typescript/icons/actions/IconDownload.d.ts +2 -2
- package/lib/typescript/icons/actions/IconDownload.d.ts.map +1 -1
- package/lib/typescript/icons/actions/IconEdit.d.ts +3 -3
- package/lib/typescript/icons/actions/IconEdit.d.ts.map +1 -1
- package/lib/typescript/icons/actions/IconEmail.d.ts +3 -3
- package/lib/typescript/icons/actions/IconEmail.d.ts.map +1 -1
- package/lib/typescript/icons/actions/IconFilter.d.ts +3 -3
- package/lib/typescript/icons/actions/IconFilter.d.ts.map +1 -1
- package/lib/typescript/icons/actions/IconGallery.d.ts +3 -3
- package/lib/typescript/icons/actions/IconGallery.d.ts.map +1 -1
- package/lib/typescript/icons/actions/IconHamburger.d.ts +2 -2
- package/lib/typescript/icons/actions/IconHamburger.d.ts.map +1 -1
- package/lib/typescript/icons/actions/IconHeartEmpty.d.ts +2 -2
- package/lib/typescript/icons/actions/IconHeartEmpty.d.ts.map +1 -1
- package/lib/typescript/icons/actions/IconHeartFilled.d.ts +2 -2
- package/lib/typescript/icons/actions/IconHeartFilled.d.ts.map +1 -1
- package/lib/typescript/icons/actions/IconHeartOutline.d.ts +2 -2
- package/lib/typescript/icons/actions/IconHeartOutline.d.ts.map +1 -1
- package/lib/typescript/icons/actions/IconHelp.d.ts +3 -3
- package/lib/typescript/icons/actions/IconHelp.d.ts.map +1 -1
- package/lib/typescript/icons/actions/IconInfo.d.ts +3 -3
- package/lib/typescript/icons/actions/IconInfo.d.ts.map +1 -1
- package/lib/typescript/icons/actions/IconJualMobil.d.ts +3 -3
- package/lib/typescript/icons/actions/IconJualMobil.d.ts.map +1 -1
- package/lib/typescript/icons/actions/IconLike.d.ts +3 -3
- package/lib/typescript/icons/actions/IconLike.d.ts.map +1 -1
- package/lib/typescript/icons/actions/IconMinus.d.ts +3 -3
- package/lib/typescript/icons/actions/IconMinus.d.ts.map +1 -1
- package/lib/typescript/icons/actions/IconNotification.d.ts +3 -3
- package/lib/typescript/icons/actions/IconNotification.d.ts.map +1 -1
- package/lib/typescript/icons/actions/IconOther.d.ts +3 -3
- package/lib/typescript/icons/actions/IconOther.d.ts.map +1 -1
- package/lib/typescript/icons/actions/IconPerson.d.ts +2 -2
- package/lib/typescript/icons/actions/IconPerson.d.ts.map +1 -1
- package/lib/typescript/icons/actions/IconPicture.d.ts +2 -2
- package/lib/typescript/icons/actions/IconPicture.d.ts.map +1 -1
- package/lib/typescript/icons/actions/IconPictureAdd.d.ts +2 -2
- package/lib/typescript/icons/actions/IconPictureAdd.d.ts.map +1 -1
- package/lib/typescript/icons/actions/IconReload.d.ts +2 -2
- package/lib/typescript/icons/actions/IconReload.d.ts.map +1 -1
- package/lib/typescript/icons/actions/IconRoundAdd.d.ts +3 -3
- package/lib/typescript/icons/actions/IconRoundAdd.d.ts.map +1 -1
- package/lib/typescript/icons/actions/IconRoundClose.d.ts +3 -3
- package/lib/typescript/icons/actions/IconRoundClose.d.ts.map +1 -1
- package/lib/typescript/icons/actions/IconSearch.d.ts +2 -2
- package/lib/typescript/icons/actions/IconSearch.d.ts.map +1 -1
- package/lib/typescript/icons/actions/IconSeeHide.d.ts +2 -2
- package/lib/typescript/icons/actions/IconSeeHide.d.ts.map +1 -1
- package/lib/typescript/icons/actions/IconSeeShow.d.ts +2 -2
- package/lib/typescript/icons/actions/IconSeeShow.d.ts.map +1 -1
- package/lib/typescript/icons/actions/IconSetting.d.ts +3 -3
- package/lib/typescript/icons/actions/IconSetting.d.ts.map +1 -1
- package/lib/typescript/icons/actions/IconShare.d.ts +3 -3
- package/lib/typescript/icons/actions/IconShare.d.ts.map +1 -1
- package/lib/typescript/icons/actions/IconShoppingBag.d.ts +3 -3
- package/lib/typescript/icons/actions/IconShoppingBag.d.ts.map +1 -1
- package/lib/typescript/icons/actions/IconShoppingCart.d.ts +3 -3
- package/lib/typescript/icons/actions/IconShoppingCart.d.ts.map +1 -1
- package/lib/typescript/icons/actions/IconSmartphone.d.ts +3 -3
- package/lib/typescript/icons/actions/IconSmartphone.d.ts.map +1 -1
- package/lib/typescript/icons/actions/IconSort.d.ts +2 -2
- package/lib/typescript/icons/actions/IconSort.d.ts.map +1 -1
- package/lib/typescript/icons/actions/IconSorting.d.ts +2 -2
- package/lib/typescript/icons/actions/IconSorting.d.ts.map +1 -1
- package/lib/typescript/icons/actions/IconStarFilled.d.ts +2 -2
- package/lib/typescript/icons/actions/IconStarFilled.d.ts.map +1 -1
- package/lib/typescript/icons/actions/IconStarOutline.d.ts +2 -2
- package/lib/typescript/icons/actions/IconStarOutline.d.ts.map +1 -1
- package/lib/typescript/icons/actions/IconThreeDot.d.ts +4 -0
- package/lib/typescript/icons/actions/IconThreeDot.d.ts.map +1 -0
- package/lib/typescript/icons/actions/IconTrash.d.ts +3 -3
- package/lib/typescript/icons/actions/IconTrash.d.ts.map +1 -1
- package/lib/typescript/icons/actions/IconUpload.d.ts +2 -2
- package/lib/typescript/icons/actions/IconUpload.d.ts.map +1 -1
- package/lib/typescript/icons/actions/IconUser.d.ts +3 -3
- package/lib/typescript/icons/actions/IconUser.d.ts.map +1 -1
- package/lib/typescript/icons/actions/IconVideo.d.ts +3 -3
- package/lib/typescript/icons/actions/IconVideo.d.ts.map +1 -1
- package/lib/typescript/icons/index.d.ts +5 -4
- package/lib/typescript/icons/index.d.ts.map +1 -1
- package/lib/typescript/icons/misc/IconCalendar.d.ts +2 -2
- package/lib/typescript/icons/misc/IconCalendar.d.ts.map +1 -1
- package/lib/typescript/icons/misc/IconCash.d.ts +2 -2
- package/lib/typescript/icons/misc/IconCash.d.ts.map +1 -1
- package/lib/typescript/icons/misc/IconCategory.d.ts +2 -2
- package/lib/typescript/icons/misc/IconCategory.d.ts.map +1 -1
- package/lib/typescript/icons/misc/IconContract.d.ts +2 -2
- package/lib/typescript/icons/misc/IconContract.d.ts.map +1 -1
- package/lib/typescript/icons/misc/IconCreditCard.d.ts +2 -2
- package/lib/typescript/icons/misc/IconCreditCard.d.ts.map +1 -1
- package/lib/typescript/icons/misc/IconFlash.d.ts +2 -2
- package/lib/typescript/icons/misc/IconFlash.d.ts.map +1 -1
- package/lib/typescript/icons/misc/IconGroup.d.ts +2 -2
- package/lib/typescript/icons/misc/IconGroup.d.ts.map +1 -1
- package/lib/typescript/icons/misc/IconHistory.d.ts +2 -2
- package/lib/typescript/icons/misc/IconHistory.d.ts.map +1 -1
- package/lib/typescript/icons/misc/IconLocation.d.ts +2 -2
- package/lib/typescript/icons/misc/IconLocation.d.ts.map +1 -1
- package/lib/typescript/icons/misc/IconLock.d.ts +2 -2
- package/lib/typescript/icons/misc/IconLock.d.ts.map +1 -1
- package/lib/typescript/icons/misc/IconMoney.d.ts +2 -2
- package/lib/typescript/icons/misc/IconMoney.d.ts.map +1 -1
- package/lib/typescript/icons/misc/IconMyLocation.d.ts +2 -2
- package/lib/typescript/icons/misc/IconMyLocation.d.ts.map +1 -1
- package/lib/typescript/icons/misc/IconOfficial.d.ts +2 -2
- package/lib/typescript/icons/misc/IconOfficial.d.ts.map +1 -1
- package/lib/typescript/icons/misc/IconPromo.d.ts +2 -2
- package/lib/typescript/icons/misc/IconPromo.d.ts.map +1 -1
- package/lib/typescript/icons/misc/IconProtection.d.ts +2 -2
- package/lib/typescript/icons/misc/IconProtection.d.ts.map +1 -1
- package/lib/typescript/icons/misc/IconStore.d.ts +2 -2
- package/lib/typescript/icons/misc/IconStore.d.ts.map +1 -1
- package/lib/typescript/icons/misc/IconTick.d.ts +2 -2
- package/lib/typescript/icons/misc/IconTick.d.ts.map +1 -1
- package/lib/typescript/icons/misc/IconTicket.d.ts +2 -2
- package/lib/typescript/icons/misc/IconTicket.d.ts.map +1 -1
- package/lib/typescript/icons/misc/IconTime.d.ts +2 -2
- package/lib/typescript/icons/misc/IconTime.d.ts.map +1 -1
- package/lib/typescript/icons/misc/IconVoucher.d.ts +2 -2
- package/lib/typescript/icons/misc/IconVoucher.d.ts.map +1 -1
- package/lib/typescript/icons/navigations/IconArrowDiagonal.d.ts +2 -2
- package/lib/typescript/icons/navigations/IconArrowDiagonal.d.ts.map +1 -1
- package/lib/typescript/icons/navigations/IconArrowDown.d.ts +2 -2
- package/lib/typescript/icons/navigations/IconArrowDown.d.ts.map +1 -1
- package/lib/typescript/icons/navigations/IconArrowLeft.d.ts +2 -2
- package/lib/typescript/icons/navigations/IconArrowLeft.d.ts.map +1 -1
- package/lib/typescript/icons/navigations/IconArrowRight.d.ts +2 -2
- package/lib/typescript/icons/navigations/IconArrowRight.d.ts.map +1 -1
- package/lib/typescript/icons/navigations/IconArrowUp.d.ts +2 -2
- package/lib/typescript/icons/navigations/IconArrowUp.d.ts.map +1 -1
- package/lib/typescript/icons/navigations/IconChevronDown.d.ts +2 -2
- package/lib/typescript/icons/navigations/IconChevronDown.d.ts.map +1 -1
- package/lib/typescript/icons/navigations/IconChevronLeft.d.ts +2 -2
- package/lib/typescript/icons/navigations/IconChevronLeft.d.ts.map +1 -1
- package/lib/typescript/icons/navigations/IconChevronRight.d.ts +2 -2
- package/lib/typescript/icons/navigations/IconChevronRight.d.ts.map +1 -1
- package/lib/typescript/icons/navigations/IconChevronUp.d.ts +2 -2
- package/lib/typescript/icons/navigations/IconChevronUp.d.ts.map +1 -1
- package/lib/typescript/icons/navigations/IconClose.d.ts +2 -2
- package/lib/typescript/icons/navigations/IconClose.d.ts.map +1 -1
- package/lib/typescript/icons/navs/IconNavAdiraku.d.ts +6 -3
- package/lib/typescript/icons/navs/IconNavAdiraku.d.ts.map +1 -1
- package/lib/typescript/icons/navs/IconNavDocument.d.ts +6 -3
- package/lib/typescript/icons/navs/IconNavDocument.d.ts.map +1 -1
- package/lib/typescript/icons/navs/IconNavHome.d.ts +3 -2
- package/lib/typescript/icons/navs/IconNavHome.d.ts.map +1 -1
- package/lib/typescript/icons/navs/IconNavPhone.d.ts +2 -2
- package/lib/typescript/icons/navs/IconNavPhone.d.ts.map +1 -1
- package/lib/typescript/icons/navs/IconNavProfile.d.ts +3 -2
- package/lib/typescript/icons/navs/IconNavProfile.d.ts.map +1 -1
- package/lib/typescript/icons/vehicles/IconBikeCaferacer.d.ts +2 -2
- package/lib/typescript/icons/vehicles/IconBikeCaferacer.d.ts.map +1 -1
- package/lib/typescript/icons/vehicles/IconBikeCooper.d.ts +2 -2
- package/lib/typescript/icons/vehicles/IconBikeCooper.d.ts.map +1 -1
- package/lib/typescript/icons/vehicles/IconBikeCruiser.d.ts +2 -2
- package/lib/typescript/icons/vehicles/IconBikeCruiser.d.ts.map +1 -1
- package/lib/typescript/icons/vehicles/IconBikeDualsport.d.ts +2 -2
- package/lib/typescript/icons/vehicles/IconBikeDualsport.d.ts.map +1 -1
- package/lib/typescript/icons/vehicles/IconBikeMopad.d.ts +2 -2
- package/lib/typescript/icons/vehicles/IconBikeMopad.d.ts.map +1 -1
- package/lib/typescript/icons/vehicles/IconBikeRoadster.d.ts +2 -2
- package/lib/typescript/icons/vehicles/IconBikeRoadster.d.ts.map +1 -1
- package/lib/typescript/icons/vehicles/IconBikeScooter.d.ts +2 -2
- package/lib/typescript/icons/vehicles/IconBikeScooter.d.ts.map +1 -1
- package/lib/typescript/icons/vehicles/IconBikeScrambler.d.ts +2 -2
- package/lib/typescript/icons/vehicles/IconBikeScrambler.d.ts.map +1 -1
- package/lib/typescript/icons/vehicles/IconBikeSportbike.d.ts +2 -2
- package/lib/typescript/icons/vehicles/IconBikeSportbike.d.ts.map +1 -1
- package/lib/typescript/icons/vehicles/IconBikeSportstouring.d.ts +2 -2
- package/lib/typescript/icons/vehicles/IconBikeSportstouring.d.ts.map +1 -1
- package/lib/typescript/icons/vehicles/IconBikeTouring.d.ts +2 -2
- package/lib/typescript/icons/vehicles/IconBikeTouring.d.ts.map +1 -1
- package/lib/typescript/icons/vehicles/IconBikeTrialbike.d.ts +2 -2
- package/lib/typescript/icons/vehicles/IconBikeTrialbike.d.ts.map +1 -1
- package/lib/typescript/icons/vehicles/IconCarHatchback.d.ts +2 -2
- package/lib/typescript/icons/vehicles/IconCarHatchback.d.ts.map +1 -1
- package/lib/typescript/icons/vehicles/IconCarJeep.d.ts +2 -2
- package/lib/typescript/icons/vehicles/IconCarJeep.d.ts.map +1 -1
- package/lib/typescript/icons/vehicles/IconCarMiniTruck.d.ts +2 -2
- package/lib/typescript/icons/vehicles/IconCarMiniTruck.d.ts.map +1 -1
- package/lib/typescript/icons/vehicles/IconCarMinivan.d.ts +2 -2
- package/lib/typescript/icons/vehicles/IconCarMinivan.d.ts.map +1 -1
- package/lib/typescript/icons/vehicles/IconCarMuv.d.ts +2 -2
- package/lib/typescript/icons/vehicles/IconCarMuv.d.ts.map +1 -1
- package/lib/typescript/icons/vehicles/IconCarPickup.d.ts +2 -2
- package/lib/typescript/icons/vehicles/IconCarPickup.d.ts.map +1 -1
- package/lib/typescript/icons/vehicles/IconCarSportCar.d.ts +2 -2
- package/lib/typescript/icons/vehicles/IconCarSportCar.d.ts.map +1 -1
- package/lib/typescript/icons/vehicles/IconCarSuperCar.d.ts +2 -2
- package/lib/typescript/icons/vehicles/IconCarSuperCar.d.ts.map +1 -1
- package/lib/typescript/icons/vehicles/IconCarSuv.d.ts +2 -2
- package/lib/typescript/icons/vehicles/IconCarSuv.d.ts.map +1 -1
- package/lib/typescript/icons/vehicles/IconCarVan.d.ts +2 -2
- package/lib/typescript/icons/vehicles/IconCarVan.d.ts.map +1 -1
- package/lib/typescript/icons/vehicles/IconCarWagon.d.ts +2 -2
- package/lib/typescript/icons/vehicles/IconCarWagon.d.ts.map +1 -1
- package/lib/typescript/icons/vehicles/IconMinus.d.ts +3 -3
- package/lib/typescript/icons/vehicles/IconMinus.d.ts.map +1 -1
- package/lib/typescript/themes/border.d.ts +6 -0
- package/lib/typescript/themes/border.d.ts.map +1 -0
- package/lib/typescript/themes/index.d.ts +1 -0
- package/lib/typescript/themes/index.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/components/BottomTabBar/BottomTabBar.component.tsx +169 -0
- package/src/components/BottomTabBar/BottomTabBar.style.tsx +59 -0
- package/src/components/BottomTabBar/BottomTabBar.type.tsx +59 -0
- package/src/components/Chips/Chips.component.tsx +58 -0
- package/src/components/Chips/Chips.style.tsx +77 -0
- package/src/components/Chips/Chips.type.ts +32 -0
- package/src/components/Loader/loader.component.tsx +125 -0
- package/src/components/Loader/loader.style.tsx +9 -0
- package/src/components/Loader/loader.type.ts +7 -0
- package/src/components/Notification/notification.component.tsx +53 -0
- package/src/components/Notification/notification.style.tsx +13 -0
- package/src/components/Notification/notification.type.ts +23 -0
- package/src/components/Snackbar/Snackbar.component.tsx +1 -1
- package/src/components/Snackbar/Snackbar.type.ts +13 -0
- package/src/components/TextInput/TextInput.component.tsx +9 -7
- package/src/components/TextInput/TextInput.type.ts +1 -7
- package/src/components/coachmark/coachmark.component.tsx +81 -9
- package/src/components/coachmark/coachmark.style.tsx +44 -45
- package/src/components/coachmark/coachmark.type.ts +89 -9
- package/src/components/index.ts +7 -2
- package/src/components/label/label.component.tsx +23 -5
- package/src/components/label/label.style.tsx +64 -3
- package/src/components/label/label.type.ts +15 -3
- package/src/components/search-input/search-input.component.tsx +10 -3
- package/src/components/search-input/search-input.type.ts +24 -1
- package/src/components/textlink/textlink.type.ts +9 -0
- package/src/components/typography/typography.component.tsx +1 -1
- package/src/icons/actions/IconThreeDot.tsx +28 -0
- package/src/icons/index.ts +5 -4
- package/src/icons/navs/IconNavAdiraku.tsx +53 -21
- package/src/icons/navs/IconNavDocument.tsx +30 -6
- package/src/icons/navs/IconNavHome.tsx +28 -5
- package/src/icons/navs/IconNavProfile.tsx +19 -4
- package/src/themes/border.ts +5 -0
- package/src/themes/index.ts +1 -0
|
@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.Snackbar = void 0;
|
|
7
7
|
exports.SnackbarComponent = SnackbarComponent;
|
|
8
|
+
exports.SnackbarUI = void 0;
|
|
8
9
|
var React = _interopRequireWildcard(require("react"));
|
|
9
10
|
var _reactNative = require("react-native");
|
|
10
11
|
var _reactNativeToastMessage = _interopRequireDefault(require("react-native-toast-message"));
|
|
@@ -31,6 +32,7 @@ const SnackbarUI = props => {
|
|
|
31
32
|
style: [computedStyle.actionWrapper]
|
|
32
33
|
}, action));
|
|
33
34
|
};
|
|
35
|
+
exports.SnackbarUI = SnackbarUI;
|
|
34
36
|
function SnackbarComponent(props) {
|
|
35
37
|
const computedStyle = (0, _Snakbar.getStyle)();
|
|
36
38
|
return /*#__PURE__*/React.createElement(_reactNativeToastMessage.default, _extends({}, props, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeToastMessage","_interopRequireDefault","_typography","_Snakbar","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","SnackbarUI","props","message","action","containerStyle","computedStyle","getStyle","createElement","View","style","container","Typography","variant","numberOfLines","actionWrapper","SnackbarComponent","config","aleph_toast","toastProps","snackbarWrapper","type","position","Snackbar","
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeToastMessage","_interopRequireDefault","_typography","_Snakbar","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","SnackbarUI","props","message","action","containerStyle","computedStyle","getStyle","createElement","View","style","container","Typography","variant","numberOfLines","actionWrapper","exports","SnackbarComponent","config","aleph_toast","toastProps","snackbarWrapper","type","position","Snackbar","show","params","RNToast","hide"],"sourceRoot":"../../../../src","sources":["components/Snackbar/Snackbar.component.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -33,7 +33,6 @@ const TextInput = props => {
|
|
|
33
33
|
calendarProps,
|
|
34
34
|
onChangeText,
|
|
35
35
|
onChangeDate,
|
|
36
|
-
dateValueFormatOptions,
|
|
37
36
|
...rest
|
|
38
37
|
} = props;
|
|
39
38
|
const [labelWidth, setLabelWidth] = React.useState(0);
|
|
@@ -82,9 +81,10 @@ const TextInput = props => {
|
|
|
82
81
|
};
|
|
83
82
|
const computedValue = React.useMemo(() => {
|
|
84
83
|
if (inputType === 'date' && typeof value === 'object') {
|
|
85
|
-
const options =
|
|
86
|
-
|
|
87
|
-
|
|
84
|
+
const options = {
|
|
85
|
+
weekday: 'long',
|
|
86
|
+
day: '2-digit',
|
|
87
|
+
month: 'short',
|
|
88
88
|
year: 'numeric'
|
|
89
89
|
};
|
|
90
90
|
const formattedDate = new Intl.DateTimeFormat('id-ID', options).format(value);
|
|
@@ -106,9 +106,11 @@ const TextInput = props => {
|
|
|
106
106
|
if (typeof masked === 'string') {
|
|
107
107
|
// parse it into date object
|
|
108
108
|
const maskedDateObj = new Date(masked);
|
|
109
|
-
if (
|
|
110
|
-
|
|
111
|
-
|
|
109
|
+
if (!isNaN(maskedDateObj.getTime())) {
|
|
110
|
+
onChangeDate === null || onChangeDate === void 0 || onChangeDate(maskedDateObj);
|
|
111
|
+
} else {
|
|
112
|
+
onChangeDate === null || onChangeDate === void 0 || onChangeDate(undefined);
|
|
113
|
+
}
|
|
112
114
|
}
|
|
113
115
|
} else {
|
|
114
116
|
onChangeText === null || onChangeText === void 0 || onChangeText(masked, unmasked, obfuscated);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeMaskInput","_interopRequireDefault","_TextInput","_typography","_calendars","_themes","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","TextInput","props","value","label","onBlur","onFocus","errorMessage","helperMessage","helperMessageProps","isError","counter","inputIcon","onTouchStart","showSoftInputOnFocus","inputType","calendarProps","onChangeText","onChangeDate","
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeMaskInput","_interopRequireDefault","_TextInput","_typography","_calendars","_themes","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","TextInput","props","value","label","onBlur","onFocus","errorMessage","helperMessage","helperMessageProps","isError","counter","inputIcon","onTouchStart","showSoftInputOnFocus","inputType","calendarProps","onChangeText","onChangeDate","rest","labelWidth","setLabelWidth","useState","focused","setFocused","isModalDateVisible","setIsModalDateVisible","computedStyle","getStyle","animation","useRef","Animated","Value","scale","current","interpolate","inputRange","outputRange","translateY","translateX","animate","toValue","spring","useNativeDriver","start","useEffect","handleOnFocus","event","handleOnBlur","getLabelWidth","width","nativeEvent","layout","computedValue","useMemo","options","weekday","day","month","year","formattedDate","Intl","DateTimeFormat","format","replace","letter","toUpperCase","handleOnTouchStart","handleOnchangeText","masked","unmasked","obfuscated","maskedDateObj","Date","isNaN","getTime","undefined","createElement","Fragment","View","style","fieldWrapper","fieldContainer","labelContainer","transform","onLayout","pointerEvents","Typography","variant","inputWrapper","textField","placeholderTextColor","Palettes","black","messageHelper","Calendars","isVisible","onDateSave","date","onDismiss","exports"],"sourceRoot":"../../../../src","sources":["components/TextInput/TextInput.component.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,35 +3,97 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.Coachmark =
|
|
6
|
+
exports.Coachmark = Coachmark;
|
|
7
|
+
exports.circleSvgPath = void 0;
|
|
7
8
|
var _react = _interopRequireDefault(require("react"));
|
|
8
9
|
var _reactNative = require("react-native");
|
|
9
|
-
var _typography = require("../typography/typography.component");
|
|
10
10
|
var _coachmark = require("./coachmark.style");
|
|
11
|
+
var _themes = require("../../themes");
|
|
12
|
+
var _button = require("../button/button.component");
|
|
13
|
+
var _sliderIndicator = require("../slider-indicator/slider-indicator.component");
|
|
14
|
+
var _typography = require("../typography/typography.component");
|
|
11
15
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
-
|
|
16
|
+
function Coachmark(props) {
|
|
13
17
|
const {
|
|
14
18
|
title = '',
|
|
15
19
|
description = '',
|
|
16
20
|
titleStyles,
|
|
17
|
-
descriptionStyles
|
|
21
|
+
descriptionStyles,
|
|
22
|
+
totalStep = 0,
|
|
23
|
+
currentStepNumber = 0,
|
|
24
|
+
closeButtonLabel = 'Tutup',
|
|
25
|
+
lastButtonLabel = 'Ok, mengerti',
|
|
26
|
+
nextButtonLabel = 'Berikutnya',
|
|
27
|
+
horizontalPointerAnchor = 'left',
|
|
28
|
+
horizontalPointerPosition = 30
|
|
18
29
|
} = props;
|
|
19
30
|
const computedStyle = (0, _coachmark.getStyle)(props);
|
|
31
|
+
const isLastStep = currentStepNumber >= totalStep;
|
|
32
|
+
const pointerPosition = {};
|
|
33
|
+
if (horizontalPointerAnchor === 'left') {
|
|
34
|
+
pointerPosition.left = horizontalPointerPosition;
|
|
35
|
+
} else {
|
|
36
|
+
pointerPosition.right = horizontalPointerPosition;
|
|
37
|
+
}
|
|
20
38
|
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
21
39
|
style: [computedStyle.container]
|
|
22
40
|
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
23
|
-
style: [computedStyle.
|
|
41
|
+
style: [computedStyle.pointerIndicatorContainer, pointerPosition]
|
|
42
|
+
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
43
|
+
style: computedStyle.pointerIndicatorCircle
|
|
24
44
|
}), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
45
|
+
style: computedStyle.pointerIndicatorLine
|
|
46
|
+
})), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
25
47
|
style: [computedStyle.headerContainer]
|
|
26
48
|
}, /*#__PURE__*/_react.default.createElement(_typography.Typography, {
|
|
27
49
|
variant: "subtitle1",
|
|
28
50
|
style: [computedStyle.title, titleStyles]
|
|
29
|
-
}, title), /*#__PURE__*/_react.default.createElement(
|
|
30
|
-
variant: "caption"
|
|
31
|
-
}, "Back"))), /*#__PURE__*/_react.default.createElement(_typography.Typography, {
|
|
51
|
+
}, title)), /*#__PURE__*/_react.default.createElement(_typography.Typography, {
|
|
32
52
|
variant: "caption",
|
|
33
53
|
style: [descriptionStyles]
|
|
34
|
-
}, description)
|
|
54
|
+
}, description), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
55
|
+
style: computedStyle.stepContainer
|
|
56
|
+
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
57
|
+
style: {
|
|
58
|
+
flex: 1
|
|
59
|
+
}
|
|
60
|
+
}, totalStep > 1 && /*#__PURE__*/_react.default.createElement(_sliderIndicator.SliderIndicator, {
|
|
61
|
+
sliderCount: totalStep,
|
|
62
|
+
activeItem: currentStepNumber - 1
|
|
63
|
+
})), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
64
|
+
style: computedStyle.stepActionWrapper
|
|
65
|
+
}, !isLastStep ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_button.Button, {
|
|
66
|
+
variant: "tertiary",
|
|
67
|
+
label: closeButtonLabel
|
|
68
|
+
}), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
69
|
+
style: {
|
|
70
|
+
width: _themes.Spacing[8]
|
|
71
|
+
}
|
|
72
|
+
}), /*#__PURE__*/_react.default.createElement(_button.Button, {
|
|
73
|
+
label: nextButtonLabel
|
|
74
|
+
})) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_button.Button, {
|
|
75
|
+
variant: "tertiary",
|
|
76
|
+
label: lastButtonLabel
|
|
77
|
+
})))));
|
|
78
|
+
}
|
|
79
|
+
const circleSvgPath = props => {
|
|
80
|
+
const {
|
|
81
|
+
position,
|
|
82
|
+
canvasSize,
|
|
83
|
+
size
|
|
84
|
+
} = props;
|
|
85
|
+
const radius = _themes.Spacing[8];
|
|
86
|
+
return `M0,0H${canvasSize.x}V${canvasSize.y}H0V0ZM${position.x._value + radius},${position.y._value}
|
|
87
|
+
H${position.x._value + size.x._value - radius}
|
|
88
|
+
A${radius},${radius} 0 0 1 ${position.x._value + size.x._value},${position.y._value + radius}
|
|
89
|
+
V${position.y._value + size.y._value - radius}
|
|
90
|
+
A${radius},${radius} 0 0 1 ${position.x._value + size.x._value - radius},${position.y._value + size.y._value}
|
|
91
|
+
H${position.x._value + radius}
|
|
92
|
+
A${radius},${radius} 0 0 1 ${position.x._value},${position.y._value + size.y._value - radius}
|
|
93
|
+
V${position.y._value + radius}
|
|
94
|
+
A${radius},${radius} 0 0 1 ${position.x._value + radius},${position.y._value}
|
|
95
|
+
Z
|
|
96
|
+
;`;
|
|
35
97
|
};
|
|
36
|
-
exports.
|
|
98
|
+
exports.circleSvgPath = circleSvgPath;
|
|
37
99
|
//# sourceMappingURL=coachmark.component.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_coachmark","_themes","_button","_sliderIndicator","_typography","e","__esModule","default","Coachmark","props","title","description","titleStyles","descriptionStyles","totalStep","currentStepNumber","closeButtonLabel","lastButtonLabel","nextButtonLabel","horizontalPointerAnchor","horizontalPointerPosition","computedStyle","getStyle","isLastStep","pointerPosition","left","right","createElement","View","style","container","pointerIndicatorContainer","pointerIndicatorCircle","pointerIndicatorLine","headerContainer","Typography","variant","stepContainer","flex","SliderIndicator","sliderCount","activeItem","stepActionWrapper","Fragment","Button","label","width","Spacing","circleSvgPath","position","canvasSize","size","radius","x","y","_value","exports"],"sourceRoot":"../../../../src","sources":["components/coachmark/coachmark.component.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -7,22 +7,7 @@ exports.getStyle = void 0;
|
|
|
7
7
|
var _reactNative = require("react-native");
|
|
8
8
|
var _themes = require("../../themes");
|
|
9
9
|
const getStyle = props => {
|
|
10
|
-
const {
|
|
11
|
-
arrowPosition = 'top',
|
|
12
|
-
anchorArrowTo = 'left',
|
|
13
|
-
arrowFromCorner = 16
|
|
14
|
-
} = props;
|
|
15
|
-
const isArrowTop = arrowPosition === 'top';
|
|
16
|
-
const getArrowPosition = arrowPosition === 'top' ? {
|
|
17
|
-
top: -8
|
|
18
|
-
} : {
|
|
19
|
-
bottom: -8
|
|
20
|
-
};
|
|
21
|
-
const getAnchorArrowPosition = anchorArrowTo === 'left' ? {
|
|
22
|
-
left: arrowFromCorner
|
|
23
|
-
} : {
|
|
24
|
-
right: arrowFromCorner
|
|
25
|
-
};
|
|
10
|
+
const {} = props;
|
|
26
11
|
const computedStyle = {};
|
|
27
12
|
computedStyle.container = {
|
|
28
13
|
padding: _themes.Spacing[16],
|
|
@@ -38,25 +23,37 @@ const getStyle = props => {
|
|
|
38
23
|
flex: 1,
|
|
39
24
|
marginRight: _themes.Spacing[16]
|
|
40
25
|
};
|
|
41
|
-
computedStyle.
|
|
26
|
+
computedStyle.stepContainer = {
|
|
27
|
+
marginTop: _themes.Spacing[16],
|
|
28
|
+
flexDirection: 'row',
|
|
29
|
+
justifyContent: 'space-between',
|
|
30
|
+
alignItems: 'center'
|
|
31
|
+
};
|
|
32
|
+
computedStyle.stepActionWrapper = {
|
|
33
|
+
flexDirection: 'row'
|
|
34
|
+
};
|
|
35
|
+
computedStyle.pointerIndicatorContainer = {
|
|
36
|
+
alignItems: 'center',
|
|
37
|
+
justifyContent: 'center',
|
|
42
38
|
position: 'absolute',
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
39
|
+
top: -28,
|
|
40
|
+
left: 0,
|
|
41
|
+
height: 28,
|
|
42
|
+
width: 12,
|
|
43
|
+
zIndex: 999
|
|
44
|
+
};
|
|
45
|
+
computedStyle.pointerIndicatorCircle = {
|
|
46
|
+
width: 12,
|
|
47
|
+
height: 12,
|
|
48
|
+
backgroundColor: _themes.Palettes.white[50],
|
|
49
|
+
borderWidth: 2,
|
|
50
|
+
borderRadius: _themes.Radius.full,
|
|
51
|
+
borderColor: _themes.Palettes.blue[500]
|
|
52
|
+
};
|
|
53
|
+
computedStyle.pointerIndicatorLine = {
|
|
54
|
+
height: 16,
|
|
55
|
+
width: 2,
|
|
56
|
+
backgroundColor: _themes.Palettes.white[50]
|
|
60
57
|
};
|
|
61
58
|
return _reactNative.StyleSheet.create(computedStyle);
|
|
62
59
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_themes","getStyle","props","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_themes","getStyle","props","computedStyle","container","padding","Spacing","backgroundColor","Palettes","white","borderRadius","Radius","width","Shadow","headerContainer","flexDirection","title","flex","marginRight","stepContainer","marginTop","justifyContent","alignItems","stepActionWrapper","pointerIndicatorContainer","position","top","left","height","zIndex","pointerIndicatorCircle","borderWidth","full","borderColor","blue","pointerIndicatorLine","StyleSheet","create","exports"],"sourceRoot":"../../../../src","sources":["components/coachmark/coachmark.style.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAIA,IAAAC,OAAA,GAAAD,OAAA;AAcO,MAAME,QAAQ,GAAIC,KAAqB,IAAK;EACjD,MAAM,CAAC,CAAC,GAAGA,KAAK;EAEhB,MAAMC,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,SAAS,GAAG;IACxBC,OAAO,EAAEC,eAAO,CAAC,EAAE,CAAC;IACpBC,eAAe,EAAEC,gBAAQ,CAACC,KAAK,CAAC,EAAE,CAAC;IACnCC,YAAY,EAAEC,cAAM,CAAC,CAAC,CAAC;IACvBC,KAAK,EAAE,MAAM;IACb,GAAGC,cAAM,CAAC,oBAAoB;EAChC,CAAC;EAEDV,aAAa,CAACW,eAAe,GAAG;IAC9BC,aAAa,EAAE;EACjB,CAAC;EAEDZ,aAAa,CAACa,KAAK,GAAG;IACpBC,IAAI,EAAE,CAAC;IACPC,WAAW,EAAEZ,eAAO,CAAC,EAAE;EACzB,CAAC;EAEDH,aAAa,CAACgB,aAAa,GAAG;IAC5BC,SAAS,EAAEd,eAAO,CAAC,EAAE,CAAC;IACtBS,aAAa,EAAE,KAAK;IACpBM,cAAc,EAAE,eAAe;IAC/BC,UAAU,EAAE;EACd,CAAC;EAEDnB,aAAa,CAACoB,iBAAiB,GAAG;IAChCR,aAAa,EAAE;EACjB,CAAC;EAEDZ,aAAa,CAACqB,yBAAyB,GAAG;IACxCF,UAAU,EAAE,QAAQ;IACpBD,cAAc,EAAE,QAAQ;IACxBI,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC,EAAE;IACRC,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE,EAAE;IACVhB,KAAK,EAAE,EAAE;IACTiB,MAAM,EAAE;EACV,CAAC;EAED1B,aAAa,CAAC2B,sBAAsB,GAAG;IACrClB,KAAK,EAAE,EAAE;IACTgB,MAAM,EAAE,EAAE;IACVrB,eAAe,EAAEC,gBAAQ,CAACC,KAAK,CAAC,EAAE,CAAC;IACnCsB,WAAW,EAAE,CAAC;IACdrB,YAAY,EAAEC,cAAM,CAACqB,IAAI;IACzBC,WAAW,EAAEzB,gBAAQ,CAAC0B,IAAI,CAAC,GAAG;EAChC,CAAC;EAED/B,aAAa,CAACgC,oBAAoB,GAAG;IACnCP,MAAM,EAAE,EAAE;IACVhB,KAAK,EAAE,CAAC;IACRL,eAAe,EAAEC,gBAAQ,CAACC,KAAK,CAAC,EAAE;EACpC,CAAC;EAED,OAAO2B,uBAAU,CAACC,MAAM,CAAClC,aAAa,CAAC;AACzC,CAAC;AAACmC,OAAA,CAAArC,QAAA,GAAAA,QAAA","ignoreList":[]}
|
|
@@ -33,6 +33,12 @@ Object.defineProperty(exports, "BottomSheetHandler", {
|
|
|
33
33
|
return _BottomSheet.BottomSheetHandler;
|
|
34
34
|
}
|
|
35
35
|
});
|
|
36
|
+
Object.defineProperty(exports, "BottomTabBar", {
|
|
37
|
+
enumerable: true,
|
|
38
|
+
get: function () {
|
|
39
|
+
return _BottomTabBar.BottomTabBar;
|
|
40
|
+
}
|
|
41
|
+
});
|
|
36
42
|
Object.defineProperty(exports, "Button", {
|
|
37
43
|
enumerable: true,
|
|
38
44
|
get: function () {
|
|
@@ -57,6 +63,12 @@ Object.defineProperty(exports, "Checkbox", {
|
|
|
57
63
|
return _Checkbox.Checkbox;
|
|
58
64
|
}
|
|
59
65
|
});
|
|
66
|
+
Object.defineProperty(exports, "Chips", {
|
|
67
|
+
enumerable: true,
|
|
68
|
+
get: function () {
|
|
69
|
+
return _Chips.Chips;
|
|
70
|
+
}
|
|
71
|
+
});
|
|
60
72
|
Object.defineProperty(exports, "Coachmark", {
|
|
61
73
|
enumerable: true,
|
|
62
74
|
get: function () {
|
|
@@ -93,6 +105,12 @@ Object.defineProperty(exports, "Label", {
|
|
|
93
105
|
return _label.Label;
|
|
94
106
|
}
|
|
95
107
|
});
|
|
108
|
+
Object.defineProperty(exports, "Loader", {
|
|
109
|
+
enumerable: true,
|
|
110
|
+
get: function () {
|
|
111
|
+
return _loader.Loader;
|
|
112
|
+
}
|
|
113
|
+
});
|
|
96
114
|
Object.defineProperty(exports, "Mask", {
|
|
97
115
|
enumerable: true,
|
|
98
116
|
get: function () {
|
|
@@ -123,6 +141,12 @@ Object.defineProperty(exports, "Masks", {
|
|
|
123
141
|
return _reactNativeMaskInput.Masks;
|
|
124
142
|
}
|
|
125
143
|
});
|
|
144
|
+
Object.defineProperty(exports, "Notification", {
|
|
145
|
+
enumerable: true,
|
|
146
|
+
get: function () {
|
|
147
|
+
return _notification.Notification;
|
|
148
|
+
}
|
|
149
|
+
});
|
|
126
150
|
Object.defineProperty(exports, "RadioButton", {
|
|
127
151
|
enumerable: true,
|
|
128
152
|
get: function () {
|
|
@@ -171,6 +195,12 @@ Object.defineProperty(exports, "SnackbarComponent", {
|
|
|
171
195
|
return _Snackbar.SnackbarComponent;
|
|
172
196
|
}
|
|
173
197
|
});
|
|
198
|
+
Object.defineProperty(exports, "SnackbarUI", {
|
|
199
|
+
enumerable: true,
|
|
200
|
+
get: function () {
|
|
201
|
+
return _Snackbar.SnackbarUI;
|
|
202
|
+
}
|
|
203
|
+
});
|
|
174
204
|
Object.defineProperty(exports, "StepperCounter", {
|
|
175
205
|
enumerable: true,
|
|
176
206
|
get: function () {
|
|
@@ -219,6 +249,12 @@ Object.defineProperty(exports, "UseMaskedInputProps", {
|
|
|
219
249
|
return _reactNativeMaskInput.UseMaskedInputProps;
|
|
220
250
|
}
|
|
221
251
|
});
|
|
252
|
+
Object.defineProperty(exports, "circleSvgPath", {
|
|
253
|
+
enumerable: true,
|
|
254
|
+
get: function () {
|
|
255
|
+
return _coachmark.circleSvgPath;
|
|
256
|
+
}
|
|
257
|
+
});
|
|
222
258
|
Object.defineProperty(exports, "createNumberMask", {
|
|
223
259
|
enumerable: true,
|
|
224
260
|
get: function () {
|
|
@@ -238,6 +274,7 @@ Object.defineProperty(exports, "useMaskedInputProps", {
|
|
|
238
274
|
}
|
|
239
275
|
});
|
|
240
276
|
var _ActionList = require("./ActionList/ActionList.component");
|
|
277
|
+
var _BottomTabBar = require("./BottomTabBar/BottomTabBar.component");
|
|
241
278
|
var _button = require("./button/button.component");
|
|
242
279
|
var _calendars = require("./calendars/calendars.component");
|
|
243
280
|
var _label = require("./label/label.component");
|
|
@@ -252,6 +289,7 @@ var _StepperCounter = require("./StepperCounter/StepperCounter.component");
|
|
|
252
289
|
var _Divider = require("./Divider/Divider.component");
|
|
253
290
|
var _Tabs = require("./Tabs/Tabs.component");
|
|
254
291
|
var _RadioButton = require("./RadioButton/RadioButton.component");
|
|
292
|
+
var _Chips = require("./Chips/Chips.component");
|
|
255
293
|
var _BottomSheet = require("./BottomSheet/BottomSheet.component");
|
|
256
294
|
var _searchInput = require("./search-input/search-input.component");
|
|
257
295
|
var _RadioInput = require("./RadioInput/RadioInput.component");
|
|
@@ -264,6 +302,8 @@ var _dot = require("./dot/dot.component");
|
|
|
264
302
|
var _informationBox = require("./information-box/information-box.component");
|
|
265
303
|
var _roundedTab = require("./rounded-tab/rounded-tab.component");
|
|
266
304
|
var _countdown = require("./countdown/countdown.component");
|
|
305
|
+
var _loader = require("./Loader/loader.component");
|
|
306
|
+
var _notification = require("./Notification/notification.component");
|
|
267
307
|
var _reactNativeMaskInput = require("react-native-mask-input");
|
|
268
308
|
var _SelectionCard = require("./selection-card/SelectionCard.component");
|
|
269
309
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_ActionList","require","_button","_calendars","_label","_base","_typography","_coachmark","_textlink","_sliderIndicator","_TextInput","_TextArea","_StepperCounter","_Divider","_Tabs","_RadioButton","_BottomSheet","_searchInput","_RadioInput","_CheckBoxInput","_Checkbox","_Appbar","_Snackbar","_switch","_dot","_informationBox","_roundedTab","_countdown","_reactNativeMaskInput","_SelectionCard"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"
|
|
1
|
+
{"version":3,"names":["_ActionList","require","_BottomTabBar","_button","_calendars","_label","_base","_typography","_coachmark","_textlink","_sliderIndicator","_TextInput","_TextArea","_StepperCounter","_Divider","_Tabs","_RadioButton","_Chips","_BottomSheet","_searchInput","_RadioInput","_CheckBoxInput","_Checkbox","_Appbar","_Snackbar","_switch","_dot","_informationBox","_roundedTab","_countdown","_loader","_notification","_reactNativeMaskInput","_SelectionCard"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA;AACA,IAAAQ,SAAA,GAAAR,OAAA;AACA,IAAAS,gBAAA,GAAAT,OAAA;AACA,IAAAU,UAAA,GAAAV,OAAA;AACA,IAAAW,SAAA,GAAAX,OAAA;AACA,IAAAY,eAAA,GAAAZ,OAAA;AACA,IAAAa,QAAA,GAAAb,OAAA;AACA,IAAAc,KAAA,GAAAd,OAAA;AACA,IAAAe,YAAA,GAAAf,OAAA;AACA,IAAAgB,MAAA,GAAAhB,OAAA;AACA,IAAAiB,YAAA,GAAAjB,OAAA;AAIA,IAAAkB,YAAA,GAAAlB,OAAA;AACA,IAAAmB,WAAA,GAAAnB,OAAA;AACA,IAAAoB,cAAA,GAAApB,OAAA;AACA,IAAAqB,SAAA,GAAArB,OAAA;AACA,IAAAsB,OAAA,GAAAtB,OAAA;AACA,IAAAuB,SAAA,GAAAvB,OAAA;AACA,IAAAwB,OAAA,GAAAxB,OAAA;AACA,IAAAyB,IAAA,GAAAzB,OAAA;AACA,IAAA0B,eAAA,GAAA1B,OAAA;AACA,IAAA2B,WAAA,GAAA3B,OAAA;AACA,IAAA4B,UAAA,GAAA5B,OAAA;AACA,IAAA6B,OAAA,GAAA7B,OAAA;AACA,IAAA8B,aAAA,GAAA9B,OAAA;AACA,IAAA+B,qBAAA,GAAA/B,OAAA;AAWA,IAAAgC,cAAA,GAAAhC,OAAA","ignoreList":[]}
|
|
@@ -7,15 +7,26 @@ exports.Label = void 0;
|
|
|
7
7
|
var React = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _label = require("./label.style");
|
|
10
|
+
var _themes = require("../../themes");
|
|
11
|
+
var _typography = require("../typography/typography.component");
|
|
10
12
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
11
13
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
12
14
|
const Label = props => {
|
|
13
15
|
const {
|
|
14
|
-
label = 'Default label'
|
|
16
|
+
label = 'Default label',
|
|
17
|
+
variant = 'rounded',
|
|
18
|
+
status = 'info'
|
|
15
19
|
} = props;
|
|
16
|
-
const computedStyle = (0, _label.getStyle)();
|
|
17
|
-
return /*#__PURE__*/React.createElement(_reactNative.View,
|
|
18
|
-
style: computedStyle.
|
|
20
|
+
const computedStyle = (0, _label.getStyle)(props);
|
|
21
|
+
return /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
22
|
+
style: [computedStyle[variant] || computedStyle.rounded, computedStyle[status] || computedStyle.info, {
|
|
23
|
+
padding: _themes.Spacing[8],
|
|
24
|
+
justifyContent: 'center',
|
|
25
|
+
alignItems: 'center'
|
|
26
|
+
}]
|
|
27
|
+
}, /*#__PURE__*/React.createElement(_typography.Typography, {
|
|
28
|
+
style: [computedStyle[status] || computedStyle.info],
|
|
29
|
+
variant: 'text-caption-semibold'
|
|
19
30
|
}, label));
|
|
20
31
|
};
|
|
21
32
|
exports.Label = Label;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_label","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Label","props","label","computedStyle","getStyle","createElement","View","
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_label","_themes","_typography","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Label","props","label","variant","status","computedStyle","getStyle","createElement","View","style","rounded","info","padding","Spacing","justifyContent","alignItems","Typography","exports"],"sourceRoot":"../../../../src","sources":["components/label/label.component.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,MAAA,GAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAAgE,SAAAK,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAEhE,MAAMW,KAA0C,GAAIC,KAAK,IAAK;EAC5D,MAAM;IACJC,KAAK,GAAG,eAAe;IACvBC,OAAO,GAAG,SAAS;IACnBC,MAAM,GAAG;EACX,CAAC,GAAGH,KAAK;EAET,MAAMI,aAAa,GAAG,IAAAC,eAAQ,EAACL,KAAK,CAAC;EAErC,oBACE5B,KAAA,CAAAkC,aAAA,CAAC/B,YAAA,CAAAgC,IAAI;IACHC,KAAK,EAAE,CACLJ,aAAa,CAACF,OAAO,CAAC,IAAIE,aAAa,CAACK,OAAO,EAC/CL,aAAa,CAACD,MAAM,CAAC,IAAIC,aAAa,CAACM,IAAI,EAC3C;MAAEC,OAAO,EAAEC,eAAO,CAAC,CAAC,CAAC;MAAEC,cAAc,EAAE,QAAQ;MAAEC,UAAU,EAAE;IAAS,CAAC;EACvE,gBAEF1C,KAAA,CAAAkC,aAAA,CAAC5B,WAAA,CAAAqC,UAAU;IACTP,KAAK,EAAE,CAACJ,aAAa,CAACD,MAAM,CAAC,IAAIC,aAAa,CAACM,IAAI,CAAE;IACrDR,OAAO,EAAE;EAAwB,GAEhCD,KACS,CACR,CAAC;AAEX,CAAC;AAACe,OAAA,CAAAjB,KAAA,GAAAA,KAAA","ignoreList":[]}
|
|
@@ -5,10 +5,48 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.getStyle = void 0;
|
|
7
7
|
var _reactNative = require("react-native");
|
|
8
|
-
|
|
8
|
+
var _themes = require("../../themes");
|
|
9
|
+
const getStyle = props => {
|
|
10
|
+
const {
|
|
11
|
+
variant
|
|
12
|
+
} = props;
|
|
9
13
|
const computedStyle = {};
|
|
10
|
-
|
|
11
|
-
|
|
14
|
+
const infoSecondary = _themes.Palettes.blue[100];
|
|
15
|
+
const infoPrimary = _themes.Palettes.blue[900];
|
|
16
|
+
const successSecondary = _themes.Palettes.green[100];
|
|
17
|
+
const successPrimary = _themes.Palettes.green[700];
|
|
18
|
+
const warningSecondary = _themes.Palettes.yellow[200];
|
|
19
|
+
const warningPrimary = _themes.Palettes.yellow[600];
|
|
20
|
+
const dangerSecondary = _themes.Palettes.red[100];
|
|
21
|
+
const dangerPrimary = _themes.Palettes.red[700];
|
|
22
|
+
const disabledSecondary = _themes.Palettes.grey[100];
|
|
23
|
+
const disabledPrimary = _themes.Palettes.grey[500];
|
|
24
|
+
computedStyle.info = {
|
|
25
|
+
backgroundColor: variant === 'halfRounded' ? infoPrimary : infoSecondary,
|
|
26
|
+
color: variant === 'halfRounded' ? _themes.Palettes.white[100] : infoPrimary
|
|
27
|
+
};
|
|
28
|
+
computedStyle.warning = {
|
|
29
|
+
backgroundColor: variant === 'halfRounded' ? warningPrimary : warningSecondary,
|
|
30
|
+
color: variant === 'halfRounded' ? _themes.Palettes.black[900] : _themes.Palettes.black[900]
|
|
31
|
+
};
|
|
32
|
+
computedStyle.success = {
|
|
33
|
+
backgroundColor: variant === 'halfRounded' ? successPrimary : successSecondary,
|
|
34
|
+
color: variant === 'halfRounded' ? _themes.Palettes.white[100] : successPrimary
|
|
35
|
+
};
|
|
36
|
+
computedStyle.danger = {
|
|
37
|
+
backgroundColor: variant === 'halfRounded' ? dangerPrimary : dangerSecondary,
|
|
38
|
+
color: variant === 'halfRounded' ? _themes.Palettes.white[100] : dangerPrimary
|
|
39
|
+
};
|
|
40
|
+
computedStyle.disabled = {
|
|
41
|
+
backgroundColor: variant === 'halfRounded' ? disabledPrimary : disabledSecondary,
|
|
42
|
+
color: variant === 'halfRounded' ? _themes.Palettes.white[100] : disabledPrimary
|
|
43
|
+
};
|
|
44
|
+
computedStyle.rounded = {
|
|
45
|
+
borderRadius: _themes.Radius[24]
|
|
46
|
+
};
|
|
47
|
+
computedStyle.halfRounded = {
|
|
48
|
+
borderBottomLeftRadius: _themes.Radius[8],
|
|
49
|
+
borderTopRightRadius: _themes.Radius[8]
|
|
12
50
|
};
|
|
13
51
|
return _reactNative.StyleSheet.create(computedStyle);
|
|
14
52
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","getStyle","computedStyle","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_themes","getStyle","props","variant","computedStyle","infoSecondary","Palettes","blue","infoPrimary","successSecondary","green","successPrimary","warningSecondary","yellow","warningPrimary","dangerSecondary","red","dangerPrimary","disabledSecondary","grey","disabledPrimary","info","backgroundColor","color","white","warning","black","success","danger","disabled","rounded","borderRadius","Radius","halfRounded","borderBottomLeftRadius","borderTopRightRadius","StyleSheet","create","exports"],"sourceRoot":"../../../../src","sources":["components/label/label.style.tsx"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AAGA,IAAAC,OAAA,GAAAD,OAAA;AAaO,MAAME,QAAQ,GAAIC,KAAiB,IAAK;EAC7C,MAAM;IAAEC;EAAQ,CAAC,GAAGD,KAAK;EACzB,MAAME,aAAiC,GAAG,CAAC,CAAC;EAE5C,MAAMC,aAAa,GAAGC,gBAAQ,CAACC,IAAI,CAAC,GAAG,CAAC;EACxC,MAAMC,WAAW,GAAGF,gBAAQ,CAACC,IAAI,CAAC,GAAG,CAAC;EAEtC,MAAME,gBAAgB,GAAGH,gBAAQ,CAACI,KAAK,CAAC,GAAG,CAAC;EAC5C,MAAMC,cAAc,GAAGL,gBAAQ,CAACI,KAAK,CAAC,GAAG,CAAC;EAE1C,MAAME,gBAAgB,GAAGN,gBAAQ,CAACO,MAAM,CAAC,GAAG,CAAC;EAC7C,MAAMC,cAAc,GAAGR,gBAAQ,CAACO,MAAM,CAAC,GAAG,CAAC;EAE3C,MAAME,eAAe,GAAGT,gBAAQ,CAACU,GAAG,CAAC,GAAG,CAAC;EACzC,MAAMC,aAAa,GAAGX,gBAAQ,CAACU,GAAG,CAAC,GAAG,CAAC;EAEvC,MAAME,iBAAiB,GAAGZ,gBAAQ,CAACa,IAAI,CAAC,GAAG,CAAC;EAC5C,MAAMC,eAAe,GAAGd,gBAAQ,CAACa,IAAI,CAAC,GAAG,CAAC;EAE1Cf,aAAa,CAACiB,IAAI,GAAG;IACnBC,eAAe,EAAEnB,OAAO,KAAK,aAAa,GAAGK,WAAW,GAAGH,aAAa;IACxEkB,KAAK,EAAEpB,OAAO,KAAK,aAAa,GAAGG,gBAAQ,CAACkB,KAAK,CAAC,GAAG,CAAC,GAAGhB;EAC3D,CAAC;EAEDJ,aAAa,CAACqB,OAAO,GAAG;IACtBH,eAAe,EACbnB,OAAO,KAAK,aAAa,GAAGW,cAAc,GAAGF,gBAAgB;IAC/DW,KAAK,EACHpB,OAAO,KAAK,aAAa,GAAGG,gBAAQ,CAACoB,KAAK,CAAC,GAAG,CAAC,GAAGpB,gBAAQ,CAACoB,KAAK,CAAC,GAAG;EACxE,CAAC;EAEDtB,aAAa,CAACuB,OAAO,GAAG;IACtBL,eAAe,EACbnB,OAAO,KAAK,aAAa,GAAGQ,cAAc,GAAGF,gBAAgB;IAC/Dc,KAAK,EAAEpB,OAAO,KAAK,aAAa,GAAGG,gBAAQ,CAACkB,KAAK,CAAC,GAAG,CAAC,GAAGb;EAC3D,CAAC;EAEDP,aAAa,CAACwB,MAAM,GAAG;IACrBN,eAAe,EACbnB,OAAO,KAAK,aAAa,GAAGc,aAAa,GAAGF,eAAe;IAC7DQ,KAAK,EAAEpB,OAAO,KAAK,aAAa,GAAGG,gBAAQ,CAACkB,KAAK,CAAC,GAAG,CAAC,GAAGP;EAC3D,CAAC;EAEDb,aAAa,CAACyB,QAAQ,GAAG;IACvBP,eAAe,EACbnB,OAAO,KAAK,aAAa,GAAGiB,eAAe,GAAGF,iBAAiB;IACjEK,KAAK,EAAEpB,OAAO,KAAK,aAAa,GAAGG,gBAAQ,CAACkB,KAAK,CAAC,GAAG,CAAC,GAAGJ;EAC3D,CAAC;EAEDhB,aAAa,CAAC0B,OAAO,GAAG;IACtBC,YAAY,EAAEC,cAAM,CAAC,EAAE;EACzB,CAAC;EAED5B,aAAa,CAAC6B,WAAW,GAAG;IAC1BC,sBAAsB,EAAEF,cAAM,CAAC,CAAC,CAAC;IACjCG,oBAAoB,EAAEH,cAAM,CAAC,CAAC;EAChC,CAAC;EAED,OAAOI,uBAAU,CAACC,MAAM,CAACjC,aAAa,CAAC;AACzC,CAAC;AAACkC,OAAA,CAAArC,QAAA,GAAAA,QAAA","ignoreList":[]}
|
|
@@ -33,7 +33,8 @@ const SearchInput = props => {
|
|
|
33
33
|
};
|
|
34
34
|
return /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
35
35
|
style: [computedStyle.container, {
|
|
36
|
-
borderColor: focused ? _themes.Palettes.black[900] : _themes.Palettes.grey[300]
|
|
36
|
+
borderColor: focused ? _themes.Palettes.black[900] : _themes.Palettes.grey[300],
|
|
37
|
+
backgroundColor: focused ? _themes.Palettes.whiteDark[50] : _themes.Palettes.white[50]
|
|
37
38
|
}]
|
|
38
39
|
}, /*#__PURE__*/React.createElement(_icons.IconSearch, {
|
|
39
40
|
width: 24,
|
|
@@ -48,9 +49,12 @@ const SearchInput = props => {
|
|
|
48
49
|
onPress: onTraillingIconPress
|
|
49
50
|
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
50
51
|
style: [computedStyle.trailingIconContainer]
|
|
51
|
-
}, trailingIcon || /*#__PURE__*/React.createElement(_icons.IconRoundClose, {
|
|
52
|
-
width:
|
|
53
|
-
height:
|
|
52
|
+
}, trailingIcon || focused ? /*#__PURE__*/React.createElement(_icons.IconRoundClose, {
|
|
53
|
+
width: 24,
|
|
54
|
+
height: 24
|
|
55
|
+
}) : /*#__PURE__*/React.createElement(_icons.IconRoundCloseFilled, {
|
|
56
|
+
width: 24,
|
|
57
|
+
height: 24
|
|
54
58
|
}))));
|
|
55
59
|
};
|
|
56
60
|
exports.SearchInput = SearchInput;
|