@hero-design/rn 8.53.0 → 8.55.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/rn",
-  "version": "8.53.0",
+  "version": "8.55.0",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -20,6 +20,7 @@
   },
   "dependencies": {
     "@emotion/native": "^11.9.3",
+    "@emotion/primitives-core": "11.0.0",
     "@emotion/react": "^11.9.3",
     "@hero-design/colors": "8.42.5",
     "date-fns": "^2.16.1",
@@ -33,7 +34,7 @@
     "@react-native-community/slider": "4.4.3",
     "react": "18.2.0",
     "react-native": "^0.71.0",
-    "react-native-gesture-handler": "^1.10.3 | ~2.5.0",
+    "react-native-gesture-handler": "^1.10.3 || ~2.5.0",
     "react-native-linear-gradient": "^2.6.2",
     "react-native-pager-view": "^5.4.25",
     "react-native-safe-area-context": "^3.0.2",
@@ -47,7 +48,7 @@
     "@babel/preset-typescript": "^7.20.0",
     "@babel/runtime": "^7.20.0",
     "@emotion/jest": "^11.11.0",
-    "@hero-design/eslint-plugin": "8.42.5",
+    "@hero-design/eslint-plugin": "9.0.0",
     "@hero-design/react-native-month-year-picker": "^8.42.6",
     "@react-native-community/datetimepicker": "3.5.2",
     "@react-native-community/slider": "4.4.3",
@@ -64,6 +65,7 @@
     "@types/react-native-vector-icons": "^6.4.10",
     "babel-plugin-inline-import": "^3.0.0",
     "core-js": "^3.33.0",
+    "eslint": "^8.56.0",
     "eslint-config-hd": "8.42.4",
     "eslint-plugin-import": "^2.27.5",
     "jest": "^29.2.1",
@@ -82,7 +84,8 @@
     "rollup": "^2.68.0",
     "rollup-plugin-copy": "^3.4.0",
     "rollup-plugin-flow": "^1.1.1",
-    "ts-jest": "^29.1.1"
+    "ts-jest": "^29.1.1",
+    "typescript": "4.8.4"
   },
   "prettier": "prettier-config-hd"
 }

package/sonar-project.properties

@@ -0,0 +1,9 @@
+sonar.host.url=https://sonarqube.staging.ehrocks.com
+
+sonar.projectKey=hero-design-react-native
+sonar.projectName=Hero Design React Native
+
+sonar.sources=.
+sonar.inclusions=**/*
+sonar.exclusions=**/__tests__/**,**/public/**
+sonar.java.binaries=**/src/main/java

