@factorialco/f0-react-native 0.28.1 → 0.30.0

package/src/components/primitives/F0Text/F0Text/__tests__/__snapshots__/F0Text.spec.tsx.snap

@@ -2,7 +2,7 @@
 
 exports[`F0Text Snapshots renders all color variants: color-accent 1`] = `
 <Text
-  className="text-[14px] leading-[20px] font-normal text-f0-foreground-accent text-left"
+  className="no-underline normal-case tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground-accent text-left"
 >
   accent
    text
@@ -11,7 +11,7 @@ exports[`F0Text Snapshots renders all color variants: color-accent 1`] = `
 
 exports[`F0Text Snapshots renders all color variants: color-critical 1`] = `
 <Text
-  className="text-[14px] leading-[20px] font-normal text-f0-foreground-critical text-left"
+  className="no-underline normal-case tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground-critical text-left"
 >
   critical
    text
@@ -20,7 +20,7 @@ exports[`F0Text Snapshots renders all color variants: color-critical 1`] = `
 
 exports[`F0Text Snapshots renders all color variants: color-default 1`] = `
 <Text
-  className="text-[14px] leading-[20px] font-normal text-f0-foreground text-left"
+  className="no-underline normal-case tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground text-left"
 >
   default
    text
@@ -29,7 +29,7 @@ exports[`F0Text Snapshots renders all color variants: color-default 1`] = `
 
 exports[`F0Text Snapshots renders all color variants: color-disabled 1`] = `
 <Text
-  className="text-[14px] leading-[20px] font-normal text-f0-foreground-disabled text-left"
+  className="no-underline normal-case tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground-disabled text-left"
 >
   disabled
    text
@@ -38,7 +38,7 @@ exports[`F0Text Snapshots renders all color variants: color-disabled 1`] = `
 
 exports[`F0Text Snapshots renders all color variants: color-info 1`] = `
 <Text
-  className="text-[14px] leading-[20px] font-normal text-f0-foreground-info text-left"
+  className="no-underline normal-case tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground-info text-left"
 >
   info
    text
@@ -47,7 +47,7 @@ exports[`F0Text Snapshots renders all color variants: color-info 1`] = `
 
 exports[`F0Text Snapshots renders all color variants: color-inverse 1`] = `
 <Text
-  className="text-[14px] leading-[20px] font-normal text-f0-foreground-inverse text-left"
+  className="no-underline normal-case tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground-inverse text-left"
 >
   inverse
    text
@@ -56,7 +56,7 @@ exports[`F0Text Snapshots renders all color variants: color-inverse 1`] = `
 
 exports[`F0Text Snapshots renders all color variants: color-inverse-secondary 1`] = `
 <Text
-  className="text-[14px] leading-[20px] font-normal text-f0-foreground-inverse-secondary text-left"
+  className="no-underline normal-case tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground-inverse-secondary text-left"
 >
   inverse-secondary
    text
@@ -65,7 +65,7 @@ exports[`F0Text Snapshots renders all color variants: color-inverse-secondary 1`
 
 exports[`F0Text Snapshots renders all color variants: color-positive 1`] = `
 <Text
-  className="text-[14px] leading-[20px] font-normal text-f0-foreground-positive text-left"
+  className="no-underline normal-case tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground-positive text-left"
 >
   positive
    text
@@ -74,7 +74,7 @@ exports[`F0Text Snapshots renders all color variants: color-positive 1`] = `
 
 exports[`F0Text Snapshots renders all color variants: color-secondary 1`] = `
 <Text
-  className="text-[14px] leading-[20px] font-normal text-f0-foreground-secondary text-left"
+  className="no-underline normal-case tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground-secondary text-left"
 >
   secondary
    text
@@ -83,7 +83,7 @@ exports[`F0Text Snapshots renders all color variants: color-secondary 1`] = `
 
 exports[`F0Text Snapshots renders all color variants: color-selected 1`] = `
 <Text
-  className="text-[14px] leading-[20px] font-normal text-f0-foreground-selected text-left"
+  className="no-underline normal-case tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground-selected text-left"
 >
   selected
    text
