@pagopa/io-app-design-system 4.4.4 → 4.4.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/lib/commonjs/components/numberpad/NumberButton.js +9 -2
  2. package/lib/commonjs/components/numberpad/NumberButton.js.map +1 -1
  3. package/lib/commonjs/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +40 -20
  4. package/lib/module/components/numberpad/NumberButton.js +10 -3
  5. package/lib/module/components/numberpad/NumberButton.js.map +1 -1
  6. package/lib/module/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +40 -20
  7. package/lib/typescript/components/numberpad/NumberButton.d.ts.map +1 -1
  8. package/package.json +1 -1
  9. package/src/components/numberpad/NumberButton.tsx +13 -2
  10. package/src/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +40 -20
package/lib/commonjs/components/numberpad/NumberButton.js CHANGED
@@ -73,8 +73,15 @@ const NumberButton = /*#__PURE__*/(0, _react.memo)(({
73
73
  onPress: handleOnPress
74
74
  }, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
75
75
  style: [_core.IONumberPadButtonStyles.button, _core.IONumberPadButtonStyles.circularShape, _core.IONumberPadButtonStyles.buttonSize, pressedAnimationStyle, !reducedMotion && scaleAnimatedStyle]
76
- }, /*#__PURE__*/_react.default.createElement(_typography.H3, {
77
- color: colors.foreground
76
+ }, /*#__PURE__*/_react.default.createElement(_typography.IOText, {
77
+ size: 22,
78
+ font: isExperimental ? "Titillio" : "TitilliumSansPro",
79
+ weight: "Semibold",
80
+ color: colors.foreground,
81
+ style: {
82
+ // Additional prop for Android
83
+ textAlignVertical: "center"
84
+ }
78
85
  }, number)));
79
86
  });
80
87
  exports.NumberButton = NumberButton;
