@factorialco/f0-react-native 0.24.1 → 0.26.0

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

@@ -23,7 +23,7 @@ exports[`RawTag Snapshot 1`] = `
       }
     }
     accessible={true}
-    className="overflow-hidden 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"
+    className="overflow-hidden flex flex-row items-center justify-start gap-0.5 rounded-full py-0.5 pr-2 pl-1 border border-solid border-f0-border-secondary"
     collapsable={false}
     focusable={true}
     onBlur={[Function]}
@@ -58,7 +58,7 @@ exports[`RawTag Snapshot 1`] = `
       }
     />
     <Text
-      className="line-clamp-1 text-base font-medium text-f1-foreground"
+      className="line-clamp-1 text-base font-medium text-f0-foreground"
     >
       Label
     </Text>
@@ -89,7 +89,7 @@ exports[`RawTag Snapshot 2`] = `
       }
     }
     accessible={true}
-    className="overflow-hidden 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"
+    className="overflow-hidden flex flex-row items-center justify-start gap-0.5 rounded-full py-0.5 pr-2 pl-1 border border-solid border-f0-border-secondary"
     collapsable={false}
     focusable={true}
     onBlur={[Function]}
@@ -124,7 +124,7 @@ exports[`RawTag Snapshot 2`] = `
       }
     />
     <Text
-      className="line-clamp-1 text-base font-medium text-f1-foreground"
+      className="line-clamp-1 text-base font-medium text-f0-foreground"
     >
       Label
     </Text>
@@ -155,7 +155,7 @@ exports[`RawTag Snapshot 3`] = `
       }
     }
     accessible={true}
-    className="overflow-hidden 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"
+    className="overflow-hidden flex flex-row items-center justify-start gap-0.5 rounded-full py-0.5 pr-2 pl-1 border border-solid border-f0-border-secondary"
     collapsable={false}
     focusable={true}
     onBlur={[Function]}
@@ -190,7 +190,7 @@ exports[`RawTag Snapshot 3`] = `
       }
     />
     <Text
-      className="line-clamp-1 text-base font-medium text-f1-foreground"
+      className="line-clamp-1 text-base font-medium text-f0-foreground"
     >
       Label
     </Text>
@@ -221,7 +221,7 @@ exports[`RawTag Snapshot 4`] = `
       }
     }
     accessible={true}
-    className="overflow-hidden 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"
+    className="overflow-hidden flex flex-row items-center justify-start gap-0.5 rounded-full py-0.5 pr-2 pl-1 border border-solid border-f0-border-secondary"
     collapsable={false}
     focusable={true}
     onBlur={[Function]}
@@ -256,7 +256,7 @@ exports[`RawTag Snapshot 4`] = `
       }
     />
     <Text
-      className="line-clamp-1 text-base font-medium text-f1-foreground"
+      className="line-clamp-1 text-base font-medium text-f0-foreground"
     >
       Label
     </Text>
@@ -287,7 +287,7 @@ exports[`RawTag Snapshot 5`] = `
       }
     }
     accessible={true}
-    className="overflow-hidden 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"
+    className="overflow-hidden flex flex-row items-center justify-start gap-0.5 rounded-full py-0.5 pr-2 pl-1 border border-solid border-f0-border-secondary"
     collapsable={false}
     focusable={true}
     onBlur={[Function]}
@@ -322,7 +322,7 @@ exports[`RawTag Snapshot 5`] = `
       }
     />
     <Text
-      className="line-clamp-1 text-base font-medium text-f1-foreground"
+      className="line-clamp-1 text-base font-medium text-f0-foreground"
     >
       Label
     </Text>
@@ -353,7 +353,7 @@ exports[`RawTag Snapshot 6`] = `
       }
     }
     accessible={true}
-    className="overflow-hidden 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"
+    className="overflow-hidden flex flex-row items-center justify-start gap-0.5 rounded-full py-0.5 pr-2 pl-1 border border-solid border-f0-border-secondary"
     collapsable={false}
     focusable={true}
     onBlur={[Function]}
@@ -388,7 +388,7 @@ exports[`RawTag Snapshot 6`] = `
       }
     />
     <Text