@@ -92,7 +92,7 @@ exports[`F0Text Snapshots renders all color variants: color-selected 1`] = `
 
 exports[`F0Text Snapshots renders all color variants: color-tertiary 1`] = `
 <Text
-  className="text-[14px] leading-[20px] font-normal text-f0-foreground-tertiary text-left"
+  className="no-underline normal-case tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground-tertiary text-left"
 >
   tertiary
    text
@@ -101,7 +101,7 @@ exports[`F0Text Snapshots renders all color variants: color-tertiary 1`] = `
 
 exports[`F0Text Snapshots renders all color variants: color-warning 1`] = `
 <Text
-  className="text-[14px] leading-[20px] font-normal text-f0-foreground-warning text-left"
+  className="no-underline normal-case tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground-warning text-left"
 >
   warning
    text
@@ -110,7 +110,7 @@ exports[`F0Text Snapshots renders all color variants: color-warning 1`] = `
 
 exports[`F0Text Snapshots renders all typography variants: variant-body-md-default 1`] = `
 <Text
-  className="text-[16px] leading-[24px] font-normal text-f0-foreground text-left"
+  className="no-underline normal-case tracking-normal text-[16px] leading-[24px] font-normal text-f0-foreground text-left"
 >
   body-md-default
    text
@@ -119,7 +119,7 @@ exports[`F0Text Snapshots renders all typography variants: variant-body-md-defau
 
 exports[`F0Text Snapshots renders all typography variants: variant-body-md-medium 1`] = `
 <Text
-  className="text-[16px] leading-[24px] font-medium text-f0-foreground text-left"
+  className="no-underline normal-case tracking-normal text-[16px] leading-[24px] font-medium text-f0-foreground text-left"
 >
   body-md-medium
    text
@@ -128,7 +128,7 @@ exports[`F0Text Snapshots renders all typography variants: variant-body-md-mediu
 
 exports[`F0Text Snapshots renders all typography variants: variant-body-md-semibold 1`] = `
 <Text
-  className="text-[16px] leading-[24px] font-semibold text-f0-foreground text-left"
+  className="no-underline normal-case tracking-normal text-[16px] leading-[24px] font-semibold text-f0-foreground text-left"
 >
   body-md-semibold
    text
@@ -137,7 +137,7 @@ exports[`F0Text Snapshots renders all typography variants: variant-body-md-semib
 
 exports[`F0Text Snapshots renders all typography variants: variant-body-sm-default 1`] = `
 <Text
-  className="text-[14px] leading-[20px] font-normal text-f0-foreground text-left"
+  className="no-underline normal-case tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground text-left"
 >
   body-sm-default
    text
@@ -146,7 +146,7 @@ exports[`F0Text Snapshots renders all typography variants: variant-body-sm-defau
 
 exports[`F0Text Snapshots renders all typography variants: variant-body-sm-medium 1`] = `
 <Text
-  className="text-[14px] leading-[20px] font-medium text-f0-foreground text-left"
+  className="no-underline normal-case tracking-normal text-[14px] leading-[20px] font-medium text-f0-foreground text-left"
 >
   body-sm-medium
    text
@@ -155,7 +155,7 @@ exports[`F0Text Snapshots renders all typography variants: variant-body-sm-mediu
 
 exports[`F0Text Snapshots renders all typography variants: variant-body-sm-semibold 1`] = `
 <Text
-  className="text-[14px] leading-[20px] font-semibold text-f0-foreground text-left"
+  className="no-underline normal-case tracking-normal text-[14px] leading-[20px] font-semibold text-f0-foreground text-left"
 >
   body-sm-semibold
    text
@@ -164,7 +164,7 @@ exports[`F0Text Snapshots renders all typography variants: variant-body-sm-semib
 
 exports[`F0Text Snapshots renders all typography variants: variant-body-xs-medium 1`] = `
 <Text
-  className="text-[12px] leading-[16px] font-medium text-f0-foreground text-left"
+  className="no-underline normal-case tracking-normal text-[12px] leading-[16px] font-medium text-f0-foreground text-left"
 >
   body-xs-medium
    text
@@ -173,7 +173,7 @@ exports[`F0Text Snapshots renders all typography variants: variant-body-xs-mediu
 
 exports[`F0Text Snapshots renders all typography variants: variant-heading-lg 1`] = `
 <Text
-  className="text-[24px] leading-[32px] tracking-[-0.2px] font-semibold text-f0-foreground text-left"
+  className="no-underline normal-case text-[24px] leading-[32px] tracking-[-0.2px] font-semibold text-f0-foreground text-left"
 >
   heading-lg
    text
@@ -182,7 +182,7 @@ exports[`F0Text Snapshots renders all typography variants: variant-heading-lg 1`
 
 exports[`F0Text Snapshots renders all typography variants: variant-heading-md 1`] = `
 <Text
-  className="text-[20px] leading-[28px] tracking-[-0.2px] font-semibold text-f0-foreground text-left"
+  className="no-underline normal-case text-[20px] leading-[28px] tracking-[-0.2px] font-semibold text-f0-foreground text-left"
 >
   heading-md
    text
@@ -191,7 +191,7 @@ exports[`F0Text Snapshots renders all typography variants: variant-heading-md 1`
 
 exports[`F0Text Snapshots renders all typography variants: variant-heading-sm 1`] = `
 <Text
-  className="text-[16px] leading-[24px] font-semibold text-f0-foreground text-left"
+  className="no-underline normal-case tracking-normal text-[16px] leading-[24px] font-semibold text-f0-foreground text-left"
 >
   heading-sm
    text
@@ -200,7 +200,7 @@ exports[`F0Text Snapshots renders all typography variants: variant-heading-sm 1`
 
 exports[`F0Text Snapshots renders all typography variants: variant-heading-xl 1`] = `
 <Text
-  className="text-[36px] leading-[40px] tracking-[-0.2px] font-semibold text-f0-foreground text-left"
+  className="no-underline normal-case text-[36px] leading-[40px] tracking-[-0.2px] font-semibold text-f0-foreground text-left"
 >
   heading-xl
    text
@@ -209,7 +209,7 @@ exports[`F0Text Snapshots renders all typography variants: variant-heading-xl 1`
 
 exports[`F0Text Snapshots renders with alignment options: align-center 1`] = `
 <Text
-  className="text-[14px] leading-[20px] font-normal text-f0-foreground text-center"
+  className="no-underline normal-case tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground text-center"
 >
   center
    text
@@ -218,7 +218,7 @@ exports[`F0Text Snapshots renders with alignment options: align-center 1`] = `
 
 exports[`F0Text Snapshots renders with alignment options: align-justify 1`] = `
 <Text
-  className="text-[14px] leading-[20px] font-normal text-f0-foreground text-justify"
+  className="no-underline normal-case tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground text-justify"
 >
   justify
    text
@@ -227,7 +227,7 @@ exports[`F0Text Snapshots renders with alignment options: align-justify 1`] = `
 
 exports[`F0Text Snapshots renders with alignment options: align-left 1`] = `
 <Text
-  className="text-[14px] leading-[20px] font-normal text-f0-foreground text-left"
+  className="no-underline normal-case tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground text-left"
 >
   left
    text
@@ -236,7 +236,7 @@ exports[`F0Text Snapshots renders with alignment options: align-left 1`] = `
 
 exports[`F0Text Snapshots renders with alignment options: align-right 1`] = `
 <Text
-  className="text-[14px] leading-[20px] font-normal text-f0-foreground text-right"
+  className="no-underline normal-case tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground text-right"
 >
   right
    text
@@ -245,7 +245,7 @@ exports[`F0Text Snapshots renders with alignment options: align-right 1`] = `
 
 exports[`F0Text Snapshots renders with default variant (body-sm-default) 1`] = `
 <Text
-  className="text-[14px] leading-[20px] font-normal text-f0-foreground text-left"
+  className="no-underline normal-case tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground text-left"
 >
   Default text
 </Text>
@@ -253,7 +253,7 @@ exports[`F0Text Snapshots renders with default variant (body-sm-default) 1`] = `
 
 exports[`F0Text Snapshots renders with numberOfLines truncation 1`] = `
 <Text
-  className="text-[14px] leading-[20px] font-normal text-f0-foreground text-left"
+  className="no-underline normal-case tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground text-left"
   ellipsizeMode="tail"
   numberOfLines={2}
 >
@@ -263,7 +263,7 @@ exports[`F0Text Snapshots renders with numberOfLines truncation 1`] = `
 
 exports[`F0Text Snapshots renders with text decorations: decoration-line-through 1`] = `
 <Text
-  className="text-[14px] leading-[20px] font-normal text-f0-foreground text-left line-through"
+  className="normal-case tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground text-left line-through"
 >
   line-through
    text
@@ -272,7 +272,7 @@ exports[`F0Text Snapshots renders with text decorations: decoration-line-through
 
 exports[`F0Text Snapshots renders with text decorations: decoration-none 1`] = `
 <Text
-  className="text-[14px] leading-[20px] font-normal text-f0-foreground text-left"
+  className="no-underline normal-case tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground text-left"
 >
   none
    text
@@ -281,7 +281,7 @@ exports[`F0Text Snapshots renders with text decorations: decoration-none 1`] = `
 
 exports[`F0Text Snapshots renders with text decorations: decoration-underline 1`] = `
 <Text
-  className="text-[14px] leading-[20px] font-normal text-f0-foreground text-left underline"
+  className="normal-case tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground text-left underline"
 >
   underline
    text
@@ -290,7 +290,7 @@ exports[`F0Text Snapshots renders with text decorations: decoration-underline 1`
 
 exports[`F0Text Snapshots renders with text transforms: transform-capitalize 1`] = `
 <Text
-  className="text-[14px] leading-[20px] font-normal text-f0-foreground text-left capitalize"
+  className="no-underline tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground text-left capitalize"
 >
   capitalize
    text
@@ -299,7 +299,7 @@ exports[`F0Text Snapshots renders with text transforms: transform-capitalize 1`]
 
 exports[`F0Text Snapshots renders with text transforms: transform-lowercase 1`] = `
 <Text
-  className="text-[14px] leading-[20px] font-normal text-f0-foreground text-left lowercase"
+  className="no-underline tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground text-left lowercase"
 >
   lowercase
    text
@@ -308,7 +308,7 @@ exports[`F0Text Snapshots renders with text transforms: transform-lowercase 1`]
 
 exports[`F0Text Snapshots renders with text transforms: transform-none 1`] = `
 <Text
-  className="text-[14px] leading-[20px] font-normal text-f0-foreground text-left"
+  className="no-underline normal-case tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground text-left"
 >
   none
    text
@@ -317,7 +317,7 @@ exports[`F0Text Snapshots renders with text transforms: transform-none 1`] = `
 
 exports[`F0Text Snapshots renders with text transforms: transform-uppercase 1`] = `
 <Text
-  className="text-[14px] leading-[20px] font-normal text-f0-foreground text-left uppercase"
+  className="no-underline tracking-normal text-[14px] leading-[20px] font-normal text-f0-foreground text-left uppercase"
 >
   uppercase
    text

package/src/icons/index.ts

@@ -2,4 +2,3 @@ import * as AppIcons from "./app"
 import * as ModuleIcons from "./modules"
 export { AppIcons, ModuleIcons }
 export * from "./types"
-export { Icon } from "../components/Icon"

package/src/lib/utils.ts

@@ -10,11 +10,10 @@ export function cn(...args: CnOptions): string {
 
 /**
  * Omits specified keys from an object at runtime.
- * Used to filter blocked props (e.g. style, className) before spreading to primitives.
+ * Used to filter blocked props (e.g. style) before spreading to primitives.
  *
  * @example
  * omitProps(rest, ["style"])
- * omitProps(rest, ["style", "className"])
  */
 export function omitProps<T extends Record<string, unknown>, K extends string>(
   obj: T,

package/lib/module/components/Icon/README.md

@@ -1,63 +0,0 @@
-# Icon Component
-
-The Icon component is used to render SVG icons from the F0 Design System in React Native applications.
-
-## Import Pattern
-
-```tsx
-// Import the Icon component
-import { Icon } from "@factorialco/f0-react-native";
-
-// Import specific icons from app or modules directories
-import { AppIcons, ModuleIcons } from "@factorialco/f0-react-native";
-
-// Use the Icon component with the icon as a prop
-<Icon icon={AppIcons.Archive} size="md" />
-<Icon icon={ModuleIcons.Home} size="lg" />
-```
-
-## Props
-
-| Prop      | Type                         | Default | Description                             |
-| --------- | ---------------------------- | ------- | --------------------------------------- |
-| icon      | IconType                     |         | The icon component to render            |
-| size      | "xs" \| "sm" \| "md" \| "lg" | "md"    | The size of the icon                    |
-| className | string                       |         | Additional classes for styling the icon |
-| testID    | string                       |         | Test ID for testing                     |
-| ...props  | SvgProps                     |         | Additional props for the SVG component  |
-
-## Styling with UniWind
-
-The Icon component is designed to work with UniWind, allowing you to style icons using Tailwind CSS classes:
-
-```tsx
-// Style using Tailwind CSS classes
-<Icon icon={AppIcons.Archive} className="text-f0-icon-secondary" />
-```
-
-## Available Icons
-
-The library includes two sets of icons:
-
-1. **App Icons** - General purpose icons used throughout the application
-2. **Module Icons** - Icons representing specific modules in the Factorial application
-
-## Examples
-
-```tsx
-import { Icon } from "@factorialco/f0-react-native";
-import { AppIcons, ModuleIcons } from "@factorialco/f0-react-native";
-
-// Basic usage
-<Icon icon={AppIcons.Calendar} />
-
-// With size variant
-<Icon icon={AppIcons.ChevronDown} size="xs" />
-<Icon icon={AppIcons.Check} size="sm" />
-<Icon icon={ModuleIcons.Home} size="md" />
-<Icon icon={ModuleIcons.Settings} size="lg" />
-
-// With color styling
-<Icon icon={AppIcons.Heart} className="text-red-500" />
-<Icon icon={AppIcons.InfoCircle} className="text-blue-500" />
-```

package/src/components/Icon/README.md

@@ -1,63 +0,0 @@
-# Icon Component
-
-The Icon component is used to render SVG icons from the F0 Design System in React Native applications.
-
-## Import Pattern
-
-```tsx
-// Import the Icon component
-import { Icon } from "@factorialco/f0-react-native";
-
-// Import specific icons from app or modules directories
-import { AppIcons, ModuleIcons } from "@factorialco/f0-react-native";
-
-// Use the Icon component with the icon as a prop
-<Icon icon={AppIcons.Archive} size="md" />
-<Icon icon={ModuleIcons.Home} size="lg" />
-```
-
-## Props
-
-| Prop      | Type                         | Default | Description                             |
-| --------- | ---------------------------- | ------- | --------------------------------------- |
-| icon      | IconType                     |         | The icon component to render            |
-| size      | "xs" \| "sm" \| "md" \| "lg" | "md"    | The size of the icon                    |
-| className | string                       |         | Additional classes for styling the icon |
-| testID    | string                       |         | Test ID for testing                     |
-| ...props  | SvgProps                     |         | Additional props for the SVG component  |
-
-## Styling with UniWind
-
-The Icon component is designed to work with UniWind, allowing you to style icons using Tailwind CSS classes:
-
-```tsx
-// Style using Tailwind CSS classes
-<Icon icon={AppIcons.Archive} className="text-f0-icon-secondary" />
-```
-
-## Available Icons
-
-The library includes two sets of icons:
-
-1. **App Icons** - General purpose icons used throughout the application
-2. **Module Icons** - Icons representing specific modules in the Factorial application
-
-## Examples
-
-```tsx
-import { Icon } from "@factorialco/f0-react-native";
-import { AppIcons, ModuleIcons } from "@factorialco/f0-react-native";
-
-// Basic usage
-<Icon icon={AppIcons.Calendar} />
-
-// With size variant
-<Icon icon={AppIcons.ChevronDown} size="xs" />
-<Icon icon={AppIcons.Check} size="sm" />
-<Icon icon={ModuleIcons.Home} size="md" />
-<Icon icon={ModuleIcons.Settings} size="lg" />
-
-// With color styling
-<Icon icon={AppIcons.Heart} className="text-red-500" />
-<Icon icon={AppIcons.InfoCircle} className="text-blue-500" />
-```