@factorialco/f0-react-native 0.19.1 → 0.20.1

package/README.md

@@ -1,6 +1,6 @@
-# Factorial One React Native
+# F0 React Native
 
-React Native implementation of the Factorial One Design System.
+React Native implementation of the F0 Design System.
 
 ## Installation
 
@@ -18,7 +18,7 @@ pnpm add @factorialco/f0-react-native
 import { ExampleComponent } from "@factorialco/f0-react-native";
 
 export default function App() {
-  return <ExampleComponent text="Hello from Factorial One!" />;
+  return <ExampleComponent text="Hello from F0!" />;
 }
 ```
 

package/package.json

@@ -1,22 +1,34 @@
 {
   "name": "@factorialco/f0-react-native",
-  "version": "0.19.1",
+  "version": "0.20.1",
   "type": "module",
-  "description": "React Native components for Factorial One Design System",
+  "description": "React Native components for F0 Design System",
   "main": "src/index.ts",
   "module": "src/index.ts",
   "exports": {
     ".": {
-      "import": "./src/index.ts"
+      "import": "./src/index.ts",
+      "require": "./src/index.ts",
+      "react-native": "./src/index.ts",
+      "default": "./src/index.ts"
     },
     "./icons": {
-      "import": "./src/icons/index.ts"
+      "import": "./src/icons/index.ts",
+      "require": "./src/icons/index.ts",
+      "react-native": "./src/icons/index.ts",
+      "default": "./src/icons/index.ts"
     },
     "./icons/app": {
-      "import": "./src/icons/app/index.ts"
+      "import": "./src/icons/app/index.ts",
+      "require": "./src/icons/app/index.ts",
+      "react-native": "./src/icons/app/index.ts",
+      "default": "./src/icons/app/index.ts"
     },
     "./icons/modules": {
-      "import": "./src/icons/modules/index.ts"
+      "import": "./src/icons/modules/index.ts",
+      "require": "./src/icons/modules/index.ts",
+      "react-native": "./src/icons/modules/index.ts",
+      "default": "./src/icons/modules/index.ts"
     },
     "./tailwind.config": "./tailwind.config.ts"
   },
@@ -49,7 +61,7 @@
     "lodash": "^4.17.21",
     "react-native-safe-area-context": "4.12.0",
     "tailwind-merge": "^2.6.0",
-    "@factorialco/f0-core": "1.25.1"
+    "@factorialco/f0-core": "1.29.0"
   },
   "devDependencies": {
     "@svgr/cli": "^8.1.0",
@@ -70,7 +82,8 @@
     "react-native-svg": "^15.8.0",
     "tailwindcss": "^3.4.3",
     "tailwindcss-animate": "^1.0.7",
-    "typescript": "^5.7.2"
+    "typescript": "^5.7.2",
+    "babel-jest": "^29.7.0"
   },
   "scripts": {
     "build": "echo 'we ship source code as is'; exit 0",

package/src/components/Avatars/TeamAvatar/__snapshots__/index.spec.tsx.snap

@@ -9,7 +9,7 @@ exports[`TeamAvatar Snapshot 1`] = `
   >
     <View
       aria-hidden={true}
-      className="flex shrink-0 items-center justify-center overflow-hidden text-center font-semibold w-8 h-8 rounded bg-[hsl(theme(colors.smoke.50))]"
+      className="flex shrink-0 items-center justify-center overflow-hidden text-center font-semibold w-8 h-8 rounded bg-[hsl(theme(colors.army.50))]"
       data-a11y-color-contrast-ignore={true}
       role="img"
     >
@@ -17,7 +17,7 @@ exports[`TeamAvatar Snapshot 1`] = `
         className="text-f1-foreground-inverse/90 text-md"
         data-a11y-color-contrast-ignore={true}
       >
-        FA
+        F0
       </Text>
     </View>
   </View>

package/src/components/Avatars/TeamAvatar/index.spec.tsx

@@ -4,7 +4,7 @@ import { TeamAvatar } from "./";
 
 describe("TeamAvatar", () => {
   it("Snapshot", () => {
-    const { toJSON } = render(<TeamAvatar name="Factorial One" />);
+    const { toJSON } = render(<TeamAvatar name="F0" />);
 
     expect(toJSON()).toMatchSnapshot();
   });

package/src/components/Icon/README.md

@@ -1,6 +1,6 @@
 # Icon Component
 
-The Icon component is used to render SVG icons from the Factorial One Design System in React Native applications.
+The Icon component is used to render SVG icons from the F0 Design System in React Native applications.
 
 ## Import Pattern
 

package/src/components/Tags/DotTag/__snapshots__/index.spec.tsx.snap

@@ -1025,57 +1025,3 @@ exports[`RawTag Snapshot 19`] = `
   </View>
 </View>
 `;
-
-exports[`RawTag Snapshot 20`] = `
-<View
-  className="flex items-start"
->
-  <View
-    accessibilityState={
-      {
-        "busy": undefined,
-        "checked": undefined,
-        "disabled": undefined,
-        "expanded": undefined,
-        "selected": undefined,
-      }
-    }
-    accessibilityValue={
-      {
-        "max": undefined,
-        "min": undefined,
-        "now": undefined,
-        "text": undefined,
-      }
-    }
-    accessible={true}
-    className="flex flex-row items-center justify-start gap-0.5 rounded-full py-0.5 pr-2 pl-1 border border-solid border-f1-border-secondary"
-    collapsable={false}
-    focusable={true}
-    onBlur={[Function]}
-    onClick={[Function]}
-    onFocus={[Function]}
-    onResponderGrant={[Function]}
-    onResponderMove={[Function]}
-    onResponderRelease={[Function]}
-    onResponderTerminate={[Function]}
-    onResponderTerminationRequest={[Function]}
-    onStartShouldSetResponder={[Function]}
-  >
-    <View
-      aria-hidden={true}
-      className="m-1 aspect-square w-2 rounded-full"
-      style={
-        {
-          "backgroundColor": "hsl(undefined)",
-        }
-      }
-    />
-    <Text
-      className="line-clamp-1 text-base font-medium text-f1-foreground"
-    >
-      Label
-    </Text>
-  </View>
-</View>
-`;

package/src/index.ts

@@ -1,14 +1,14 @@
 // Export components
 export * from "./components/Activity/ActivityItem";
+export * from "./components/Avatars/exports";
+export * from "./components/Badge";
 export * from "./components/Button";
+export * from "./components/Counter";
 export * from "./components/ExampleComponent";
 export * from "./components/Icon";
-export * from "./components/Avatars/exports";
-export * from "./components/Counter";
-export * from "./components/OnePreset";
-export * from "./components/Tags/exports";
-export * from "./components/OneChip";
 export * from "./components/Navigation/PageHeader";
+export * from "./components/OneChip";
+export * from "./components/OnePreset";
 export * from "./components/Tags/exports";
 export * from "./components/experimental/Lists/DataList";
 export * from "./components/experimental/Lists/DetailsItem";