@pagopa/io-app-design-system 1.7.1 → 1.8.0

package/lib/module/components/switch/SwitchLabel.js

@@ -1,15 +1,28 @@
 import * as React from "react";
 import { useState } from "react";
-import { Pressable, View } from "react-native";
-import { H6 } from "../typography/H6";
-import { HSpacer } from "../spacer/Spacer";
+import { Pressable, StyleSheet, Text, View } from "react-native";
+import { IOColors, useIOExperimentalDesign } from "../../core";
 import { IOStyles } from "../../core/IOStyles";
 import { triggerHaptic } from "../../functions/haptic-feedback/hapticFeedback";
+import { makeFontStyleObject } from "../../utils/fonts";
+import { HSpacer } from "../spacer/Spacer";
+import { H6 } from "../typography/H6";
 import { AnimatedSwitch } from "./AnimatedSwitch";
 const DISABLED_OPACITY = 0.5;
 
 // disabled: the component is no longer touchable
 // onPress:
+// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+const styles = StyleSheet.create({
+  legacyTextValue: {
+    fontSize: 16,
+    lineHeight: 24,
+    color: IOColors.bluegreyDark,
+    flexShrink: 1,
+    ...makeFontStyleObject("SemiBold", undefined, "TitilliumWeb")
+  }
+});
+
 /**
  * A checkbox with the automatic state management that uses a {@link AnimatedCheckBox}
  * The toggleValue change when a `onPress` event is received and dispatch the `onValueChange`.
@@ -25,6 +38,21 @@ export const SwitchLabel = _ref => {
     onValueChange
   } = _ref;
   const [toggleValue, setToggleValue] = useState(checked ?? false);
+  const {
+    isExperimental
+  } = useIOExperimentalDesign();
+  const switchLabelText = /*#__PURE__*/React.createElement(H6, {
+    style: {
+      flexShrink: 1
+    },
+    color: "black"
+  }, label);
+
+  // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+  const legacySwitchlabelText = /*#__PURE__*/React.createElement(Text, {
+    style: styles.legacyTextValue
+  }, label);
+  const switchLabelTextComponent = isExperimental ? switchLabelText : legacySwitchlabelText;
   const toggleCheckbox = () => {
     triggerHaptic("impactLight");
     setToggleValue(!toggleValue);
@@ -52,11 +80,6 @@ export const SwitchLabel = _ref => {
     checked: checked ?? toggleValue
   })), /*#__PURE__*/React.createElement(HSpacer, {
     size: 8
-  }), /*#__PURE__*/React.createElement(H6, {
-    style: {
-      flexShrink: 1
-    },
-    color: "black"
-  }, label)));
+  }), switchLabelTextComponent));
 };
 //# sourceMappingURL=SwitchLabel.js.map