-      className="line-clamp-1 text-base font-medium text-f1-foreground"
+      className="line-clamp-1 text-base font-medium text-f0-foreground"
     >
       Label
     </Text>
@@ -419,7 +419,7 @@ exports[`RawTag Snapshot 7`] = `
       }
     }
     accessible={true}
-    className="overflow-hidden 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"
+    className="overflow-hidden flex flex-row items-center justify-start gap-0.5 rounded-full py-0.5 pr-2 pl-1 border border-solid border-f0-border-secondary"
     collapsable={false}
     focusable={true}
     onBlur={[Function]}
@@ -454,7 +454,7 @@ exports[`RawTag Snapshot 7`] = `
       }
     />
     <Text
-      className="line-clamp-1 text-base font-medium text-f1-foreground"
+      className="line-clamp-1 text-base font-medium text-f0-foreground"
     >
       Label
     </Text>
@@ -485,7 +485,7 @@ exports[`RawTag Snapshot 8`] = `
       }
     }
     accessible={true}
-    className="overflow-hidden 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"
+    className="overflow-hidden flex flex-row items-center justify-start gap-0.5 rounded-full py-0.5 pr-2 pl-1 border border-solid border-f0-border-secondary"
     collapsable={false}
     focusable={true}
     onBlur={[Function]}
@@ -520,7 +520,7 @@ exports[`RawTag Snapshot 8`] = `
       }
     />
     <Text
-      className="line-clamp-1 text-base font-medium text-f1-foreground"
+      className="line-clamp-1 text-base font-medium text-f0-foreground"
     >
       Label
     </Text>
@@ -551,7 +551,7 @@ exports[`RawTag Snapshot 9`] = `
       }
     }
     accessible={true}
-    className="overflow-hidden 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"
+    className="overflow-hidden flex flex-row items-center justify-start gap-0.5 rounded-full py-0.5 pr-2 pl-1 border border-solid border-f0-border-secondary"
     collapsable={false}
     focusable={true}
     onBlur={[Function]}
@@ -586,7 +586,7 @@ exports[`RawTag Snapshot 9`] = `
       }
     />
     <Text
-      className="line-clamp-1 text-base font-medium text-f1-foreground"
+      className="line-clamp-1 text-base font-medium text-f0-foreground"
     >
       Label
     </Text>
@@ -617,7 +617,7 @@ exports[`RawTag Snapshot 10`] = `
       }
     }
     accessible={true}
-    className="overflow-hidden 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"
+    className="overflow-hidden flex flex-row items-center justify-start gap-0.5 rounded-full py-0.5 pr-2 pl-1 border border-solid border-f0-border-secondary"
     collapsable={false}
     focusable={true}
     onBlur={[Function]}
@@ -652,7 +652,7 @@ exports[`RawTag Snapshot 10`] = `
       }
     />
     <Text
-      className="line-clamp-1 text-base font-medium text-f1-foreground"
+      className="line-clamp-1 text-base font-medium text-f0-foreground"
     >
       Label
     </Text>
@@ -683,7 +683,7 @@ exports[`RawTag Snapshot 11`] = `
       }
     }
     accessible={true}
-    className="overflow-hidden 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"
+    className="overflow-hidden flex flex-row items-center justify-start gap-0.5 rounded-full py-0.5 pr-2 pl-1 border border-solid border-f0-border-secondary"
     collapsable={false}
     focusable={true}
     onBlur={[Function]}
@@ -718,7 +718,7 @@ exports[`RawTag Snapshot 11`] = `
       }
     />
     <Text
-      className="line-clamp-1 text-base font-medium text-f1-foreground"
+      className="line-clamp-1 text-base font-medium text-f0-foreground"
     >
       Label
     </Text>
@@ -749,7 +749,7 @@ exports[`RawTag Snapshot 12`] = `
       }
     }
     accessible={true}
-    className="overflow-hidden 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"
+    className="overflow-hidden flex flex-row items-center justify-start gap-0.5 rounded-full py-0.5 pr-2 pl-1 border border-solid border-f0-border-secondary"
     collapsable={false}
     focusable={true}
     onBlur={[Function]}
@@ -784,7 +784,7 @@ exports[`RawTag Snapshot 12`] = `
       }
     />
     <Text
