@hero-design/rn 8.92.2 → 8.93.0

package/src/theme/components/search.ts

@@ -5,16 +5,15 @@ const getSearchTheme = (theme: GlobalTheme) => {
     basic: {
       containerBackground: theme.colors.neutralGlobalSurface,
       border: theme.colors.neutralGlobalSurface,
-      focusedBorder: theme.colors.primaryOutline,
     },
     reversed: {
       containerBackground: theme.colors.defaultGlobalSurface,
       border: theme.colors.secondaryOutline,
-      focusedBorder: theme.colors.primaryOutline,
     },
     suffixBackground: theme.colors.defaultGlobalSurface,
     text: theme.colors.onDefaultGlobalSurface,
     shadow: theme.colors.primaryOutline,
+    placeholder: theme.colors.mutedOnDefaultGlobalSurface,
   };
 
   const shadows = {
@@ -42,14 +41,7 @@ const getSearchTheme = (theme: GlobalTheme) => {
 
   const borderWidths = {
     container: {
-      basic: {
-        normal: theme.borderWidths.medium,
-        focused: theme.borderWidths.medium,
-      },
-      reversed: {
-        normal: theme.borderWidths.base,
-        focused: theme.borderWidths.medium,
-      },
+      default: theme.borderWidths.base,
     },
   };
 

package/src/theme/components/toolbar.ts

@@ -13,6 +13,8 @@ const getToolbarTheme = (theme: GlobalTheme) => {
     disabled: theme.colors.disabledOnDefaultGlobalSurface,
     iconButtonBackground: theme.colors.highlightedSurface,
     inputContainerBackground: theme.colors.neutralGlobalSurface,
+    text: theme.colors.onDefaultGlobalSurface,
+    placeholder: theme.colors.mutedOnDefaultGlobalSurface,
   };
 
   const space = {

package/src/utils/helpers.ts

@@ -27,3 +27,12 @@ export function omit<O, T extends keyof O>(keys: T[], obj: O): Omit<O, T> {
 
   return result;
 }
+
+export function hexToRgba(hex: string, a: number) {
+  const arrBuff = new ArrayBuffer(4);
+  const vw = new DataView(arrBuff);
+  vw.setUint32(0, parseInt(hex, 16), false);
+  const arrByte = new Uint8Array(arrBuff);
+  const [r, g, b] = arrByte;
+  return `rgba(${r},${g},${b},${a})`;
+}