@factorialco/f0-react-native 0.25.0 → 0.26.0

package/src/components/OneChip/index.tsx

@@ -7,11 +7,11 @@ import { Icon, type IconType } from "../Icon"
 import { PressableFeedback } from "../PressableFeedback"
 
 export const chipContainerVariants = tv({
-  base: "flex items-center gap-1 rounded-full border border-solid border-f1-border px-2 py-0.5 grow-0",
+  base: "flex items-center gap-1 rounded-full border border-solid border-f0-border px-2 py-0.5 grow-0",
   variants: {
     variant: {
       default: "",
-      selected: "border-f1-border-selected bg-f1-background-selected-secondary",
+      selected: "border-f0-border-selected bg-f0-background-selected-secondary",
     },
   },
   defaultVariants: {
@@ -23,8 +23,8 @@ export const chipTextVariants = tv({
   base: "font-medium",
   variants: {
     variant: {
-      default: "text-f1-foreground",
-      selected: "text-f1-foreground-selected",
+      default: "text-f0-foreground",
+      selected: "text-f0-foreground-selected",
     },
   },
   defaultVariants: {
@@ -74,7 +74,7 @@ export const OneChip = ({
                 e.stopPropagation()
                 onClose()
               }}
-              className="-m-1 flex h-6 w-6 cursor-pointer items-center justify-center rounded-full [&_svg]:text-f1-icon-secondary"
+              className="-m-1 flex h-6 w-6 cursor-pointer items-center justify-center rounded-full [&_svg]:text-f0-icon-secondary"
               accessibilityRole="button"
               accessibilityLabel="Close"
             >

package/src/components/OnePreset/__snapshots__/index.spec.tsx.snap

@@ -23,7 +23,7 @@ exports[`OnePreset Snapshot 1`] = `
       }
     }
     accessible={true}
-    className="overflow-hidden flex grow-0 flex-row items-center gap-2 rounded border px-2.5 py-1.5 font-medium border-f1-border text-f1-foreground"
+    className="overflow-hidden flex grow-0 flex-row items-center gap-2 rounded border px-2.5 py-1.5 font-medium border-f0-border text-f0-foreground"
     collapsable={false}
     focusable={true}
     onBlur={[Function]}
@@ -63,7 +63,7 @@ exports[`OnePreset Snapshot 1`] = `
       }
     />
     <Text
-      className="whitespace-nowrap text-f1-foreground"
+      className="whitespace-nowrap text-f0-foreground"
     >
       label
     </Text>
@@ -94,7 +94,7 @@ exports[`OnePreset Snapshot with number 1`] = `
       }
     }
     accessible={true}
-    className="overflow-hidden flex grow-0 flex-row items-center gap-2 rounded border px-2.5 py-1.5 font-medium pr-1.5 border-f1-border text-f1-foreground"
+    className="overflow-hidden flex grow-0 flex-row items-center gap-2 rounded border px-2.5 py-1.5 font-medium pr-1.5 border-f0-border text-f0-foreground"
     collapsable={false}
     focusable={true}
     onBlur={[Function]}
@@ -134,7 +134,7 @@ exports[`OnePreset Snapshot with number 1`] = `
       }
     />
     <Text
-      className="whitespace-nowrap text-f1-foreground"
+      className="whitespace-nowrap text-f0-foreground"
     >
       label
     </Text>
@@ -142,10 +142,10 @@ exports[`OnePreset Snapshot with number 1`] = `
       className="flex items-start"
     >
       <View
-        className="flex items-center justify-center rounded-xs grow-0 px-0.5 min-w-5 h-5 bg-f1-background-secondary border border-f1-border"
+        className="flex items-center justify-center rounded-xs grow-0 px-0.5 min-w-5 h-5 bg-f0-background-secondary border border-f0-border"
       >
         <Text
-          className="text-center text-sm font-medium tabular-nums whitespace-nowrap text-f1-foreground"
+          className="text-center text-sm font-medium tabular-nums whitespace-nowrap text-f0-foreground"
         >
           42
         </Text>
@@ -178,7 +178,7 @@ exports[`OnePreset renders correctly with selected props 1`] = `
       }
     }
     accessible={true}
-    className="overflow-hidden flex grow-0 flex-row items-center gap-2 rounded border px-2.5 py-1.5 font-medium border-f1-border-selected bg-f1-background-selected-secondary text-f1-foreground-selected"
+    className="overflow-hidden flex grow-0 flex-row items-center gap-2 rounded border px-2.5 py-1.5 font-medium border-f0-border-selected bg-f0-background-selected-secondary text-f0-foreground-selected"
     collapsable={false}
     focusable={true}
     onBlur={[Function]}
@@ -218,7 +218,7 @@ exports[`OnePreset renders correctly with selected props 1`] = `
       }
     />
     <Text
-      className="whitespace-nowrap text-f1-foreground-selected"
+      className="whitespace-nowrap text-f0-foreground-selected"
     >
       label
     </Text>

package/src/components/OnePreset/index.tsx

@@ -26,14 +26,14 @@ export const OnePreset = ({
           "flex grow-0 flex-row items-center gap-2 rounded border px-2.5 py-1.5 font-medium",
           number !== undefined && number !== null && "pr-1.5",
           selected
-            ? "border-f1-border-selected bg-f1-background-selected-secondary text-f1-foreground-selected"
-            : "border-f1-border text-f1-foreground"
+            ? "border-f0-border-selected bg-f0-background-selected-secondary text-f0-foreground-selected"
+            : "border-f0-border text-f0-foreground"
         )}
       >
         <Text
           className={cn(
             "whitespace-nowrap",
-            selected ? "text-f1-foreground-selected" : "text-f1-foreground"
+            selected ? "text-f0-foreground-selected" : "text-f0-foreground"
           )}
         >
           {label}

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

@@ -23,7 +23,7 @@ exports[`AlertTag Snapshot Critical level 1`] = `
       }
     }
     accessible={true}