-      className="line-clamp-1 text-base font-medium text-f1-foreground"
+      className="line-clamp-1 text-base font-medium text-f0-foreground"
     >
       Label
     </Text>
@@ -815,7 +815,7 @@ exports[`RawTag Snapshot 13`] = `
       }
     }
     accessible={true}
-    className="overflow-hidden 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"
+    className="overflow-hidden flex flex-row items-center justify-start gap-0.5 rounded-full py-0.5 pr-2 pl-1 border border-solid border-f0-border-secondary"
     collapsable={false}
     focusable={true}
     onBlur={[Function]}
@@ -850,7 +850,7 @@ exports[`RawTag Snapshot 13`] = `
       }
     />
     <Text
-      className="line-clamp-1 text-base font-medium text-f1-foreground"
+      className="line-clamp-1 text-base font-medium text-f0-foreground"
     >
       Label
     </Text>
@@ -881,7 +881,7 @@ exports[`RawTag Snapshot 14`] = `
       }
     }
     accessible={true}
-    className="overflow-hidden 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"
+    className="overflow-hidden flex flex-row items-center justify-start gap-0.5 rounded-full py-0.5 pr-2 pl-1 border border-solid border-f0-border-secondary"
     collapsable={false}
     focusable={true}
     onBlur={[Function]}
@@ -916,7 +916,7 @@ exports[`RawTag Snapshot 14`] = `
       }
     />
     <Text
-      className="line-clamp-1 text-base font-medium text-f1-foreground"
+      className="line-clamp-1 text-base font-medium text-f0-foreground"
     >
       Label
     </Text>
@@ -947,7 +947,7 @@ exports[`RawTag Snapshot 15`] = `
       }
     }
     accessible={true}
-    className="overflow-hidden 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"
+    className="overflow-hidden flex flex-row items-center justify-start gap-0.5 rounded-full py-0.5 pr-2 pl-1 border border-solid border-f0-border-secondary"
     collapsable={false}
     focusable={true}
     onBlur={[Function]}
@@ -982,7 +982,7 @@ exports[`RawTag Snapshot 15`] = `
       }
     />
     <Text
-      className="line-clamp-1 text-base font-medium text-f1-foreground"
+      className="line-clamp-1 text-base font-medium text-f0-foreground"
     >
       Label
     </Text>
@@ -1013,7 +1013,7 @@ exports[`RawTag Snapshot 16`] = `
       }
     }
     accessible={true}
-    className="overflow-hidden 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"
+    className="overflow-hidden flex flex-row items-center justify-start gap-0.5 rounded-full py-0.5 pr-2 pl-1 border border-solid border-f0-border-secondary"
     collapsable={false}
     focusable={true}
     onBlur={[Function]}
@@ -1048,7 +1048,7 @@ exports[`RawTag Snapshot 16`] = `
       }
     />
     <Text
-      className="line-clamp-1 text-base font-medium text-f1-foreground"
+      className="line-clamp-1 text-base font-medium text-f0-foreground"
     >
       Label
     </Text>
@@ -1079,7 +1079,7 @@ exports[`RawTag Snapshot 17`] = `
       }
     }
     accessible={true}
-    className="overflow-hidden 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"
+    className="overflow-hidden flex flex-row items-center justify-start gap-0.5 rounded-full py-0.5 pr-2 pl-1 border border-solid border-f0-border-secondary"
     collapsable={false}
     focusable={true}
     onBlur={[Function]}
@@ -1114,7 +1114,7 @@ exports[`RawTag Snapshot 17`] = `
       }
     />
     <Text
-      className="line-clamp-1 text-base font-medium text-f1-foreground"
+      className="line-clamp-1 text-base font-medium text-f0-foreground"
     >
       Label
     </Text>
