@korsolutions/ui 0.0.87 → 0.0.89

package/src/themes/default/colors.ts

@@ -1,45 +1,45 @@
 import type { Colors } from "../types";
 
 export const lightColors: Colors = {
-  background: "hsl(224, 0%, 100%)",
-  foreground: "hsl(224, 0%, 4%)",
+  background: "hsl(0, 0%, 98%)",
+  foreground: "hsl(0, 0%, 4%)",
 
-  primary: "hsl(224, 0%, 9%)",
-  primaryForeground: "hsl(224, 0%, 98%)",
+  primary: "hsl(0, 0%, 10%)",
+  primaryForeground: "hsl(0, 0%, 98%)",
 
-  secondary: "hsl(224, 0%, 96%)",
-  secondaryForeground: "hsl(224, 0%, 9%)",
+  secondary: "hsl(0, 0%, 93%)",
+  secondaryForeground: "hsl(0, 0%, 9%)",
 
-  muted: "hsl(224, 0%, 96%)",
-  mutedForeground: "hsl(224, 0%, 45%)",
+  muted: "hsl(0, 0%, 96%)",
+  mutedForeground: "hsl(0, 0%, 45%)",
 
-  border: "hsl(224, 0%, 90%)",
-  surface: "hsl(224, 0%, 100%)",
+  border: "hsl(0, 0%, 90%)",
+  surface: "hsl(0, 0%, 100%)",
 
-  danger: "hsl(360, 100%, 45%)",
-  success: "hsl(140, 100%, 40%)",
-  warning: "hsl(31, 92%, 45%)",
-  info: "hsl(210, 92%, 45%)",
+  danger: "hsl(0, 72%, 51%)",
+  success: "hsl(142, 71%, 45%)",
+  warning: "hsl(38, 92%, 50%)",
+  info: "hsl(217, 91%, 60%)",
 };
 
 export const darkColors: Colors = {
-  background: "hsl(224, 0%, 4%)",
-  foreground: "hsl(224, 0%, 98%)",
+  background: "hsl(0, 0%, 2%)",
+  foreground: "hsl(0, 0%, 96%)",
 
-  primary: "hsl(224, 0%, 90%)",
-  primaryForeground: "hsl(224, 0%, 9%)",
+  primary: "hsl(0, 0%, 90%)",
+  primaryForeground: "hsl(0, 0%, 10%)",
 
-  secondary: "hsl(224, 0%, 15%)",
-  secondaryForeground: "hsl(224, 0%, 98%)",
+  secondary: "hsl(0, 0%, 15%)",
+  secondaryForeground: "hsl(0, 0%, 98%)",
 
-  muted: "hsl(224, 0%, 15%)",
-  mutedForeground: "hsl(224, 0%, 63%)",
+  muted: "hsl(0, 0%, 15%)",
+  mutedForeground: "hsl(0, 0%, 63%)",
 
-  border: "hsl(224, 0%, 16%)",
-  surface: "hsl(224, 0%, 9%)",
+  border: "hsl(0, 0%, 16%)",
+  surface: "hsl(0, 0%, 8%)",
 
-  danger: "hsl(360, 100%, 45%)",
-  success: "hsl(140, 100%, 40%)",
-  warning: "hsl(31, 92%, 45%)",
-  info: "hsl(210, 92%, 45%)",
+  danger: "hsl(0, 63%, 60%)",
+  success: "hsl(142, 60%, 55%)",
+  warning: "hsl(38, 80%, 60%)",
+  info: "hsl(217, 80%, 65%)",
 };

package/src/themes/default/index.ts

@@ -6,8 +6,8 @@ export const defaultThemeAssets: ThemeAssets = {
     light: lightColors,
     dark: darkColors,
   },
-  radius: 10,
-  spacing: 6,
+  radius: 8,
+  spacing: 7,
   fontFamily: "System",
   letterSpacing: 0,
   fontSize: 16,