-    className="overflow-hidden flex flex-row items-center justify-start gap-0.5 rounded-full py-0.5 pr-2 pl-0.5 bg-f1-background-critical text-f1-foreground-critical"
+    className="overflow-hidden flex flex-row items-center justify-start gap-0.5 rounded-full py-0.5 pr-2 pl-0.5 bg-f0-background-critical text-f0-foreground-critical"
     collapsable={false}
     focusable={true}
     onBlur={[Function]}
@@ -53,7 +53,7 @@ exports[`AlertTag Snapshot Critical level 1`] = `
       aria-hidden={true}
       bbHeight="100%"
       bbWidth="100%"
-      className="shrink-0 w-5 h-5 stroke-md text-f1-foreground-critical"
+      className="shrink-0 w-5 h-5 stroke-md text-f0-foreground-critical"
       fill="none"
       focusable={false}
       meetOrSlice={0}
@@ -102,7 +102,7 @@ exports[`AlertTag Snapshot Critical level 1`] = `
       </RNSVGGroup>
     </RNSVGSvgView>
     <Text
-      className="line-clamp-1 text-base font-medium text-f1-foreground-critical"
+      className="line-clamp-1 text-base font-medium text-f0-foreground-critical"
     >
       critical
     </Text>
@@ -133,7 +133,7 @@ exports[`AlertTag Snapshot Ingo level 1`] = `
       }
     }
     accessible={true}
-    className="overflow-hidden flex flex-row items-center justify-start gap-0.5 rounded-full py-0.5 pr-2 pl-0.5 bg-f1-background-info text-f1-foreground-info"
+    className="overflow-hidden flex flex-row items-center justify-start gap-0.5 rounded-full py-0.5 pr-2 pl-0.5 bg-f0-background-info text-f0-foreground-info"
     collapsable={false}
     focusable={true}
     onBlur={[Function]}
@@ -163,7 +163,7 @@ exports[`AlertTag Snapshot Ingo level 1`] = `
       aria-hidden={true}
       bbHeight="100%"
       bbWidth="100%"