package/lib/commonjs/components/numberpad/NumberButton.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_hooks","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","colorMap","light","background","IOColors","pressed","foreground","dark","legacyColorMap","hexToRgba","black","white","NumberButton","memo","number","variant","onPress","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","reducedMotion","useReducedMotion","isExperimental","useIOExperimentalDesign","colors","useMemo","pressedAnimationStyle","useAnimatedStyle","backgroundColor","interpolateColor","value","handleOnPress","useCallback","createElement","Pressable","accessible","accessibilityRole","View","style","IONumberPadButtonStyles","button","circularShape","buttonSize","H3","color","exports"],"sourceRoot":"../../../../src","sources":["components/numberpad/NumberButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAH,uBAAA,CAAAC,OAAA;AAKA,IAAAG,KAAA,GAAAH,OAAA;AAMA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AAAmC,SAAAM,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAR,wBAAAY,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AA2BnC,MAAMW,QAA0D,GAAG;EACjEC,KAAK,EAAE;IACLC,UAAU,EAAEC,cAAQ,CAAC,SAAS,CAAC;IAC/BC,OAAO,EAAED,cAAQ,CAAC,UAAU,CAAC;IAC7BE,UAAU,EAAE;EACd,CAAC;EACDC,IAAI,EAAE;IACJJ,UAAU,EAAEC,cAAQ,CAAC,YAAY,CAAC;IAClCC,OAAO,EAAED,cAAQ,CAAC,YAAY,CAAC;IAC/BE,UAAU,EAAE;EACd;AACF,CAAC;AAED,MAAME,cAAgE,GAAG;EACvEN,KAAK,EAAE;IACLC,UAAU,EAAEC,cAAQ,CAAC,UAAU,CAAC;IAChCC,OAAO,EAAED,cAAQ,CAAC,UAAU,CAAC;IAC7BE,UAAU,EAAE;EACd,CAAC;EACDC,IAAI,EAAE;IACJJ,UAAU,EAAE,IAAAM,eAAS,EAACL,cAAQ,CAACM,KAAK,EAAE,GAAG,CAAC;IAC1CL,OAAO,EAAE,IAAAI,eAAS,EAACL,cAAQ,CAACO,KAAK,EAAE,GAAG,CAAC;IACvCL,UAAU,EAAE;EACd;AACF,CAAC;AACD;AACA;AACA;AACA;AACA;AACO,MAAMM,YAAY,gBAAG,IAAAC,WAAI,EAC9B,CAAC;EAAEC,MAAM;EAAEC,OAAO;EAAEC;AAA2B,CAAC,KAAK;EACnD,MAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAEC,UAAU;IAAEC;EAAmB,CAAC,GAC3D,IAAAC,wBAAiB,EAAC,QAAQ,CAAC;EAC7B,MAAMC,aAAa,GAAG,IAAAC,uCAAgB,EAAC,CAAC;EACxC,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EAEpD,MAAMC,MAAM,GAAG,IAAAC,cAAO,EACpB,MAAOH,cAAc,GAAGvB,QAAQ,CAACc,OAAO,CAAC,GAAGP,cAAc,CAACO,OAAO,CAAE,EACpE,CAACA,OAAO,EAAES,cAAc,CAC1B,CAAC;;EAED;EACA,MAAMI,qBAAqB,GAAG,IAAAC,uCAAgB,EAAC,OAAO;IACpDC,eAAe,EAAE,IAAAC,uCAAgB,EAC/Bd,QAAQ,CAACe,KAAK,EACd,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAACN,MAAM,CAACvB,UAAU,EAAEuB,MAAM,CAACrB,OAAO,CACpC;EACF,CAAC,CAAC,CAAC;EAEH,MAAM4B,aAAa,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACtClB,OAAO,CAACF,MAAM,CAAC;EACjB,CAAC,EAAE,CAACA,MAAM,EAAEE,OAAO,CAAC,CAAC;EAErB,oBACE7C,MAAA,CAAAe,OAAA,CAAAiD,aAAA,CAAC7D,YAAA,CAAA8D,SAAS;IACRC,UAAU;IACVC,iBAAiB,EAAC,QAAQ;IAC1BpB,SAAS,EAAEA,SAAU;IACrBC,UAAU,EAAEA,UAAW;IACvBH,OAAO,EAAEiB;EAAc,gBAEvB9D,MAAA,CAAAe,OAAA,CAAAiD,aAAA,CAAC5D,sBAAA,CAAAW,OAAQ,CAACqD,IAAI;IACZC,KAAK,EAAE,CACLC,6BAAuB,CAACC,MAAM,EAC9BD,6BAAuB,CAACE,aAAa,EACrCF,6BAAuB,CAACG,UAAU,EAClChB,qBAAqB,EACrB,CAACN,aAAa,IAAIF,kBAAkB;EACpC,gBAEFjD,MAAA,CAAAe,OAAA,CAAAiD,aAAA,CAACzD,WAAA,CAAAmE,EAAE;IAACC,KAAK,EAAEpB,MAAM,CAACpB;EAAW,GAAEQ,MAAW,CAC7B,CACN,CAAC;AAEhB,CACF,CAAC;AAACiC,OAAA,CAAAnC,YAAA,GAAAA,YAAA"}
1
+ {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_hooks","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","colorMap","light","background","IOColors","pressed","foreground","dark","legacyColorMap","hexToRgba","black","white","NumberButton","memo","number","variant","onPress","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","reducedMotion","useReducedMotion","isExperimental","useIOExperimentalDesign","colors","useMemo","pressedAnimationStyle","useAnimatedStyle","backgroundColor","interpolateColor","value","handleOnPress","useCallback","createElement","Pressable","accessible","accessibilityRole","View","style","IONumberPadButtonStyles","button","circularShape","buttonSize","IOText","size","font","weight","color","textAlignVertical","exports"],"sourceRoot":"../../../../src","sources":["components/numberpad/NumberButton.tsx"],"mappings":"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"}
package/lib/commonjs/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap CHANGED
@@ -93,7 +93,6 @@ exports[`NumberPad Should match the snapshot 1`] = `
93
93
  >
94
94
  <Text
95
95
  allowFontScaling={true}
96
- dynamicTypeRamp="title2"
97
96
  maxFontSizeMultiplier={1.5}
98
97
  style={
99
98
  [
@@ -104,7 +103,10 @@ exports[`NumberPad Should match the snapshot 1`] = `
104
103
  "fontSize": 22,
105
104
  "fontStyle": "normal",
106
105
  "fontWeight": "600",
107
- "lineHeight": 33,
106
+ "lineHeight": undefined,
107
+ },
108
+ {
109
+ "textAlignVertical": "center",
108
110
  },
109
111
  ]
110
112
  }
@@ -174,7 +176,6 @@ exports[`NumberPad Should match the snapshot 1`] = `
174
176
  >
175
177
  <Text
176
178
  allowFontScaling={true}
177
- dynamicTypeRamp="title2"
178
179
  maxFontSizeMultiplier={1.5}
179
180
  style={
180
181
  [
@@ -185,7 +186,10 @@ exports[`NumberPad Should match the snapshot 1`] = `
185
186
  "fontSize": 22,
