@hero-design/rn 8.8.0 → 8.9.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/rn",
-  "version": "8.8.0",
+  "version": "8.9.0",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -21,7 +21,7 @@
   "dependencies": {
     "@emotion/native": "^11.9.3",
     "@emotion/react": "^11.9.3",
-    "@hero-design/colors": "8.8.0",
+    "@hero-design/colors": "8.9.0",
     "date-fns": "^2.16.1",
     "events": "^3.2.0",
     "hero-editor": "^1.9.21"
@@ -33,9 +33,9 @@
     "react-native": "0.69.7",
     "react-native-gesture-handler": "^1.10.3 | ~2.1.0",
     "react-native-pager-view": "^5.4.25",
-    "react-native-safe-area-context": "^4.2.5",
+    "react-native-safe-area-context": "^3.0.2",
     "react-native-vector-icons": "^9.1.0",
-    "react-native-webview": "^11.15.0"
+    "react-native-webview": "^11.2.5"
   },
   "devDependencies": {
     "@babel/core": "^7.17.5",
@@ -44,7 +44,7 @@
     "@babel/preset-typescript": "^7.17.12",
     "@babel/runtime": "^7.18.9",
     "@emotion/jest": "^11.9.3",
-    "@hero-design/eslint-plugin": "8.8.0",
+    "@hero-design/eslint-plugin": "8.9.0",
     "@react-native-community/datetimepicker": "^3.5.2",
     "@react-native-community/slider": "4.1.12",
     "@rollup/plugin-babel": "^5.3.1",
@@ -60,16 +60,16 @@
     "@types/react-native": "^0.67.7",
     "@types/react-native-vector-icons": "^6.4.10",
     "babel-plugin-inline-import": "^3.0.0",
-    "eslint-config-hd": "8.8.0",
+    "eslint-config-hd": "8.9.0",
     "jest": "^27.3.1",
-    "prettier-config-hd": "8.8.0",
+    "prettier-config-hd": "8.9.0",
     "react": "18.0.0",
     "react-native": "0.69.7",
     "react-native-gesture-handler": "~2.1.0",
     "react-native-pager-view": "^5.4.25",
-    "react-native-safe-area-context": "^4.2.5",
+    "react-native-safe-area-context": "^3.0.2",
     "react-native-vector-icons": "^9.1.0",
-    "react-native-webview": "^11.15.0",
+    "react-native-webview": "^11.2.5",
     "react-test-renderer": "18.0.0",
     "rollup": "^2.68.0",
     "rollup-plugin-copy": "^3.4.0",

package/src/components/DatePicker/__tests__/__snapshots__/DatePickerAndroid.spec.tsx.snap

@@ -32,7 +32,7 @@ exports[`DatePickerAndroid renders correctly 1`] = `
       style={
         Array [
           Object {
-            "marginVertical": 8,
+            "marginTop": 8,
             "width": "100%",
           },
           undefined,
@@ -180,6 +180,7 @@ exports[`DatePickerAndroid renders correctly 1`] = `
         style={
           Array [
             Object {
+              "minHeight": 16,
               "paddingLeft": 16,
             },
             undefined,

package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap

@@ -32,7 +32,7 @@ exports[`DatePickerIOS renders correctly 1`] = `
       style={
         Array [
           Object {
-            "marginVertical": 8,
+            "marginTop": 8,
             "width": "100%",
           },
           undefined,
@@ -180,6 +180,7 @@ exports[`DatePickerIOS renders correctly 1`] = `
         style={
           Array [
             Object {
+              "minHeight": 16,
               "paddingLeft": 16,
             },
             undefined,

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

package/src/components/Icon/IconList.ts

@@ -59,6 +59,7 @@ const IconList = [
   'double-buildings',
   'edit-template',
   'envelope',
+  'exclude',
   'expense',
   'eye-circle',
   'eye-invisible',
@@ -363,6 +364,7 @@ const IconList = [
   'umbrela-outlined',
   'unavailable',
   'underline',
+  'union-outlined',
   'unlock-outlined',
   'upload-outlined',
   'user-circle-outlined',

package/src/components/Progress/__tests__/__snapshots__/index.spec.js.snap

@@ -60,7 +60,7 @@ exports[`Progress.Bar renders correctly with intent 1`] = `
     style={
       Object {
         "alignSelf": "stretch",
-        "backgroundColor": "#017d6d",
+        "backgroundColor": "#5ace7d",
         "borderBottomRightRadius": 999,
         "borderTopRightRadius": 999,
         "flex": 1,
@@ -108,7 +108,7 @@ exports[`Progress.Circle allows to custom value renderer 1`] = `
           style={
             Array [
               Object {
-                "borderColor": "#017d6d",
+                "borderColor": "#5ace7d",
                 "borderRadius": 999,
                 "borderWidth": 4,
                 "height": 72,
@@ -202,7 +202,7 @@ exports[`Progress.Circle allows to custom value renderer 1`] = `
           style={
             Array [
               Object {
-                "borderColor": "#017d6d",
+                "borderColor": "#5ace7d",
                 "borderRadius": 999,
                 "borderWidth": 4,
                 "height": 72,
@@ -272,7 +272,7 @@ exports[`Progress.Circle allows to custom value renderer 1`] = `
       style={
         Array [
           Object {
-            "backgroundColor": "#017d6d",
+            "backgroundColor": "#5ace7d",
             "borderRadius": 999,
             "height": 4,
             "left": 34,
@@ -308,7 +308,7 @@ exports[`Progress.Circle allows to custom value renderer 1`] = `
         style={
           Array [
             Object {
-              "backgroundColor": "#017d6d",
+              "backgroundColor": "#5ace7d",
               "borderRadius": 999,
               "height": 4,
               "left": 34,
@@ -688,7 +688,7 @@ exports[`Progress.Circle renders correctly with intent 1`] = `
           style={
             Array [
               Object {
-                "borderColor": "#017d6d",
+                "borderColor": "#5ace7d",
                 "borderRadius": 999,
                 "borderWidth": 4,
                 "height": 72,
@@ -782,7 +782,7 @@ exports[`Progress.Circle renders correctly with intent 1`] = `
           style={
             Array [
               Object {
-                "borderColor": "#017d6d",
+                "borderColor": "#5ace7d",
                 "borderRadius": 999,
                 "borderWidth": 4,
                 "height": 72,
@@ -852,7 +852,7 @@ exports[`Progress.Circle renders correctly with intent 1`] = `
       style={
         Array [
           Object {
-            "backgroundColor": "#017d6d",
+            "backgroundColor": "#5ace7d",
             "borderRadius": 999,
             "height": 4,
             "left": 34,
@@ -888,7 +888,7 @@ exports[`Progress.Circle renders correctly with intent 1`] = `
         style={
           Array [
             Object {
-              "backgroundColor": "#017d6d",
+              "backgroundColor": "#5ace7d",
               "borderRadius": 999,
               "height": 4,
               "left": 34,

package/src/components/RichTextEditor/RichTextEditor.tsx

@@ -364,7 +364,7 @@ const RichTextEditor: ComponentType<RichTextEditorProps> = ({
       </StyledTextInputContainer>
       <StyledErrorAndHelpTextContainer>
         <StyledErrorAndMaxLengthContainer>
-          {!!error && (
+          {error ? (
             <StyledErrorContainer>
               <Icon
                 testID="input-error-icon"
@@ -374,9 +374,10 @@ const RichTextEditor: ComponentType<RichTextEditorProps> = ({
               />
               <StyledError testID="input-error-message">{error}</StyledError>
             </StyledErrorContainer>
+          ) : (
+            !!helpText && <StyledHelperText>{helpText}</StyledHelperText>
           )}
         </StyledErrorAndMaxLengthContainer>
-        {!!helpText && <StyledHelperText>{helpText}</StyledHelperText>}
       </StyledErrorAndHelpTextContainer>
     </StyledContainer>
   );

package/src/components/RichTextEditor/__tests__/__snapshots__/RichTextEditor.spec.tsx.snap

@@ -5,7 +5,7 @@ exports[`RichTextEditor onMessage recevied event editor-layout should update hei
   style={
     Array [
       Object {
-        "marginVertical": 8,
+        "marginTop": 8,
         "width": "100%",
       },
       undefined,
@@ -184,6 +184,7 @@ exports[`RichTextEditor onMessage recevied event editor-layout should update hei
     style={
       Array [
         Object {
+          "minHeight": 16,
           "paddingLeft": 16,
         },
         undefined,
@@ -269,7 +270,7 @@ exports[`RichTextEditor should render correctly 1`] = `
   style={
     Array [
       Object {
-        "marginVertical": 8,
+        "marginTop": 8,
         "width": "100%",
       },
       undefined,
@@ -447,6 +448,7 @@ exports[`RichTextEditor should render correctly 1`] = `
     style={
       Array [
         Object {
+          "minHeight": 16,
           "paddingLeft": 16,
         },
         undefined,

package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap

@@ -30,7 +30,7 @@ Array [
           style={
             Array [
               Object {
-                "marginVertical": 8,
+                "marginTop": 8,
                 "width": "100%",
               },
               undefined,
@@ -186,6 +186,7 @@ Array [
             style={
               Array [
                 Object {
+                  "minHeight": 16,
                   "paddingLeft": 16,
                 },
                 undefined,
@@ -1392,7 +1393,7 @@ Array [
           style={
             Array [
               Object {
-                "marginVertical": 8,
+                "marginTop": 8,
                 "width": "100%",
               },
               undefined,
@@ -1542,6 +1543,7 @@ Array [
             style={
               Array [
                 Object {
+                  "minHeight": 16,
                   "paddingLeft": 16,
                 },
                 undefined,
@@ -1603,7 +1605,7 @@ Array [
           style={
             Array [
               Object {
-                "marginVertical": 8,
+                "marginTop": 8,
                 "width": "100%",
               },
               undefined,
@@ -1753,6 +1755,7 @@ Array [
             style={
               Array [
                 Object {
+                  "minHeight": 16,
                   "paddingLeft": 16,
                 },
                 undefined,
@@ -3136,7 +3139,7 @@ Array [
           style={
             Array [
               Object {
-                "marginVertical": 8,
+                "marginTop": 8,
                 "width": "100%",
               },
               undefined,
@@ -3299,6 +3302,7 @@ Array [
             style={
               Array [
                 Object {
+                  "minHeight": 16,
                   "paddingLeft": 16,
                 },
                 undefined,
@@ -3360,7 +3364,7 @@ Array [
           style={
             Array [
               Object {
-                "marginVertical": 8,
+                "marginTop": 8,
                 "width": "100%",
               },
               undefined,
@@ -3510,6 +3514,7 @@ Array [
             style={
               Array [
                 Object {
+                  "minHeight": 16,
                   "paddingLeft": 16,
                 },
                 undefined,

package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap

@@ -30,7 +30,7 @@ Array [
           style={
             Array [
               Object {
-                "marginVertical": 8,
+                "marginTop": 8,
                 "width": "100%",
               },
               undefined,
@@ -185,6 +185,7 @@ Array [
             style={
               Array [
                 Object {
+                  "minHeight": 16,
                   "paddingLeft": 16,
                 },
                 undefined,
@@ -1317,7 +1318,7 @@ Array [
           style={
             Array [
               Object {
-                "marginVertical": 8,
+                "marginTop": 8,
                 "width": "100%",
               },
               undefined,
@@ -1467,6 +1468,7 @@ Array [
             style={
               Array [
                 Object {
+                  "minHeight": 16,
                   "paddingLeft": 16,
                 },
                 undefined,
@@ -1528,7 +1530,7 @@ Array [
           style={
             Array [
               Object {
-                "marginVertical": 8,
+                "marginTop": 8,
                 "width": "100%",
               },
               undefined,
@@ -1678,6 +1680,7 @@ Array [
             style={
               Array [
                 Object {
+                  "minHeight": 16,
                   "paddingLeft": 16,
                 },
                 undefined,
@@ -2933,7 +2936,7 @@ Array [
           style={
             Array [
               Object {
-                "marginVertical": 8,
+                "marginTop": 8,
                 "width": "100%",
               },
               undefined,
@@ -3096,6 +3099,7 @@ Array [
             style={
               Array [
                 Object {
+                  "minHeight": 16,
                   "paddingLeft": 16,
                 },
                 undefined,
@@ -3157,7 +3161,7 @@ Array [
           style={
             Array [
               Object {
-                "marginVertical": 8,
+                "marginTop": 8,
                 "width": "100%",
               },
               undefined,
@@ -3307,6 +3311,7 @@ Array [
             style={
               Array [
                 Object {
+                  "minHeight": 16,
                   "paddingLeft": 16,
                 },
                 undefined,

package/src/components/TextInput/StyledTextInput.tsx

@@ -6,7 +6,7 @@ export type Variant = 'default' | 'filled' | 'disabled' | 'readonly' | 'error';
 
 const StyledContainer = styled(View)(({ theme }) => ({
   width: '100%',
-  marginVertical: theme.__hd__.textInput.space.containerMarginVertical,
+  marginTop: theme.__hd__.textInput.space.containerMarginTop,
 }));
 
 const StyledLabelContainer = styled(View)(({ theme }) => ({
@@ -125,6 +125,7 @@ const StyledTextInputAndLabelContainer = styled(View)(() => ({
 const StyledErrorAndHelpTextContainer = styled(View)(({ theme }) => ({
   paddingLeft:
     theme.__hd__.textInput.space.errorAndHelpTextContainerPaddingLeft,
+  minHeight: theme.__hd__.textInput.sizes.errorAndHelpTextContainerHeight,
 }));
 
 const StyledErrorAndMaxLengthContainer = styled(View)(() => ({