package/lib/module/components/switch/SwitchLabel.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","Pressable","View","H6","HSpacer","IOStyles","triggerHaptic","AnimatedSwitch","DISABLED_OPACITY","SwitchLabel","_ref","label","checked","disabled","onValueChange","toggleValue","setToggleValue","toggleCheckbox","undefined","createElement","onPress","testID","style","alignSelf","opacity","row","alignItems","flexShrink","width","pointerEvents","size","color"],"sourceRoot":"../../../../src","sources":["components/switch/SwitchLabel.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,QAAQ,OAAO;AAChC,SAASC,SAAS,EAAEC,IAAI,QAAQ,cAAc;AAC9C,SAASC,EAAE,QAAQ,kBAAkB;AACrC,SAASC,OAAO,QAAQ,kBAAkB;AAC1C,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,aAAa,QAAQ,gDAAgD;AAC9E,SAASC,cAAc,QAAQ,kBAAkB;AAQjD,MAAMC,gBAAgB,GAAG,GAAG;;AAE5B;AACA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,WAAW,GAAGC,IAAA,IAKX;EAAA,IALY;IAC1BC,KAAK;IACLC,OAAO;IACPC,QAAQ;IACRC;EACQ,CAAC,GAAAJ,IAAA;EACT,MAAM,CAACK,WAAW,EAAEC,cAAc,CAAC,GAAGhB,QAAQ,CAACY,OAAO,IAAI,KAAK,CAAC;EAEhE,MAAMK,cAAc,GAAGA,CAAA,KAAM;IAC3BX,aAAa,CAAC,aAAa,CAAC;IAC5BU,cAAc,CAAC,CAACD,WAAW,CAAC;IAC5B,IAAID,aAAa,KAAKI,SAAS,EAAE;MAC/BJ,aAAa,CAAC,CAACC,WAAW,CAAC;IAC7B;EACF,CAAC;EAED,oBACEhB,KAAA,CAAAoB,aAAA,CAAClB,SAAS;IACRY,QAAQ,EAAEA,QAAS;IACnBO,OAAO,EAAEH,cAAe;IACxBI,MAAM,EAAC,kBAAkB;IACzBC,KAAK,EAAE;MACLC,SAAS,EAAE,YAAY;MACvBC,OAAO,EAAEX,QAAQ,GAAGL,gBAAgB,GAAG;IACzC;EAAE,gBAEFT,KAAA,CAAAoB,aAAA,CAACjB,IAAI;IACHoB,KAAK,EAAE,CACLjB,QAAQ,CAACoB,GAAG,EACZ;MAAEC,UAAU,EAAE,YAAY;MAAEC,UAAU,EAAE,CAAC;MAAEC,KAAK,EAAE;IAAO,CAAC;EAC1D,gBAEF7B,KAAA,CAAAoB,aAAA,CAACjB,IAAI;IAAC2B,aAAa,EAAC;EAAM,gBACxB9B,KAAA,CAAAoB,aAAA,CAACZ,cAAc;IAACK,OAAO,EAAEA,OAAO,IAAIG;EAAY,CAAE,CAC9C,CAAC,eACPhB,KAAA,CAAAoB,aAAA,CAACf,OAAO;IAAC0B,IAAI,EAAE;EAAE,CAAE,CAAC,eACpB/B,KAAA,CAAAoB,aAAA,CAAChB,EAAE;IAACmB,KAAK,EAAE;MAAEK,UAAU,EAAE;IAAE,CAAE;IAACI,KAAK,EAAE;EAAQ,GAC1CpB,KACC,CACA,CACG,CAAC;AAEhB,CAAC"}
+{"version":3,"names":["React","useState","Pressable","StyleSheet","Text","View","IOColors","useIOExperimentalDesign","IOStyles","triggerHaptic","makeFontStyleObject","HSpacer","H6","AnimatedSwitch","DISABLED_OPACITY","styles","create","legacyTextValue","fontSize","lineHeight","color","bluegreyDark","flexShrink","undefined","SwitchLabel","_ref","label","checked","disabled","onValueChange","toggleValue","setToggleValue","isExperimental","switchLabelText","createElement","style","legacySwitchlabelText","switchLabelTextComponent","toggleCheckbox","onPress","testID","alignSelf","opacity","row","alignItems","width","pointerEvents","size"],"sourceRoot":"../../../../src","sources":["components/switch/SwitchLabel.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,QAAQ,OAAO;AAChC,SAASC,SAAS,EAAEC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAChE,SAASC,QAAQ,EAAEC,uBAAuB,QAAQ,YAAY;AAC9D,SAASC,QAAQ,QAAQ,qBAAqB;AAC9C,SAASC,aAAa,QAAQ,gDAAgD;AAC9E,SAASC,mBAAmB,QAAQ,mBAAmB;AACvD,SAASC,OAAO,QAAQ,kBAAkB;AAC1C,SAASC,EAAE,QAAQ,kBAAkB;AACrC,SAASC,cAAc,QAAQ,kBAAkB;AAQjD,MAAMC,gBAAgB,GAAG,GAAG;;AAE5B;AACA;AAKA;AACA,MAAMC,MAAM,GAAGZ,UAAU,CAACa,MAAM,CAAC;EAC/BC,eAAe,EAAE;IACfC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,KAAK,EAAEd,QAAQ,CAACe,YAAY;IAC5BC,UAAU,EAAE,CAAC;IACb,GAAGZ,mBAAmB,CAAC,UAAU,EAAEa,SAAS,EAAE,cAAc;EAC9D;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,WAAW,GAAGC,IAAA,IAKX;EAAA,IALY;IAC1BC,KAAK;IACLC,OAAO;IACPC,QAAQ;IACRC;EACQ,CAAC,GAAAJ,IAAA;EACT,MAAM,CAACK,WAAW,EAAEC,cAAc,CAAC,GAAG9B,QAAQ,CAAC0B,OAAO,IAAI,KAAK,CAAC;EAEhE,MAAM;IAAEK;EAAe,CAAC,GAAGzB,uBAAuB,CAAC,CAAC;EACpD,MAAM0B,eAAe,gBACnBjC,KAAA,CAAAkC,aAAA,CAACtB,EAAE;IAACuB,KAAK,EAAE;MAAEb,UAAU,EAAE;IAAE,CAAE;IAACF,KAAK,EAAE;EAAQ,GAC1CM,KACC,CACL;;EAED;EACA,MAAMU,qBAAqB,gBACzBpC,KAAA,CAAAkC,aAAA,CAAC9B,IAAI;IAAC+B,KAAK,EAAEpB,MAAM,CAACE;EAAgB,GAAES,KAAY,CACnD;EAED,MAAMW,wBAAwB,GAAGL,cAAc,GAC3CC,eAAe,GACfG,qBAAqB;EAEzB,MAAME,cAAc,GAAGA,CAAA,KAAM;IAC3B7B,aAAa,CAAC,aAAa,CAAC;IAC5BsB,cAAc,CAAC,CAACD,WAAW,CAAC;IAC5B,IAAID,aAAa,KAAKN,SAAS,EAAE;MAC/BM,aAAa,CAAC,CAACC,WAAW,CAAC;IAC7B;EACF,CAAC;EAED,oBACE9B,KAAA,CAAAkC,aAAA,CAAChC,SAAS;IACR0B,QAAQ,EAAEA,QAAS;IACnBW,OAAO,EAAED,cAAe;IACxBE,MAAM,EAAC,kBAAkB;IACzBL,KAAK,EAAE;MACLM,SAAS,EAAE,YAAY;MACvBC,OAAO,EAAEd,QAAQ,GAAGd,gBAAgB,GAAG;IACzC;EAAE,gBAEFd,KAAA,CAAAkC,aAAA,CAAC7B,IAAI;IACH8B,KAAK,EAAE,CACL3B,QAAQ,CAACmC,GAAG,EACZ;MAAEC,UAAU,EAAE,YAAY;MAAEtB,UAAU,EAAE,CAAC;MAAEuB,KAAK,EAAE;IAAO,CAAC;EAC1D,gBAEF7C,KAAA,CAAAkC,aAAA,CAAC7B,IAAI;IAACyC,aAAa,EAAC;EAAM,gBACxB9C,KAAA,CAAAkC,aAAA,CAACrB,cAAc;IAACc,OAAO,EAAEA,OAAO,IAAIG;EAAY,CAAE,CAC9C,CAAC,eACP9B,KAAA,CAAAkC,aAAA,CAACvB,OAAO;IAACoC,IAAI,EAAE;EAAE,CAAE,CAAC,EACnBV,wBACG,CACG,CAAC;AAEhB,CAAC"}

package/lib/module/components/tag/Tag.js

@@ -3,9 +3,8 @@ import * as O from "fp-ts/lib/Option";
 import { pipe } from "fp-ts/lib/function";
 import { View, Text, StyleSheet, Platform } from "react-native";
 import { makeFontStyleObject } from "../../utils/fonts";
-import { IOColors } from "../../core/IOColors";
 import { Icon } from "../icons";
-import { IOTagRadius } from "../../core/IOShapes";
+import { IOColors, IOTagRadius, useIOExperimentalDesign } from "../../core";
 import { IOTagHSpacing, IOTagVSpacing } from "../../core/IOSpacing";
 const mapVariants = {
   qrCode: {
@@ -70,8 +69,14 @@ const styles = StyleSheet.create({
     alignSelf: "center",
     textTransform: "uppercase",
     color: IOColors["grey-700"],
-    flexShrink: 1,
+    flexShrink: 1
+  },
+  labelFont: {
     ...makeFontStyleObject("Regular", false, "ReadexPro")
+  },
+  // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+  legacyLabelFont: {
+    ...makeFontStyleObject("SemiBold", false, "TitilliumWeb")
   }
 });
 
@@ -84,6 +89,9 @@ export const Tag = _ref => {
     variant,
     testID
   } = _ref;
+  const {
+    isExperimental
+  } = useIOExperimentalDesign();
   return /*#__PURE__*/React.createElement(View, {
     testID: testID,
     style: styles.tag
@@ -104,7 +112,7 @@ export const Tag = _ref => {
   }), text && /*#__PURE__*/React.createElement(Text, {
     numberOfLines: 1,
     ellipsizeMode: "tail",
-    style: styles.label
+    style: [styles.label, isExperimental ? styles.labelFont : styles.legacyLabelFont]
   }, text));
 };
 //# sourceMappingURL=Tag.js.map