186
187
  "fontStyle": "normal",
187
188
  "fontWeight": "600",
188
- "lineHeight": 33,
189
+ "lineHeight": undefined,
190
+ },
191
+ {
192
+ "textAlignVertical": "center",
189
193
  },
190
194
  ]
191
195
  }
@@ -255,7 +259,6 @@ exports[`NumberPad Should match the snapshot 1`] = `
255
259
  >
256
260
  <Text
257
261
  allowFontScaling={true}
258
- dynamicTypeRamp="title2"
259
262
  maxFontSizeMultiplier={1.5}
260
263
  style={
261
264
  [
@@ -266,7 +269,10 @@ exports[`NumberPad Should match the snapshot 1`] = `
266
269
  "fontSize": 22,
267
270
  "fontStyle": "normal",
268
271
  "fontWeight": "600",
269
- "lineHeight": 33,
272
+ "lineHeight": undefined,
273
+ },
274
+ {
275
+ "textAlignVertical": "center",
270
276
  },
271
277
  ]
272
278
  }
@@ -352,7 +358,6 @@ exports[`NumberPad Should match the snapshot 1`] = `
352
358
  >
353
359
  <Text
354
360
  allowFontScaling={true}
355
- dynamicTypeRamp="title2"
356
361
  maxFontSizeMultiplier={1.5}
357
362
  style={
358
363
  [
@@ -363,7 +368,10 @@ exports[`NumberPad Should match the snapshot 1`] = `
363
368
  "fontSize": 22,
364
369
  "fontStyle": "normal",
365
370
  "fontWeight": "600",
366
- "lineHeight": 33,
371
+ "lineHeight": undefined,
372
+ },
373
+ {
374
+ "textAlignVertical": "center",
367
375
  },
368
376
  ]
369
377
  }
@@ -433,7 +441,6 @@ exports[`NumberPad Should match the snapshot 1`] = `
433
441
  >
434
442
  <Text
435
443
  allowFontScaling={true}
436
- dynamicTypeRamp="title2"
437
444
  maxFontSizeMultiplier={1.5}
438
445
  style={
439
446
  [
@@ -444,7 +451,10 @@ exports[`NumberPad Should match the snapshot 1`] = `
444
451
  "fontSize": 22,
445
452
  "fontStyle": "normal",
446
453
  "fontWeight": "600",
447
- "lineHeight": 33,
454
+ "lineHeight": undefined,
455
+ },
456
+ {
457
+ "textAlignVertical": "center",
448
458
  },
449
459
  ]
450
460
  }
@@ -514,7 +524,6 @@ exports[`NumberPad Should match the snapshot 1`] = `
514
524
  >
515
525
  <Text
516
526
  allowFontScaling={true}
517
- dynamicTypeRamp="title2"
518
527
  maxFontSizeMultiplier={1.5}
519
528
  style={
520
529
  [
@@ -525,7 +534,10 @@ exports[`NumberPad Should match the snapshot 1`] = `
525
534
  "fontSize": 22,
526
535
  "fontStyle": "normal",
527
536
  "fontWeight": "600",
528
- "lineHeight": 33,
537
+ "lineHeight": undefined,
538
+ },
539
+ {
540
+ "textAlignVertical": "center",
529
541
  },
530
542
  ]
531
543
  }
@@ -611,7 +623,6 @@ exports[`NumberPad Should match the snapshot 1`] = `
611
623
  >
612
624
  <Text
613
625
  allowFontScaling={true}
614
- dynamicTypeRamp="title2"
615
626
  maxFontSizeMultiplier={1.5}
616
627
  style={
617
628
  [
@@ -622,7 +633,10 @@ exports[`NumberPad Should match the snapshot 1`] = `
622
633
  "fontSize": 22,
623
634
  "fontStyle": "normal",
624
635
  "fontWeight": "600",
625
- "lineHeight": 33,
636
+ "lineHeight": undefined,
637
+ },
638
+ {
639
+ "textAlignVertical": "center",
626
640
  },
627
641
  ]
628
642
  }
@@ -692,7 +706,6 @@ exports[`NumberPad Should match the snapshot 1`] = `
692
706
  >
693
707
  <Text
694
708
  allowFontScaling={true}
695
- dynamicTypeRamp="title2"
696
709
  maxFontSizeMultiplier={1.5}
697
710
  style={
698
711
  [
@@ -703,7 +716,10 @@ exports[`NumberPad Should match the snapshot 1`] = `
703
716
  "fontSize": 22,
704
717
  "fontStyle": "normal",