package/src/types/props.types.ts

@@ -13,6 +13,5 @@ export type SvgProps = {
   size?: number;
   color?: ColorValue;
   strokeWidth?: number;
-  absoluteStrokeWidth?: boolean;
   style?: StyleProp<ViewStyle & TextStyle>;
 };

package/src/utils/hsla-utils.ts

@@ -1,14 +1,3 @@
-export const hslaSetAlpha = (hsla: string, alpha: number): string => {
-  const parts = hsla.replace(/^hsla?\(|\s+|\)$/g, "").split(",");
-  if (parts[0] === undefined) throw new Error("Invalid HSLA color format");
-  if (parts[1] === undefined) throw new Error("Invalid HSLA color format");
-  if (parts[2] === undefined) throw new Error("Invalid HSLA color format");
-  const h = parseInt(parts[0], 10);
-  const s = parseInt(parts[1], 10);
-  const l = parseInt(parts[2], 10);
-  return `hsla(${h}, ${s}%, ${l}%, ${alpha})`;
-};
-
 export const hslaSetLightness = (hsla: string, lightness: number): string => {
   const parts = hsla.replace(/^hsla?\(|\s+|\)$/g, "").split(",");
   if (parts[0] === undefined) throw new Error("Invalid HSLA color format");

package/src/utils/size-scale.ts

@@ -9,7 +9,9 @@ interface SizeScaleValues {
   gap: number;
   /** fontSize * 0.875 | 1 | 1.125 */
   fontSize: number;
-  /** fontSize * 0.875 | 1 | 1.125 (alias for icon sizing) */
+  /** fontSize * 1.25 (line height for text) */
+  lineHeight: number;
+  /** Equal to lineHeight (icons match text line height) */
   iconSize: number;
   /** 1.75 | 2 | 2.25 */
   strokeWidth: number;
@@ -22,8 +24,8 @@ const scales: Record<
   { pv: number; ph: number; gap: number; fontScale: number; sw: number; h: number }
 > = {
   sm: { pv: 1, ph: 1.5, gap: 0.75, fontScale: 0.875, sw: 1.75, h: 4.5 },
-  md: { pv: 1.5, ph: 2, gap: 1, fontScale: 1, sw: 2, h: 6 },
-  lg: { pv: 2, ph: 3, gap: 1.25, fontScale: 1.125, sw: 2.25, h: 7.5 },
+  md: { pv: 1.5, ph: 2, gap: 1, fontScale: 1, sw: 1.75, h: 6 },
+  lg: { pv: 2, ph: 3, gap: 1.25, fontScale: 1.125, sw: 1.75, h: 7.5 },
 };
 
 export function getSizeScale(
@@ -33,12 +35,14 @@ export function getSizeScale(
 ): SizeScaleValues {
   const s = scales[size] ?? scales.md;
   const scaledFontSize = fontSize * s.fontScale;
+  const lineHeight = Math.round(scaledFontSize * 1.25);
   return {
     paddingVertical: spacing * s.pv,
     paddingHorizontal: spacing * s.ph,
     gap: spacing * s.gap,
     fontSize: scaledFontSize,
-    iconSize: scaledFontSize,
+    lineHeight,
+    iconSize: lineHeight,
     strokeWidth: s.sw,
     height: spacing * s.h,
   };

package/README.md

@@ -1,4 +0,0 @@
-# TODO
-
-- [ ] Line height
-- [ ] Letter spacing

package/dist/module/components/typography/variants/body-lg.js

@@ -1,18 +0,0 @@
-"use strict";
-
-import { useThemedStyles } from "../../../utils/use-themed-styles.js";
-export function useTextVariantBodyLg() {
-  return useThemedStyles(({
-    colors,
-    fontFamily,
-    letterSpacing,
-    fontSize
-  }) => ({
-    color: colors.foreground,
-    fontSize: fontSize * 1.25,
-    fontFamily,
-    letterSpacing,
-    lineHeight: fontSize * 1.5
-  }));
-}
-//# sourceMappingURL=body-lg.js.map

package/dist/module/components/typography/variants/body-lg.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useThemedStyles","useTextVariantBodyLg","colors","fontFamily","letterSpacing","fontSize","color","foreground","lineHeight"],"sourceRoot":"../../../../../src","sources":["components/typography/variants/body-lg.tsx"],"mappings":";;AACA,SAASA,eAAe,QAAQ,qCAAkC;AAElE,OAAO,SAASC,oBAAoBA,CAAA,EAAc;EAChD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,UAAU;IAAEC,aAAa;IAAEC;EAAS,CAAC,MAAiB;IAC/DC,KAAK,EAAEJ,MAAM,CAACK,UAAU;IACxBF,QAAQ,EAAEA,QAAQ,GAAG,IAAI;IACzBF,UAAU;IACVC,aAAa;IACbI,UAAU,EAAEH,QAAQ,GAAG;EACzB,CAAC,CACH,CAAC;AACH","ignoreList":[]}

package/dist/module/components/typography/variants/body-md.js

@@ -1,18 +0,0 @@
-"use strict";
-
-import { useThemedStyles } from "../../../utils/use-themed-styles.js";
-export function useTextVariantBodyMd() {
-  return useThemedStyles(({
-    colors,
-    fontFamily,
-    letterSpacing,
-    fontSize
-  }) => ({
-    color: colors.foreground,
-    fontSize,
-    fontFamily,
-    letterSpacing,
-    lineHeight: fontSize * 1.5
-  }));
-}
-//# sourceMappingURL=body-md.js.map

package/dist/module/components/typography/variants/body-md.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useThemedStyles","useTextVariantBodyMd","colors","fontFamily","letterSpacing","fontSize","color","foreground","lineHeight"],"sourceRoot":"../../../../../src","sources":["components/typography/variants/body-md.tsx"],"mappings":";;AACA,SAASA,eAAe,QAAQ,qCAAkC;AAElE,OAAO,SAASC,oBAAoBA,CAAA,EAAc;EAChD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,UAAU;IAAEC,aAAa;IAAEC;EAAS,CAAC,MAAiB;IAC/DC,KAAK,EAAEJ,MAAM,CAACK,UAAU;IACxBF,QAAQ;IACRF,UAAU;IACVC,aAAa;IACbI,UAAU,EAAEH,QAAQ,GAAG;EACzB,CAAC,CACH,CAAC;AACH","ignoreList":[]}

package/dist/module/components/typography/variants/body-sm.js

@@ -1,18 +0,0 @@
-"use strict";
-
-import { useThemedStyles } from "../../../utils/use-themed-styles.js";
-export function useTextVariantBodySm() {
-  return useThemedStyles(({
-    colors,
-    fontFamily,
-    letterSpacing,
-    fontSize
-  }) => ({
-    color: colors.foreground,
-    fontSize: fontSize * 0.875,
-    fontFamily,
-    letterSpacing,
-    lineHeight: fontSize * 1.5
-  }));
-}
-//# sourceMappingURL=body-sm.js.map

package/dist/module/components/typography/variants/body-sm.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useThemedStyles","useTextVariantBodySm","colors","fontFamily","letterSpacing","fontSize","color","foreground","lineHeight"],"sourceRoot":"../../../../../src","sources":["components/typography/variants/body-sm.tsx"],"mappings":";;AACA,SAASA,eAAe,QAAQ,qCAAkC;AAElE,OAAO,SAASC,oBAAoBA,CAAA,EAAc;EAChD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,UAAU;IAAEC,aAAa;IAAEC;EAAS,CAAC,MAAiB;IAC/DC,KAAK,EAAEJ,MAAM,CAACK,UAAU;IACxBF,QAAQ,EAAEA,QAAQ,GAAG,KAAK;IAC1BF,UAAU;IACVC,aAAa;IACbI,UAAU,EAAEH,QAAQ,GAAG;EACzB,CAAC,CACH,CAAC;AACH","ignoreList":[]}

package/dist/module/components/typography/variants/heading-lg.js

@@ -1,19 +0,0 @@
-"use strict";
-
-import { useThemedStyles } from "../../../utils/use-themed-styles.js";
-export function useTextVariantHeadingLg() {
-  return useThemedStyles(({
-    colors,
-    fontFamily,
-    letterSpacing,
-    fontSize
-  }) => ({
-    color: colors.foreground,
-    fontSize: fontSize * 1.5,
-    fontFamily,
-    letterSpacing,
-    fontWeight: "600",
-    lineHeight: fontSize * 1.75
-  }));
-}
-//# sourceMappingURL=heading-lg.js.map

package/dist/module/components/typography/variants/heading-lg.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useThemedStyles","useTextVariantHeadingLg","colors","fontFamily","letterSpacing","fontSize","color","foreground","fontWeight","lineHeight"],"sourceRoot":"../../../../../src","sources":["components/typography/variants/heading-lg.tsx"],"mappings":";;AACA,SAASA,eAAe,QAAQ,qCAAkC;AAElE,OAAO,SAASC,uBAAuBA,CAAA,EAAc;EACnD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,UAAU;IAAEC,aAAa;IAAEC;EAAS,CAAC,MAAiB;IAC/DC,KAAK,EAAEJ,MAAM,CAACK,UAAU;IACxBF,QAAQ,EAAEA,QAAQ,GAAG,GAAG;IACxBF,UAAU;IACVC,aAAa;IACbI,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAEJ,QAAQ,GAAG;EACzB,CAAC,CACH,CAAC;AACH","ignoreList":[]}

package/dist/module/components/typography/variants/heading-md.js

@@ -1,19 +0,0 @@
-"use strict";
-
-import { useThemedStyles } from "../../../utils/use-themed-styles.js";
-export function useTextVariantHeadingMd() {
-  return useThemedStyles(({
-    colors,
-    fontFamily,
-    letterSpacing,
-    fontSize
-  }) => ({
-    color: colors.foreground,
-    fontSize: fontSize * 1.25,
-    fontFamily,
-    letterSpacing,
-    fontWeight: "600",
-    lineHeight: fontSize * 1.5
-  }));
-}
-//# sourceMappingURL=heading-md.js.map

package/dist/module/components/typography/variants/heading-md.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useThemedStyles","useTextVariantHeadingMd","colors","fontFamily","letterSpacing","fontSize","color","foreground","fontWeight","lineHeight"],"sourceRoot":"../../../../../src","sources":["components/typography/variants/heading-md.tsx"],"mappings":";;AACA,SAASA,eAAe,QAAQ,qCAAkC;AAElE,OAAO,SAASC,uBAAuBA,CAAA,EAAc;EACnD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,UAAU;IAAEC,aAAa;IAAEC;EAAS,CAAC,MAAiB;IAC/DC,KAAK,EAAEJ,MAAM,CAACK,UAAU;IACxBF,QAAQ,EAAEA,QAAQ,GAAG,IAAI;IACzBF,UAAU;IACVC,aAAa;IACbI,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAEJ,QAAQ,GAAG;EACzB,CAAC,CACH,CAAC;AACH","ignoreList":[]}

package/dist/module/components/typography/variants/heading-sm.js

@@ -1,19 +0,0 @@
-"use strict";
-
-import { useThemedStyles } from "../../../utils/use-themed-styles.js";
-export function useTextVariantHeadingSm() {
-  return useThemedStyles(({
-    colors,
-    fontFamily,
-    letterSpacing,
-    fontSize
-  }) => ({
-    color: colors.foreground,
-    fontSize,
-    fontFamily,
-    letterSpacing,
-    fontWeight: "600",
-    lineHeight: fontSize * 1.2
-  }));
-}
-//# sourceMappingURL=heading-sm.js.map

package/dist/module/components/typography/variants/heading-sm.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useThemedStyles","useTextVariantHeadingSm","colors","fontFamily","letterSpacing","fontSize","color","foreground","fontWeight","lineHeight"],"sourceRoot":"../../../../../src","sources":["components/typography/variants/heading-sm.tsx"],"mappings":";;AACA,SAASA,eAAe,QAAQ,qCAAkC;AAElE,OAAO,SAASC,uBAAuBA,CAAA,EAAc;EACnD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,UAAU;IAAEC,aAAa;IAAEC;EAAS,CAAC,MAAiB;IAC/DC,KAAK,EAAEJ,MAAM,CAACK,UAAU;IACxBF,QAAQ;IACRF,UAAU;IACVC,aAAa;IACbI,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAEJ,QAAQ,GAAG;EACzB,CAAC,CACH,CAAC;AACH","ignoreList":[]}

package/dist/typescript/src/components/typography/variants/body-lg.d.ts

@@ -1,3 +0,0 @@
-import { type TextStyle } from "react-native";
-export declare function useTextVariantBodyLg(): TextStyle;
-//# sourceMappingURL=body-lg.d.ts.map

package/dist/typescript/src/components/typography/variants/body-lg.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"body-lg.d.ts","sourceRoot":"","sources":["../../../../../../src/components/typography/variants/body-lg.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,wBAAgB,oBAAoB,IAAI,SAAS,CAUhD"}

package/dist/typescript/src/components/typography/variants/body-md.d.ts

@@ -1,3 +0,0 @@
-import { type TextStyle } from "react-native";
-export declare function useTextVariantBodyMd(): TextStyle;
-//# sourceMappingURL=body-md.d.ts.map

package/dist/typescript/src/components/typography/variants/body-md.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"body-md.d.ts","sourceRoot":"","sources":["../../../../../../src/components/typography/variants/body-md.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,wBAAgB,oBAAoB,IAAI,SAAS,CAUhD"}

package/dist/typescript/src/components/typography/variants/body-sm.d.ts

@@ -1,3 +0,0 @@
-import { type TextStyle } from "react-native";
-export declare function useTextVariantBodySm(): TextStyle;
-//# sourceMappingURL=body-sm.d.ts.map

package/dist/typescript/src/components/typography/variants/body-sm.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"body-sm.d.ts","sourceRoot":"","sources":["../../../../../../src/components/typography/variants/body-sm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,wBAAgB,oBAAoB,IAAI,SAAS,CAUhD"}

package/dist/typescript/src/components/typography/variants/heading-lg.d.ts

@@ -1,3 +0,0 @@
-import { type TextStyle } from "react-native";
-export declare function useTextVariantHeadingLg(): TextStyle;
-//# sourceMappingURL=heading-lg.d.ts.map

package/dist/typescript/src/components/typography/variants/heading-lg.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"heading-lg.d.ts","sourceRoot":"","sources":["../../../../../../src/components/typography/variants/heading-lg.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,wBAAgB,uBAAuB,IAAI,SAAS,CAWnD"}

package/dist/typescript/src/components/typography/variants/heading-md.d.ts

@@ -1,3 +0,0 @@
-import { type TextStyle } from "react-native";
-export declare function useTextVariantHeadingMd(): TextStyle;
-//# sourceMappingURL=heading-md.d.ts.map

package/dist/typescript/src/components/typography/variants/heading-md.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"heading-md.d.ts","sourceRoot":"","sources":["../../../../../../src/components/typography/variants/heading-md.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,wBAAgB,uBAAuB,IAAI,SAAS,CAWnD"}

package/dist/typescript/src/components/typography/variants/heading-sm.d.ts

@@ -1,3 +0,0 @@
-import { type TextStyle } from "react-native";
-export declare function useTextVariantHeadingSm(): TextStyle;
-//# sourceMappingURL=heading-sm.d.ts.map

package/dist/typescript/src/components/typography/variants/heading-sm.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"heading-sm.d.ts","sourceRoot":"","sources":["../../../../../../src/components/typography/variants/heading-sm.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,wBAAgB,uBAAuB,IAAI,SAAS,CAWnD"}

package/src/components/typography/variants/body-lg.tsx

@@ -1,14 +0,0 @@
-import { type TextStyle } from "react-native";
-import { useThemedStyles } from "../../../utils/use-themed-styles";
-
-export function useTextVariantBodyLg(): TextStyle {
-  return useThemedStyles(
-    ({ colors, fontFamily, letterSpacing, fontSize }): TextStyle => ({
-      color: colors.foreground,
-      fontSize: fontSize * 1.25,
-      fontFamily,
-      letterSpacing,
-      lineHeight: fontSize * 1.5,
-    }),
-  );
-}

package/src/components/typography/variants/body-md.tsx

@@ -1,14 +0,0 @@
-import { type TextStyle } from "react-native";
-import { useThemedStyles } from "../../../utils/use-themed-styles";
-
-export function useTextVariantBodyMd(): TextStyle {
-  return useThemedStyles(
-    ({ colors, fontFamily, letterSpacing, fontSize }): TextStyle => ({
-      color: colors.foreground,
-      fontSize,
-      fontFamily,
-      letterSpacing,
-      lineHeight: fontSize * 1.5,
-    }),
-  );
-}

package/src/components/typography/variants/body-sm.tsx

@@ -1,14 +0,0 @@
-import { type TextStyle } from "react-native";
-import { useThemedStyles } from "../../../utils/use-themed-styles";
-
-export function useTextVariantBodySm(): TextStyle {
-  return useThemedStyles(
-    ({ colors, fontFamily, letterSpacing, fontSize }): TextStyle => ({
-      color: colors.foreground,
-      fontSize: fontSize * 0.875,
-      fontFamily,
-      letterSpacing,
-      lineHeight: fontSize * 1.5,
-    }),
-  );
-}

package/src/components/typography/variants/heading-lg.tsx

@@ -1,15 +0,0 @@
-import { type TextStyle } from "react-native";
-import { useThemedStyles } from "../../../utils/use-themed-styles";
-
-export function useTextVariantHeadingLg(): TextStyle {
-  return useThemedStyles(
-    ({ colors, fontFamily, letterSpacing, fontSize }): TextStyle => ({
-      color: colors.foreground,
-      fontSize: fontSize * 1.5,
-      fontFamily,
-      letterSpacing,
-      fontWeight: "600",
-      lineHeight: fontSize * 1.75,
-    }),
-  );
-}

package/src/components/typography/variants/heading-md.tsx

@@ -1,15 +0,0 @@
-import { type TextStyle } from "react-native";
-import { useThemedStyles } from "../../../utils/use-themed-styles";
-
-export function useTextVariantHeadingMd(): TextStyle {
-  return useThemedStyles(
-    ({ colors, fontFamily, letterSpacing, fontSize }): TextStyle => ({
-      color: colors.foreground,
-      fontSize: fontSize * 1.25,
-      fontFamily,
-      letterSpacing,
-      fontWeight: "600",
-      lineHeight: fontSize * 1.5,
-    }),
-  );
-}

package/src/components/typography/variants/heading-sm.tsx

@@ -1,15 +0,0 @@
-import { type TextStyle } from "react-native";
-import { useThemedStyles } from "../../../utils/use-themed-styles";
-
-export function useTextVariantHeadingSm(): TextStyle {
-  return useThemedStyles(
-    ({ colors, fontFamily, letterSpacing, fontSize }): TextStyle => ({
-      color: colors.foreground,
-      fontSize,
-      fontFamily,
-      letterSpacing,
-      fontWeight: "600",
-      lineHeight: fontSize * 1.2,
-    }),
-  );
-}