@pagopa/io-app-design-system 4.3.0 → 4.4.0

package/lib/commonjs/components/typography/__test__/__snapshots__/typography.test.tsx.snap

@@ -2,9 +2,9 @@
 
 exports[`Test Typography Components Body Snapshot 1`] = `
 <Text
-  allowFontScaling={false}
+  allowFontScaling={true}
   dynamicTypeRamp="body"
-  maxFontSizeMultiplier={1.25}
+  maxFontSizeMultiplier={1.5}
   style={
     [
       {},
@@ -25,9 +25,9 @@ exports[`Test Typography Components Body Snapshot 1`] = `
 
 exports[`Test Typography Components BodyMonospace Snapshot 1`] = `
 <Text
-  allowFontScaling={false}
+  allowFontScaling={true}
   dynamicTypeRamp="body"
-  maxFontSizeMultiplier={1.25}
+  maxFontSizeMultiplier={1.5}
   style={
     [
       {
@@ -50,9 +50,9 @@ exports[`Test Typography Components BodyMonospace Snapshot 1`] = `
 
 exports[`Test Typography Components BodySmall Snapshot 1`] = `
 <Text
-  allowFontScaling={false}
+  allowFontScaling={true}
   dynamicTypeRamp="footnote"
-  maxFontSizeMultiplier={1.25}
+  maxFontSizeMultiplier={1.5}
   style={
     [
       {},
@@ -73,9 +73,9 @@ exports[`Test Typography Components BodySmall Snapshot 1`] = `
 
 exports[`Test Typography Components BodySmall Snapshot 2`] = `
 <Text
-  allowFontScaling={false}
+  allowFontScaling={true}
   dynamicTypeRamp="footnote"
-  maxFontSizeMultiplier={1.25}
+  maxFontSizeMultiplier={1.5}
   style={
     [
       {},
@@ -96,9 +96,9 @@ exports[`Test Typography Components BodySmall Snapshot 2`] = `
 
 exports[`Test Typography Components BodySmall Snapshot 3`] = `
 <Text
-  allowFontScaling={false}
+  allowFontScaling={true}
   dynamicTypeRamp="footnote"
-  maxFontSizeMultiplier={1.25}
+  maxFontSizeMultiplier={1.5}
   style={
     [
       {},
@@ -119,9 +119,9 @@ exports[`Test Typography Components BodySmall Snapshot 3`] = `
 
 exports[`Test Typography Components BodySmall Snapshot 4`] = `
 <Text
-  allowFontScaling={false}
+  allowFontScaling={true}
   dynamicTypeRamp="footnote"
-  maxFontSizeMultiplier={1.25}
+  maxFontSizeMultiplier={1.5}
   style={
     [
       {},
@@ -142,9 +142,9 @@ exports[`Test Typography Components BodySmall Snapshot 4`] = `
 
 exports[`Test Typography Components BodySmall Snapshot 5`] = `
 <Text
-  allowFontScaling={false}
+  allowFontScaling={true}
   dynamicTypeRamp="footnote"
-  maxFontSizeMultiplier={1.25}
+  maxFontSizeMultiplier={1.5}
   style={
     [
       {},
@@ -165,8 +165,8 @@ exports[`Test Typography Components BodySmall Snapshot 5`] = `
 
 exports[`Test Typography Components CTA Snapshot 1`] = `
 <Text
-  allowFontScaling={false}
-  maxFontSizeMultiplier={1.25}
+  allowFontScaling={true}
+  maxFontSizeMultiplier={1.5}
   style={
     [
       {},
@@ -187,9 +187,9 @@ exports[`Test Typography Components CTA Snapshot 1`] = `
 
 exports[`Test Typography Components H1 Snapshot 1`] = `
 <Text
-  allowFontScaling={false}
+  allowFontScaling={true}
   dynamicTypeRamp="largeTitle"
-  maxFontSizeMultiplier={1.25}
+  maxFontSizeMultiplier={1.5}
   style={
     [
       {},
@@ -210,9 +210,9 @@ exports[`Test Typography Components H1 Snapshot 1`] = `
 
 exports[`Test Typography Components H1 Snapshot 2`] = `
 <Text
-  allowFontScaling={false}
+  allowFontScaling={true}
   dynamicTypeRamp="largeTitle"
-  maxFontSizeMultiplier={1.25}
+  maxFontSizeMultiplier={1.5}
   style={
     [
       {},
@@ -233,9 +233,9 @@ exports[`Test Typography Components H1 Snapshot 2`] = `
 
 exports[`Test Typography Components H2 Snapshot 1`] = `
 <Text
-  allowFontScaling={false}
+  allowFontScaling={true}
   dynamicTypeRamp="title1"
-  maxFontSizeMultiplier={1.25}
+  maxFontSizeMultiplier={1.5}
   style={
     [
       {},
@@ -256,9 +256,9 @@ exports[`Test Typography Components H2 Snapshot 1`] = `
 
 exports[`Test Typography Components H3 Snapshot 1`] = `
 <Text
-  allowFontScaling={false}
+  allowFontScaling={true}
   dynamicTypeRamp="title2"
-  maxFontSizeMultiplier={1.25}
+  maxFontSizeMultiplier={1.5}
   style={
     [
       {},
@@ -279,9 +279,9 @@ exports[`Test Typography Components H3 Snapshot 1`] = `
 
 exports[`Test Typography Components H3 Snapshot 2`] = `
 <Text
-  allowFontScaling={false}
+  allowFontScaling={true}
   dynamicTypeRamp="title2"
-  maxFontSizeMultiplier={1.25}
+  maxFontSizeMultiplier={1.5}
   style={
     [
       {},
@@ -302,9 +302,9 @@ exports[`Test Typography Components H3 Snapshot 2`] = `
 
 exports[`Test Typography Components H3 Snapshot 3`] = `
 <Text
-  allowFontScaling={false}
+  allowFontScaling={true}
   dynamicTypeRamp="title2"
-  maxFontSizeMultiplier={1.25}
+  maxFontSizeMultiplier={1.5}
   style={
     [
       {},
@@ -325,9 +325,9 @@ exports[`Test Typography Components H3 Snapshot 3`] = `
 
 exports[`Test Typography Components H3 Snapshot 4`] = `
 <Text
-  allowFontScaling={false}
+  allowFontScaling={true}
   dynamicTypeRamp="title2"
-  maxFontSizeMultiplier={1.25}
+  maxFontSizeMultiplier={1.5}
   style={
     [
       {},
@@ -348,9 +348,9 @@ exports[`Test Typography Components H3 Snapshot 4`] = `
 
 exports[`Test Typography Components H3 Snapshot 5`] = `
 <Text
-  allowFontScaling={false}
+  allowFontScaling={true}
   dynamicTypeRamp="title2"
-  maxFontSizeMultiplier={1.25}
+  maxFontSizeMultiplier={1.5}
   style={
     [
       {},
@@ -371,9 +371,9 @@ exports[`Test Typography Components H3 Snapshot 5`] = `
 
 exports[`Test Typography Components H4 Snapshot 1`] = `
 <Text
-  allowFontScaling={false}
+  allowFontScaling={true}
   dynamicTypeRamp="title3"
-  maxFontSizeMultiplier={1.25}
+  maxFontSizeMultiplier={1.5}
   style={
     [
       {},
@@ -394,9 +394,9 @@ exports[`Test Typography Components H4 Snapshot 1`] = `
 
 exports[`Test Typography Components H4 Snapshot 2`] = `
 <Text
-  allowFontScaling={false}
+  allowFontScaling={true}
   dynamicTypeRamp="title3"
-  maxFontSizeMultiplier={1.25}
+  maxFontSizeMultiplier={1.5}
   style={
     [
       {},
@@ -417,9 +417,9 @@ exports[`Test Typography Components H4 Snapshot 2`] = `
 
 exports[`Test Typography Components H4 Snapshot 3`] = `
 <Text
-  allowFontScaling={false}
+  allowFontScaling={true}
   dynamicTypeRamp="title3"
-  maxFontSizeMultiplier={1.25}
+  maxFontSizeMultiplier={1.5}
   style={
     [
       {},
@@ -440,9 +440,9 @@ exports[`Test Typography Components H4 Snapshot 3`] = `
 
 exports[`Test Typography Components H5 Snapshot 1`] = `
 <Text
-  allowFontScaling={false}
+  allowFontScaling={true}
   dynamicTypeRamp="subheadline"
-  maxFontSizeMultiplier={1.25}
+  maxFontSizeMultiplier={1.5}
   style={
     [
       {
@@ -466,9 +466,9 @@ exports[`Test Typography Components H5 Snapshot 1`] = `
 
 exports[`Test Typography Components H5 Snapshot 2`] = `
 <Text
-  allowFontScaling={false}
+  allowFontScaling={true}
   dynamicTypeRamp="subheadline"
-  maxFontSizeMultiplier={1.25}
+  maxFontSizeMultiplier={1.5}
   style={
     [
       {
@@ -492,9 +492,9 @@ exports[`Test Typography Components H5 Snapshot 2`] = `
 
 exports[`Test Typography Components H5 Snapshot 3`] = `
 <Text
-  allowFontScaling={false}
+  allowFontScaling={true}
   dynamicTypeRamp="subheadline"
-  maxFontSizeMultiplier={1.25}
+  maxFontSizeMultiplier={1.5}
   style={
     [
       {
@@ -518,9 +518,9 @@ exports[`Test Typography Components H5 Snapshot 3`] = `
 
 exports[`Test Typography Components H5 Snapshot 4`] = `
 <Text
-  allowFontScaling={false}
+  allowFontScaling={true}
   dynamicTypeRamp="subheadline"
-  maxFontSizeMultiplier={1.25}
+  maxFontSizeMultiplier={1.5}
   style={
     [
       {
@@ -544,9 +544,9 @@ exports[`Test Typography Components H5 Snapshot 4`] = `
 
 exports[`Test Typography Components H6 Snapshot 1`] = `
 <Text
-  allowFontScaling={false}
+  allowFontScaling={true}
   dynamicTypeRamp="headline"
-  maxFontSizeMultiplier={1.25}
+  maxFontSizeMultiplier={1.5}
   style={
     [
       {},
@@ -568,9 +568,9 @@ exports[`Test Typography Components H6 Snapshot 1`] = `
 exports[`Test Typography Components Link Snapshot 1`] = `
 <Text
   accessibilityRole="link"
-  allowFontScaling={false}
+  allowFontScaling={true}
   dynamicTypeRamp="body"
-  maxFontSizeMultiplier={1.25}
+  maxFontSizeMultiplier={1.5}
   onPress={[Function]}
   style={
     [

package/lib/commonjs/utils/accessibility.js

@@ -3,9 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useBoldTextEnabled = void 0;
+exports.useIOFontDynamicScale = exports.useBoldTextEnabled = void 0;
 var _react = require("react");
 var _reactNative = require("react-native");
+var _core = require("../core");
+var _fonts = require("./fonts");
 /**
  * Query whether a bold text is currently enabled. The result is true
  * when bold text is enabled and false otherwise.
@@ -28,5 +30,31 @@ const useBoldTextEnabled = () => {
   }, []);
   return boldTextEnabled;
 };
+
+/**
+ * Returns a font size multiplier based on the font scale of the device,
+ * but limited to the `IOFontSizeMultiplier` value.
+ * @returns number
+ */
 exports.useBoldTextEnabled = useBoldTextEnabled;
+const useIOFontDynamicScale = () => {
+  const {
+    isExperimental
+  } = (0, _core.useIOExperimentalDesign)();
+  const {
+    fontScale
+  } = (0, _reactNative.useWindowDimensions)();
+  const deviceFontScale = isExperimental ? fontScale : 1;
+  const hugeFontEnabled = deviceFontScale >= 1.35;
+  const dynamicFontScale = Math.min(deviceFontScale, _fonts.IOFontSizeMultiplier);
+  /* We make the spacing dynamic based on the font scale, but we multiply
+    this value to limit the amount of scaling applied to the spacing */
+  const spacingScaleMultiplier = dynamicFontScale <= _fonts.IOFontSizeMultiplier ? 1 : 0.8;
+  return {
+    hugeFontEnabled,
+    dynamicFontScale,
+    spacingScaleMultiplier
+  };
+};
+exports.useIOFontDynamicScale = useIOFontDynamicScale;
 //# sourceMappingURL=accessibility.js.map

package/lib/commonjs/utils/accessibility.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","useBoldTextEnabled","boldTextEnabled","setBoldTextEnabled","useState","useEffect","Platform","OS","boldTextChangedSubscription","AccessibilityInfo","addEventListener","isBoldTextEnabled","then","catch","_","remove","exports"],"sourceRoot":"../../../src","sources":["utils/accessibility.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA;AACA;AACA;AACA;AACO,MAAME,kBAAkB,GAAGA,CAAA,KAAM;EACtC,MAAM,CAACC,eAAe,EAAEC,kBAAkB,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAE7D,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAIC,qBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE;MACzB,MAAMC,2BAA2B,GAAGC,8BAAiB,CAACC,gBAAgB,CACpE,iBAAiB,EACjBC,iBAAiB,IAAI;QACnBR,kBAAkB,CAACQ,iBAAiB,CAAC;MACvC,CACF,CAAC;MAEDF,8BAAiB,CAACE,iBAAiB,CAAC,CAAC,CAClCC,IAAI,CAACD,iBAAiB,IAAI;QACzBR,kBAAkB,CAACQ,iBAAiB,CAAC;MACvC,CAAC,CAAC,CACDE,KAAK,CAACC,CAAC,IAAI,KAAK,CAAC;MAEpB,OAAO,MAAM;QACXN,2BAA2B,CAACO,MAAM,CAAC,CAAC;MACtC,CAAC;IACH;IACA;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOb,eAAe;AACxB,CAAC;AAACc,OAAA,CAAAf,kBAAA,GAAAA,kBAAA"}
+{"version":3,"names":["_react","require","_reactNative","_core","_fonts","useBoldTextEnabled","boldTextEnabled","setBoldTextEnabled","useState","useEffect","Platform","OS","boldTextChangedSubscription","AccessibilityInfo","addEventListener","isBoldTextEnabled","then","catch","_","remove","exports","useIOFontDynamicScale","isExperimental","useIOExperimentalDesign","fontScale","useWindowDimensions","deviceFontScale","hugeFontEnabled","dynamicFontScale","Math","min","IOFontSizeMultiplier","spacingScaleMultiplier"],"sourceRoot":"../../../src","sources":["utils/accessibility.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAEA;AACA;AACA;AACA;AACO,MAAMI,kBAAkB,GAAGA,CAAA,KAAM;EACtC,MAAM,CAACC,eAAe,EAAEC,kBAAkB,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAE7D,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAIC,qBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE;MACzB,MAAMC,2BAA2B,GAAGC,8BAAiB,CAACC,gBAAgB,CACpE,iBAAiB,EACjBC,iBAAiB,IAAI;QACnBR,kBAAkB,CAACQ,iBAAiB,CAAC;MACvC,CACF,CAAC;MAEDF,8BAAiB,CAACE,iBAAiB,CAAC,CAAC,CAClCC,IAAI,CAACD,iBAAiB,IAAI;QACzBR,kBAAkB,CAACQ,iBAAiB,CAAC;MACvC,CAAC,CAAC,CACDE,KAAK,CAACC,CAAC,IAAI,KAAK,CAAC;MAEpB,OAAO,MAAM;QACXN,2BAA2B,CAACO,MAAM,CAAC,CAAC;MACtC,CAAC;IACH;IACA;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOb,eAAe;AACxB,CAAC;;AAED;AACA;AACA;AACA;AACA;AAJAc,OAAA,CAAAf,kBAAA,GAAAA,kBAAA;AAKO,MAAMgB,qBAAqB,GAAGA,CAAA,KAIhC;EACH,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EACpD,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EAE3C,MAAMC,eAAe,GAAGJ,cAAc,GAAGE,SAAS,GAAG,CAAC;EACtD,MAAMG,eAAe,GAAGD,eAAe,IAAI,IAAI;EAE/C,MAAME,gBAAgB,GAAGC,IAAI,CAACC,GAAG,CAACJ,eAAe,EAAEK,2BAAoB,CAAC;EACxE;AACF;EACE,MAAMC,sBAAsB,GAC1BJ,gBAAgB,IAAIG,2BAAoB,GAAG,CAAC,GAAG,GAAG;EAEpD,OAAO;IACLJ,eAAe;IACfC,gBAAgB;IAChBI;EACF,CAAC;AACH,CAAC;AAACZ,OAAA,CAAAC,qBAAA,GAAAA,qBAAA"}

package/lib/commonjs/utils/fonts.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.makeFontStyleObject = exports.makeFontFamilyName = exports.fontWeights = void 0;
+exports.makeFontStyleObject = exports.makeFontFamilyName = exports.fontWeights = exports.IOFontSizeMultiplier = void 0;
 var _reactNative = require("react-native");
 /**
  * Utility functions to manage font properties to style mapping for both iOS and Android
@@ -91,6 +91,7 @@ exports.makeFontFamilyName = makeFontFamilyName;
 const defaultFont = "TitilliumSansPro";
 const defaultWeight = "Regular";
 const defaultFontSize = 16;
+const IOFontSizeMultiplier = 1.5;
 
 /**
  * Return a {@link FontStyleObject} with the fields filled based on the platform (iOS or Android).
@@ -99,7 +100,7 @@ const defaultFontSize = 16;
  * @param weight
  * @param fontStyle
  */
-
+exports.IOFontSizeMultiplier = IOFontSizeMultiplier;
 const makeFontStyleObject = (size = defaultFontSize, font = defaultFont, lineHeight, weight = defaultWeight, fontStyle = "normal", boldEnabled = false) => {
   /* If bold text is currently enabled, we select the next
      available `IOFontWeight` value */

package/lib/commonjs/utils/fonts.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","fonts","TitilliumSansPro","Platform","select","android","web","ios","default","Titillio","DMMono","fontSizes","fontSizesLegacy","allFontSizes","Set","weights","weightValues","fontWeights","Thin","Light","Regular","Medium","Semibold","Bold","Black","exports","getBolderFontWeight","weight","currentWeight","indexOf","length","makeFontFamilyName","font","defaultWeight","fontStyle","defaultFont","defaultFontSize","makeFontStyleObject","size","lineHeight","boldEnabled","dynamicWeight","fontSize","fontFamily","fontWeight","includeFontPadding"],"sourceRoot":"../../../src","sources":["utils/fonts.ts"],"mappings":"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"}
+{"version":3,"names":["_reactNative","require","fonts","TitilliumSansPro","Platform","select","android","web","ios","default","Titillio","DMMono","fontSizes","fontSizesLegacy","allFontSizes","Set","weights","weightValues","fontWeights","Thin","Light","Regular","Medium","Semibold","Bold","Black","exports","getBolderFontWeight","weight","currentWeight","indexOf","length","makeFontFamilyName","font","defaultWeight","fontStyle","defaultFont","defaultFontSize","IOFontSizeMultiplier","makeFontStyleObject","size","lineHeight","boldEnabled","dynamicWeight","fontSize","fontFamily","fontWeight","includeFontPadding"],"sourceRoot":"../../../src","sources":["utils/fonts.ts"],"mappings":"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"}

package/lib/module/components/Advice/__test__/__snapshots__/advice.test.tsx.snap

@@ -86,7 +86,7 @@ exports[`Test Advice Components - Experimental Enabled Advice Snapshot 1`] = `
   <Text
     allowFontScaling={true}
     dynamicTypeRamp="body"