705
718
  "fontWeight": "600",
706
- "lineHeight": 33,
719
+ "lineHeight": undefined,
720
+ },
721
+ {
722
+ "textAlignVertical": "center",
707
723
  },
708
724
  ]
709
725
  }
@@ -773,7 +789,6 @@ exports[`NumberPad Should match the snapshot 1`] = `
773
789
  >
774
790
  <Text
775
791
  allowFontScaling={true}
776
- dynamicTypeRamp="title2"
777
792
  maxFontSizeMultiplier={1.5}
778
793
  style={
779
794
  [
@@ -784,7 +799,10 @@ exports[`NumberPad Should match the snapshot 1`] = `
784
799
  "fontSize": 22,
785
800
  "fontStyle": "normal",
786
801
  "fontWeight": "600",
787
- "lineHeight": 33,
802
+ "lineHeight": undefined,
803
+ },
804
+ {
805
+ "textAlignVertical": "center",
788
806
  },
789
807
  ]
790
808
  }
@@ -1011,7 +1029,6 @@ exports[`NumberPad Should match the snapshot 1`] = `
1011
1029
  >
1012
1030
  <Text
1013
1031
  allowFontScaling={true}
1014
- dynamicTypeRamp="title2"
1015
1032
  maxFontSizeMultiplier={1.5}
1016
1033
  style={
1017
1034
  [
@@ -1022,7 +1039,10 @@ exports[`NumberPad Should match the snapshot 1`] = `
1022
1039
  "fontSize": 22,
1023
1040
  "fontStyle": "normal",
1024
1041
  "fontWeight": "600",
1025
- "lineHeight": 33,
1042
+ "lineHeight": undefined,
1043
+ },
1044
+ {
1045
+ "textAlignVertical": "center",
1026
1046
  },
1027
1047
  ]
1028
1048
  }
package/lib/module/components/numberpad/NumberButton.js CHANGED
@@ -3,7 +3,7 @@ import { Pressable } from "react-native";
3
3
  import Animated, { interpolateColor, useAnimatedStyle, useReducedMotion } from "react-native-reanimated";
4
4
  import { IOColors, IONumberPadButtonStyles, hexToRgba, useIOExperimentalDesign } from "../../core";
5
5
  import { useScaleAnimation } from "../../hooks";
6
- import { H3 } from "../typography";
6
+ import { IOText } from "../typography";
7
7
  const colorMap = {
8
8
  light: {
9
9
  background: IOColors["grey-50"],
@@ -65,8 +65,15 @@ export const NumberButton = /*#__PURE__*/memo(({
65
65
  onPress: handleOnPress
66
66
  }, /*#__PURE__*/React.createElement(Animated.View, {
67
67
  style: [IONumberPadButtonStyles.button, IONumberPadButtonStyles.circularShape, IONumberPadButtonStyles.buttonSize, pressedAnimationStyle, !reducedMotion && scaleAnimatedStyle]
68
- }, /*#__PURE__*/React.createElement(H3, {
69
- color: colors.foreground
68
+ }, /*#__PURE__*/React.createElement(IOText, {
69
+ size: 22,
70
+ font: isExperimental ? "Titillio" : "TitilliumSansPro",
71
+ weight: "Semibold",
72
+ color: colors.foreground,
73
+ style: {
74
+ // Additional prop for Android
75
+ textAlignVertical: "center"
76
+ }
70
77
  }, number)));
71
78
  });
72
79
  //# sourceMappingURL=NumberButton.js.map
package/lib/module/components/numberpad/NumberButton.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["React","memo","useCallback","useMemo","Pressable","Animated","interpolateColor","useAnimatedStyle","useReducedMotion","IOColors","IONumberPadButtonStyles","hexToRgba","useIOExperimentalDesign","useScaleAnimation","H3","colorMap","light","background","pressed","foreground","dark","legacyColorMap","black","white","NumberButton","number","variant","onPress","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","isExperimental","colors","pressedAnimationStyle","backgroundColor","value","handleOnPress","createElement","accessible","accessibilityRole","View","style","button","circularShape","buttonSize","color"],"sourceRoot":"../../../../src","sources":["components/numberpad/NumberButton.tsx"],"mappings":"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"}
1
+ {"version":3,"names":["React","memo","useCallback","useMemo","Pressable","Animated","interpolateColor","useAnimatedStyle","useReducedMotion","IOColors","IONumberPadButtonStyles","hexToRgba","useIOExperimentalDesign","useScaleAnimation","IOText","colorMap","light","background","pressed","foreground","dark","legacyColorMap","black","white","NumberButton","number","variant","onPress","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","isExperimental","colors","pressedAnimationStyle","backgroundColor","value","handleOnPress","createElement","accessible","accessibilityRole","View","style","button","circularShape","buttonSize","size","font","weight","color","textAlignVertical"],"sourceRoot":"../../../../src","sources":["components/numberpad/NumberButton.tsx"],"mappings":"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"}
package/lib/module/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap CHANGED
@@ -93,7 +93,6 @@ exports[`NumberPad Should match the snapshot 1`] = `
93
93
  >
94
94
  <Text
95
95
  allowFontScaling={true}
96
- dynamicTypeRamp="title2"
97
96
  maxFontSizeMultiplier={1.5}
98
97
  style={
99
98
  [
@@ -104,7 +103,10 @@ exports[`NumberPad Should match the snapshot 1`] = `
104
103
  "fontSize": 22,
105
104
  "fontStyle": "normal",
106
105
  "fontWeight": "600",
107
- "lineHeight": 33,
106
+ "lineHeight": undefined,
107
+ },
108
+ {
109
+ "textAlignVertical": "center",
108
110
  },