@@ -1145,7 +1145,7 @@ exports[`RawTag Snapshot 18`] = `
       }
     }
     accessible={true}
-    className="overflow-hidden 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"
+    className="overflow-hidden flex flex-row items-center justify-start gap-0.5 rounded-full py-0.5 pr-2 pl-1 border border-solid border-f0-border-secondary"
     collapsable={false}
     focusable={true}
     onBlur={[Function]}
@@ -1180,7 +1180,7 @@ exports[`RawTag Snapshot 18`] = `
       }
     />
     <Text
-      className="line-clamp-1 text-base font-medium text-f1-foreground"
+      className="line-clamp-1 text-base font-medium text-f0-foreground"
     >
       Label
     </Text>
@@ -1211,7 +1211,7 @@ exports[`RawTag Snapshot 19`] = `
       }
     }
     accessible={true}
-    className="overflow-hidden 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"
+    className="overflow-hidden flex flex-row items-center justify-start gap-0.5 rounded-full py-0.5 pr-2 pl-1 border border-solid border-f0-border-secondary"
     collapsable={false}
     focusable={true}
     onBlur={[Function]}
@@ -1246,7 +1246,7 @@ exports[`RawTag Snapshot 19`] = `
       }
     />
     <Text
-      className="line-clamp-1 text-base font-medium text-f1-foreground"
+      className="line-clamp-1 text-base font-medium text-f0-foreground"
     >
       Label
     </Text>

package/src/components/Tags/DotTag/index.tsx

@@ -37,7 +37,7 @@ export const DotTag = ({ text, ...props }: DotTagProps) => {
 
   return (
     <BaseTag
-      classNameContainer="border border-solid border-f1-border-secondary"
+      classNameContainer="border border-solid border-f0-border-secondary"
       left={
         <View
           className="m-1 aspect-square w-2 rounded-full"

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

@@ -23,7 +23,7 @@ exports[`RawTag Snapshot 1`] = `
       }
     }
     accessible={true}
-    className="overflow-hidden flex flex-row items-center justify-start gap-0.5 rounded-full py-0.5 pr-2 pl-2 border border-solid border-f1-border-secondary"
+    className="overflow-hidden flex flex-row items-center justify-start gap-0.5 rounded-full py-0.5 pr-2 pl-2 border border-solid border-f0-border-secondary"
     collapsable={false}
     focusable={true}
     onBlur={[Function]}
@@ -49,7 +49,7 @@ exports[`RawTag Snapshot 1`] = `
     }
   >
     <Text
-      className="line-clamp-1 text-base font-medium text-f1-foreground"
+      className="line-clamp-1 text-base font-medium text-f0-foreground"
     >
       test
     </Text>
@@ -106,7 +106,7 @@ exports[`RawTag Snapshot noBorder 1`] = `
     }
   >
     <Text
-      className="line-clamp-1 text-base font-medium text-f1-foreground"
+      className="line-clamp-1 text-base font-medium text-f0-foreground"
     >
       test
     </Text>
@@ -137,7 +137,7 @@ exports[`RawTag Snapshot with icon 1`] = `
       }
     }
     accessible={true}
-    className="overflow-hidden 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"
+    className="overflow-hidden flex flex-row items-center justify-start gap-0.5 rounded-full py-0.5 pr-2 pl-1 border border-solid border-f0-border-secondary"
     collapsable={false}
     focusable={true}
     onBlur={[Function]}
@@ -167,7 +167,7 @@ exports[`RawTag Snapshot with icon 1`] = `
       aria-hidden={true}
       bbHeight="100%"
       bbWidth="100%"
-      className="shrink-0 w-4 h-4 stroke-sm text-f1-icon"
+      className="shrink-0 w-4 h-4 stroke-sm text-f0-icon"
       fill="none"
       focusable={false}
       meetOrSlice={0}
@@ -243,7 +243,7 @@ exports[`RawTag Snapshot with icon 1`] = `
       </RNSVGGroup>
     </RNSVGSvgView>
     <Text
-      className="line-clamp-1 text-base font-medium text-f1-foreground"
+      className="line-clamp-1 text-base font-medium text-f0-foreground"
     >
       test
     </Text>

package/src/components/Tags/RawTag/index.tsx