package/lib/module/components/tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","O","pipe","View","Text","StyleSheet","Platform","makeFontStyleObject","IOColors","Icon","IOTagRadius","IOTagHSpacing","IOTagVSpacing","mapVariants","qrCode","iconColor","iconName","attachment","legalMessage","info","warning","error","success","noIcon","undefined","IOTagIconMargin","IOTagIconSize","styles","create","tag","alignSelf","flexDirection","alignItems","justifyContent","select","android","textAlignVertical","borderWidth","backgroundColor","white","borderColor","borderRadius","paddingHorizontal","paddingVertical","iconWrapper","flexShrink","spacer","width","label","fontSize","lineHeight","textTransform","color","Tag","_ref","text","variant","testID","createElement","style","fromNullable","fold","_ref2","name","size","numberOfLines","ellipsizeMode"],"sourceRoot":"../../../../src","sources":["components/tag/Tag.tsx"],"mappings":"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"}
+{"version":3,"names":["React","O","pipe","View","Text","StyleSheet","Platform","makeFontStyleObject","Icon","IOColors","IOTagRadius","useIOExperimentalDesign","IOTagHSpacing","IOTagVSpacing","mapVariants","qrCode","iconColor","iconName","attachment","legalMessage","info","warning","error","success","noIcon","undefined","IOTagIconMargin","IOTagIconSize","styles","create","tag","alignSelf","flexDirection","alignItems","justifyContent","select","android","textAlignVertical","borderWidth","backgroundColor","white","borderColor","borderRadius","paddingHorizontal","paddingVertical","iconWrapper","flexShrink","spacer","width","label","fontSize","lineHeight","textTransform","color","labelFont","legacyLabelFont","Tag","_ref","text","variant","testID","isExperimental","createElement","style","fromNullable","fold","_ref2","name","size","numberOfLines","ellipsizeMode"],"sourceRoot":"../../../../src","sources":["components/tag/Tag.tsx"],"mappings":"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"}

package/lib/module/components/textInput/TextInputBase.js

@@ -3,7 +3,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import { Pressable, StyleSheet, TextInput, View } from "react-native";
 import React, { useCallback, useEffect, useMemo, useRef } from "react";
 import Animated, { Easing, useAnimatedStyle, useSharedValue, withTiming } from "react-native-reanimated";
-import { IOColors, IOSpacingScale, IOStyles } from "../../core";
+import { IOColors, IOSpacingScale, IOStyles, useIOExperimentalDesign } from "../../core";
 import { Icon } from "../icons";
 import { HSpacer } from "../spacer";
 import { LabelSmall } from "../typography";
@@ -20,12 +20,18 @@ const styles = StyleSheet.create({
   },
   textInputStyle: {
     ...IOStyles.flex,
-    ...makeFontStyleObject("Regular", false, "ReadexPro"),
     fontSize: 16,
     marginTop: IOSpacingScale[2],
     lineHeight: 24,
     height: "100%"
   },
+  textInputStyleFont: {
+    ...makeFontStyleObject("Regular", false, "ReadexPro")
+  },
+  // TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+  textInputStyleLegacyFont: {
+    ...makeFontStyleObject("SemiBold", false, "TitilliumWeb")
+  },
   textInputLabelWrapper: {
     position: "absolute",
     paddingHorizontal: 12,
@@ -165,6 +171,9 @@ export const TextInputBase = _ref2 => {
   }, [value, labelSharedValue, onBlur]);
   const derivedInputProps = useMemo(() => getInputPropsByType(inputTyoe), [inputTyoe]);
   const inputValue = useMemo(() => derivedInputProps && derivedInputProps.valueFormat ? derivedInputProps.valueFormat(value) : value, [value, derivedInputProps]);