109
111
  ]
110
112
  }
@@ -174,7 +176,6 @@ exports[`NumberPad Should match the snapshot 1`] = `
174
176
  >
175
177
  <Text
176
178
  allowFontScaling={true}
177
- dynamicTypeRamp="title2"
178
179
  maxFontSizeMultiplier={1.5}
179
180
  style={
180
181
  [
@@ -185,7 +186,10 @@ exports[`NumberPad Should match the snapshot 1`] = `
185
186
  "fontSize": 22,
186
187
  "fontStyle": "normal",
187
188
  "fontWeight": "600",
188
- "lineHeight": 33,
189
+ "lineHeight": undefined,
190
+ },
191
+ {
192
+ "textAlignVertical": "center",
189
193
  },
190
194
  ]
191
195
  }
@@ -255,7 +259,6 @@ exports[`NumberPad Should match the snapshot 1`] = `
255
259
  >
256
260
  <Text
257
261
  allowFontScaling={true}
258
- dynamicTypeRamp="title2"
259
262
  maxFontSizeMultiplier={1.5}
260
263
  style={
261
264
  [
@@ -266,7 +269,10 @@ exports[`NumberPad Should match the snapshot 1`] = `
266
269
  "fontSize": 22,
267
270
  "fontStyle": "normal",
268
271
  "fontWeight": "600",
269
- "lineHeight": 33,
272
+ "lineHeight": undefined,
273
+ },
274
+ {
275
+ "textAlignVertical": "center",
270
276
  },
271
277
  ]
272
278
  }
@@ -352,7 +358,6 @@ exports[`NumberPad Should match the snapshot 1`] = `
352
358
  >
353
359
  <Text
354
360
  allowFontScaling={true}
355
- dynamicTypeRamp="title2"
356
361
  maxFontSizeMultiplier={1.5}
357
362
  style={
358
363
  [
@@ -363,7 +368,10 @@ exports[`NumberPad Should match the snapshot 1`] = `
363
368
  "fontSize": 22,
364
369
  "fontStyle": "normal",
365
370
  "fontWeight": "600",
366
- "lineHeight": 33,
371
+ "lineHeight": undefined,
372
+ },
373
+ {
374
+ "textAlignVertical": "center",
367
375
  },
368
376
  ]
369
377
  }
@@ -433,7 +441,6 @@ exports[`NumberPad Should match the snapshot 1`] = `
433
441
  >
434
442
  <Text
435
443
  allowFontScaling={true}
436
- dynamicTypeRamp="title2"
437
444
  maxFontSizeMultiplier={1.5}
438
445
  style={
439
446
  [
@@ -444,7 +451,10 @@ exports[`NumberPad Should match the snapshot 1`] = `
444
451
  "fontSize": 22,
445
452
  "fontStyle": "normal",
446
453
  "fontWeight": "600",
447
- "lineHeight": 33,
454
+ "lineHeight": undefined,
455
+ },
456
+ {
457
+ "textAlignVertical": "center",
448
458
  },
449
459
  ]
450
460
  }
@@ -514,7 +524,6 @@ exports[`NumberPad Should match the snapshot 1`] = `
514
524
  >
515
525
  <Text
516
526
  allowFontScaling={true}
517
- dynamicTypeRamp="title2"
518
527
  maxFontSizeMultiplier={1.5}
519
528
  style={
520
529
  [
@@ -525,7 +534,10 @@ exports[`NumberPad Should match the snapshot 1`] = `
525
534
  "fontSize": 22,