@@ -23,13 +23,13 @@ export const RawTag = ({
   return (
     <BaseTag
       classNameContainer={cn(
-        !noBorder && "border border-solid border-f1-border-secondary",
+        !noBorder && "border border-solid border-f0-border-secondary",
         className
       )}
-      classNameText="text-f1-foreground"
+      classNameText="text-f0-foreground"
       left={
         icon ? (
-          <Icon icon={icon} size="sm" className="text-f1-icon" aria-hidden />
+          <Icon icon={icon} size="sm" className="text-f0-icon" aria-hidden />
         ) : null
       }
       text={text}

package/src/components/experimental/Lists/DataList/ItemContainer.tsx

@@ -25,7 +25,7 @@ export const ItemContainer = (props: ItemContainerProps) => {
   } = props
 
   return (
-    <View className="flex rounded font-medium text-f1-foreground *:flex-1">
+    <View className="flex rounded font-medium text-f0-foreground *:flex-1">
       <Action
         action={action}
         className={cn("flex flex-row items-center gap-1.5 p-1.5", className)}
@@ -36,7 +36,7 @@ export const ItemContainer = (props: ItemContainerProps) => {
           ) : (
             <Icon icon={LeftIcon} size="md" />
           ))}
-        <Text className="line-clamp-5 text-left text-f1-foreground">
+        <Text className="line-clamp-5 text-left text-f0-foreground">
           {text}
         </Text>
       </Action>

package/src/components/experimental/Lists/DataList/actions/CopyAction.tsx

@@ -39,8 +39,8 @@ export const CopyAction = ({ text, children }: CopyActionProps) => {
       aria-label={copied ? "Copied!" : `Copy ${text}`}
       className={cn(
         "group flex flex-row justify-between gap-1.5 rounded p-1.5",
-        "transition-colors duration-300 active:bg-f1-background-secondary-hover",
-        copied ? "bg-f1-background-positive" : undefined
+        "transition-colors duration-300 active:bg-f0-background-secondary-hover",
+        copied ? "bg-f0-background-positive" : undefined
       )}
       onPress={copyHandler}
     >
@@ -52,7 +52,7 @@ export const CopyAction = ({ text, children }: CopyActionProps) => {
             size="md"
             aria-hidden={true}
             className={cn(
-              "col-start-1 col-end-2 row-start-1 row-end-2 text-f1-icon-bold"
+              "col-start-1 col-end-2 row-start-1 row-end-2 text-f0-icon-bold"
             )}
           />
         )}
@@ -63,7 +63,7 @@ export const CopyAction = ({ text, children }: CopyActionProps) => {
             aria-hidden={true}
             className={cn(
               "col-start-1 col-end-2 row-start-1 row-end-2",
-              "text-f1-icon-positive"
+              "text-f0-icon-positive"
             )}
           />
         )}

package/src/components/experimental/Lists/DataList/actions/GenericAction.tsx

@@ -18,8 +18,8 @@ export const GenericAction = memo(
         onPress={props.handlePress}
         {...props}
         className={cn(
-          "group flex items-center justify-between gap-1.5 rounded p-1.5 text-f1-foreground text-inherit",
-          "no-underline hover:bg-f1-background-hover focus-visible:outline focus-visible:outline-2 focus-visible:outline-f1-border-selected-bold active:bg-f1-background-secondary-hover",
+          "group flex items-center justify-between gap-1.5 rounded p-1.5 text-f0-foreground text-inherit",
+          "no-underline hover:bg-f0-background-hover focus-visible:outline focus-visible:outline-2 focus-visible:outline-f0-border-selected-bold active:bg-f0-background-secondary-hover",
           className
         )}
       >
@@ -28,7 +28,7 @@ export const GenericAction = memo(
           aria-hidden={true}
           icon={ChevronRight}
           size="md"
-          className="text-f1-foreground"
+          className="text-f0-foreground"
         />
       </Pressable>
     )

package/src/components/experimental/Lists/DataList/index.tsx

@@ -41,7 +41,7 @@ const _DataList = ({
       {!!label && (
         <Text
           className={cn(
-            "px-1.5 text-f1-foreground-secondary",
+            "px-1.5 text-f0-foreground-secondary",
             isHorizontalItem ? "mt-1.5 w-36 shrink-0" : ""
           )}
         >