package/src/components/Drawer/DragableDrawer/index.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useRef, useState } from 'react';
-import { Animated, PanResponder, Easing } from 'react-native';
+import { Animated, PanResponder, Easing, Platform } from 'react-native';
 
 import type { ReactNode } from 'react';
 import {
@@ -107,7 +107,7 @@ const DragableDrawer = ({
     if (animatedToValue >= 0) {
       const animation = Animated.timing(pan, {
         toValue: animatedToValue,
-        useNativeDriver: true,
+        useNativeDriver: Platform.OS !== 'web',
         easing: Easing.inOut(Easing.cubic),
       });
 

package/src/components/Icon/HeroIcon/glyphMap.json

@@ -1 +1 @@
-{"activate":59000,"add-emoji":59001,"add-person":59002,"adjustment":59003,"alignment":59004,"antenna":59005,"archive":59006,"assignment-warning":59007,"bank":59008,"bell":59009,"billing":59010,"bolt":59011,"bookmark-added":59012,"bookmark":59013,"box-check":59014,"box":59015,"bpay":59016,"buildings":59017,"cake":59018,"calendar-clock":59019,"calendar":59020,"candy-box-menu":59021,"caret-down-small":59022,"caret-down":59023,"caret-left-small":59024,"caret-left":59025,"caret-right-small":59026,"caret-right":59027,"caret-up-small":59028,"caret-up":59029,"check-radio":59030,"circle-add":59031,"circle-cancel":59032,"circle-check":59033,"circle-down":59034,"circle-info":59035,"circle-left":59036,"circle-ok":59037,"circle-pencil":59038,"circle-question":59039,"circle-remove":59040,"circle-right":59041,"circle-up":59042,"circle-warning":59043,"clock-3":59044,"clock":59045,"cloud-download":59046,"cloud-upload":59047,"cog":59048,"coin":59049,"contacts":59050,"credit-card":59051,"diamond":59052,"direction-arrows":59053,"directory":59054,"document":59055,"dollar-coin-shine":59056,"double-buildings":59057,"edit-template":59058,"envelope":59059,"exclude":59060,"expand-content":59061,"expense":59062,"eye-circle":59063,"eye-invisible":59064,"eye":59065,"face-meh":59066,"face-sad":59067,"face-smiley":59068,"feed":59069,"feedbacks":59070,"file-certified":59071,"file-clone":59072,"file-copy":59073,"file-csv":59074,"file-dispose":59075,"file-doc":59076,"file-excel":59077,"file-export":59078,"file-lock":59079,"file-pdf":59080,"file-powerpoint":59081,"file-search":59082,"file-secured":59083,"file-sheets":59084,"file-slide":59085,"file-verified":59086,"file-word":59087,"file":59088,"filter":59089,"folder-user":59090,"folder":59091,"format-bold":59092,"format-heading1":59093,"format-heading2":59094,"format-italic":59095,"format-list-bulleted":59096,"format-list-numbered":59097,"format-underlined":59098,"funnel-filter":59099,"global-dollar":59100,"globe":59101,"graduation-cap":59102,"graph":59103,"happy-sun":59104,"health-bag":59105,"heart":59106,"home":59107,"image":59108,"import":59109,"incident-siren":59110,"instapay-daily":59111,"instapay-now":59112,"instapay":59113,"list":59114,"loading-2":59115,"loading":59116,"location-on":59117,"location":59118,"lock":59119,"looks-one":59120,"looks-two":59121,"media-content":59122,"menu":59123,"money-notes":59124,"moneybag":59125,"moon":59126,"multiple-stars":59127,"multiple-users":59128,"near-me":59129,"node":59130,"open-folder":59131,"paperclip":59132,"payment-summary":59133,"pencil":59134,"phone":59135,"piggy-bank":59136,"plane-up":59137,"plane":59138,"play-circle":59139,"print":59140,"raising-hands":59141,"reply-arrow":59142,"reply":59143,"reschedule":59144,"rostering":59145,"salary-sacrifice":59146,"save":59147,"schedule-send":59148,"schedule":59149,"search-person":59150,"send":59151,"speaker-active":59152,"speaker":59153,"star-award":59154,"star-badge":59155,"star-circle":59156,"star-medal":59157,"star":59158,"steps-circle":59159,"stopwatch":59160,"suitcase":59161,"surfing":59162,"survey":59163,"swag-pillar-benefit":59164,"swag-pillar-career":59165,"swag-pillar-money":59166,"swag-pillar-work":59167,"swag":59168,"swipe-right":59169,"switch":59170,"tag":59171,"target":59172,"teams":59173,"timesheet":59174,"touch-id":59175,"trash-bin":59176,"unlock":59177,"user":59178,"video-1":59179,"video-2":59180,"wallet":59181,"warning":59182,"activate-outlined":59183,"add-credit-card-outlined":59184,"add-person-outlined":59185,"add-section-outlined":59186,"add-time-outlined":59187,"add":59188,"adjustment-outlined":59189,"ai-outlined":59190,"alignment-2-outlined":59191,"alignment-outlined":59192,"all-caps":59193,"application-outlined":59194,"arrow-down":59195,"arrow-downwards":59196,"arrow-left":59197,"arrow-leftwards":59198,"arrow-right":59199,"arrow-rightwards":59200,"arrow-up":59201,"arrow-upwards":59202,"article-outlined":59203,"at-sign":59204,"auto-graph-outlined":59205,"beer-outlined":59206,"bell-active-outlined":59207,"bell-outlined":59208,"bell-slash-outlined":59209,"billing-outlined":59210,"body-outlined":59211,"bold":59212,"bolt-outlined":59213,"book-outlined":59214,"bookmark-added-outlined":59215,"bookmark-outlined":59216,"box-check-outlined":59217,"box-outlined":59218,"bullet-points":59219,"cake-outlined":59220,"calendar-dates-outlined":59221,"calendar-star-outlined":59222,"call-outlined":59223,"call-split-outlined":59224,"camera-outlined":59225,"cancel":59226,"car-forward-outlined":59227,"cashback-outlined":59228,"charging-station-outlined":59229,"chat-bubble-outlined":59230,"chat-unread-outlined":59231,"checkmark":59232,"circle-add-outlined":59233,"circle-cancel-outlined":59234,"circle-down-outlined":59235,"circle-info-outlined":59236,"circle-left-outlined":59237,"circle-ok-outlined":59238,"circle-question-outlined":59239,"circle-remove-outlined":59240,"circle-right-outlined":59241,"circle-up-outlined":59242,"circle-warning-outlined":59243,"clock-2-outlined":59244,"clock-outlined":59245,"cog-outlined":59246,"coin-outlined":59247,"coin-super-outlined":59248,"comment-outlined":59249,"contacts-outlined":59250,"contacts-user-outlined":59251,"credit-card-outlined":59252,"cup-outlined":59253,"dentistry-outlined":59254,"direction-arrows-outlined":59255,"directory-outlined":59256,"document-outlined":59257,"dollar-box-outlined":59258,"dollar-card-outlined":59259,"dollar-coin-shine-outlined":59260,"dollar-credit-card-outlined":59261,"dollar-sign":59262,"double-buildings-outlined":59263,"double-left-arrows":59264,"double-right-arrows":59265,"download-box-outlined":59266,"download-outlined":59267,"edit-template-outlined":59268,"email-outlined":59269,"enter-arrow":59270,"envelope-outlined":59271,"expense-approval-outlined":59272,"expense-outlined":59273,"explore-outlined":59274,"extension-outlined":59275,"external-link":59276,"eye-invisible-outlined":59277,"eye-outlined":59278,"face-id":59279,"face-meh-outlined":59280,"face-open-smiley-outlined":59281,"face-sad-outlined":59282,"face-smiley-outlined":59283,"fastfood-outlined":59284,"feed-outlined":59285,"file-certified-outlined":59286,"file-clone-outlined":59287,"file-copy-outlined":59288,"file-dispose-outlined":59289,"file-dollar-certified-outlined":59290,"file-dollar-outlined":59291,"file-download-outlined":59292,"file-export-outlined":59293,"file-lock-outlined":59294,"file-outlined":59295,"file-search-outlined":59296,"file-secured-outlined":59297,"file-statutory-outlined":59298,"file-verified-outlined":59299,"filter-outlined":59300,"folder-outlined":59301,"folder-user-outlined":59302,"form-outlined":59303,"funnel-filter-outline":59304,"goal-outlined":59305,"graph-outlined":59306,"hand-holding-user-outlined":59307,"happy-sun-outlined":59308,"health-bag-outlined":59309,"heart-outlined":59310,"home-active-outlined":59311,"home-outlined":59312,"id-card-outlined":59313,"image-outlined":59314,"import-outlined":59315,"instapay-outlined":59316,"italic":59317,"job-search-outlined":59318,"leave-approval-outlined":59319,"link-1":59320,"link-2":59321,"list-outlined":59322,"live-help-outlined":59323,"location-on-outlined":59324,"location-outlined":59325,"lock-outlined":59326,"locked-file-outlined":59327,"log-out":59328,"mail-outlined":59329,"media-content-outlined":59330,"menu-close":59331,"menu-expand":59332,"menu-fold-outlined":59333,"menu-unfold-outlined":59334,"moneybag-outlined":59335,"moon-outlined":59336,"more-horizontal":59337,"more-vertical":59338,"multiple-folders-outlined":59339,"multiple-users-outlined":59340,"near-me-outlined":59341,"node-outlined":59342,"number-points":59343,"number":59344,"overview-outlined":59345,"payment-summary-outlined":59346,"payslip-outlined":59347,"pencil-outlined":59348,"percentage":59349,"phone-outlined":59350,"piggy-bank-outlined":59351,"plane-outlined":59352,"play-circle-outlined":59353,"print-outlined":59354,"propane-tank-outlined":59355,"qr-code-outlined":59356,"qualification-outlined":59357,"re-assign":59358,"redeem":59359,"refresh":59360,"remove":59361,"reply-outlined":59362,"restart":59363,"resume-outlined":59364,"return-arrow":59365,"rostering-outlined":59366,"safety-outlined":59367,"save-outlined":59368,"schedule-outlined":59369,"search-outlined":59370,"search-secured-outlined":59371,"send-outlined":59372,"share-1":59373,"share-2":59374,"share-outlined":59375,"show-chart-outlined":59376,"single-down-arrow":59377,"single-left-arrow":59378,"single-right-arrow":59379,"single-up-arrow":59380,"smart-match-outlined":59381,"sparkle-outlined":59382,"speaker-active-outlined":59383,"speaker-outlined":59384,"star-circle-outlined":59385,"star-outlined":59386,"stash-outlined":59387,"stopwatch-outlined":59388,"strikethrough":59389,"styler-outlined":59390,"suitcase-clock-outlined":59391,"suitcase-outlined":59392,"survey-outlined":59393,"switch-outlined":59394,"sync":59395,"tag-outlined":59396,"target-outlined":59397,"tennis-outlined":59398,"ticket-outlined":59399,"timesheet-outlined":59400,"timesheets-outlined":59401,"today-outlined":59402,"transfer":59403,"trash-bin-outlined":59404,"umbrela-outlined":59405,"unavailability-outlined":59406,"unavailable":59407,"underline":59408,"union-outlined":59409,"unlock-outlined":59410,"upload-outlined":59411,"user-circle-outlined":59412,"user-gear-outlined":59413,"user-outlined":59414,"user-rectangle-outlined":59415,"video-1-outlined":59416,"video-2-outlined":59417,"volunteer-outlined":59418,"wallet-outlined":59419}
+{"activate":59000,"add-emoji":59001,"add-person":59002,"adjustment":59003,"alignment":59004,"antenna":59005,"archive":59006,"assignment-warning":59007,"bank":59008,"bell":59009,"billing":59010,"bolt":59011,"bookmark-added":59012,"bookmark":59013,"box-check":59014,"box":59015,"bpay":59016,"buildings":59017,"cake":59018,"calendar-clock":59019,"calendar":59020,"candy-box-menu":59021,"caret-down-small":59022,"caret-down":59023,"caret-left-small":59024,"caret-left":59025,"caret-right-small":59026,"caret-right":59027,"caret-up-small":59028,"caret-up":59029,"check-radio":59030,"circle-add":59031,"circle-cancel":59032,"circle-check":59033,"circle-down":59034,"circle-info":59035,"circle-left":59036,"circle-ok":59037,"circle-pencil":59038,"circle-question":59039,"circle-remove":59040,"circle-right":59041,"circle-up":59042,"circle-warning":59043,"clock-3":59044,"clock":59045,"cloud-download":59046,"cloud-upload":59047,"cog":59048,"coin":59049,"contacts":59050,"credit-card":59051,"diamond":59052,"direction-arrows":59053,"directory":59054,"document":59055,"dollar-coin-shine":59056,"double-buildings":59057,"edit-template":59058,"envelope":59059,"exclude":59060,"expand-content":59061,"expense":59062,"eye-circle":59063,"eye-invisible":59064,"eye":59065,"face-meh":59066,"face-sad":59067,"face-smiley":59068,"feed":59069,"feedbacks":59070,"file-certified":59071,"file-clone":59072,"file-copy":59073,"file-csv":59074,"file-dispose":59075,"file-doc":59076,"file-excel":59077,"file-export":59078,"file-lock":59079,"file-pdf":59080,"file-powerpoint":59081,"file-search":59082,"file-secured":59083,"file-sheets":59084,"file-slide":59085,"file-verified":59086,"file-word":59087,"file":59088,"filter":59089,"folder-user":59090,"folder":59091,"format-bold":59092,"format-heading1":59093,"format-heading2":59094,"format-italic":59095,"format-list-bulleted":59096,"format-list-numbered":59097,"format-underlined":59098,"funnel-filter":59099,"global-dollar":59100,"globe":59101,"graduation-cap":59102,"graph":59103,"happy-sun":59104,"health-bag":59105,"heart":59106,"hero-points":59107,"home":59108,"image":59109,"import":59110,"incident-siren":59111,"instapay-daily":59112,"instapay-now":59113,"instapay":59114,"list":59115,"loading-2":59116,"loading":59117,"location-on":59118,"location":59119,"lock":59120,"looks-one":59121,"looks-two":59122,"media-content":59123,"menu":59124,"money-notes":59125,"moneybag":59126,"moon":59127,"multiple-stars":59128,"multiple-users":59129,"near-me":59130,"node":59131,"open-folder":59132,"paperclip":59133,"payment-summary":59134,"pencil":59135,"phone":59136,"piggy-bank":59137,"plane-up":59138,"plane":59139,"play-circle":59140,"print":59141,"raising-hands":59142,"reply-arrow":59143,"reply":59144,"reschedule":59145,"rostering":59146,"salary-sacrifice":59147,"save":59148,"schedule-send":59149,"schedule":59150,"search-person":59151,"send":59152,"speaker-active":59153,"speaker":59154,"star-award":59155,"star-badge":59156,"star-circle":59157,"star-medal":59158,"star":59159,"steps-circle":59160,"stopwatch":59161,"suitcase":59162,"surfing":59163,"survey":59164,"swag-pillar-benefit":59165,"swag-pillar-career":59166,"swag-pillar-money":59167,"swag-pillar-work":59168,"swag":59169,"swipe-right":59170,"switch":59171,"tag":59172,"target":59173,"teams":59174,"timesheet":59175,"touch-id":59176,"trash-bin":59177,"unlock":59178,"user":59179,"video-1":59180,"video-2":59181,"wallet":59182,"warning":59183,"activate-outlined":59184,"add-credit-card-outlined":59185,"add-person-outlined":59186,"add-section-outlined":59187,"add-time-outlined":59188,"add":59189,"adjustment-outlined":59190,"ai-outlined":59191,"alignment-2-outlined":59192,"alignment-outlined":59193,"all-caps":59194,"application-outlined":59195,"arrow-down":59196,"arrow-downwards":59197,"arrow-left":59198,"arrow-leftwards":59199,"arrow-right":59200,"arrow-rightwards":59201,"arrow-up":59202,"arrow-upwards":59203,"article-outlined":59204,"at-sign":59205,"auto-graph-outlined":59206,"beer-outlined":59207,"bell-active-outlined":59208,"bell-outlined":59209,"bell-slash-outlined":59210,"bill-management-outlined":59211,"billing-outlined":59212,"body-outlined":59213,"bold":59214,"bolt-outlined":59215,"book-outlined":59216,"bookmark-added-outlined":59217,"bookmark-outlined":59218,"box-check-outlined":59219,"box-outlined":59220,"bullet-points":59221,"cake-outlined":59222,"calendar-dates-outlined":59223,"calendar-star-outlined":59224,"call-outlined":59225,"call-split-outlined":59226,"camera-outlined":59227,"cancel":59228,"car-forward-outlined":59229,"cashback-outlined":59230,"charging-station-outlined":59231,"chat-bubble-outlined":59232,"chat-unread-outlined":59233,"checkmark":59234,"circle-add-outlined":59235,"circle-cancel-outlined":59236,"circle-down-outlined":59237,"circle-info-outlined":59238,"circle-left-outlined":59239,"circle-ok-outlined":59240,"circle-question-outlined":59241,"circle-remove-outlined":59242,"circle-right-outlined":59243,"circle-up-outlined":59244,"circle-warning-outlined":59245,"clock-2-outlined":59246,"clock-outlined":59247,"cog-outlined":59248,"coin-outlined":59249,"coin-super-outlined":59250,"comment-outlined":59251,"contacts-outlined":59252,"contacts-user-outlined":59253,"credit-card-outlined":59254,"cup-outlined":59255,"dentistry-outlined":59256,"direction-arrows-outlined":59257,"directory-outlined":59258,"document-outlined":59259,"dollar-box-outlined":59260,"dollar-card-outlined":59261,"dollar-coin-shine-outlined":59262,"dollar-credit-card-outlined":59263,"dollar-sign":59264,"double-buildings-outlined":59265,"double-left-arrows":59266,"double-right-arrows":59267,"download-box-outlined":59268,"download-outlined":59269,"edit-template-outlined":59270,"email-outlined":59271,"enter-arrow":59272,"envelope-outlined":59273,"expense-approval-outlined":59274,"expense-outlined":59275,"explore-outlined":59276,"extension-outlined":59277,"external-link":59278,"eye-invisible-outlined":59279,"eye-outlined":59280,"face-id":59281,"face-meh-outlined":59282,"face-open-smiley-outlined":59283,"face-sad-outlined":59284,"face-smiley-outlined":59285,"fastfood-outlined":59286,"feed-outlined":59287,"file-certified-outlined":59288,"file-clone-outlined":59289,"file-copy-outlined":59290,"file-dispose-outlined":59291,"file-dollar-certified-outlined":59292,"file-dollar-outlined":59293,"file-download-outlined":59294,"file-export-outlined":59295,"file-lock-outlined":59296,"file-outlined":59297,"file-search-outlined":59298,"file-secured-outlined":59299,"file-statutory-outlined":59300,"file-verified-outlined":59301,"filter-outlined":59302,"folder-outlined":59303,"folder-user-outlined":59304,"form-outlined":59305,"funnel-filter-outline":59306,"goal-outlined":59307,"graph-outlined":59308,"hand-holding-user-outlined":59309,"happy-sun-outlined":59310,"health-bag-outlined":59311,"heart-outlined":59312,"home-active-outlined":59313,"home-outlined":59314,"id-card-outlined":59315,"image-outlined":59316,"import-outlined":59317,"instapay-outlined":59318,"italic":59319,"job-search-outlined":59320,"leave-approval-outlined":59321,"link-1":59322,"link-2":59323,"list-outlined":59324,"live-help-outlined":59325,"location-on-outlined":59326,"location-outlined":59327,"lock-outlined":59328,"locked-file-outlined":59329,"log-out":59330,"mail-outlined":59331,"media-content-outlined":59332,"menu-close":59333,"menu-expand":59334,"menu-fold-outlined":59335,"menu-unfold-outlined":59336,"moneybag-outlined":59337,"moon-outlined":59338,"more-horizontal":59339,"more-vertical":59340,"multiple-folders-outlined":59341,"multiple-users-outlined":59342,"near-me-outlined":59343,"node-outlined":59344,"number-points":59345,"number":59346,"overview-outlined":59347,"payment-summary-outlined":59348,"payslip-outlined":59349,"pencil-outlined":59350,"percentage":59351,"phone-outlined":59352,"piggy-bank-outlined":59353,"plane-outlined":59354,"play-circle-outlined":59355,"print-outlined":59356,"propane-tank-outlined":59357,"qr-code-outlined":59358,"qualification-outlined":59359,"re-assign":59360,"redeem":59361,"refresh":59362,"remove":59363,"reply-outlined":59364,"restart":59365,"resume-outlined":59366,"return-arrow":59367,"rostering-outlined":59368,"safety-outlined":59369,"save-outlined":59370,"schedule-outlined":59371,"search-outlined":59372,"search-secured-outlined":59373,"send-outlined":59374,"share-1":59375,"share-2":59376,"share-outlined":59377,"show-chart-outlined":59378,"single-down-arrow":59379,"single-left-arrow":59380,"single-right-arrow":59381,"single-up-arrow":59382,"smart-match-outlined":59383,"sparkle-outlined":59384,"speaker-active-outlined":59385,"speaker-outlined":59386,"star-circle-outlined":59387,"star-outlined":59388,"stash-outlined":59389,"stopwatch-outlined":59390,"strikethrough":59391,"styler-outlined":59392,"suitcase-clock-outlined":59393,"suitcase-outlined":59394,"survey-outlined":59395,"switch-outlined":59396,"sync":59397,"tag-outlined":59398,"target-outlined":59399,"tennis-outlined":59400,"ticket-outlined":59401,"timesheet-outlined":59402,"timesheets-outlined":59403,"today-outlined":59404,"transfer":59405,"trash-bin-outlined":59406,"umbrela-outlined":59407,"unavailability-outlined":59408,"unavailable":59409,"underline":59410,"union-outlined":59411,"unlock-outlined":59412,"upload-outlined":59413,"user-circle-outlined":59414,"user-gear-outlined":59415,"user-outlined":59416,"user-rectangle-outlined":59417,"video-1-outlined":59418,"video-2-outlined":59419,"volunteer-outlined":59420,"wallet-outlined":59421}

package/src/components/Icon/IconList.ts

@@ -107,6 +107,7 @@ const IconList = [
   'happy-sun',
   'health-bag',
   'heart',
+  'hero-points',
   'home',
   'image',
   'import',
@@ -210,6 +211,7 @@ const IconList = [
   'bell-active-outlined',
   'bell-outlined',
   'bell-slash-outlined',
+  'bill-management-outlined',
   'billing-outlined',
   'body-outlined',
   'bold',

package/src/components/Tabs/StyledTabs.tsx

@@ -41,7 +41,7 @@ const StyledIndicator = styled(Animated.View)<{ themeWidth: number }>(
     height: theme.__hd__.tabs.sizes.indicator,
     backgroundColor: theme.__hd__.tabs.colors.indicator,
     position: 'absolute',
-    bottom: 0,
+    bottom: theme.__hd__.tabs.space.tabIndicatorBottom,
   })
 );
 

package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabs.spec.tsx.snap

@@ -129,7 +129,7 @@ exports[`Tabs.Scroll lazy not render lazy screen: xxx 1`] = `
           [
             {
               "borderBottomColor": "#e8e9ea",
-              "borderBottomWidth": 1,
+              "borderBottomWidth": 2,
               "paddingHorizontal": 0,
             },
             undefined,
@@ -1033,7 +1033,7 @@ exports[`Tabs.Scroll renders correctly 1`] = `
           [
             {
               "borderBottomColor": "#e8e9ea",
-              "borderBottomWidth": 1,
+              "borderBottomWidth": 2,
               "paddingHorizontal": 0,
             },
             undefined,
@@ -1937,7 +1937,7 @@ exports[`useIsFocused renders correctly 1`] = `
           [
             {
               "borderBottomColor": "#e8e9ea",
-              "borderBottomWidth": 1,
+              "borderBottomWidth": 2,
               "paddingHorizontal": 0,
             },
             undefined,

package/src/components/Tabs/__tests__/__snapshots__/ScrollableTabsHeader.spec.tsx.snap

@@ -24,7 +24,7 @@ exports[`ScrollableTabsHeader renders correctly 1`] = `
         [
           {
             "borderBottomColor": "#e8e9ea",
-            "borderBottomWidth": 1,
+            "borderBottomWidth": 2,
             "paddingHorizontal": 0,
           },
           undefined,

package/src/components/Tabs/__tests__/__snapshots__/index.spec.tsx.snap

@@ -129,7 +129,7 @@ exports[`Tabs renders correctly 1`] = `
           [
             {
               "borderBottomColor": "#e8e9ea",
-              "borderBottomWidth": 1,
+              "borderBottomWidth": 2,
               "paddingHorizontal": 0,
             },
             undefined,
@@ -474,7 +474,7 @@ exports[`Tabs renders correctly 1`] = `
             style={
               {
                 "backgroundColor": "#401960",
-                "bottom": 0,
+                "bottom": -2,
                 "height": 2,
                 "position": "absolute",
                 "transform": [
@@ -793,7 +793,7 @@ exports[`useIsFocused renders correctly 1`] = `
           [
             {
               "borderBottomColor": "#e8e9ea",
-              "borderBottomWidth": 1,
+              "borderBottomWidth": 2,
               "paddingHorizontal": 0,
             },
             undefined,
@@ -1138,7 +1138,7 @@ exports[`useIsFocused renders correctly 1`] = `
             style={
               {
                 "backgroundColor": "#401960",
-                "bottom": 0,
+                "bottom": -2,
                 "height": 2,
                 "position": "absolute",
                 "transform": [
@@ -1457,7 +1457,7 @@ exports[`useIsFocused renders correctly: xxxxxx 1`] = `
           [
             {
               "borderBottomColor": "#e8e9ea",
-              "borderBottomWidth": 1,
+              "borderBottomWidth": 2,
               "paddingHorizontal": 0,
             },
             undefined,
@@ -1802,7 +1802,7 @@ exports[`useIsFocused renders correctly: xxxxxx 1`] = `
             style={
               {
                 "backgroundColor": "#401960",
-                "bottom": 0,
+                "bottom": -2,
                 "height": 2,
                 "position": "absolute",
                 "transform": [

package/src/theme/__tests__/__snapshots__/index.spec.ts.snap

@@ -921,7 +921,7 @@ exports[`theme returns correct theme object 1`] = `
     },
     "tabs": {
       "borderWidths": {
-        "headerBottom": 1,
+        "headerBottom": 2,
       },
       "colors": {
         "active": "#001f23",
@@ -944,6 +944,7 @@ exports[`theme returns correct theme object 1`] = `
         "itemVerticalPadding": 8,
         "outlineHorizontalPadding": 8,
         "outlineVerticalPadding": 4,
+        "tabIndicatorBottom": -2,
       },
     },
     "tag": {

package/src/theme/components/tabs.ts

@@ -17,6 +17,7 @@ const getTabsTheme = (theme: GlobalTheme) => {
     itemMargin: theme.space.smallMedium,
     outlineHorizontalPadding: theme.space.small,
     outlineVerticalPadding: theme.space.xsmall,
+    tabIndicatorBottom: -theme.space.xxsmall,
   };
 
   const radii = {
@@ -24,7 +25,7 @@ const getTabsTheme = (theme: GlobalTheme) => {
   };
 
   const borderWidths = {
-    headerBottom: theme.borderWidths.base,
+    headerBottom: theme.borderWidths.medium,
   };
 
   const sizes = {

package/types/components/Accordion/AccordionItem.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import type { ReactElement } from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 import type { Variant } from './StyledAccordion';
-export type AccordionItemProps = {
+export declare type AccordionItemProps = {
     header: string | ReactElement;
     content: ReactElement;
     open?: boolean;

package/types/components/Accordion/StyledAccordion.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { TouchableOpacity, View } from 'react-native';
-export type Variant = 'default' | 'card';
+export declare type Variant = 'default' | 'card';
 export declare const StyledWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

package/types/components/Avatar/AvatarStack/StyledAvatarStack.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { View } from 'react-native';
 import { AvatarProps } from '../Avatar';
-type ThemeVariant = 'horizontal' | 'vertical';
+declare type ThemeVariant = 'horizontal' | 'vertical';
 export declare const StyledWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

package/types/components/Avatar/StyledAvatar.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { View, Image, TouchableOpacity } from 'react-native';
 import { TextProps } from '../Typography/Text';
-type ThemeSize = 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge' | 'xxxlarge' | 'xxxxlarge' | 'xxxxxlarge';
-type ThemeIntent = 'primary' | 'info' | 'danger' | 'success' | 'warning';
+declare type ThemeSize = 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge' | 'xxxlarge' | 'xxxxlarge' | 'xxxxxlarge';
+declare type ThemeIntent = 'primary' | 'info' | 'danger' | 'success' | 'warning';
 declare const StyledWrapper: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

package/types/components/Badge/StyledBadge.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { Animated } from 'react-native';
-type ThemeIntent = 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'archived';
-type ThemePadding = 'narrowContent' | 'wideContent';
+declare type ThemeIntent = 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'archived';
+declare type ThemePadding = 'narrowContent' | 'wideContent';
 declare const StyledView: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<import("react-native").View>> & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

package/types/components/BottomNavigation/index.d.ts

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
 import type { StyleProp, ViewStyle, ViewProps } from 'react-native';
 import type { IconName } from '../Icon';
-export type BottomNavigationTabType = {
+export declare type BottomNavigationTabType = {
     key: string;
     title?: string;
     icon: IconName;

package/types/components/BottomSheet/BottomSheetContext.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export type BottomSheetContextType = {
+export declare type BottomSheetContextType = {
     setInternalShowDivider: (value: boolean) => void;
 };
 declare const BottomSheetContext: import("react").Context<BottomSheetContextType>;

package/types/components/Box/config.d.ts

@@ -165,6 +165,6 @@ declare const config: {
     };
 };
 export declare const flexPropsKey: readonly ["alignContent", "alignItems", "alignSelf", "display", "flex", "flexBasis", "flexDirection", "flexGrow", "flexShrink", "flexWrap", "justifyContent"];
-export type ConfigType = typeof config;
-export type FlexPropsKeyType = typeof flexPropsKey[number];
+export declare type ConfigType = typeof config;
+export declare type FlexPropsKeyType = typeof flexPropsKey[number];
 export default config;

package/types/components/Box/types.d.ts

@@ -10,11 +10,11 @@ export interface ThemeScale {
     radii: keyof Radii;
     borderWidths: keyof BorderWidths;
 }
-type ConfigKeyType = keyof ConfigType;
-export type StyleProps = {
+declare type ConfigKeyType = keyof ConfigType;
+export declare type StyleProps = {
     [key in ConfigKeyType]?: ThemeScale[ConfigType[key]['scale']];
 };
-export type FlexStyleProps = Pick<Omit<ViewStyle, keyof StyleProps>, FlexPropsKeyType>;
+export declare type FlexStyleProps = Pick<Omit<ViewStyle, keyof StyleProps>, FlexPropsKeyType>;
 export interface BoxViewProps extends ViewProps {
     /**
      * Box's content.

package/types/components/Button/LoadingIndicator/StyledLoadingIndicator.d.ts

@@ -2,7 +2,7 @@
 import type { Theme } from '@emotion/react';
 import type { ViewProps } from 'react-native';
 import { View } from 'react-native';
-type ThemeVariant = 'basic-transparent' | 'filled-primary' | 'filled-secondary' | 'filled-danger' | 'outlined-primary' | 'outlined-secondary' | 'outlined-danger' | 'text-primary' | 'text-secondary' | 'text-danger';
+declare type ThemeVariant = 'basic-transparent' | 'filled-primary' | 'filled-secondary' | 'filled-danger' | 'outlined-primary' | 'outlined-secondary' | 'outlined-danger' | 'text-primary' | 'text-secondary' | 'text-danger';
 declare const StyledLoadingIndicatorWrapper: import("@emotion/native").StyledComponent<ViewProps & {
     theme?: Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

package/types/components/Button/LoadingIndicator/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { StyleProp, ViewStyle, ViewProps } from 'react-native';
-type ThemeVariant = 'basic-transparent' | 'filled-primary' | 'filled-secondary' | 'filled-danger' | 'outlined-primary' | 'outlined-secondary' | 'outlined-danger' | 'text-primary' | 'text-secondary' | 'text-danger';
+declare type ThemeVariant = 'basic-transparent' | 'filled-primary' | 'filled-secondary' | 'filled-danger' | 'outlined-primary' | 'outlined-secondary' | 'outlined-danger' | 'text-primary' | 'text-secondary' | 'text-danger';
 interface LoadingIndicatorProps extends ViewProps {
     /**
      * Size of the loading dot.

package/types/components/Button/StyledButton.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { TouchableHighlight, View } from 'react-native';
 import type { Theme } from '@emotion/react';
-type Intent = 'primary' | 'secondary' | 'danger';
-type ThemeVariant = 'filled-primary' | 'filled-secondary' | 'filled-danger' | 'outlined-primary' | 'outlined-secondary' | 'outlined-danger' | 'text-primary' | 'text-secondary' | 'text-danger';
+declare type Intent = 'primary' | 'secondary' | 'danger';
+declare type ThemeVariant = 'filled-primary' | 'filled-secondary' | 'filled-danger' | 'outlined-primary' | 'outlined-secondary' | 'outlined-danger' | 'text-primary' | 'text-secondary' | 'text-danger';
 declare const StyledButtonContainer: import("@emotion/native").StyledComponent<import("react-native").TouchableHighlightProps & {
     theme?: Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

package/types/components/Carousel/CardCarousel.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { LayoutChangeEvent, StyleProp, ViewStyle } from 'react-native';
-export type CardCarouselHandles = {
+export declare type CardCarouselHandles = {
     snapToIndex: (index: number) => void;
 };
 export interface CardCarouselProps {

package/types/components/Carousel/types.d.ts

@@ -1,11 +1,11 @@
 import { ReactNode } from 'react';
 import { ImageSourcePropType, ImageResizeMode } from 'react-native';
-export type CarouselImageProps = ImageSourcePropType & {
+export declare type CarouselImageProps = ImageSourcePropType & {
     height?: number;
     width?: number;
     resizeMode?: ImageResizeMode;
 };
-export type CarouselData = {
+export declare type CarouselData = {
     image: CarouselImageProps | string;
     content?: ReactNode;
     heading: string;

package/types/components/Checkbox/StyledCheckbox.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { TouchableOpacity, View } from 'react-native';
-type CheckboxThemeState = 'default' | 'disabled' | 'readonly';
+declare type CheckboxThemeState = 'default' | 'disabled' | 'readonly';
 export declare const StyledWrapper: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

package/types/components/Checkbox/index.d.ts

@@ -35,7 +35,7 @@ export interface CheckboxProps {
      */
     readonly?: boolean;
 }
-type getStateType = {
+declare type getStateType = {
     disabled: boolean;
     readonly: boolean;
 };

package/types/components/Chip/StyledChip.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { TouchableOpacity } from 'react-native';
-type StyledChipWrapperProps = {
+declare type StyledChipWrapperProps = {
     themeVariant?: 'outlined' | 'filled';
     themeSelected?: boolean;
 };

package/types/components/Divider/StyledDivider.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { View } from 'react-native';
-type MarginSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+declare type MarginSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
 declare const StyledDivider: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

package/types/components/Drawer/DragableDrawer/helpers.d.ts

@@ -1,5 +1,5 @@
 export declare const getOffset: (height: number, percentage: number) => number;
-export type SnapPointsData = {
+export declare type SnapPointsData = {
     list: number[];
     minHeightOffset: number;
     maxHeightOffset: number;

package/types/components/Empty/StyledEmpty.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { View } from 'react-native';
-type ThemeVariant = 'light' | 'dark';
+declare type ThemeVariant = 'light' | 'dark';
 declare const StyledWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

package/types/components/Error/StyledError.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { View } from 'react-native';
-type ErrorVariant = 'full-screen' | 'in-page';
+declare type ErrorVariant = 'full-screen' | 'in-page';
 declare const StyledErrorModal: import("@emotion/native").StyledComponent<import("../Modal").ModalProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

package/types/components/FAB/ActionGroup/index.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 import type { IconName } from '../../Icon';
 import type { ActionItemProps } from './ActionItem';
-export type ActionGroupHandles = {
+export declare type ActionGroupHandles = {
     showFAB: () => void;
     collapseFAB: () => void;
     hideFAB: () => void;

package/types/components/FAB/AnimatedFABIcon.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { IconProps } from '../Icon';
-type Props = {
+declare type Props = {
     active?: boolean;
 } & IconProps;
 declare const AnimatedFABIcon: ({ active, ...iconProps }: Props) => React.JSX.Element;

package/types/components/FAB/FAB.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { StyleProp, ViewStyle } from 'react-native';
 import type { IconName } from '../Icon';
-export type FABHandles = {
+export declare type FABHandles = {
     show: () => void;
     collapse: () => void;
     hide: () => void;

package/types/components/Icon/AnimatedIcon.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { ComponentProps } from 'react';
 import StyledHeroIcon from './HeroIcon';
-type AnimatedIconProps = ComponentProps<typeof StyledHeroIcon>;
+declare type AnimatedIconProps = ComponentProps<typeof StyledHeroIcon>;
 declare const AnimatedIcon: ({ style, ...otherProps }: AnimatedIconProps) => React.JSX.Element;
 export default AnimatedIcon;

package/types/components/Icon/HeroIcon/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-type ThemeSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
-type ThemeIntent = 'text' | 'primary' | 'secondary' | 'info' | 'danger' | 'success' | 'warning' | 'disabled-text' | 'text-inverted';
+declare type ThemeSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+declare type ThemeIntent = 'text' | 'primary' | 'secondary' | 'info' | 'danger' | 'success' | 'warning' | 'disabled-text' | 'text-inverted';
 declare const StyledHeroIcon: import("@emotion/native").StyledComponent<import("react-native-vector-icons/Icon").IconProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;