526
535
  "fontStyle": "normal",
527
536
  "fontWeight": "600",
528
- "lineHeight": 33,
537
+ "lineHeight": undefined,
538
+ },
539
+ {
540
+ "textAlignVertical": "center",
529
541
  },
530
542
  ]
531
543
  }
@@ -611,7 +623,6 @@ exports[`NumberPad Should match the snapshot 1`] = `
611
623
  >
612
624
  <Text
613
625
  allowFontScaling={true}
614
- dynamicTypeRamp="title2"
615
626
  maxFontSizeMultiplier={1.5}
616
627
  style={
617
628
  [
@@ -622,7 +633,10 @@ exports[`NumberPad Should match the snapshot 1`] = `
622
633
  "fontSize": 22,
623
634
  "fontStyle": "normal",
624
635
  "fontWeight": "600",
625
- "lineHeight": 33,
636
+ "lineHeight": undefined,
637
+ },
638
+ {
639
+ "textAlignVertical": "center",
626
640
  },
627
641
  ]
628
642
  }
@@ -692,7 +706,6 @@ exports[`NumberPad Should match the snapshot 1`] = `
692
706
  >
693
707
  <Text
694
708
  allowFontScaling={true}
695
- dynamicTypeRamp="title2"
696
709
  maxFontSizeMultiplier={1.5}
697
710
  style={
698
711
  [
@@ -703,7 +716,10 @@ exports[`NumberPad Should match the snapshot 1`] = `
703
716
  "fontSize": 22,
704
717
  "fontStyle": "normal",
705
718
  "fontWeight": "600",
706
- "lineHeight": 33,
719
+ "lineHeight": undefined,
720
+ },
721
+ {
722
+ "textAlignVertical": "center",
707
723
  },
708
724
  ]
709
725
  }
@@ -773,7 +789,6 @@ exports[`NumberPad Should match the snapshot 1`] = `
773
789
  >
774
790
  <Text
775
791
  allowFontScaling={true}
776
- dynamicTypeRamp="title2"
777
792
  maxFontSizeMultiplier={1.5}
778
793
  style={
779
794
  [
@@ -784,7 +799,10 @@ exports[`NumberPad Should match the snapshot 1`] = `
784
799
  "fontSize": 22,
785
800
  "fontStyle": "normal",
786
801
  "fontWeight": "600",
787
- "lineHeight": 33,
802
+ "lineHeight": undefined,
803
+ },
804
+ {
805
+ "textAlignVertical": "center",
788
806
  },
789
807
  ]
790
808
  }
@@ -1011,7 +1029,6 @@ exports[`NumberPad Should match the snapshot 1`] = `
1011
1029
  >
1012
1030
  <Text
1013
1031
  allowFontScaling={true}
1014
- dynamicTypeRamp="title2"
1015
1032
  maxFontSizeMultiplier={1.5}
1016
1033
  style={
1017
1034
  [
@@ -1022,7 +1039,10 @@ exports[`NumberPad Should match the snapshot 1`] = `
1022
1039
  "fontSize": 22,
1023
1040
  "fontStyle": "normal",
1024
1041
  "fontWeight": "600",
1025
- "lineHeight": 33,
1042
+ "lineHeight": undefined,
1043
+ },
1044
+ {
1045
+ "textAlignVertical": "center",
1026
1046
  },
1027
1047
  ]
1028
1048
  }
