@factorialco/f0-react-native 0.25.0 → 0.27.0

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

@@ -5,10 +5,10 @@ exports[`Counter Snapshot 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>
@@ -21,10 +21,10 @@ exports[`Counter Snapshot vairan bold types 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-accent-bold"
+    className="flex items-center justify-center rounded-xs grow-0 px-0.5 min-w-5 h-5 bg-f0-background-accent-bold"
   >
     <Text
-      className="text-center text-sm font-medium tabular-nums whitespace-nowrap text-f1-foreground-inverse"
+      className="text-center text-sm font-medium tabular-nums whitespace-nowrap text-f0-foreground-inverse"
     >
       42
     </Text>
@@ -37,10 +37,10 @@ exports[`Counter Snapshot vairan defauly types 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>
@@ -53,10 +53,10 @@ exports[`Counter Snapshot vairan defauly types 2`] = `
   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>
@@ -69,10 +69,10 @@ exports[`Counter Snapshot vairan md size 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>
@@ -85,10 +85,10 @@ exports[`Counter Snapshot vairan selected types 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-selected-bold outline-f1-border-selected"
+    className="flex items-center justify-center rounded-xs grow-0 px-0.5 min-w-5 h-5 bg-f0-background-selected-bold outline-f0-border-selected"
   >
     <Text
-      className="text-center text-sm font-medium tabular-nums whitespace-nowrap text-f1-foreground-inverse"
+      className="text-center text-sm font-medium tabular-nums whitespace-nowrap text-f0-foreground-inverse"
     >
       42
     </Text>
@@ -101,10 +101,10 @@ exports[`Counter Snapshot vairan sm size 1`] = `
   className="flex items-start"
 >
   <View
-    className="flex items-center justify-center rounded-xs grow-0 px-0.5 min-w-4 h-4 bg-f1-background-secondary border border-f1-border"
+    className="flex items-center justify-center rounded-xs grow-0 px-0.5 min-w-4 h-4 bg-f0-background-secondary border border-f0-border"
   >
     <Text
-      className="text-center text-sm font-medium tabular-nums whitespace-nowrap leading-none py-0.5 text-f1-foreground"
+      className="text-center text-sm font-medium tabular-nums whitespace-nowrap leading-none py-0.5 text-f0-foreground"
     >
       42
     </Text>

package/src/components/Counter/index.tsx

@@ -11,9 +11,9 @@ const counterContainerVariants = tv({
       sm: "min-w-4 h-4",
     },
     type: {
-      default: "bg-f1-background-secondary border border-f1-border",
-      selected: "bg-f1-background-selected-bold outline-f1-border-selected",
-      bold: "bg-f1-background-accent-bold",
+      default: "bg-f0-background-secondary border border-f0-border",
+      selected: "bg-f0-background-selected-bold outline-f0-border-selected",
+      bold: "bg-f0-background-accent-bold",
     },
   },
   defaultVariants: {
@@ -30,9 +30,9 @@ const counterTextVariants = tv({
       sm: "leading-none py-0.5",
     },
     type: {
-      default: "text-f1-foreground",
-      selected: "text-f1-foreground-inverse",
-      bold: "text-f1-foreground-inverse",
+      default: "text-f0-foreground",
+      selected: "text-f0-foreground-inverse",
+      bold: "text-f0-foreground-inverse",
     },
   },
   defaultVariants: {

package/src/components/ExampleComponent.tsx

@@ -15,8 +15,8 @@ export const ExampleComponent: React.FC<ExampleComponentProps> = ({
   text = "Hello World",
 }) => {
   return (
-    <View className="rounded-lg bg-f1-background p-4">
-      <Text className="text-base font-medium text-f1-foreground">{text}</Text>
+    <View className="rounded-lg bg-f0-background p-4">
+      <Text className="text-base font-medium text-f0-foreground">{text}</Text>
     </View>
   )
 }

package/src/components/Icon/README.md

@@ -32,7 +32,7 @@ The Icon component is designed to work with UniWind, allowing you to style icons
 
 ```tsx
 // Style using Tailwind CSS classes
-<Icon icon={AppIcons.Archive} className="text-f1-icon-secondary" />
+<Icon icon={AppIcons.Archive} className="text-f0-icon-secondary" />
 ```
 
 ## Available Icons

package/src/components/Navigation/PageHeader/__snapshots__/index.spec.tsx.snap

@@ -5,7 +5,7 @@ exports[`PageHeader Snapshot - renders correctly with multiple actions 1`] = `
   className="flex-row items-center justify-between px-5 py-3"
 >
   <Text
-    className="text-3xl font-semibold text-f1-foreground"
+    className="text-3xl font-semibold text-f0-foreground"
   >
     Test Page Title
   </Text>
@@ -110,7 +110,7 @@ exports[`PageHeader Snapshot - renders correctly with one action 1`] = `
   className="flex-row items-center justify-between px-5 py-3"
 >
   <Text
-    className="text-3xl font-semibold text-f1-foreground"
+    className="text-3xl font-semibold text-f0-foreground"
   >
     Test Page Title
   </Text>
@@ -169,7 +169,7 @@ exports[`PageHeader Snapshot - renders correctly with one action with a badge 1`
   className="flex-row items-center justify-between px-5 py-3"
 >
   <Text
-    className="text-3xl font-semibold text-f1-foreground"
+    className="text-3xl font-semibold text-f0-foreground"
   >
     Test Page Title
   </Text>
@@ -231,7 +231,7 @@ exports[`PageHeader Snapshot - renders correctly with only a title 1`] = `
   className="flex-row items-center justify-between px-5 py-3"
 >
   <Text
-    className="text-3xl font-semibold text-f1-foreground"
+    className="text-3xl font-semibold text-f0-foreground"
   >
     Test Page Title
   </Text>

package/src/components/Navigation/PageHeader/index.tsx

@@ -36,7 +36,7 @@ const NotificationsAction = ({ label, onPress, showBadge }: ActionT) => {
 export const PageHeader = memo(({ title, actions }: Props) => {
   return (
     <View className="flex-row items-center justify-between px-5 py-3">
-      <Text className="text-3xl font-semibold text-f1-foreground">{title}</Text>
+      <Text className="text-3xl font-semibold text-f0-foreground">{title}</Text>
       <View className="flex-row gap-2">
         {actions?.map((action) => {
           switch (action.type) {

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

@@ -25,7 +25,7 @@ exports[`OneChip Snapshot 1`] = `
       }
     }
     accessible={true}
-    className="overflow-hidden flex items-center gap-1 rounded-full border border-solid border-f1-border px-2 py-0.5 grow-0"
+    className="overflow-hidden flex items-center gap-1 rounded-full border border-solid border-f0-border px-2 py-0.5 grow-0"
     collapsable={false}
     focusable={true}
     onBlur={[Function]}
@@ -68,7 +68,7 @@ exports[`OneChip Snapshot 1`] = `
       className="flex flex-row items-center gap-0.5"
     >
       <Text
-        className="font-medium text-f1-foreground"
+        className="font-medium text-f0-foreground"
       >
         label
       </Text>
@@ -102,7 +102,7 @@ exports[`OneChip Snapshot variant selected 1`] = `
       }
     }
     accessible={true}
-    className="overflow-hidden flex items-center gap-1 rounded-full border border-solid px-2 py-0.5 grow-0 border-f1-border-selected bg-f1-background-selected-secondary"
+    className="overflow-hidden flex items-center gap-1 rounded-full border border-solid px-2 py-0.5 grow-0 border-f0-border-selected bg-f0-background-selected-secondary"
     collapsable={false}
     focusable={true}
     onBlur={[Function]}
@@ -145,7 +145,7 @@ exports[`OneChip Snapshot variant selected 1`] = `
       className="flex flex-row items-center gap-0.5"
     >
       <Text
-        className="font-medium text-f1-foreground-selected"
+        className="font-medium text-f0-foreground-selected"
       >
         label
       </Text>
@@ -179,7 +179,7 @@ exports[`OneChip Snapshot with Icon 1`] = `
       }
     }
     accessible={true}
-    className="overflow-hidden flex items-center gap-1 rounded-full border border-solid border-f1-border px-2 py-0.5 grow-0 pl-1.5"
+    className="overflow-hidden flex items-center gap-1 rounded-full border border-solid border-f0-border px-2 py-0.5 grow-0 pl-1.5"
     collapsable={false}
     focusable={true}
     onBlur={[Function]}
@@ -225,7 +225,7 @@ exports[`OneChip Snapshot with Icon 1`] = `
         align="xMidYMid"
         bbHeight="100%"
         bbWidth="100%"
-        className="shrink-0 w-4 h-4 stroke-sm font-medium text-f1-foreground"
+        className="shrink-0 w-4 h-4 stroke-sm font-medium text-f0-foreground"
         fill="none"
         focusable={false}
         meetOrSlice={0}
@@ -303,7 +303,7 @@ exports[`OneChip Snapshot with Icon 1`] = `
         </RNSVGGroup>
       </RNSVGSvgView>
       <Text
-        className="font-medium text-f1-foreground"
+        className="font-medium text-f0-foreground"
       >
         label
       </Text>
@@ -337,7 +337,7 @@ exports[`OneChip Snapshot with OnClose 1`] = `
       }
     }
     accessible={true}
-    className="overflow-hidden flex items-center gap-1 rounded-full border border-solid border-f1-border px-2 py-0.5 grow-0 pr-1.5"
+    className="overflow-hidden flex items-center gap-1 rounded-full border border-solid border-f0-border px-2 py-0.5 grow-0 pr-1.5"
     collapsable={false}
     focusable={true}
     onBlur={[Function]}
@@ -380,7 +380,7 @@ exports[`OneChip Snapshot with OnClose 1`] = `
       className="flex flex-row items-center gap-0.5"
     >
       <Text
-        className="font-medium text-f1-foreground"
+        className="font-medium text-f0-foreground"
       >
         label
       </Text>
@@ -405,7 +405,7 @@ exports[`OneChip Snapshot with OnClose 1`] = `
           }
         }
         accessible={true}
-        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"
         collapsable={false}
         focusable={true}
         onBlur={[Function]}
@@ -422,7 +422,7 @@ exports[`OneChip Snapshot with OnClose 1`] = `
           align="xMidYMid"
           bbHeight="100%"
           bbWidth="100%"
-          className="shrink-0 w-4 h-4 stroke-sm font-medium text-f1-foreground"
+          className="shrink-0 w-4 h-4 stroke-sm font-medium text-f0-foreground"
           fill="none"
           focusable={false}
           meetOrSlice={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>
       )}