@hero-design/rn 7.23.0 → 7.25.0

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

@@ -41,7 +41,7 @@ exports[`ToolbarGroup renders correctly with when align is center 1`] = `
       style={
         Array [
           Object {
-            "color": "#001f23",
+            "color": "#401960",
             "fontSize": 24,
           },
           undefined,
@@ -55,7 +55,7 @@ exports[`ToolbarGroup renders correctly with when align is center 1`] = `
       style={
         Array [
           Object {
-            "color": "#001f23",
+            "color": "#401960",
             "fontFamily": "BeVietnamPro-SemiBold",
             "fontSize": 12,
             "letterSpacing": 0.36,
@@ -97,7 +97,7 @@ exports[`ToolbarGroup renders correctly with when align is center 1`] = `
       style={
         Array [
           Object {
-            "color": "#001f23",
+            "color": "#401960",
             "fontSize": 24,
           },
           undefined,
@@ -111,7 +111,7 @@ exports[`ToolbarGroup renders correctly with when align is center 1`] = `
       style={
         Array [
           Object {
-            "color": "#001f23",
+            "color": "#401960",
             "fontFamily": "BeVietnamPro-SemiBold",
             "fontSize": 12,
             "letterSpacing": 0.36,
@@ -171,7 +171,7 @@ exports[`ToolbarGroup renders correctly with when align is left 1`] = `
       style={
         Array [
           Object {
-            "color": "#001f23",
+            "color": "#401960",
             "fontSize": 24,
           },
           undefined,
@@ -185,7 +185,7 @@ exports[`ToolbarGroup renders correctly with when align is left 1`] = `
       style={
         Array [
           Object {
-            "color": "#001f23",
+            "color": "#401960",
             "fontFamily": "BeVietnamPro-SemiBold",
             "fontSize": 12,
             "letterSpacing": 0.36,
@@ -227,7 +227,7 @@ exports[`ToolbarGroup renders correctly with when align is left 1`] = `
       style={
         Array [
           Object {
-            "color": "#001f23",
+            "color": "#401960",
             "fontSize": 24,
           },
           undefined,
@@ -241,7 +241,7 @@ exports[`ToolbarGroup renders correctly with when align is left 1`] = `
       style={
         Array [
           Object {
-            "color": "#001f23",
+            "color": "#401960",
             "fontFamily": "BeVietnamPro-SemiBold",
             "fontSize": 12,
             "letterSpacing": 0.36,
@@ -301,7 +301,7 @@ exports[`ToolbarGroup renders correctly with when align is right 1`] = `
       style={
         Array [
           Object {
-            "color": "#001f23",
+            "color": "#401960",
             "fontSize": 24,
           },
           undefined,
@@ -315,7 +315,7 @@ exports[`ToolbarGroup renders correctly with when align is right 1`] = `
       style={
         Array [
           Object {
-            "color": "#001f23",
+            "color": "#401960",
             "fontFamily": "BeVietnamPro-SemiBold",
             "fontSize": 12,
             "letterSpacing": 0.36,
@@ -357,7 +357,7 @@ exports[`ToolbarGroup renders correctly with when align is right 1`] = `
       style={
         Array [
           Object {
-            "color": "#001f23",
+            "color": "#401960",
             "fontSize": 24,
           },
           undefined,
@@ -371,7 +371,7 @@ exports[`ToolbarGroup renders correctly with when align is right 1`] = `
       style={
         Array [
           Object {
-            "color": "#001f23",
+            "color": "#401960",
             "fontFamily": "BeVietnamPro-SemiBold",
             "fontSize": 12,
             "letterSpacing": 0.36,

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

@@ -27,7 +27,7 @@ exports[`ToolbarItems renders correctly when disabled 1`] = `
     style={
       Array [
         Object {
-          "color": "#4d6265",
+          "color": "#bfc1c5",
           "fontSize": 24,
         },
         undefined,
@@ -159,7 +159,7 @@ exports[`ToolbarItems renders correctly when intent is info 1`] = `
     style={
       Array [
         Object {
-          "color": "#b5c3fd",
+          "color": "#4568fb",
           "fontFamily": "BeVietnamPro-SemiBold",
           "fontSize": 12,
           "letterSpacing": 0.36,
@@ -204,7 +204,7 @@ exports[`ToolbarItems renders correctly when intent is primary 1`] = `
     style={
       Array [
         Object {
-          "color": "#001f23",
+          "color": "#401960",
           "fontSize": 24,
         },
         undefined,
@@ -218,7 +218,7 @@ exports[`ToolbarItems renders correctly when intent is primary 1`] = `
     style={
       Array [
         Object {
-          "color": "#001f23",
+          "color": "#401960",
           "fontFamily": "BeVietnamPro-SemiBold",
           "fontSize": 12,
           "letterSpacing": 0.36,
@@ -277,7 +277,7 @@ exports[`ToolbarItems renders correctly when intent is success 1`] = `
     style={
       Array [
         Object {
-          "color": "#5ace7d",
+          "color": "#017d6d",
           "fontFamily": "BeVietnamPro-SemiBold",
           "fontSize": 12,
           "letterSpacing": 0.36,
@@ -336,7 +336,7 @@ exports[`ToolbarItems renders correctly when intent is warning 1`] = `
     style={
       Array [
         Object {
-          "color": "#ffbe71",
+          "color": "#ffa234",
           "fontFamily": "BeVietnamPro-SemiBold",
           "fontSize": 12,
           "letterSpacing": 0.36,

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

@@ -49,7 +49,7 @@ exports[`StyledText has info intent style 1`] = `
   style={
     Array [
       Object {
-        "color": "#b5c3fd",
+        "color": "#4568fb",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 14,
         "letterSpacing": 0.42,
@@ -159,7 +159,7 @@ exports[`StyledText has primary intent style 1`] = `
   style={
     Array [
       Object {
-        "color": "#001f23",
+        "color": "#401960",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 14,
         "letterSpacing": 0.42,
@@ -269,7 +269,7 @@ exports[`StyledText has success intent style 1`] = `
   style={
     Array [
       Object {
-        "color": "#5ace7d",
+        "color": "#017d6d",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 14,
         "letterSpacing": 0.42,
@@ -291,7 +291,7 @@ exports[`StyledText has warning intent style 1`] = `
   style={
     Array [
       Object {
-        "color": "#ffbe71",
+        "color": "#ffa234",
         "fontFamily": "BeVietnamPro-Regular",
         "fontSize": 14,
         "letterSpacing": 0.42,

package/src/emotion.d.ts

@@ -2,5 +2,6 @@ import '@emotion/react';
 import { Theme as HeroTheme } from './theme';
 
 declare module '@emotion/react' {
+  // eslint-disable-next-line @typescript-eslint/no-empty-interface
   export interface Theme extends HeroTheme {}
 }

package/src/index.ts

@@ -5,11 +5,15 @@ import theme, {
   swagSystemPalette,
   workSystemPalette,
   jobsSystemPalette,
+  walletSystemPalette,
+  eBensSystemPalette,
+  ThemeSwitcher,
 } from './theme';
 import { scale } from './utils/scale';
 
 import Accordion from './components/Accordion';
 import Alert from './components/Alert';
+import Attachment from './components/Attachment';
 import Avatar from './components/Avatar';
 import Badge from './components/Badge';
 import BottomNavigation from './components/BottomNavigation';
@@ -33,6 +37,7 @@ import PinInput from './components/PinInput';
 import Progress from './components/Progress';
 import Slider from './components/Slider';
 import Spinner from './components/Spinner';
+import Swipeable from './components/Swipeable';
 import Radio from './components/Radio';
 import SectionHeading from './components/SectionHeading';
 import Select from './components/Select';
@@ -53,11 +58,15 @@ export {
   useTheme,
   scale,
   ThemeProvider,
+  ThemeSwitcher,
   swagSystemPalette,
   workSystemPalette,
   jobsSystemPalette,
+  walletSystemPalette,
+  eBensSystemPalette,
   Accordion,
   Alert,
+  Attachment,
   Avatar,
   Badge,
   BottomNavigation,
@@ -81,6 +90,7 @@ export {
   Progress,
   Slider,
   Spinner,
+  Swipeable,
   Radio,
   SectionHeading,
   Select,

package/src/theme/ThemeSwitcher.tsx

@@ -6,10 +6,12 @@ import {
   swagSystemPalette,
   workSystemPalette,
   jobsSystemPalette,
+  walletSystemPalette,
+  eBensSystemPalette,
 } from './global';
 import ThemeProvider from './ThemeProvider';
 
-type ThemeName = 'swag' | 'work' | 'jobs';
+type ThemeName = 'swag' | 'work' | 'jobs' | 'wallet' | 'eBens';
 
 const ThemeSwitcher = ({
   name = 'swag',
@@ -26,6 +28,10 @@ const ThemeSwitcher = ({
         return getTheme(defaultScale, workSystemPalette);
       case 'jobs':
         return getTheme(defaultScale, jobsSystemPalette);
+      case 'wallet':
+        return getTheme(defaultScale, walletSystemPalette);
+      case 'eBens':
+        return getTheme(defaultScale, eBensSystemPalette);
     }
   }, [name]);
   return <ThemeProvider theme={theme}>{children}</ThemeProvider>;