npm - @hero-design/rn - Versions diffs - 8.68.0-alpha.0 → 8.68.0 - Mend

@hero-design/rn 8.68.0-alpha.0 → 8.68.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (369) hide show

package/src/components/Toolbar/__tests__/__snapshots__/ToolbarGroup.spec.tsx.snap CHANGED Viewed

@@ -66,7 +66,7 @@ exports[`ToolbarGroup renders correctly with when align is center 1`] = `
           [
             {
               "alignItems": "center",
-              "backgroundColor": "#F1E9FB",
+              "backgroundColor": "#ece8ef",
               "borderRadius": 24,
               "flexDirection": "row",
               "justifyContent": "center",
@@ -81,7 +81,7 @@ exports[`ToolbarGroup renders correctly with when align is center 1`] = `
           style={
             [
               {
-                "color": "#7622d7",
+                "color": "#401960",
                 "fontSize": 24,
               },
               undefined,
@@ -97,7 +97,7 @@ exports[`ToolbarGroup renders correctly with when align is center 1`] = `
           style={
             [
               {
-                "color": "#7622d7",
+                "color": "#401960",
                 "fontFamily": "BeVietnamPro-SemiBold",
                 "fontSize": 16,
                 "letterSpacing": 0.24,
@@ -163,7 +163,7 @@ exports[`ToolbarGroup renders correctly with when align is center 1`] = `
           [
             {
               "alignItems": "center",
-              "backgroundColor": "#F1E9FB",
+              "backgroundColor": "#ece8ef",
               "borderRadius": 24,
               "flexDirection": "row",
               "justifyContent": "center",
@@ -178,7 +178,7 @@ exports[`ToolbarGroup renders correctly with when align is center 1`] = `
           style={
             [
               {
-                "color": "#7622d7",
+                "color": "#401960",
                 "fontSize": 24,
               },
               undefined,
@@ -194,7 +194,7 @@ exports[`ToolbarGroup renders correctly with when align is center 1`] = `
           style={
             [
               {
-                "color": "#7622d7",
+                "color": "#401960",
                 "fontFamily": "BeVietnamPro-SemiBold",
                 "fontSize": 16,
                 "letterSpacing": 0.24,
@@ -306,7 +306,7 @@ exports[`ToolbarGroup renders correctly with when align is left 1`] = `
           [
             {
               "alignItems": "center",
-              "backgroundColor": "#F1E9FB",
+              "backgroundColor": "#ece8ef",
               "borderRadius": 24,
               "flexDirection": "row",
               "justifyContent": "center",
@@ -321,7 +321,7 @@ exports[`ToolbarGroup renders correctly with when align is left 1`] = `
           style={
             [
               {
-                "color": "#7622d7",
+                "color": "#401960",
                 "fontSize": 24,
               },
               undefined,
@@ -337,7 +337,7 @@ exports[`ToolbarGroup renders correctly with when align is left 1`] = `
           style={
             [
               {
-                "color": "#7622d7",
+                "color": "#401960",
                 "fontFamily": "BeVietnamPro-SemiBold",
                 "fontSize": 16,
                 "letterSpacing": 0.24,
@@ -403,7 +403,7 @@ exports[`ToolbarGroup renders correctly with when align is left 1`] = `
           [
             {
               "alignItems": "center",
-              "backgroundColor": "#F1E9FB",
+              "backgroundColor": "#ece8ef",
               "borderRadius": 24,
               "flexDirection": "row",
               "justifyContent": "center",
@@ -418,7 +418,7 @@ exports[`ToolbarGroup renders correctly with when align is left 1`] = `
           style={
             [
               {
-                "color": "#7622d7",
+                "color": "#401960",
                 "fontSize": 24,
               },
               undefined,
@@ -434,7 +434,7 @@ exports[`ToolbarGroup renders correctly with when align is left 1`] = `
           style={
             [
               {
-                "color": "#7622d7",
+                "color": "#401960",
                 "fontFamily": "BeVietnamPro-SemiBold",
                 "fontSize": 16,
                 "letterSpacing": 0.24,
@@ -546,7 +546,7 @@ exports[`ToolbarGroup renders correctly with when align is right 1`] = `
           [
             {
               "alignItems": "center",
-              "backgroundColor": "#F1E9FB",
+              "backgroundColor": "#ece8ef",
               "borderRadius": 24,
               "flexDirection": "row",
               "justifyContent": "center",
@@ -561,7 +561,7 @@ exports[`ToolbarGroup renders correctly with when align is right 1`] = `
           style={
             [
               {
-                "color": "#7622d7",
+                "color": "#401960",
                 "fontSize": 24,
               },
               undefined,
@@ -577,7 +577,7 @@ exports[`ToolbarGroup renders correctly with when align is right 1`] = `
           style={
             [
               {
-                "color": "#7622d7",
+                "color": "#401960",
                 "fontFamily": "BeVietnamPro-SemiBold",
                 "fontSize": 16,
                 "letterSpacing": 0.24,
@@ -643,7 +643,7 @@ exports[`ToolbarGroup renders correctly with when align is right 1`] = `
           [
             {
               "alignItems": "center",
-              "backgroundColor": "#F1E9FB",
+              "backgroundColor": "#ece8ef",
               "borderRadius": 24,
               "flexDirection": "row",
               "justifyContent": "center",
@@ -658,7 +658,7 @@ exports[`ToolbarGroup renders correctly with when align is right 1`] = `
           style={
             [
               {
-                "color": "#7622d7",
+                "color": "#401960",
                 "fontSize": 24,
               },
               undefined,
@@ -674,7 +674,7 @@ exports[`ToolbarGroup renders correctly with when align is right 1`] = `
           style={
             [
               {
-                "color": "#7622d7",
+                "color": "#401960",
                 "fontFamily": "BeVietnamPro-SemiBold",
                 "fontSize": 16,
                 "letterSpacing": 0.24,

package/src/components/Toolbar/__tests__/__snapshots__/ToolbarItem.spec.tsx.snap CHANGED Viewed

@@ -52,7 +52,7 @@ exports[`ToolbarItems renders correctly when disabled 1`] = `
         [
           {
             "alignItems": "center",
-            "backgroundColor": "#F1E9FB",
+            "backgroundColor": "#ece8ef",
             "borderRadius": 24,
             "flexDirection": "row",
             "justifyContent": "center",
@@ -364,7 +364,7 @@ exports[`ToolbarItems renders correctly when intent is primary, icon is ai-outli
         [
           {
             "alignItems": "center",
-            "backgroundColor": "#F1E9FB",
+            "backgroundColor": "#ece8ef",
             "borderRadius": 24,
             "flexDirection": "row",
             "justifyContent": "center",
@@ -379,7 +379,7 @@ exports[`ToolbarItems renders correctly when intent is primary, icon is ai-outli
         style={
           [
             {
-              "color": "#7622d7",
+              "color": "#401960",
               "fontSize": 24,
             },
             undefined,
@@ -395,7 +395,7 @@ exports[`ToolbarItems renders correctly when intent is primary, icon is ai-outli
         style={
           [
             {
-              "color": "#7622d7",
+              "color": "#401960",
               "fontFamily": "BeVietnamPro-SemiBold",
               "fontSize": 16,
               "letterSpacing": 0.24,
@@ -492,7 +492,7 @@ exports[`ToolbarItems renders correctly when intent is primary, icon is ai-outli
         [
           {
             "alignItems": "center",
-            "backgroundColor": "#F1E9FB",
+            "backgroundColor": "#ece8ef",
             "borderRadius": 24,
             "flexDirection": "row",
             "justifyContent": "center",
@@ -620,7 +620,7 @@ exports[`ToolbarItems renders correctly when intent is primary, icon is ai-outli
         [
           {
             "alignItems": "center",
-            "backgroundColor": "#F1E9FB",
+            "backgroundColor": "#ece8ef",
             "borderRadius": 24,
             "flexDirection": "row",
             "justifyContent": "center",
@@ -635,7 +635,7 @@ exports[`ToolbarItems renders correctly when intent is primary, icon is ai-outli
         style={
           [
             {
-              "color": "#7622d7",
+              "color": "#401960",
               "fontSize": 24,
             },
             undefined,

package/src/components/Typography/Body/__tests__/__snapshots__/StyledBody.tsx.snap CHANGED Viewed

@@ -212,7 +212,7 @@ exports[`StyledBody has primary intent style 1`] = `
     style={
       [
         {
-          "color": "#7622d7",
+          "color": "#401960",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 16,
           "letterSpacing": 0.48,

package/src/components/Typography/Body/__tests__/__snapshots__/index.spec.tsx.snap CHANGED Viewed

@@ -319,7 +319,7 @@ exports[`Body has primary intent style 1`] = `
     style={
       [
         {
-          "color": "#7622d7",
+          "color": "#401960",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 16,
           "letterSpacing": 0.48,
@@ -574,7 +574,7 @@ exports[`Body has secondary intent style 1`] = `
     style={
       [
         {
-          "color": "#460078",
+          "color": "#795e90",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 16,
           "letterSpacing": 0.48,

package/src/components/Typography/Caption/__tests__/__snapshots__/StyledCaption.spec.tsx.snap CHANGED Viewed

@@ -208,7 +208,7 @@ exports[`StyledCaption has primary intent style 1`] = `
     style={
       [
         {
-          "color": "#7622d7",
+          "color": "#401960",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 12,
           "letterSpacing": 0.36,

package/src/components/Typography/Caption/__tests__/__snapshots__/index.spec.tsx.snap CHANGED Viewed

@@ -313,7 +313,7 @@ exports[`Caption has primary intent style 1`] = `
     style={
       [
         {
-          "color": "#7622d7",
+          "color": "#401960",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 12,
           "letterSpacing": 0.36,
@@ -413,7 +413,7 @@ exports[`Caption has secondary intent style 1`] = `
     style={
       [
         {
-          "color": "#460078",
+          "color": "#795e90",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 12,
           "letterSpacing": 0.36,

package/src/components/Typography/Label/__tests__/__snapshots__/StyledLabel.tsx.snap CHANGED Viewed

@@ -200,7 +200,7 @@ exports[`StyledLabel has primary intent style 1`] = `
     style={
       [
         {
-          "color": "#7622d7",
+          "color": "#401960",
           "fontSize": 10,
           "letterSpacing": 0,
           "lineHeight": 14,

package/src/components/Typography/Label/__tests__/__snapshots__/index.spec.tsx.snap CHANGED Viewed

@@ -301,7 +301,7 @@ exports[`Label has primary intent style 1`] = `
     style={
       [
         {
-          "color": "#7622d7",
+          "color": "#401960",
           "fontSize": 10,
           "letterSpacing": 0,
           "lineHeight": 14,
@@ -349,7 +349,7 @@ exports[`Label has secondary intent style 1`] = `
     style={
       [
         {
-          "color": "#460078",
+          "color": "#795e90",
           "fontSize": 10,
           "letterSpacing": 0,
           "lineHeight": 14,

package/src/components/Typography/Text/__tests__/__snapshots__/StyledText.spec.tsx.snap CHANGED Viewed

@@ -471,7 +471,7 @@ exports[`StyledText has primary intent style 1`] = `
     style={
       [
         {
-          "color": "#7622d7",
+          "color": "#401960",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 14,
           "letterSpacing": 0.42,

package/src/components/Typography/Title/__tests__/__snapshots__/StyledTitle.tsx.snap CHANGED Viewed

@@ -812,7 +812,7 @@ exports[`StyledTitle has primary intent style 1`] = `
     style={
       [
         {
-          "color": "#7622d7",
+          "color": "#401960",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 18,
           "letterSpacing": 0.48,

package/src/components/Typography/Title/__tests__/__snapshots__/index.spec.tsx.snap CHANGED Viewed

@@ -931,7 +931,7 @@ exports[`Title has primary intent style 1`] = `
     style={
       [
         {
-          "color": "#7622d7",
+          "color": "#401960",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 42,
           "letterSpacing": 0,
@@ -982,7 +982,7 @@ exports[`Title has secondary intent style 1`] = `
     style={
       [
         {
-          "color": "#460078",
+          "color": "#795e90",
           "fontFamily": "BeVietnamPro-Regular",
           "fontSize": 42,
           "letterSpacing": 0,

package/src/index.ts CHANGED Viewed

@@ -68,6 +68,7 @@ import {
   SectionListWithFAB,
   FlatListWithFAB,
 } from './components/AnimatedScroller';
+import Search from './components/Search';
 export {
   theme,
@@ -121,6 +122,7 @@ export {
   Spinner,
   Swipeable,
   Radio,
+  Search,
   ScrollViewWithFAB,
   SectionHeading,
   SectionListWithFAB,

package/src/theme/ThemeSwitcher.tsx CHANGED Viewed

@@ -9,21 +9,13 @@ import {
   walletSystemPalette,
   eBensSystemPalette,
   swagDarkSystemPalette,
-  swagLightSystemPalette,
 } from './global';
 import ThemeProvider from './ThemeProvider';
-type ThemeName =
-  | 'swag'
-  | 'swagLight'
-  | 'swagDark'
-  | 'work'
-  | 'jobs'
-  | 'wallet'
-  | 'eBens';
+type ThemeName = 'swag' | 'swagDark' | 'work' | 'jobs' | 'wallet' | 'eBens';
 const ThemeSwitcher = ({
-  name = 'swagLight',
+  name = 'swag',
   children,
 }: {
   name?: ThemeName;
@@ -43,8 +35,6 @@ const ThemeSwitcher = ({
         return getTheme(defaultScale, eBensSystemPalette);
       case 'swagDark':
         return getTheme(defaultScale, swagDarkSystemPalette);
-      case 'swagLight':
-        return getTheme(defaultScale, swagLightSystemPalette);
     }
   }, [name]);
   return <ThemeProvider theme={theme}>{children}</ThemeProvider>;