@pagopa/io-app-design-system 5.0.0-0 → 5.0.0-2

package/src/components/typography/ButtonText.tsx

@@ -1,12 +1,15 @@
 import React, { ForwardedRef, forwardRef } from "react";
 import { View } from "react-native";
-import { useIONewTypeface } from "../../core";
+import { IOColors, useIONewTypeface } from "../../core";
 import { IOFontFamily, IOFontSize } from "../../utils/fonts";
 import { IOText, IOTextProps, TypographicStyleProps } from "./IOText";
 
 export const buttonTextFontSize: IOFontSize = 16;
+export const buttonTextLineHeight = 20;
+
 /* Needed to render `ButtonOutline` and`ButtonLink` because they use
 `AnimatedText` for color transition through Reanimated */
+const defaultColor: IOColors = "white";
 const fontName: IOFontFamily = "Titillio";
 const legacyFontName: IOFontFamily = "TitilliumSansPro";
 
@@ -22,10 +25,10 @@ export const ButtonText = forwardRef<View, TypographicStyleProps>(
       font: newTypefaceEnabled ? fontName : legacyFontName,
       weight: "Semibold",
       size: buttonTextFontSize,
-      lineHeight: 20,
+      lineHeight: buttonTextLineHeight,
       /* Needed to render `ButtonOutline` and`ButtonLink` because they use
 `AnimatedText` for color transition through Reanimated */
-      color: customColor ?? "white"
+      color: customColor ?? defaultColor
     };
 
     return (

package/src/core/IOSpacing.ts

@@ -30,8 +30,6 @@ export type IOAlertSpacing = (typeof IOAlertSpacing)[number];
 // Values used in the `<Banner>` component
 export type IOBannerSpacing = Extract<IOSpacingScale, 12 | 16>;
 export const IOBannerBigSpacing: IOBannerSpacing = 16;
-export const IOBannerSmallHSpacing: IOBannerSpacing = 16;
-export const IOBannerSmallVSpacing: IOBannerSpacing = 12;
 
 // Values used in the `<Tag>` component
 export type IOTagSpacing = Extract<IOSpacingScale, 6 | 8>;