@pagopa/io-app-design-system 5.3.9 → 5.4.1

package/lib/typescript/components/listitems/ListItemRadio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemRadio.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemRadio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAS,SAAS,EAAoB,MAAM,cAAc,CAAC;AAYlE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAe,MAAM,UAAU,CAAC;AAO1D,KAAK,yBAAyB,GAC1B;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,EAAE,iBAAiB,CAAC;IAAC,GAAG,CAAC,EAAE,KAAK,CAAA;CAAE,GAC7D;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,GAClD;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAC;IAAC,GAAG,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAExD,KAAK,yBAAyB,GAC1B;IACE,KAAK,EAAE,IAAI,CAAC;IACZ,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yBAAyB,CAAC,EAAE,MAAM,CAAC;CACpC,GACD;IACE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,mBAAmB,CAAC,EAAE,KAAK,CAAC;IAC5B,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,yBAAyB,CAAC,EAAE,KAAK,CAAC;CACnC,CAAC;AAEN,KAAK,KAAK,GAAG,UAAU,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACvC,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,UAAU,CAAC,EAAE,yBAAyB,CAAC;IACvC,YAAY,CAAC,EAAE,yBAAyB,CAAC;CAC1C,CAAC,CAAC;AAIH,KAAK,kBAAkB,GAAG,KAAK,GAC7B,IAAI,CACF,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EACtC,SAAS,GAAG,oBAAoB,GAAG,mBAAmB,GAAG,UAAU,CACpE,CAAC;AAUJ;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,GAAI,oIAW3B,kBAAkB,sBA0KpB,CAAC"}
+{"version":3,"file":"ListItemRadio.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemRadio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAS,SAAS,EAAoB,MAAM,cAAc,CAAC;AAWlE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAe,MAAM,UAAU,CAAC;AAO1D,KAAK,yBAAyB,GAC1B;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,EAAE,iBAAiB,CAAC;IAAC,GAAG,CAAC,EAAE,KAAK,CAAA;CAAE,GAC7D;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,GAClD;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAC;IAAC,GAAG,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAExD,KAAK,yBAAyB,GAC1B;IACE,KAAK,EAAE,IAAI,CAAC;IACZ,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yBAAyB,CAAC,EAAE,MAAM,CAAC;CACpC,GACD;IACE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,mBAAmB,CAAC,EAAE,KAAK,CAAC;IAC5B,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,yBAAyB,CAAC,EAAE,KAAK,CAAC;CACnC,CAAC;AAEN,KAAK,KAAK,GAAG,UAAU,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACvC,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,UAAU,CAAC,EAAE,yBAAyB,CAAC;IACvC,YAAY,CAAC,EAAE,yBAAyB,CAAC;CAC1C,CAAC,CAAC;AAIH,KAAK,kBAAkB,GAAG,KAAK,GAC7B,IAAI,CACF,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EACtC,SAAS,GAAG,oBAAoB,GAAG,mBAAmB,GAAG,UAAU,CACpE,CAAC;AAUJ;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,GAAI,oIAW3B,kBAAkB,sBA2KpB,CAAC"}

package/lib/typescript/components/loadingSpinner/LoadingSpinner.d.ts

@@ -1,8 +1,8 @@
 import React from "react";
+import { ColorValue } from "react-native";
 import { WithTestID } from "../../utils/types";