+  const {
+    isExperimental
+  } = useIOExperimentalDesign();
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Pressable, {
     onPress: onTextInputPress,
     style: [inputStatus === "disabled" ? {
@@ -198,7 +207,7 @@ export const TextInputBase = _ref2 => {
     onBlur: onBlurHandler,
     value: inputValue,
     onChangeText: onChangeTextHandler,
-    style: styles.textInputStyle
+    style: [styles.textInputStyle, isExperimental ? styles.textInputStyleFont : styles.textInputStyleLegacyFont]
   })), /*#__PURE__*/React.createElement(Animated.View, {
     style: [styles.textInputLabelWrapper, icon ? {
       left: 32

package/lib/module/components/textInput/TextInputBase.js.map

@@ -1 +1 @@
-{"version":3,"names":["Pressable","StyleSheet","TextInput","View","React","useCallback","useEffect","useMemo","useRef","Animated","Easing","useAnimatedStyle","useSharedValue","withTiming","IOColors","IOSpacingScale","IOStyles","Icon","HSpacer","LabelSmall","getInputPropsByType","makeFontStyleObject","styles","create","textInput","row","alignItems","paddingVertical","height","borderRadius","paddingHorizontal","textInputStyle","flex","fontSize","marginTop","lineHeight","textInputLabelWrapper","position","zIndex","bottom","top","justifyContent","HelperRow","_ref","value","counterLimit","bottomMessage","bottomMessageColor","valueCount","length","helperRowStyle","createElement","style","weight","color","TextInputBase","_ref2","disabled","placeholder","onChangeText","accessibilityLabel","textInputProps","inputTyoe","status","icon","rightElement","onBlur","onFocus","isPassword","labelSharedValue","inputStatus","setInputStatus","useState","isSecretInput","inputRef","boxStyle","borderColor","borderWidth","animatedLabelProps","duration","easing","elastic","transform","translateY","onTextInputPress","_inputRef$current","current","focus","onChangeTextHandler","text","onBlurHandler","derivedInputProps","inputValue","valueFormat","Fragment","onPress","opacity","accessible","accessibilityRole","name","size","_extends","editable","secureTextEntry","disableFullscreenUI","blurOnSubmit","ref","accessibilityState","maxLength","left","Text","numberOfLines","marginLeft"],"sourceRoot":"../../../../src","sources":["components/textInput/TextInputBase.tsx"],"mappings":"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"}
+{"version":3,"names":["Pressable","StyleSheet","TextInput","View","React","useCallback","useEffect","useMemo","useRef","Animated","Easing","useAnimatedStyle","useSharedValue","withTiming","IOColors","IOSpacingScale","IOStyles","useIOExperimentalDesign","Icon","HSpacer","LabelSmall","getInputPropsByType","makeFontStyleObject","styles","create","textInput","row","alignItems","paddingVertical","height","borderRadius","paddingHorizontal","textInputStyle","flex","fontSize","marginTop","lineHeight","textInputStyleFont","textInputStyleLegacyFont","textInputLabelWrapper","position","zIndex","bottom","top","justifyContent","HelperRow","_ref","value","counterLimit","bottomMessage","bottomMessageColor","valueCount","length","helperRowStyle","createElement","style","weight","color","TextInputBase","_ref2","disabled","placeholder","onChangeText","accessibilityLabel","textInputProps","inputTyoe","status","icon","rightElement","onBlur","onFocus","isPassword","labelSharedValue","inputStatus","setInputStatus","useState","isSecretInput","inputRef","boxStyle","borderColor","borderWidth","animatedLabelProps","duration","easing","elastic","transform","translateY","onTextInputPress","_inputRef$current","current","focus","onChangeTextHandler","text","onBlurHandler","derivedInputProps","inputValue","valueFormat","isExperimental","Fragment","onPress","opacity","accessible","accessibilityRole","name","size","_extends","editable","secureTextEntry","disableFullscreenUI","blurOnSubmit","ref","accessibilityState","maxLength","left","Text","numberOfLines","marginLeft"],"sourceRoot":"../../../../src","sources":["components/textInput/TextInputBase.tsx"],"mappings":"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"}

package/lib/module/components/typography/Body.js

@@ -6,10 +6,7 @@ export const bodyDefaultColor = "bluegrey";
 export const bodyDefaultWeight = "Regular";
 
 /**
- * Typography component to render `Body` text with font size {@link fontSize} and fontFamily {@link fontName}.
- * default values (if not defined) are weight: `Regular`, color: `bluegrey`
- * @param props`
- * @constructor
+ * `Body` typographic style
  */
 export const Body = props => useTypographyFactory({
   ...props,

package/lib/module/components/typography/Body.js.map

@@ -1 +1 @@
-{"version":3,"names":["useTypographyFactory","fontName","bodyFontSize","bodyLineHeight","bodyDefaultColor","bodyDefaultWeight","Body","props","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/Body.tsx"],"mappings":"AAGA,SAASA,oBAAoB,QAAQ,WAAW;AAchD,MAAMC,QAAoB,GAAG,cAAc;AAC3C,OAAO,MAAMC,YAAY,GAAG,EAAE;AAC9B,OAAO,MAAMC,cAAc,GAAG,EAAE;AAChC,OAAO,MAAMC,gBAA+B,GAAG,UAAU;AACzD,OAAO,MAAMC,iBAAgC,GAAG,SAAS;;AAEzD;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,IAAuC,GAAGC,KAAK,IAC1DP,oBAAoB,CAA+B;EACjD,GAAGO,KAAK;EACRC,aAAa,EAAEH,iBAAiB;EAChCI,YAAY,EAAEL,gBAAgB;EAC9BM,IAAI,EAAET,QAAQ;EACdU,SAAS,EAAE;IAAEC,QAAQ,EAAEV,YAAY;IAAEW,UAAU,EAAEV;EAAe;AAClE,CAAC,CAAC"}
+{"version":3,"names":["useTypographyFactory","fontName","bodyFontSize","bodyLineHeight","bodyDefaultColor","bodyDefaultWeight","Body","props","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/Body.tsx"],"mappings":"AAEA,SAASA,oBAAoB,QAAQ,WAAW;AAchD,MAAMC,QAAoB,GAAG,cAAc;AAC3C,OAAO,MAAMC,YAAY,GAAG,EAAE;AAC9B,OAAO,MAAMC,cAAc,GAAG,EAAE;AAChC,OAAO,MAAMC,gBAA+B,GAAG,UAAU;AACzD,OAAO,MAAMC,iBAAgC,GAAG,SAAS;;AAEzD;AACA;AACA;AACA,OAAO,MAAMC,IAAI,GAAIC,KAAgB,IACnCP,oBAAoB,CAA+B;EACjD,GAAGO,KAAK;EACRC,aAAa,EAAEH,iBAAiB;EAChCI,YAAY,EAAEL,gBAAgB;EAC9BM,IAAI,EAAET,QAAQ;EACdU,SAAS,EAAE;IAAEC,QAAQ,EAAEV,YAAY;IAAEW,UAAU,EAAEV;EAAe;AAClE,CAAC,CAAC"}

package/lib/module/components/typography/BodyMonospace.js

@@ -0,0 +1,21 @@
+import { useTypographyFactory } from "./Factory";
+const fontName = "DMMono";
+const fontSize = 16;
+const lineHeight = 24;
+const monospaceDefaultWeight = "Medium";
+const monospaceDefaultcolor = "bluegrey";
+
+/**
+ * `BodyMonospace` typographic style
+ */
+export const BodyMonospace = props => useTypographyFactory({
+  ...props,
+  defaultWeight: monospaceDefaultWeight,
+  defaultColor: monospaceDefaultcolor,
+  font: fontName,
+  fontStyle: {
+    fontSize,
+    lineHeight
+  }
+});
+//# sourceMappingURL=BodyMonospace.js.map

package/lib/module/components/typography/BodyMonospace.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useTypographyFactory","fontName","fontSize","lineHeight","monospaceDefaultWeight","monospaceDefaultcolor","BodyMonospace","props","defaultWeight","defaultColor","font","fontStyle"],"sourceRoot":"../../../../src","sources":["components/typography/BodyMonospace.tsx"],"mappings":"AAEA,SAASA,oBAAoB,QAAQ,WAAW;AAUhD,MAAMC,QAAoB,GAAG,QAAQ;AACrC,MAAMC,QAAQ,GAAG,EAAE;AACnB,MAAMC,UAAU,GAAG,EAAE;AACrB,MAAMC,sBAAsB,GAAG,QAAQ;AACvC,MAAMC,qBAAqB,GAAG,UAAU;;AAExC;AACA;AACA;AACA,OAAO,MAAMC,aAAa,GAAIC,KAAyB,IACrDP,oBAAoB,CAA+B;EACjD,GAAGO,KAAK;EACRC,aAAa,EAAEJ,sBAAsB;EACrCK,YAAY,EAAEJ,qBAAqB;EACnCK,IAAI,EAAET,QAAQ;EACdU,SAAS,EAAE;IAAET,QAAQ;IAAEC;EAAW;AACpC,CAAC,CAAC"}

package/lib/module/components/typography/ButtonText.js

@@ -0,0 +1,31 @@
+import { useIOExperimentalDesign } from "../../core";
+import { useTypographyFactory } from "./Factory";
+export const buttonTextFontSize = 16;
+/* Needed to render `ButtonOutline` and`ButtonLink` because they use
+`AnimatedText` for color transition through Reanimated */
+const buttonTextDefaultColor = "white";
+const buttonTextFontName = "ReadexPro";
+const buttonTextDefaultWeight = "Regular";
+
+// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+const legacyTextFontName = "TitilliumWeb";
+const legacyTextDefaultWeight = "Bold";
+
+/**
+ * `ButtonText` typographic style
+ */
+export const ButtonText = props => {
+  const {
+    isExperimental
+  } = useIOExperimentalDesign();
+  return useTypographyFactory({
+    ...props,
+    defaultWeight: isExperimental ? buttonTextDefaultWeight : legacyTextDefaultWeight,
+    defaultColor: buttonTextDefaultColor,
+    font: isExperimental ? buttonTextFontName : legacyTextFontName,
+    fontStyle: {
+      fontSize: buttonTextFontSize
+    }
+  });
+};
+//# sourceMappingURL=ButtonText.js.map

package/lib/module/components/typography/ButtonText.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useIOExperimentalDesign","useTypographyFactory","buttonTextFontSize","buttonTextDefaultColor","buttonTextFontName","buttonTextDefaultWeight","legacyTextFontName","legacyTextDefaultWeight","ButtonText","props","isExperimental","defaultWeight","defaultColor","font","fontStyle","fontSize"],"sourceRoot":"../../../../src","sources":["components/typography/ButtonText.tsx"],"mappings":"AAEA,SAASA,uBAAuB,QAAQ,YAAY;AACpD,SAASC,oBAAoB,QAAQ,WAAW;AAahD,OAAO,MAAMC,kBAAkB,GAAG,EAAE;AACpC;AACA;AACA,MAAMC,sBAA+C,GAAG,OAAO;AAC/D,MAAMC,kBAAgC,GAAG,WAAW;AACpD,MAAMC,uBAAsC,GAAG,SAAS;;AAExD;AACA,MAAMC,kBAAgC,GAAG,cAAc;AACvD,MAAMC,uBAAsC,GAAG,MAAM;;AAErD;AACA;AACA;AACA,OAAO,MAAMC,UAAU,GAAIC,KAAsB,IAAK;EACpD,MAAM;IAAEC;EAAe,CAAC,GAAGV,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CAAyC;IAClE,GAAGQ,KAAK;IACRE,aAAa,EAAED,cAAc,GACzBL,uBAAuB,GACvBE,uBAAuB;IAC3BK,YAAY,EAAET,sBAAsB;IACpCU,IAAI,EAAEH,cAAc,GAAGN,kBAAkB,GAAGE,kBAAkB;IAC9DQ,SAAS,EAAE;MACTC,QAAQ,EAAEb;IACZ;EACF,CAAC,CAAC;AACJ,CAAC"}

package/lib/module/components/typography/Caption.js

@@ -0,0 +1,29 @@
+import { useIOExperimentalDesign } from "../../core";
+import { useTypographyFactory } from "./Factory";
+export const captionFontSize = 12;
+const font = "ReadexPro";
+const defaultColor = "black";
+const defaultWeight = "Regular";
+
+// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+const legacyFont = "TitilliumWeb";
+
+/**
+ * `Caption` typographic style
+ */
+export const Caption = props => {
+  const {
+    isExperimental
+  } = useIOExperimentalDesign();
+  return useTypographyFactory({
+    ...props,
+    defaultWeight,
+    defaultColor,
+    font: isExperimental ? font : legacyFont,
+    fontStyle: {
+      fontSize: captionFontSize,
+      textTransform: "uppercase"
+    }
+  });
+};
+//# sourceMappingURL=Caption.js.map

package/lib/module/components/typography/Caption.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useIOExperimentalDesign","useTypographyFactory","captionFontSize","font","defaultColor","defaultWeight","legacyFont","Caption","props","isExperimental","fontStyle","fontSize","textTransform"],"sourceRoot":"../../../../src","sources":["components/typography/Caption.tsx"],"mappings":"AAAA,SAAkBA,uBAAuB,QAAQ,YAAY;AAE7D,SAASC,oBAAoB,QAAQ,WAAW;AAUhD,OAAO,MAAMC,eAAe,GAAG,EAAE;AACjC,MAAMC,IAAgB,GAAG,WAAW;AACpC,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA,MAAMC,UAAsB,GAAG,cAAc;;AAE7C;AACA;AACA;AACA,OAAO,MAAMC,OAAO,GAAIC,KAAmB,IAAK;EAC9C,MAAM;IAAEC;EAAe,CAAC,GAAGT,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CAA+B;IACxD,GAAGO,KAAK;IACRH,aAAa;IACbD,YAAY;IACZD,IAAI,EAAEM,cAAc,GAAGN,IAAI,GAAGG,UAAU;IACxCI,SAAS,EAAE;MACTC,QAAQ,EAAET,eAAe;MACzBU,aAAa,EAAE;IACjB;EACF,CAAC,CAAC;AACJ,CAAC"}

package/lib/module/components/typography/Chip.js

@@ -0,0 +1,27 @@
+import { useIOExperimentalDesign } from "../../core";
+import { useTypographyFactory } from "./Factory";
+const chipFontSize = 12;
+const font = "ReadexPro";
+const defaultColor = "black";
+const defaultWeight = "Regular";
+
+// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+const legacyFont = "TitilliumWeb";
+/**
+ * `Chip` typographic style
+ */
+export const Chip = props => {
+  const {
+    isExperimental
+  } = useIOExperimentalDesign();
+  return useTypographyFactory({
+    ...props,
+    defaultWeight,
+    defaultColor,
+    font: isExperimental ? font : legacyFont,
+    fontStyle: {
+      fontSize: chipFontSize
+    }
+  });
+};
+//# sourceMappingURL=Chip.js.map

package/lib/module/components/typography/Chip.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useIOExperimentalDesign","useTypographyFactory","chipFontSize","font","defaultColor","defaultWeight","legacyFont","Chip","props","isExperimental","fontStyle","fontSize"],"sourceRoot":"../../../../src","sources":["components/typography/Chip.tsx"],"mappings":"AAAA,SAAmBA,uBAAuB,QAAQ,YAAY;AAE9D,SAASC,oBAAoB,QAAQ,WAAW;AAUhD,MAAMC,YAAY,GAAG,EAAE;AACvB,MAAMC,IAAgB,GAAG,WAAW;AACpC,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA,MAAMC,UAAsB,GAAG,cAAc;AAC7C;AACA;AACA;AACA,OAAO,MAAMC,IAAI,GAAIC,KAAgB,IAAK;EACxC,MAAM;IAAEC;EAAe,CAAC,GAAGT,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CAA+B;IACxD,GAAGO,KAAK;IACRH,aAAa;IACbD,YAAY;IACZD,IAAI,EAAEM,cAAc,GAAGN,IAAI,GAAGG,UAAU;IACxCI,SAAS,EAAE;MAAEC,QAAQ,EAAET;IAAa;EACtC,CAAC,CAAC;AACJ,CAAC"}

package/lib/module/components/typography/H1.js

@@ -1,22 +1,27 @@
+import { useIOExperimentalDesign } from "../../core";
 import { useTypographyFactory } from "./Factory";
-export const h1FontSize = 26;
-export const h1LineHeight = 32;
-export const h1DefaultColor = "bluegreyDark";
-export const h1DefaultWeight = "Bold";
+export const h1FontSize = 28;
+export const h1LineHeight = 42;
+const font = "ReadexPro";
+const defaultColor = "black";
+const defaultWeight = "Regular";
+
+// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+const legacyFont = "TitilliumWeb";
+const legacyDefaultWeight = "Bold";
 
 /**
- * Typography component to render H1 text with font size {@link fontSize} and fontFamily {@link fontName}.
- * default values(if not defined) are weight: `Bold`, color: `bluegreyDark`
- * @param props
- * @constructor
+ * `H1` typographic style
  */
 export const H1 = props => {
-  const fontName = "TitilliumWeb";
+  const {
+    isExperimental
+  } = useIOExperimentalDesign();
   return useTypographyFactory({
     ...props,
-    defaultWeight: h1DefaultWeight,
-    defaultColor: h1DefaultColor,
-    font: fontName,
+    defaultWeight: isExperimental ? defaultWeight : legacyDefaultWeight,
+    defaultColor,
+    font: isExperimental ? font : legacyFont,
     fontStyle: {
       fontSize: h1FontSize,
       lineHeight: h1LineHeight

package/lib/module/components/typography/H1.js.map

@@ -1 +1 @@
-{"version":3,"names":["useTypographyFactory","h1FontSize","h1LineHeight","h1DefaultColor","h1DefaultWeight","H1","props","fontName","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H1.tsx"],"mappings":"AAOA,SAASA,oBAAoB,QAAQ,WAAW;AAiBhD,OAAO,MAAMC,UAAU,GAAG,EAAE;AAC5B,OAAO,MAAMC,YAAY,GAAG,EAAE;AAC9B,OAAO,MAAMC,cAA6B,GAAG,cAAc;AAC3D,OAAO,MAAMC,eAA8B,GAAG,MAAM;;AAEpD;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,EAAsB,GAAGC,KAAK,IAAI;EAC7C,MAAMC,QAAoB,GAAG,cAAc;EAC3C,OAAOP,oBAAoB,CAA+B;IACxD,GAAGM,KAAK;IACRE,aAAa,EAAEJ,eAAe;IAC9BK,YAAY,EAAEN,cAAc;IAC5BO,IAAI,EAAEH,QAAQ;IACdI,SAAS,EAAE;MAAEC,QAAQ,EAAEX,UAAU;MAAEY,UAAU,EAAEX;IAAa;EAC9D,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"names":["useIOExperimentalDesign","useTypographyFactory","h1FontSize","h1LineHeight","font","defaultColor","defaultWeight","legacyFont","legacyDefaultWeight","H1","props","isExperimental","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H1.tsx"],"mappings":"AAAA,SAAkBA,uBAAuB,QAAQ,YAAY;AAE7D,SAASC,oBAAoB,QAAQ,WAAW;AAUhD,OAAO,MAAMC,UAAU,GAAG,EAAE;AAC5B,OAAO,MAAMC,YAAY,GAAG,EAAE;AAC9B,MAAMC,IAAgB,GAAG,WAAW;AACpC,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA,MAAMC,UAAsB,GAAG,cAAc;AAC7C,MAAMC,mBAAkC,GAAG,MAAM;;AAEjD;AACA;AACA;AACA,OAAO,MAAMC,EAAE,GAAIC,KAAc,IAAK;EACpC,MAAM;IAAEC;EAAe,CAAC,GAAGX,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CAA+B;IACxD,GAAGS,KAAK;IACRJ,aAAa,EAAEK,cAAc,GAAGL,aAAa,GAAGE,mBAAmB;IACnEH,YAAY;IACZD,IAAI,EAAEO,cAAc,GAAGP,IAAI,GAAGG,UAAU;IACxCK,SAAS,EAAE;MAAEC,QAAQ,EAAEX,UAAU;MAAEY,UAAU,EAAEX;IAAa;EAC9D,CAAC,CAAC;AACJ,CAAC"}

package/lib/module/components/typography/H2.js

@@ -1,22 +1,27 @@
+import { useIOExperimentalDesign } from "../../core";
 import { useTypographyFactory } from "./Factory";
-export const h2FontSize = 20;
-export const h2LineHeight = 24;
-export const h2DefaultColor = "bluegreyDark";
-export const h2DefaultWeight = "Bold";
+export const h2FontSize = 26;
+export const h2LineHeight = 39;
+const font = "ReadexPro";
+const defaultColor = "black";
+const defaultWeight = "Regular";
+
+// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+const legacyFont = "TitilliumWeb";
+const legacyDefaultWeight = "Bold";
 
 /**
- * Typography component to render `H2` text with font size {@link fontSize} and fontFamily {@link fontName}.
- * default values(if not defined) are weight: `Bold`, color: `bluegreyDark`
- * @param props
- * @constructor
+ * `H2` typographic style
  */
 export const H2 = props => {
-  const fontName = "TitilliumWeb";
+  const {
+    isExperimental
+  } = useIOExperimentalDesign();
   return useTypographyFactory({
     ...props,
-    defaultWeight: h2DefaultWeight,
-    defaultColor: h2DefaultColor,
-    font: fontName,
+    defaultWeight: isExperimental ? defaultWeight : legacyDefaultWeight,
+    defaultColor,
+    font: isExperimental ? font : legacyFont,
     fontStyle: {
       fontSize: h2FontSize,
       lineHeight: h2LineHeight

package/lib/module/components/typography/H2.js.map

@@ -1 +1 @@
-{"version":3,"names":["useTypographyFactory","h2FontSize","h2LineHeight","h2DefaultColor","h2DefaultWeight","H2","props","fontName","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H2.tsx"],"mappings":"AAOA,SAASA,oBAAoB,QAAQ,WAAW;AAiBhD,OAAO,MAAMC,UAAU,GAAG,EAAE;AAC5B,OAAO,MAAMC,YAAY,GAAG,EAAE;AAC9B,OAAO,MAAMC,cAA6B,GAAG,cAAc;AAC3D,OAAO,MAAMC,eAA8B,GAAG,MAAM;;AAEpD;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,EAAsB,GAAGC,KAAK,IAAI;EAC7C,MAAMC,QAAoB,GAAG,cAAc;EAC3C,OAAOP,oBAAoB,CAA+B;IACxD,GAAGM,KAAK;IACRE,aAAa,EAAEJ,eAAe;IAC9BK,YAAY,EAAEN,cAAc;IAC5BO,IAAI,EAAEH,QAAQ;IACdI,SAAS,EAAE;MAAEC,QAAQ,EAAEX,UAAU;MAAEY,UAAU,EAAEX;IAAa;EAC9D,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"names":["useIOExperimentalDesign","useTypographyFactory","h2FontSize","h2LineHeight","font","defaultColor","defaultWeight","legacyFont","legacyDefaultWeight","H2","props","isExperimental","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H2.tsx"],"mappings":"AAAA,SAAkBA,uBAAuB,QAAQ,YAAY;AAE7D,SAASC,oBAAoB,QAAQ,WAAW;AAUhD,OAAO,MAAMC,UAAU,GAAG,EAAE;AAC5B,OAAO,MAAMC,YAAY,GAAG,EAAE;AAC9B,MAAMC,IAAgB,GAAG,WAAW;AACpC,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA,MAAMC,UAAsB,GAAG,cAAc;AAC7C,MAAMC,mBAAkC,GAAG,MAAM;;AAEjD;AACA;AACA;AACA,OAAO,MAAMC,EAAE,GAAIC,KAAc,IAAK;EACpC,MAAM;IAAEC;EAAe,CAAC,GAAGX,uBAAuB,CAAC,CAAC;EAEpD,OAAOC,oBAAoB,CAA+B;IACxD,GAAGS,KAAK;IACRJ,aAAa,EAAEK,cAAc,GAAGL,aAAa,GAAGE,mBAAmB;IACnEH,YAAY;IACZD,IAAI,EAAEO,cAAc,GAAGP,IAAI,GAAGG,UAAU;IACxCK,SAAS,EAAE;MAAEC,QAAQ,EAAEX,UAAU;MAAEY,UAAU,EAAEX;IAAa;EAC9D,CAAC,CAAC;AACJ,CAAC"}

package/lib/module/components/typography/H3.js

@@ -1,26 +1,32 @@
+import { useIOExperimentalDesign } from "../../core";
 import { useTypographyFactory } from "./Factory";
 /* Common typographic styles */
 export const h3FontSize = 22;
 export const h3LineHeight = 33;
-/* New typographic styles */
-const h3FontName = "ReadexPro";
-const h3DefaultColor = "black";
-const h3DefaultWeight = "Regular";
+const font = "ReadexPro";
+const defaultColor = "black";
+const defaultWeight = "Regular";
 
+// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+const legacyFontName = "TitilliumWeb";
+const legacyDefaultColor = "bluegreyDark";
+const legacyDefaultWeight = "Bold";
 /**
- * Typography component to render `H2` text with font size {@link fontSize} and fontFamily {@link fontName}.
- * default values(if not defined) are weight: `Bold`, color: `bluegreyDark`
- * @param props
- * @constructor
+ * `H3` typographic style
  */
-export const H3 = props => useTypographyFactory({
-  ...props,
-  defaultWeight: h3DefaultWeight,
-  defaultColor: h3DefaultColor,
-  font: h3FontName,
-  fontStyle: {
-    fontSize: h3FontSize,
-    lineHeight: h3LineHeight
-  }
-});
+export const H3 = props => {
+  const {
+    isExperimental
+  } = useIOExperimentalDesign();
+  return useTypographyFactory({
+    ...props,
+    defaultWeight: isExperimental ? defaultWeight : legacyDefaultWeight,
+    defaultColor: isExperimental ? defaultColor : legacyDefaultColor,
+    font: isExperimental ? font : legacyFontName,
+    fontStyle: {
+      fontSize: h3FontSize,
+      lineHeight: h3LineHeight
+    }
+  });
+};
 //# sourceMappingURL=H3.js.map

package/lib/module/components/typography/H3.js.map

@@ -1 +1 @@
-{"version":3,"names":["useTypographyFactory","h3FontSize","h3LineHeight","h3FontName","h3DefaultColor","h3DefaultWeight","H3","props","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H3.tsx"],"mappings":"AAIA,SAASA,oBAAoB,QAAQ,WAAW;AAShD;AACA,OAAO,MAAMC,UAAU,GAAG,EAAE;AAC5B,OAAO,MAAMC,YAAY,GAAG,EAAE;AAC9B;AACA,MAAMC,UAAwB,GAAG,WAAW;AAC5C,MAAMC,cAA6B,GAAG,OAAO;AAC7C,MAAMC,eAA8B,GAAG,SAAS;;AAEhD;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,EAAqC,GAAGC,KAAK,IACxDP,oBAAoB,CAA+B;EACjD,GAAGO,KAAK;EACRC,aAAa,EAAEH,eAAe;EAC9BI,YAAY,EAAEL,cAAc;EAC5BM,IAAI,EAAEP,UAAU;EAChBQ,SAAS,EAAE;IAAEC,QAAQ,EAAEX,UAAU;IAAEY,UAAU,EAAEX;EAAa;AAC9D,CAAC,CAAC"}
+{"version":3,"names":["useIOExperimentalDesign","useTypographyFactory","h3FontSize","h3LineHeight","font","defaultColor","defaultWeight","legacyFontName","legacyDefaultColor","legacyDefaultWeight","H3","props","isExperimental","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H3.tsx"],"mappings":"AAAA,SAAkBA,uBAAuB,QAAQ,YAAY;AAE7D,SAASC,oBAAoB,QAAQ,WAAW;AAUhD;AACA,OAAO,MAAMC,UAAU,GAAG,EAAE;AAC5B,OAAO,MAAMC,YAAY,GAAG,EAAE;AAC9B,MAAMC,IAAgB,GAAG,WAAW;AACpC,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA,MAAMC,cAA0B,GAAG,cAAc;AACjD,MAAMC,kBAAiC,GAAG,cAAc;AACxD,MAAMC,mBAAkC,GAAG,MAAM;AACjD;AACA;AACA;AACA,OAAO,MAAMC,EAAE,GAAIC,KAAc,IAAK;EACpC,MAAM;IAAEC;EAAe,CAAC,GAAGZ,uBAAuB,CAAC,CAAC;EACpD,OAAOC,oBAAoB,CAA+B;IACxD,GAAGU,KAAK;IACRL,aAAa,EAAEM,cAAc,GAAGN,aAAa,GAAGG,mBAAmB;IACnEJ,YAAY,EAAEO,cAAc,GAAGP,YAAY,GAAGG,kBAAkB;IAChEJ,IAAI,EAAEQ,cAAc,GAAGR,IAAI,GAAGG,cAAc;IAC5CM,SAAS,EAAE;MAAEC,QAAQ,EAAEZ,UAAU;MAAEa,UAAU,EAAEZ;IAAa;EAC9D,CAAC,CAAC;AACJ,CAAC"}

package/lib/module/components/typography/H4.js

@@ -1,24 +1,28 @@
+import { useIOExperimentalDesign } from "../../core";
 import { useTypographyFactory } from "./Factory";
-/* Common typographic styles */
 export const h4FontSize = 20;
-export const h4LineHeight = 24;
+export const h4LineHeight = 30;
+const font = "ReadexPro";
+const defaultColor = "black";
+const defaultWeight = "Regular";
+
+// TODO: Remove this when legacy look is deprecated https://pagopa.atlassian.net/browse/IOPLT-153
+const legacyFontName = "TitilliumWeb";
+const legacyDefaultColor = "bluegreyDark";
+const legacyDefaultWeight = "SemiBold";
 
 /**
- * Typography component to render `H4` text with font size {@link fontSize} and fontFamily {@link fontName}.
- * default values(if not defined) are weight: `Regular/SemiBold`, color: `black/bluegreyDark` if design system is enabled or not
- * @param props
- * @constructor
+ * `H4` typographic style
  */
 export const H4 = props => {
-  /* New typographic styles */
-  const font = "ReadexPro";
-  const defaultColor = "black";
-  const defaultWeight = "Regular";
+  const {
+    isExperimental
+  } = useIOExperimentalDesign();
   return useTypographyFactory({
     ...props,
-    defaultWeight,
-    defaultColor,
-    font,
+    defaultWeight: isExperimental ? defaultWeight : legacyDefaultWeight,
+    defaultColor: isExperimental ? defaultColor : legacyDefaultColor,
+    font: isExperimental ? font : legacyFontName,
     fontStyle: {
       fontSize: h4FontSize,
       lineHeight: h4LineHeight

package/lib/module/components/typography/H4.js.map

@@ -1 +1 @@
-{"version":3,"names":["useTypographyFactory","h4FontSize","h4LineHeight","H4","props","font","defaultColor","defaultWeight","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H4.tsx"],"mappings":"AAGA,SAASA,oBAAoB,QAAQ,WAAW;AAUhD;AACA,OAAO,MAAMC,UAAU,GAAG,EAAE;AAC5B,OAAO,MAAMC,YAAY,GAAG,EAAE;;AAE9B;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,EAAsB,GAAGC,KAAK,IAAI;EAC7C;EACA,MAAMC,IAAgB,GAAG,WAAW;EACpC,MAAMC,YAA2B,GAAG,OAAO;EAC3C,MAAMC,aAA4B,GAAG,SAAS;EAE9C,OAAOP,oBAAoB,CAA+B;IACxD,GAAGI,KAAK;IACRG,aAAa;IACbD,YAAY;IACZD,IAAI;IACJG,SAAS,EAAE;MAAEC,QAAQ,EAAER,UAAU;MAAES,UAAU,EAAER;IAAa;EAC9D,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"names":["useIOExperimentalDesign","useTypographyFactory","h4FontSize","h4LineHeight","font","defaultColor","defaultWeight","legacyFontName","legacyDefaultColor","legacyDefaultWeight","H4","props","isExperimental","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/H4.tsx"],"mappings":"AAAA,SAAkBA,uBAAuB,QAAQ,YAAY;AAE7D,SAASC,oBAAoB,QAAQ,WAAW;AAUhD,OAAO,MAAMC,UAAU,GAAG,EAAE;AAC5B,OAAO,MAAMC,YAAY,GAAG,EAAE;AAC9B,MAAMC,IAAgB,GAAG,WAAW;AACpC,MAAMC,YAA2B,GAAG,OAAO;AAC3C,MAAMC,aAA4B,GAAG,SAAS;;AAE9C;AACA,MAAMC,cAA0B,GAAG,cAAc;AACjD,MAAMC,kBAAiC,GAAG,cAAc;AACxD,MAAMC,mBAAkC,GAAG,UAAU;;AAErD;AACA;AACA;AACA,OAAO,MAAMC,EAAE,GAAIC,KAAc,IAAK;EACpC,MAAM;IAAEC;EAAe,CAAC,GAAGZ,uBAAuB,CAAC,CAAC;EACpD,OAAOC,oBAAoB,CAA+B;IACxD,GAAGU,KAAK;IACRL,aAAa,EAAEM,cAAc,GAAGN,aAAa,GAAGG,mBAAmB;IACnEJ,YAAY,EAAEO,cAAc,GAAGP,YAAY,GAAGG,kBAAkB;IAChEJ,IAAI,EAAEQ,cAAc,GAAGR,IAAI,GAAGG,cAAc;IAC5CM,SAAS,EAAE;MAAEC,QAAQ,EAAEZ,UAAU;MAAEa,UAAU,EAAEZ;IAAa;EAC9D,CAAC,CAAC;AACJ,CAAC"}