-    maxFontSizeMultiplier={1.25}
+    maxFontSizeMultiplier={1.5}
     style={
       [
         {},
@@ -190,9 +190,9 @@ exports[`Test Advice Components Advice Snapshot 1`] = `
     }
   />
   <Text
-    allowFontScaling={false}
+    allowFontScaling={true}
     dynamicTypeRamp="body"
-    maxFontSizeMultiplier={1.25}
+    maxFontSizeMultiplier={1.5}
     style={
       [
         {},

package/lib/module/components/alert/Alert.js

@@ -1,32 +1,18 @@
 import React, { forwardRef, useCallback, useState } from "react";
-import { PixelRatio, Pressable, StyleSheet, View } from "react-native";
+import { Pressable, View } from "react-native";
 import Animated from "react-native-reanimated";
 import { IOVisualCostants, useIOThemeContext } from "../../core";
 import { IOColors, hexToRgba } from "../../core/IOColors";
 import { IOAlertRadius } from "../../core/IOShapes";
 import { IOAlertSpacing } from "../../core/IOSpacing";
 import { useScaleAnimation } from "../../hooks";
+import { useIOFontDynamicScale } from "../../utils/accessibility";
 import { Icon } from "../icons";
-import { VSpacer } from "../spacer";
+import { HStack, VStack } from "../stack";
 import { Body, ButtonText } from "../typography";
 import { H4 } from "../typography/H4";
-const iconSize = 24;
-const [spacingDefault, spacingFullWidth] = IOAlertSpacing;
-const styles = StyleSheet.create({
-  container: {
-    flexDirection: "row",
-    alignItems: "flex-start",
-    alignContent: "center"
-  },
-  spacingDefault: {
-    padding: spacingDefault,
-    borderRadius: IOAlertRadius,
-    borderCurve: "continuous"
-  },
-  spacingFullWidth: {
-    padding: spacingFullWidth
-  }
-});
+const ICON_SIZE = 24;
+const [padding, paddingFullWidth] = IOAlertSpacing;
 // COMPONENT CONFIGURATION
 
 const mapVariantStatesLightMode = {
@@ -89,6 +75,10 @@ export const Alert = /*#__PURE__*/forwardRef(({
     onPressOut,
     scaleAnimatedStyle
   } = useScaleAnimation("medium");
+  const {
+    dynamicFontScale,
+    spacingScaleMultiplier
+  } = useIOFontDynamicScale();
   const {
     themeType
   } = useIOThemeContext();
@@ -96,43 +86,51 @@ export const Alert = /*#__PURE__*/forwardRef(({
   const onTextLayout = useCallback(event => {
     setIsMultiline(event.nativeEvent.lines.length > 1);
   }, []);
+  const paddingDefaultVariant = {
+    padding,
+    borderRadius: IOAlertRadius * dynamicFontScale * spacingScaleMultiplier,
+    borderCurve: "continuous"
+  };
   const mapVariantStates = themeType === "light" ? mapVariantStatesLightMode : mapVariantStatesDarkMode;
-  const renderMainBlock = () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+  const renderMainBlock = () => /*#__PURE__*/React.createElement(HStack, {
+    space: IOVisualCostants.iconMargin,
+    allowScaleSpacing: true,
     style: {
-      marginRight: IOVisualCostants.iconMargin,
-      alignSelf: "flex-start"
+      alignItems: isMultiline ? "flex-start" : "center"
     }
   }, /*#__PURE__*/React.createElement(Icon, {
+    allowFontScaling: true,
     name: mapVariantStates[variant].icon,
-    size: iconSize,
+    size: ICON_SIZE,
     color: mapVariantStates[variant].foreground
-  })), /*#__PURE__*/React.createElement(View, {
+  }), /*#__PURE__*/React.createElement(View, {
     style: [!title && isMultiline && {
-      marginTop: -5 * PixelRatio.getFontScale()
+      marginTop: -6 * dynamicFontScale
     }, isMultiline && {
-      marginBottom: -3 * PixelRatio.getFontScale()
+      marginBottom: -4 * dynamicFontScale
     }, {
       flex: 1
     }]
-  }, title && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(H4, {
+  }, /*#__PURE__*/React.createElement(VStack, {
+    space: 8,
+    allowScaleSpacing: true
+  }, title && /*#__PURE__*/React.createElement(H4, {
     color: mapVariantStates[variant].foreground
-  }, title), /*#__PURE__*/React.createElement(VSpacer, {
-    size: 8
-  })), /*#__PURE__*/React.createElement(Body, {
+  }, title), /*#__PURE__*/React.createElement(Body, {
     color: mapVariantStates[variant].foreground,
     weight: "Regular",
     accessibilityRole: "text",
     onTextLayout: onTextLayout
-  }, content), action && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(VSpacer, {
-    size: 8
-  }), /*#__PURE__*/React.createElement(ButtonText, {
+  }, content), action && /*#__PURE__*/React.createElement(ButtonText, {
     color: mapVariantStates[variant].foreground,
     numberOfLines: 1,
     ellipsizeMode: "tail"
   }, action))));
   const StaticComponent = () => /*#__PURE__*/React.createElement(View, {
     ref: viewRef,
-    style: [styles.container, fullWidth ? styles.spacingFullWidth : styles.spacingDefault, {
+    style: [fullWidth ? {
+      padding
+    } : paddingDefaultVariant, {
       backgroundColor: mapVariantStates[variant].background
     }],
     testID: testID,
@@ -153,7 +151,9 @@ export const Alert = /*#__PURE__*/forwardRef(({
     accessibilityHint: accessibilityHint,
     accessibilityRole: "button"
   }, /*#__PURE__*/React.createElement(Animated.View, {
-    style: [styles.container, fullWidth ? styles.spacingFullWidth : styles.spacingDefault, {
+    style: [fullWidth ? {
+      padding: paddingFullWidth
+    } : paddingDefaultVariant, {
       backgroundColor: mapVariantStates[variant].background
     },
     // Disable pressed animation when component is full width

package/lib/module/components/alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","useCallback","useState","PixelRatio","Pressable","StyleSheet","View","Animated","IOVisualCostants","useIOThemeContext","IOColors","hexToRgba","IOAlertRadius","IOAlertSpacing","useScaleAnimation","Icon","VSpacer","Body","ButtonText","H4","iconSize","spacingDefault","spacingFullWidth","styles","create","container","flexDirection","alignItems","alignContent","padding","borderRadius","borderCurve","mapVariantStatesLightMode","error","icon","background","foreground","warning","info","success","bgOpacityDarkMode","mapVariantStatesDarkMode","Alert","variant","title","content","action","onPress","fullWidth","accessibilityHint","testID","viewRef","onPressIn","onPressOut","scaleAnimatedStyle","themeType","isMultiline","setIsMultiline","onTextLayout","event","nativeEvent","lines","length","mapVariantStates","renderMainBlock","createElement","Fragment","style","marginRight","iconMargin","alignSelf","name","size","color","marginTop","getFontScale","marginBottom","flex","weight","accessibilityRole","numberOfLines","ellipsizeMode","StaticComponent","ref","backgroundColor","accessible","PressableButton","onTouchEnd"],"sourceRoot":"../../../../src","sources":["components/alert/Alert.tsx"],"mappings":"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"}
+{"version":3,"names":["React","forwardRef","useCallback","useState","Pressable","View","Animated","IOVisualCostants","useIOThemeContext","IOColors","hexToRgba","IOAlertRadius","IOAlertSpacing","useScaleAnimation","useIOFontDynamicScale","Icon","HStack","VStack","Body","ButtonText","H4","ICON_SIZE","padding","paddingFullWidth","mapVariantStatesLightMode","error","icon","background","foreground","warning","info","success","bgOpacityDarkMode","mapVariantStatesDarkMode","Alert","variant","title","content","action","onPress","fullWidth","accessibilityHint","testID","viewRef","onPressIn","onPressOut","scaleAnimatedStyle","dynamicFontScale","spacingScaleMultiplier","themeType","isMultiline","setIsMultiline","onTextLayout","event","nativeEvent","lines","length","paddingDefaultVariant","borderRadius","borderCurve","mapVariantStates","renderMainBlock","createElement","space","iconMargin","allowScaleSpacing","style","alignItems","allowFontScaling","name","size","color","marginTop","marginBottom","flex","weight","accessibilityRole","numberOfLines","ellipsizeMode","StaticComponent","ref","backgroundColor","accessible","PressableButton","onTouchEnd"],"sourceRoot":"../../../../src","sources":["components/alert/Alert.tsx"],"mappings":"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"}

package/lib/module/components/badge/Badge.js

@@ -1,18 +1,21 @@
 import React from "react";
 import { Platform, StyleSheet, View } from "react-native";
 import { hexToRgba, IOBadgeHSpacing, IOBadgeRadius, IOBadgeVSpacing, IOColors, useIOExperimentalDesign, useIOTheme, useIOThemeContext } from "../../core";
+import { useIOFontDynamicScale } from "../../utils/accessibility";
 import { IOText } from "../typography";
 const styles = StyleSheet.create({
   badge: {
     flexDirection: "row",
     alignItems: "center",
     justifyContent: "center",
+    borderCurve: "continuous",
     ...Platform.select({
       android: {
         textAlignVertical: "center"
       }
-    }),
-    borderCurve: "continuous",
+    })
+  },
+  badgeStaticStyle: {
     borderRadius: IOBadgeRadius,
     paddingHorizontal: IOBadgeHSpacing,
     paddingVertical: IOBadgeVSpacing
@@ -25,6 +28,7 @@ const styles = StyleSheet.create({
 export const Badge = ({
   text,
   outline = false,
+  allowFontScaling = true,
   variant,
   testID
 }) => {
@@ -32,6 +36,9 @@ export const Badge = ({
     isExperimental
   } = useIOExperimentalDesign();
   const theme = useIOTheme();
+  const {
+    dynamicFontScale
+  } = useIOFontDynamicScale();
   const {
     themeType
   } = useIOThemeContext();
@@ -191,16 +198,22 @@ export const Badge = ({
     background,
     foreground
   } = variantMap[variant];
+  const dynamicStyle = {
+    borderRadius: IOBadgeRadius * dynamicFontScale,
+    paddingHorizontal: IOBadgeHSpacing * dynamicFontScale,
+    paddingVertical: IOBadgeVSpacing * dynamicFontScale
+  };
   return /*#__PURE__*/React.createElement(View, {
     accessible: true,
     testID: testID,
-    style: [styles.badge, outline ? {
+    style: [styles.badge, allowFontScaling ? dynamicStyle : styles.badgeStaticStyle, outline ? {
       borderWidth: 1,
       borderColor: IOColors[foreground]
     } : {
       backgroundColor: background ?? undefined
     }]
   }, /*#__PURE__*/React.createElement(IOText, {
+    allowFontScaling: allowFontScaling,
     font: isExperimental ? "Titillio" : "TitilliumSansPro",
     weight: "Semibold",
     size: 12,