-import { IOColors } from "../../core";
 export type LoadingSpinner = WithTestID<{
-    color?: IOColors;
+    color?: ColorValue;
     size?: IOLoadingSpinnerSizeScale;
     durationMs?: number;
     accessibilityLabel?: string;

package/lib/typescript/components/loadingSpinner/LoadingSpinner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingSpinner.d.ts","sourceRoot":"","sources":["../../../../src/components/loadingSpinner/LoadingSpinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAc,MAAM,YAAY,CAAC;AAElD,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC;IACtC,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,IAAI,CAAC,EAAE,yBAAyB,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC,CAAC;AAEH;;;GAGG;AACH,MAAM,MAAM,yBAAyB,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAQrD,eAAO,MAAM,cAAc,GAAI,yFAO5B,cAAc,KAAG,KAAK,CAAC,YA0FzB,CAAC"}
+{"version":3,"file":"LoadingSpinner.d.ts","sourceRoot":"","sources":["../../../../src/components/loadingSpinner/LoadingSpinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAA0B,UAAU,EAAE,MAAM,cAAc,CAAC;AAElE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG/C,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC;IACtC,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,IAAI,CAAC,EAAE,yBAAyB,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC,CAAC;AAEH;;;GAGG;AACH,MAAM,MAAM,yBAAyB,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAQrD,eAAO,MAAM,cAAc,GAAI,yFAO5B,cAAc,KAAG,KAAK,CAAC,YA0FzB,CAAC"}

package/lib/typescript/components/numberpad/NumberButton.d.ts

@@ -22,5 +22,16 @@ type NumberButtonProps = {
  * @returns {JSX.Element} The rendered `NumberButton`
  */
 export declare const NumberButton: React.MemoExoticComponent<({ number, variant, onPress }: NumberButtonProps) => React.JSX.Element>;
+export declare const numberButtonStyles: {
+    circularButton: {
+        alignItems: "center";
+        justifyContent: "center";
+        borderRadius: number;
+    };
+    buttonSize: {
+        width: number;
+        height: number;
+    };
+};
 export {};
 //# sourceMappingURL=NumberButton.d.ts.map

package/lib/typescript/components/numberpad/NumberButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumberButton.d.ts","sourceRoot":"","sources":["../../../../src/components/numberpad/NumberButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAkB1D,KAAK,uBAAuB,GAAG,SAAS,GAAG,SAAS,CAAC;AAErD,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;AAQF;;;;GAIG;AACH,eAAO,MAAM,YAAY,2DACQ,iBAAiB,uBA0EjD,CAAC"}
+{"version":3,"file":"NumberButton.d.ts","sourceRoot":"","sources":["../../../../src/components/numberpad/NumberButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAY1D,KAAK,uBAAuB,GAAG,SAAS,GAAG,SAAS,CAAC;AAErD,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;AAUF;;;;GAIG;AACH,eAAO,MAAM,YAAY,2DACQ,iBAAiB,uBAyEjD,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;;;CAU7B,CAAC"}

package/lib/typescript/components/numberpad/NumberPad.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumberPad.d.ts","sourceRoot":"","sources":["../../../../src/components/numberpad/NumberPad.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAwB,MAAM,OAAO,CAAC;AAGpE,OAAO,EAAE,mBAAmB,EAAY,MAAM,mBAAmB,CAAC;AAIlE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,KAAK,kBAAkB,GACnB;IACE;;OAEG;IACH,aAAa,EAAE,mBAAmB,CAAC;IACnC;;;OAGG;IACH,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B;;OAEG;IACH,2BAA2B,EAAE,MAAM,CAAC;CACrC,GACD;IACE,aAAa,CAAC,EAAE,KAAK,CAAC;IACtB,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACzB,2BAA2B,CAAC,EAAE,KAAK,CAAC;CACrC,CAAC;AAEN,KAAK,cAAc,GAAG;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC;IACzD;;OAEG;IACH,wBAAwB,EAAE,MAAM,CAAC;IACjC;;;;OAIG;IACH,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC;;;;OAIG;IACH,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,GAAG,kBAAkB,CAAC;AAWvB;;;;;GAKG;AACH,eAAO,MAAM,SAAS,GAAI,mIAQvB,cAAc,KAAG,GAAG,CAAC,OAgFvB,CAAC"}
+{"version":3,"file":"NumberPad.d.ts","sourceRoot":"","sources":["../../../../src/components/numberpad/NumberPad.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAwB,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAE,mBAAmB,EAAY,MAAM,mBAAmB,CAAC;AAKlE,OAAO,EAAE,YAAY,EAAsB,MAAM,gBAAgB,CAAC;AAElE,KAAK,kBAAkB,GACnB;IACE;;OAEG;IACH,aAAa,EAAE,mBAAmB,CAAC;IACnC;;;OAGG;IACH,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B;;OAEG;IACH,2BAA2B,EAAE,MAAM,CAAC;CACrC,GACD;IACE,aAAa,CAAC,EAAE,KAAK,CAAC;IACtB,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACzB,2BAA2B,CAAC,EAAE,KAAK,CAAC;CACrC,CAAC;AAEN,KAAK,cAAc,GAAG;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC;IACzD;;OAEG;IACH,wBAAwB,EAAE,MAAM,CAAC;IACjC;;;;OAIG;IACH,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC;;;;OAIG;IACH,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,GAAG,kBAAkB,CAAC;AAWvB;;;;;GAKG;AACH,eAAO,MAAM,SAAS,GAAI,mIAQvB,cAAc,KAAG,GAAG,CAAC,OA8EvB,CAAC"}

package/lib/typescript/components/otpInput/OTPInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OTPInput.d.ts","sourceRoot":"","sources":["../../../../src/components/otpInput/OTPInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAML,IAAI,EACL,MAAM,cAAc,CAAC;AAUtB,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,8BAA8B,CAAC,EAAE,MAAM,CAAC;IACxC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,QAAQ,oEAiJpB,CAAC"}
+{"version":3,"file":"OTPInput.d.ts","sourceRoot":"","sources":["../../../../src/components/otpInput/OTPInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAML,IAAI,EACL,MAAM,cAAc,CAAC;AAStB,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,8BAA8B,CAAC,EAAE,MAAM,CAAC;IACxC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,QAAQ,oEAiJpB,CAAC"}

package/lib/typescript/components/radio/RadioButtonLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButtonLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/radio/RadioButtonLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,SAAS,EAAQ,MAAM,cAAc,CAAC;AAM/C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IAEd,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C,CAAC;AAIF,KAAK,qBAAqB,GAAG,KAAK,GAChC,IAAI,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,GAClE,IAAI,CACF,cAAc,CAAC,OAAO,SAAS,CAAC,EAChC,SAAS,GAAG,oBAAoB,GAAG,mBAAmB,CACvD,CAAC;AAEJ;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,GAAI,oFAO9B,qBAAqB,sBA0DvB,CAAC"}
+{"version":3,"file":"RadioButtonLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/radio/RadioButtonLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,SAAS,EAAQ,MAAM,cAAc,CAAC;AAK/C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IAEd,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C,CAAC;AAIF,KAAK,qBAAqB,GAAG,KAAK,GAChC,IAAI,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,GAClE,IAAI,CACF,cAAc,CAAC,OAAO,SAAS,CAAC,EAChC,SAAS,GAAG,oBAAoB,GAAG,mBAAmB,CACvD,CAAC;AAEJ;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,GAAI,oFAO9B,qBAAqB,sBAwDvB,CAAC"}

package/lib/typescript/components/stepper/Stepper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../../src/components/stepper/Stepper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,wBAAwB,YAAY,sBAmC3D,CAAC"}
+{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../../src/components/stepper/Stepper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,wBAAwB,YAAY,sBAoC3D,CAAC"}

package/lib/typescript/components/typography/IOText.d.ts

@@ -51,5 +51,6 @@ export type TypographicStyleAsLinkProps = {
  * @constructor
  */
 export declare const IOText: React.ForwardRefExoticComponent<IOTextBaseProps & IOTextExcludedProps & React.RefAttributes<View>>;
+export declare const AnimatedIOText: React.FunctionComponent<import("react-native-reanimated").AnimateProps<IOTextBaseProps & IOTextExcludedProps & React.RefAttributes<View>>>;
 export {};
 //# sourceMappingURL=IOText.d.ts.map

package/lib/typescript/components/typography/IOText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IOText.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/IOText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAuB,MAAM,OAAO,CAAC;AACnE,OAAO,EACL,iBAAiB,EAEjB,qBAAqB,EACrB,IAAI,EACJ,SAAS,EACT,IAAI,EACL,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAc,MAAM,YAAY,CAAC;AAElD,OAAO,EACL,YAAY,EACZ,YAAY,EAGb,MAAM,mBAAmB,CAAC;AAE3B;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,SAAS,EACT,YAAY,GAAG,UAAU,GAAG,YAAY,GAAG,YAAY,GAAG,WAAW,CACtE,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACtC,WAAW,EACX,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,YAAY,GAAG,WAAW,CAC5E,GAAG;IAAE,SAAS,CAAC,EAAE,WAAW,CAAC;IAAC,KAAK,CAAC,EAAE,WAAW,CAAA;CAAE,GAAG;IACrD,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;CAClC,CAAC;AAEF;;;GAGG;AACH,KAAK,eAAe,GAAG;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;IACrC,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB,CAAC;AAEF,KAAK,mBAAmB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,OAAO,CAAC,CAAC;AAEtE,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG,mBAAmB,CAAC;AAEhE;;;GAGG;AACH,MAAM,MAAM,2BAA2B,GACnC;IACE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,MAAM,EAAE,IAAI,CAAC;IACb,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAChD,iBAAiB,CAAC,EAAE,OAAO,CAAC,iBAAiB,EAAE,QAAQ,GAAG,MAAM,CAAC,CAAC;CACnE,GACD;IAAE,KAAK,CAAC,EAAE,QAAQ,CAAC;IAAC,MAAM,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAezC;;;;;;GAMG;AACH,eAAO,MAAM,MAAM,oGAoElB,CAAC"}
+{"version":3,"file":"IOText.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/IOText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAuB,MAAM,OAAO,CAAC;AACnE,OAAO,EACL,iBAAiB,EAEjB,qBAAqB,EACrB,IAAI,EACJ,SAAS,EACT,IAAI,EACL,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,QAAQ,EAAc,MAAM,YAAY,CAAC;AAElD,OAAO,EACL,YAAY,EACZ,YAAY,EAGb,MAAM,mBAAmB,CAAC;AAE3B;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,SAAS,EACT,YAAY,GAAG,UAAU,GAAG,YAAY,GAAG,YAAY,GAAG,WAAW,CACtE,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACtC,WAAW,EACX,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,YAAY,GAAG,WAAW,CAC5E,GAAG;IAAE,SAAS,CAAC,EAAE,WAAW,CAAC;IAAC,KAAK,CAAC,EAAE,WAAW,CAAA;CAAE,GAAG;IACrD,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;CAClC,CAAC;AAEF;;;GAGG;AACH,KAAK,eAAe,GAAG;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;IACrC,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB,CAAC;AAEF,KAAK,mBAAmB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,OAAO,CAAC,CAAC;AAEtE,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG,mBAAmB,CAAC;AAEhE;;;GAGG;AACH,MAAM,MAAM,2BAA2B,GACnC;IACE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,MAAM,EAAE,IAAI,CAAC;IACb,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAChD,iBAAiB,CAAC,EAAE,OAAO,CAAC,iBAAiB,EAAE,QAAQ,GAAG,MAAM,CAAC,CAAC;CACnE,GACD;IAAE,KAAK,CAAC,EAAE,QAAQ,CAAC;IAAC,MAAM,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAezC;;;;;;GAMG;AACH,eAAO,MAAM,MAAM,oGAoElB,CAAC;AAEF,eAAO,MAAM,cAAc,4IAA2C,CAAC"}

package/lib/typescript/core/IOStyles.d.ts

@@ -17,31 +17,6 @@ interface IOVisualCostants {
 }
 export declare const IOVisualCostants: IOVisualCostants;
 export declare const IOStyles: {
-    flex: {
-        flex: number;
-    };
-    selfCenter: {
-        alignSelf: "center";
-    };
-    alignCenter: {
-        alignItems: "center";
-    };
-    horizontalContentPadding: {
-        paddingHorizontal: 16 | 32 | 8 | 24 | 48;
-    };
-    row: {
-        flexDirection: "row";
-    };
-    column: {
-        flexDirection: "column";
-    };
-    rowSpaceBetween: {
-        flexDirection: "row";
-        justifyContent: "space-between";
-    };
-    centerJustified: {
-        justifyContent: "center";
-    };
     footer: {
         backgroundColor: string;
         paddingBottom: number;
@@ -56,17 +31,9 @@ export declare const IOStyles: {
         shadowRadius: number;
         elevation: number;
     };
-    bgWhite: {
-        backgroundColor: string;
-    };
-    topListBorderBelowTabsStyle: {
-        borderTopWidth: number | undefined;
-        elevation: number;
-    };
 };
 export declare const buttonSolidHeight: number;
 export declare const iconBtnSizeSmall: number;
-export declare const numberPadBtnSize: number;
 export declare const IOButtonStyles: {
     button: {
         flexDirection: "row";
@@ -110,7 +77,6 @@ export declare const IOIconButtonStyles: {
     button: {
         alignItems: "center";
         justifyContent: "center";
-        elevation: number;
     };
     buttonSizeSmall: {
         width: number;
@@ -127,19 +93,6 @@ export declare const IOIconButtonStyles: {
         borderRadius: number;
     };
 };
-export declare const IONumberPadButtonStyles: {
-    button: {
-        alignItems: "center";
-        justifyContent: "center";
-    };
-    circularShape: {
-        borderRadius: number;
-    };
-    buttonSize: {
-        width: number;
-        height: number;
-    };
-};
 /**
  * LIST ITEM STYLES
  */

package/lib/typescript/core/IOStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IOStyles.d.ts","sourceRoot":"","sources":["../../../src/core/IOStyles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAGtD,OAAO,EACL,WAAW,EAGX,QAAQ,EACR,cAAc,EACf,MAAM,aAAa,CAAC;AAErB;;GAEG;AAEH,UAAU,gBAAgB;IACxB,gBAAgB,EAAE,WAAW,CAAC;IAE9B,YAAY,EAAE,MAAM,CAAC;IAErB,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IACzB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,sBAAsB,EAAE,MAAM,CAAC;IAC/B,wBAAwB,EAAE,MAAM,CAAC;IACjC,qBAAqB,EAAE,MAAM,CAAC;IAC9B,sBAAsB,EAAE,MAAM,CAAC;IAC/B,UAAU,EAAE,cAAc,CAAC;CAC5B;AAED,eAAO,MAAM,gBAAgB,EAAE,gBAW9B,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDnB,CAAC;AAcH,eAAO,MAAM,iBAAiB,EAAE,MAAuB,CAAC;AAGxD,eAAO,MAAM,gBAAgB,EAAE,MAAW,CAAC;AAE3C,eAAO,MAAM,gBAAgB,EAAE,MAAW,CAAC;AAE3C,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqDzB,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;CAsB7B,CAAC;AAEH,eAAO,MAAM,uBAAuB;;;;;;;;;;;;CAclC,CAAC;AAEH;;GAEG;AAEH,UAAU,sBAAsB;IAC9B,eAAe,EAAE,cAAc,CAAC;IAChC,iBAAiB,EAAE,WAAW,CAAC;IAC/B,UAAU,EAAE,cAAc,CAAC;IAC3B,YAAY,EAAE,cAAc,CAAC;IAC7B,QAAQ,EAAE,eAAe,CAAC;IAC1B,WAAW,EAAE,eAAe,CAAC;CAC9B;AAED,eAAO,MAAM,sBAAsB,EAAE,sBAOpC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;CAW3B,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;;;;;;;CAYzB,CAAC;AAEH;;GAEG;AAEH,UAAU,2BAA2B;IACnC,IAAI,EAAE,eAAe,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,2BAA2B,EAAE,2BAGzC,CAAC;AAEF,UAAU,+BAA+B;IACvC,eAAe,EAAE,cAAc,CAAC;IAChC,iBAAiB,EAAE,WAAW,CAAC;IAC/B,UAAU,EAAE,cAAc,CAAC;IAC3B,YAAY,EAAE,QAAQ,CAAC;IACvB,QAAQ,EAAE,eAAe,CAAC;IAC1B,iBAAiB,EAAE,QAAQ,CAAC;CAC7B;AAED,eAAO,MAAM,+BAA+B,EAAE,+BAQ3C,CAAC;AAEJ,eAAO,MAAM,yBAAyB;;;;;;;;;;;CAWpC,CAAC"}
+{"version":3,"file":"IOStyles.d.ts","sourceRoot":"","sources":["../../../src/core/IOStyles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAGtD,OAAO,EACL,WAAW,EAGX,QAAQ,EACR,cAAc,EACf,MAAM,aAAa,CAAC;AAErB;;GAEG;AAEH,UAAU,gBAAgB;IACxB,gBAAgB,EAAE,WAAW,CAAC;IAE9B,YAAY,EAAE,MAAM,CAAC;IAErB,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IACzB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,sBAAsB,EAAE,MAAM,CAAC;IAC/B,wBAAwB,EAAE,MAAM,CAAC;IACjC,qBAAqB,EAAE,MAAM,CAAC;IAC9B,sBAAsB,EAAE,MAAM,CAAC;IAC/B,UAAU,EAAE,cAAc,CAAC;CAC5B;AAED,eAAO,MAAM,gBAAgB,EAAE,gBAW9B,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;CAmBnB,CAAC;AAcH,eAAO,MAAM,iBAAiB,EAAE,MAAuB,CAAC;AAGxD,eAAO,MAAM,gBAAgB,EAAE,MAAW,CAAC;AAE3C,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsDzB,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;CAoB7B,CAAC;AAEH;;GAEG;AAEH,UAAU,sBAAsB;IAC9B,eAAe,EAAE,cAAc,CAAC;IAChC,iBAAiB,EAAE,WAAW,CAAC;IAC/B,UAAU,EAAE,cAAc,CAAC;IAC3B,YAAY,EAAE,cAAc,CAAC;IAC7B,QAAQ,EAAE,eAAe,CAAC;IAC1B,WAAW,EAAE,eAAe,CAAC;CAC9B;AAED,eAAO,MAAM,sBAAsB,EAAE,sBAOpC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;CAW3B,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;;;;;;;CAYzB,CAAC;AAEH;;GAEG;AAEH,UAAU,2BAA2B;IACnC,IAAI,EAAE,eAAe,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,2BAA2B,EAAE,2BAGzC,CAAC;AAEF,UAAU,+BAA+B;IACvC,eAAe,EAAE,cAAc,CAAC;IAChC,iBAAiB,EAAE,WAAW,CAAC;IAC/B,UAAU,EAAE,cAAc,CAAC;IAC3B,YAAY,EAAE,QAAQ,CAAC;IACvB,QAAQ,EAAE,eAAe,CAAC;IAC1B,iBAAiB,EAAE,QAAQ,CAAC;CAC7B;AAED,eAAO,MAAM,+BAA+B,EAAE,+BAQ3C,CAAC;AAEJ,eAAO,MAAM,yBAAyB;;;;;;;;;;;CAWpC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pagopa/io-app-design-system",
-  "version": "5.3.9",
+  "version": "5.4.1",
   "description": "The library defining the core components of the design system of @pagopa/io-app",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/components/accordion/AccordionItem.tsx

@@ -2,12 +2,7 @@ import React from "react";
 import { StyleSheet, TouchableWithoutFeedback, View } from "react-native";
 import LinearGradient from "react-native-linear-gradient";
 import Animated from "react-native-reanimated";
-import {
-  IOAccordionRadius,
-  IOStyles,
-  useIOTheme,
-  type IOSpacingScale
-} from "../../core";
+import { IOAccordionRadius, useIOTheme, type IOSpacingScale } from "../../core";
 import { IOColors, hexToRgba } from "../../core/IOColors";
 import { useAccordionAnimation } from "../../hooks/useAccordionAnimation";
 import { IOIconSizeScale, IOIcons, Icon } from "../icons/Icon";
@@ -68,14 +63,12 @@ export const AccordionItem = ({
       >
         <View style={styles.textContainer}>
           <View
-            style={[
-              IOStyles.row,
-              IOStyles.alignCenter,
-              {
-                flexShrink: 1,
-                marginRight: accordionChevronMargin
-              }
-            ]}
+            style={{
+              flexDirection: "row",
+              alignItems: "center",
+              flexShrink: 1,
+              marginRight: accordionChevronMargin
+            }}
           >
             {icon && (
               <View style={{ marginRight: accordionIconMargin }}>

package/src/components/alert/Alert.tsx

@@ -1,10 +1,8 @@
-import React, { forwardRef, useCallback, useState } from "react";
+import React, { forwardRef } from "react";
 import {
   ColorValue,
   GestureResponderEvent,
-  NativeSyntheticEvent,
   Pressable,
-  TextLayoutEventData,
   View,
   ViewStyle
 } from "react-native";
@@ -125,15 +123,6 @@ export const Alert = forwardRef<View, AlertType>(
       useIOFontDynamicScale();
     const { themeType } = useIOThemeContext();
 
-    const [isMultiline, setIsMultiline] = useState(false);
-
-    const onTextLayout = useCallback(
-      (event: NativeSyntheticEvent<TextLayoutEventData>) => {
-        setIsMultiline(event.nativeEvent.lines.length > 1);
-      },
-      []
-    );
-
     const paddingDefaultVariant: ViewStyle = {
       padding,
       borderRadius: IOAlertRadius * dynamicFontScale * spacingScaleMultiplier,
@@ -149,7 +138,7 @@ export const Alert = forwardRef<View, AlertType>(
       <HStack
         space={IOVisualCostants.iconMargin as IOSpacer}
         allowScaleSpacing
-        style={{ alignItems: isMultiline ? "flex-start" : "center" }}
+        style={{ alignItems: "center" }}
       >
         <Icon
           allowFontScaling
@@ -162,20 +151,17 @@ export const Alert = forwardRef<View, AlertType>(
       have to put these magic numbers after manual adjustments.
       Tested on both Android and iOS. */}
         <View
-          style={[
-            isMultiline && {
-              marginTop: -6 * dynamicFontScale,
-              marginBottom: -4 * dynamicFontScale
-            },
-            { flex: 1 }
-          ]}
+          style={{
+            marginTop: -4 * dynamicFontScale,
+            marginBottom: -4 * dynamicFontScale,
+            flex: 1
+          }}
         >
           <VStack space={8} allowScaleSpacing>
             <Body
               color={mapVariantStates[variant].foreground}
               weight={"Regular"}
               accessibilityRole="text"
-              onTextLayout={onTextLayout}
             >
               {content}
             </Body>

package/src/components/alert/AlertEdgeToEdge.tsx

@@ -20,7 +20,6 @@ import {
   IOColorsStatusForeground
 } from "../../core/IOColors";
 import { IOAlertSpacing } from "../../core/IOSpacing";
-import { IOStyles } from "../../core/IOStyles";
 import { useScaleAnimation } from "../../hooks";
 import { makeFontStyleObject } from "../../utils/fonts";
 import { WithTestID } from "../../utils/types";
@@ -120,7 +119,7 @@ export const AlertEdgeToEdge = ({
           color={mapVariantStates[variant].foreground}
         />
       </View>
-      <View style={IOStyles.flex}>
+      <View style={{ flex: 1 }}>
         <Body
           color={mapVariantStates[variant].foreground}
           weight={"Regular"}

package/src/components/alert/AlertEdgeToEdgeWrapper.tsx

@@ -1,7 +1,6 @@
 import React, { ComponentProps } from "react";
 import Animated, { LinearTransition } from "react-native-reanimated";
 import { WithTestID } from "../../utils/types";
-import { IOStyles } from "../../core";
 import { AlertEdgeToEdge } from "./AlertEdgeToEdge";
 
 type AlertEdgeToEdgeWrapperProps = React.PropsWithChildren<
@@ -15,7 +14,7 @@ export const AlertEdgeToEdgeWrapper = ({
 }: AlertEdgeToEdgeWrapperProps) => (
   <>
     {alertProps && <AlertEdgeToEdge {...alertProps} />}
-    <Animated.View layout={LinearTransition} style={IOStyles.flex}>
+    <Animated.View layout={LinearTransition} style={{ flex: 1 }}>
       {children}
     </Animated.View>
   </>

package/src/components/buttons/ButtonLink.tsx

@@ -24,9 +24,9 @@ import { useScaleAnimation } from "../../hooks";
 import { WithTestID } from "../../utils/types";
 import {
   AnimatedIcon,
+  AnimatedIconWithColorTransition,
   IOIconSizeScale,
-  IOIcons,
-  IconClassComponent
+  IOIcons
 } from "../icons";
 import {
   IOText,
@@ -64,6 +64,9 @@ type ColorStates = {
 const DISABLED_OPACITY = 0.5;
 const ICON_MARGIN = 8;
 
+/**
+ * @deprecated Use `Button` with variant `link` instead
+ */
 export const ButtonLink = forwardRef<View, ButtonLinkProps>(
   (
     {
@@ -142,9 +145,6 @@ export const ButtonLink = forwardRef<View, ButtonLinkProps>(
       return { color: iconColor };
     });
 
-    const AnimatedIconClassComponent =
-      Animated.createAnimatedComponent(IconClassComponent);
-
     // Icon size
     const iconSize: IOIconSizeScale = 24;
     const iconMargin: IOSpacingScale = 8;
@@ -180,7 +180,7 @@ export const ButtonLink = forwardRef<View, ButtonLinkProps>(
         >
           {icon &&
             (!disabled ? (
-              <AnimatedIconClassComponent
+              <AnimatedIconWithColorTransition
                 allowFontScaling
                 name={icon}
                 animatedProps={pressedColorIconAnimationStyle}

package/src/components/buttons/ButtonOutline.tsx

@@ -22,9 +22,9 @@ import { useScaleAnimation } from "../../hooks";
 import { WithTestID } from "../../utils/types";
 import {
   AnimatedIcon,
+  AnimatedIconWithColorTransition,
   IOIconSizeScale,
-  IOIcons,
-  IconClassComponent
+  IOIcons
 } from "../icons";
 import { IOText, buttonTextFontSize } from "../typography";
 
@@ -46,12 +46,12 @@ export type ButtonOutline = WithTestID<
 >;
 
 type ColorStates = {
-  foreground: {
+  background: {
     default: string;
     pressed: string;
     disabled: string;
   };
-  background: {
+  foreground: {
     default: string;
     pressed: string;
     disabled: string;
@@ -70,6 +70,9 @@ const IOButtonStylesLocal = StyleSheet.create({
   }
 });
 
+/**
+ * @deprecated Use `Button` with variant `outline` instead
+ */
 export const ButtonOutline = forwardRef<View, ButtonOutline>(
   (
     {
@@ -100,28 +103,28 @@ export const ButtonOutline = forwardRef<View, ButtonOutline>(
     > = {
       // Primary button
       primary: {
-        foreground: {
-          default: IOColors[theme["interactiveElem-default"]],
-          pressed: IOColors[theme["interactiveElem-pressed"]],
-          disabled: IOColors[theme["interactiveOutline-disabled"]]
-        },
         background: {
           default: hexToRgba(IOColors[theme["interactiveElem-pressed"]], 0),
           pressed: hexToRgba(IOColors[theme["interactiveElem-pressed"]], 0.1),
           disabled: "transparent"
+        },
+        foreground: {
+          default: IOColors[theme["interactiveElem-default"]],
+          pressed: IOColors[theme["interactiveElem-pressed"]],
+          disabled: IOColors[theme["interactiveOutline-disabled"]]
         }
       },
       // Contrast button
       contrast: {
-        foreground: {
-          default: IOColors.white,
-          pressed: IOColors.white,
-          disabled: IOColors["blueIO-200"]
-        },
         background: {
           default: hexToRgba(IOColors["blueIO-600"], 0),
           pressed: hexToRgba(IOColors["blueIO-600"], 0.5),
           disabled: "transparent"
+        },
+        foreground: {
+          default: IOColors.white,
+          pressed: IOColors.white,
+          disabled: IOColors["blueIO-200"]
         }
       }
     };
@@ -176,27 +179,24 @@ export const ButtonOutline = forwardRef<View, ButtonOutline>(
       )
     }));
 
-    const AnimatedIconClassComponent =
-      Animated.createAnimatedComponent(IconClassComponent);
-
     return (
       <Pressable
         ref={ref}
+        accessible={true}
         accessibilityLabel={accessibilityLabel || label}
         accessibilityHint={accessibilityHint}
         accessibilityRole={"button"}
         accessibilityState={{ disabled: disabled || false }}
-        testID={testID}
         onPress={onPress}
         onPressIn={onPressIn}
         onPressOut={onPressOut}
-        accessible={true}
         disabled={disabled}
         style={
           fullWidth
             ? { flexShrink: 0, alignSelf: "stretch" }
             : { flexShrink: 1, alignSelf: "auto" }
         }
+        testID={testID}
       >
         <Animated.View
           style={[
@@ -224,7 +224,7 @@ export const ButtonOutline = forwardRef<View, ButtonOutline>(
         >
           {icon &&
             (!disabled ? (
-              <AnimatedIconClassComponent
+              <AnimatedIconWithColorTransition
                 allowFontScaling
                 name={icon}
                 animatedProps={pressedColorIconAnimationStyle}
@@ -249,7 +249,7 @@ export const ButtonOutline = forwardRef<View, ButtonOutline>(
             numberOfLines={1}
             ellipsizeMode="tail"
             style={[
-              IOButtonStyles.label,
+              { alignSelf: "center" },
               disabled
                 ? { color: mapColorStates[color]?.foreground?.disabled }
                 : { ...pressedColorLabelAnimationStyle }

package/src/components/buttons/ButtonSolid.tsx

@@ -78,6 +78,9 @@ export type ButtonSolidProps = WithTestID<
   >
 >;
 
+/**
+ * @deprecated Use `Button` with variant `solid` instead
+ */
 export const ButtonSolid = forwardRef<View, ButtonSolidProps>(
   (
     {
@@ -235,7 +238,7 @@ export const ButtonSolid = forwardRef<View, ButtonSolidProps>(
               }
               exiting={exitTransitionInnerContent}
             >
-              <LoadingSpinner color={foregroundColor} />
+              <LoadingSpinner color={IOColors[foregroundColor]} />
             </Animated.View>
           )}