@hero-design/rn 8.91.4 → 8.91.5

package/src/theme/components/bottomNavigation.ts

@@ -4,6 +4,11 @@ const getBottomNavigationTheme = (theme: GlobalTheme) => {
   const colors = {
     shadow: theme.colors.primary,
     background: theme.colors.defaultGlobalSurface,
+    borderTop: theme.colors.secondaryOutline,
+  };
+
+  const borderWidths = {
+    borderTop: theme.borderWidths.base,
   };
 
   const sizes = {
@@ -11,17 +16,14 @@ const getBottomNavigationTheme = (theme: GlobalTheme) => {
   };
 
   const shadows = {
-    offset: { width: 0, height: 3 },
-    opacity: 0.27,
-    radius: 4.65,
-    elevation: 10,
+    wrapper: theme.shadows.tabBar,
   };
 
   const space = {
     titleMarginTop: theme.space.xsmall,
   };
 
-  return { colors, shadows, sizes, space };
+  return { colors, borderWidths, shadows, sizes, space };
 };
 
 export default getBottomNavigationTheme;

package/src/theme/components/chip.ts

@@ -2,7 +2,7 @@ import type { GlobalTheme } from '../global';
 
 const getChipTheme = (theme: GlobalTheme) => {
   const colors = {
-    secondaryBackground: theme.colors.highlightedSurface,
+    secondaryBackground: theme.colors.decorativeSecondarySurface,
     filledBackground: theme.colors.defaultGlobalSurface,
     wrapperSelectedBorder: 'transparent',
     outlinedDefaultBackground: theme.colors.defaultGlobalSurface,
@@ -30,7 +30,7 @@ const getChipTheme = (theme: GlobalTheme) => {
   };
 
   const shadows = {
-    filledWrapper: theme.shadows.default,
+    filledWrapper: theme.shadows.cardDrawer,
   };
 
   const fontSizes = {

package/src/theme/components/floatingIsland.ts

@@ -10,7 +10,7 @@ const getFloatingIslandTheme = (theme: GlobalTheme) => {
   };
 
   const shadows = {
-    wrapper: theme.shadows.default,
+    wrapper: theme.shadows.cardDrawer,
   };
 
   const space = {

package/src/theme/components/list.ts

@@ -28,13 +28,7 @@ const getListTheme = (theme: GlobalTheme) => {
   };
 
   const shadows = {
-    card: {
-      offset: theme.shadows.default.shadowOffset,
-      elevation: theme.shadows.default.elevation,
-      color: theme.shadows.default.shadowColor,
-      radius: theme.shadows.default.shadowRadius,
-      opacity: theme.shadows.default.shadowOpacity,
-    },
+    card: theme.shadows.cardDrawer,
   };
 
   const widths = {

package/src/theme/components/mapPin.ts

@@ -3,6 +3,7 @@ import type { GlobalTheme } from '../global';
 const getMapPinTheme = (theme: GlobalTheme) => {
   const sizes = {
     default: 42,
+    badge: theme.sizes.large,
   };
 
   const fontSizes = {
@@ -15,16 +16,19 @@ const getMapPinTheme = (theme: GlobalTheme) => {
 
   const colors = {
     border: {
-      idle: theme.colors.defaultGlobalSurface,
+      idle: theme.colors.white,
       selected: theme.colors.secondary,
       applied: theme.colors.secondary,
     },
+    icon: theme.colors.black,
     badge: theme.colors.secondary,
-    background: theme.colors.defaultGlobalSurface,
+    badgeIcon: theme.colors.onSecondary,
+    background: theme.colors.white,
   };
 
   const radii = {
     default: theme.radii.large,
+    badge: theme.radii.rounded,
   };
 
   const space = {

package/src/theme/components/search.ts

@@ -18,11 +18,7 @@ const getSearchTheme = (theme: GlobalTheme) => {
   };
 
   const shadows = {
-    offset: theme.shadows.default.shadowOffset,
-    opacity: theme.shadows.default.shadowOpacity,
-    radius: theme.shadows.default.shadowRadius,
-    elevation: theme.shadows.default.elevation,
-    color: theme.shadows.default.shadowColor,
+    container: theme.shadows.cardDrawer,
   };
 
   const space = {

package/src/theme/components/toast.ts

@@ -43,11 +43,7 @@ const getToastTheme = (theme: GlobalTheme) => {
   };
 
   const shadows = {
-    offset: theme.shadows.default.shadowOffset,
-    opacity: theme.shadows.default.shadowOpacity,
-    radius: theme.shadows.default.shadowRadius,
-    elevation: theme.shadows.default.elevation,
-    color: theme.shadows.default.shadowColor,
+    wrapper: theme.shadows.cardDrawer,
   };
 
   return { colors, radii, sizes, space, borderWidths, shadows };

package/src/theme/global/colors/eBens.ts

@@ -15,6 +15,9 @@ const eBensBrandSystemPallete: BrandSystemPalette = {
   decorativePrimarySurface: palette.mauveLight80,
 };
 
+/**
+ * @deprecated This palette is deprecated and will be removed in the next major release.
+ */
 const eBensSystemPalette: SystemPalette = {
   ...swag,
   ...eBensBrandSystemPallete,

package/src/theme/global/colors/jobs.ts

@@ -15,6 +15,9 @@ const jobsBrandSystemPallete: BrandSystemPalette = {
   decorativePrimarySurface: palette.hitPinkLight80,
 };
 
+/**
+ * @deprecated This palette is deprecated and will be removed in the next major release.
+ */
 const jobsSystemPalette: SystemPalette = {
   ...swag,
   ...jobsBrandSystemPallete,

package/src/theme/global/colors/swag.ts

@@ -15,6 +15,9 @@ const swagBrandSystemPallete: BrandSystemPalette = {
   decorativePrimarySurface: palette.maasstrichtBlueLight80,
 };
 
+/**
+ * @deprecated This palette is deprecated and will be removed in the next major release.
+ */
 const swagSystemPalette: SystemPalette = {
   // Global
   ...globalPalette,

package/src/theme/global/colors/swagDark.ts

@@ -15,6 +15,9 @@ const swagDarkBrandSystemPalette: BrandSystemPalette = {
   decorativePrimarySurface: palette.maasstrichtBlueLight10,
 };
 
+/**
+ * @deprecated This palette is deprecated and will be removed in the next major release.
+ */
 const swagDarkSystemPalette: SystemPalette = {
   // Global
   ...globalDarkPalette,

package/src/theme/global/colors/wallet.ts

@@ -15,6 +15,9 @@ const walletBrandSystemPallete: BrandSystemPalette = {
   decorativePrimarySurface: palette.frenchSkyLight80,
 };
 
+/**
+ * @deprecated This palette is deprecated and will be removed in the next major release.
+ */
 const walletSystemPalette: SystemPalette = {
   ...swag,
   ...walletBrandSystemPallete,

package/src/theme/global/colors/work.ts

@@ -15,6 +15,9 @@ const workBrandSystemPallete: BrandSystemPalette = {
   decorativePrimarySurface: palette.goldLight80,
 };
 
+/**
+ * @deprecated This palette is deprecated and will be removed in the next major release.
+ */
 const workSystemPalette: SystemPalette = {
   ...swag,
   ...workBrandSystemPallete,