-      className="shrink-0 w-5 h-5 stroke-md text-f1-foreground-info"
+      className="shrink-0 w-5 h-5 stroke-md text-f0-foreground-info"
       fill="none"
       focusable={false}
       meetOrSlice={0}
@@ -215,7 +215,7 @@ exports[`AlertTag Snapshot Ingo level 1`] = `
       </RNSVGGroup>
     </RNSVGSvgView>
     <Text
-      className="line-clamp-1 text-base font-medium text-f1-foreground-info"
+      className="line-clamp-1 text-base font-medium text-f0-foreground-info"
     >
       info
     </Text>
@@ -246,7 +246,7 @@ exports[`AlertTag Snapshot Warning level 1`] = `
       }
     }
     accessible={true}
-    className="overflow-hidden flex flex-row items-center justify-start gap-0.5 rounded-full py-0.5 pr-2 pl-0.5 bg-f1-background-warning text-f1-foreground-warning"
+    className="overflow-hidden flex flex-row items-center justify-start gap-0.5 rounded-full py-0.5 pr-2 pl-0.5 bg-f0-background-warning text-f0-foreground-warning"
     collapsable={false}
     focusable={true}
     onBlur={[Function]}
@@ -276,7 +276,7 @@ exports[`AlertTag Snapshot Warning level 1`] = `
       aria-hidden={true}
       bbHeight="100%"
       bbWidth="100%"
-      className="shrink-0 w-5 h-5 stroke-md text-f1-foreground-warning"
+      className="shrink-0 w-5 h-5 stroke-md text-f0-foreground-warning"
       fill="none"
       focusable={false}
       meetOrSlice={0}
@@ -328,7 +328,7 @@ exports[`AlertTag Snapshot Warning level 1`] = `
       </RNSVGGroup>
     </RNSVGSvgView>
     <Text
-      className="line-clamp-1 text-base font-medium text-f1-foreground-warning"
+      className="line-clamp-1 text-base font-medium text-f0-foreground-warning"
     >
       warning
     </Text>

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

@@ -26,17 +26,17 @@ export const AlertTag = <T extends string>({ text, level }: Props<T>) => {
     <BaseTag
       classNameText={cn(
         {
-          info: "text-f1-foreground-info",
-          warning: "text-f1-foreground-warning",
-          critical: "text-f1-foreground-critical",
+          info: "text-f0-foreground-info",
+          warning: "text-f0-foreground-warning",
+          critical: "text-f0-foreground-critical",
         }[level]
       )}
       classNameContainer={cn(
         "pl-0.5",
         {
-          info: "bg-f1-background-info text-f1-foreground-info",
-          warning: "bg-f1-background-warning text-f1-foreground-warning",
-          critical: "bg-f1-background-critical text-f1-foreground-critical",
+          info: "bg-f0-background-info text-f0-foreground-info",
+          warning: "bg-f0-background-warning text-f0-foreground-warning",
+          critical: "bg-f0-background-critical text-f0-foreground-critical",
         }[level]
       )}
       left={
@@ -44,9 +44,9 @@ export const AlertTag = <T extends string>({ text, level }: Props<T>) => {
           icon={iconMap[level]}
           className={cn(
             {
-              info: "text-f1-foreground-info",
-              warning: "text-f1-foreground-warning",
-              critical: "text-f1-foreground-critical",
+              info: "text-f0-foreground-info",
+              warning: "text-f0-foreground-warning",
+              critical: "text-f0-foreground-critical",
             }[level]
           )}
           size="md"

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

@@ -48,7 +48,7 @@ export const BaseTag = ({
       {!!text && (
         <Text
           className={cn(
-            "line-clamp-1 text-base font-medium text-f1-foreground",
+            "line-clamp-1 text-base font-medium text-f0-foreground",
             classNameText
           )}
         >
@@ -56,7 +56,7 @@ export const BaseTag = ({
         </Text>
       )}
       {additionalAccesibleText && (
-        <Text className="sr-only text-base font-medium text-f1-foreground">
+        <Text className="sr-only text-base font-medium text-f0-foreground">
           {additionalAccesibleText}
         </Text>
       )}

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}