package/lib/typescript/components/numberpad/NumberButton.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"NumberButton.d.ts","sourceRoot":"","sources":["../../../../src/components/numberpad/NumberButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAgB1D,KAAK,uBAAuB,GAAG,OAAO,GAAG,MAAM,CAAC;AAEhD,KAAK,iBAAiB,GAAG;IACvB;;OAEG;IACH,OAAO,EAAE,uBAAuB,CAAC;IACjC;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAiCF;;;;GAIG;AACH,eAAO,MAAM,YAAY,2DACQ,iBAAiB,uBA8CjD,CAAC"}
1
+ {"version":3,"file":"NumberButton.d.ts","sourceRoot":"","sources":["../../../../src/components/numberpad/NumberButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAgB1D,KAAK,uBAAuB,GAAG,OAAO,GAAG,MAAM,CAAC;AAEhD,KAAK,iBAAiB,GAAG;IACvB;;OAEG;IACH,OAAO,EAAE,uBAAuB,CAAC;IACjC;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAiCF;;;;GAIG;AACH,eAAO,MAAM,YAAY,2DACQ,iBAAiB,uBAyDjD,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pagopa/io-app-design-system",
3
- "version": "4.4.4",
3
+ "version": "4.4.5",
4
4
  "description": "The library defining the core components of the design system of @pagopa/io-app",
5
5
  "main": "lib/commonjs/index",
6
6
  "module": "lib/module/index",
package/src/components/numberpad/NumberButton.tsx CHANGED
@@ -12,7 +12,7 @@ import {
12
12
  useIOExperimentalDesign
13
13
  } from "../../core";
14
14
  import { useScaleAnimation } from "../../hooks";
15
- import { H3 } from "../typography";
15
+ import { IOText } from "../typography";
16
16
 
17
17
  type NumberButtonVariantType = "light" | "dark";
18
18
 
@@ -111,7 +111,18 @@ export const NumberButton = memo(
111
111
  !reducedMotion && scaleAnimatedStyle
112
112
  ]}
113
113
  >
114
- <H3 color={colors.foreground}>{number}</H3>
114
+ <IOText
115
+ size={22}
116
+ font={isExperimental ? "Titillio" : "TitilliumSansPro"}
117
+ weight="Semibold"
118
+ color={colors.foreground}
119
+ style={{
120
+ // Additional prop for Android
121
+ textAlignVertical: "center"
122
+ }}
123
+ >
124
+ {number}
125
+ </IOText>
115
126
  </Animated.View>
116
127
  </Pressable>
117
128
  );
package/src/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap CHANGED
@@ -93,7 +93,6 @@ exports[`NumberPad Should match the snapshot 1`] = `
93
93
  >
94
94
  <Text
95
95
  allowFontScaling={true}
96
- dynamicTypeRamp="title2"
97
96
  maxFontSizeMultiplier={1.5}
98
97
  style={
99
98
  [
@@ -104,7 +103,10 @@ exports[`NumberPad Should match the snapshot 1`] = `
104
103
  "fontSize": 22,
105
104
  "fontStyle": "normal",
106
105
  "fontWeight": "600",
107
- "lineHeight": 33,
106
+ "lineHeight": undefined,
107
+ },
108
+ {
109
+ "textAlignVertical": "center",
108
110
  },
109
111
  ]
110
112
  }
@@ -174,7 +176,6 @@ exports[`NumberPad Should match the snapshot 1`] = `
174
176
  >
175
177
  <Text
176
178
  allowFontScaling={true}
177
- dynamicTypeRamp="title2"
178
179
  maxFontSizeMultiplier={1.5}
179
180
  style={
180
181
  [
@@ -185,7 +186,10 @@ exports[`NumberPad Should match the snapshot 1`] = `
185
186
  "fontSize": 22,
186
187
  "fontStyle": "normal",
187
188
  "fontWeight": "600",
188
- "lineHeight": 33,
189
+ "lineHeight": undefined,
190
+ },
191
+ {
192
+ "textAlignVertical": "center",
189
193
  },
190
194
  ]
191
195
  }
@@ -255,7 +259,6 @@ exports[`NumberPad Should match the snapshot 1`] = `
255
259
  >
256
260
  <Text
257
261
  allowFontScaling={true}
258
- dynamicTypeRamp="title2"
259
262
  maxFontSizeMultiplier={1.5}
260
263
  style={
261
264
  [
@@ -266,7 +269,10 @@ exports[`NumberPad Should match the snapshot 1`] = `
266
269
  "fontSize": 22,
267
270
  "fontStyle": "normal",
268
271
  "fontWeight": "600",
269
- "lineHeight": 33,
272
+ "lineHeight": undefined,
273
+ },
274
+ {
275
+ "textAlignVertical": "center",
270
276
  },
271
277
  ]
272
278
  }
@@ -352,7 +358,6 @@ exports[`NumberPad Should match the snapshot 1`] = `
352
358
  >
353
359
  <Text
354
360
  allowFontScaling={true}
355
- dynamicTypeRamp="title2"
356
361
  maxFontSizeMultiplier={1.5}
357
362
  style={
358
363
  [
@@ -363,7 +368,10 @@ exports[`NumberPad Should match the snapshot 1`] = `
363
368
  "fontSize": 22,
364
369
  "fontStyle": "normal",
365
370
  "fontWeight": "600",
366
- "lineHeight": 33,
371
+ "lineHeight": undefined,
372
+ },
373
+ {
374
+ "textAlignVertical": "center",
367
375
  },
368
376
  ]
369
377
  }
@@ -433,7 +441,6 @@ exports[`NumberPad Should match the snapshot 1`] = `
433
441
  >
434
442
  <Text
435
443
  allowFontScaling={true}
436
- dynamicTypeRamp="title2"
437
444
  maxFontSizeMultiplier={1.5}
438
445
  style={
439
446
  [
@@ -444,7 +451,10 @@ exports[`NumberPad Should match the snapshot 1`] = `
444
451
  "fontSize": 22,
445
452
  "fontStyle": "normal",
446
453
  "fontWeight": "600",
447
- "lineHeight": 33,
454
+ "lineHeight": undefined,
455
+ },
456
+ {
457
+ "textAlignVertical": "center",
448
458
  },
449
459
  ]
450
460
  }
@@ -514,7 +524,6 @@ exports[`NumberPad Should match the snapshot 1`] = `
514
524
  >
515
525
  <Text
516
526
  allowFontScaling={true}
517
- dynamicTypeRamp="title2"
518
527
  maxFontSizeMultiplier={1.5}
519
528
  style={
520
529
  [
@@ -525,7 +534,10 @@ exports[`NumberPad Should match the snapshot 1`] = `
525
534
  "fontSize": 22,
526
535
  "fontStyle": "normal",
527
536
  "fontWeight": "600",
528
- "lineHeight": 33,
537
+ "lineHeight": undefined,
538
+ },
539
+ {
540
+ "textAlignVertical": "center",
529
541
  },
530
542
  ]
531
543
  }
@@ -611,7 +623,6 @@ exports[`NumberPad Should match the snapshot 1`] = `
611
623
  >
612
624
  <Text
613
625
  allowFontScaling={true}
614
- dynamicTypeRamp="title2"
615
626
  maxFontSizeMultiplier={1.5}
616
627
  style={
617
628
  [
@@ -622,7 +633,10 @@ exports[`NumberPad Should match the snapshot 1`] = `
622
633
  "fontSize": 22,
623
634
  "fontStyle": "normal",
624
635
  "fontWeight": "600",
625
- "lineHeight": 33,
636
+ "lineHeight": undefined,
637
+ },
638
+ {
639
+ "textAlignVertical": "center",
626
640
  },
627
641
  ]
628
642
  }
@@ -692,7 +706,6 @@ exports[`NumberPad Should match the snapshot 1`] = `
692
706
  >
693
707
  <Text
694
708
  allowFontScaling={true}
695
- dynamicTypeRamp="title2"
696
709
  maxFontSizeMultiplier={1.5}
697
710
  style={
698
711
  [
@@ -703,7 +716,10 @@ exports[`NumberPad Should match the snapshot 1`] = `
703
716
  "fontSize": 22,
704
717
  "fontStyle": "normal",
705
718
  "fontWeight": "600",
706
- "lineHeight": 33,
719
+ "lineHeight": undefined,
720
+ },
721
+ {
722
+ "textAlignVertical": "center",
707
723
  },
708
724
  ]
709
725
  }
@@ -773,7 +789,6 @@ exports[`NumberPad Should match the snapshot 1`] = `
773
789
  >
774
790
  <Text
775
791
  allowFontScaling={true}
776
- dynamicTypeRamp="title2"
777
792
  maxFontSizeMultiplier={1.5}
778
793
  style={
779
794
  [
@@ -784,7 +799,10 @@ exports[`NumberPad Should match the snapshot 1`] = `
784
799
  "fontSize": 22,
785
800
  "fontStyle": "normal",
786
801
  "fontWeight": "600",
787
- "lineHeight": 33,
802
+ "lineHeight": undefined,
803
+ },
804
+ {
805
+ "textAlignVertical": "center",
788
806
  },
789
807
  ]
790
808
  }
@@ -1011,7 +1029,6 @@ exports[`NumberPad Should match the snapshot 1`] = `
1011
1029
  >
1012
1030
  <Text
1013
1031
  allowFontScaling={true}
1014
- dynamicTypeRamp="title2"
1015
1032
  maxFontSizeMultiplier={1.5}
1016
1033
  style={
1017
1034
  [
@@ -1022,7 +1039,10 @@ exports[`NumberPad Should match the snapshot 1`] = `
1022
1039
  "fontSize": 22,
1023
1040
  "fontStyle": "normal",
1024
1041
  "fontWeight": "600",
1025
- "lineHeight": 33,
1042
+ "lineHeight": undefined,
1043
+ },
1044
+ {
1045
+ "textAlignVertical": "center",
1026
1046
  },
1027
1047
  ]
1028
1048
  }