@pagopa/io-app-design-system 1.3.2 → 1.5.1

package/lib/typescript/components/buttons/ButtonSolid.d.ts

@@ -4,12 +4,28 @@ import { IOIcons } from "../icons";
 import { WithTestID } from "../../utils/types";
 type ButtonSolidColor = "primary" | "danger" | "contrast";
 export type ButtonSolidProps = WithTestID<{
+    /**
+     * @default primary
+     */
     color?: ButtonSolidColor;
     label: string;
+    /**
+     * Renders a small variant of the button. This property applies to the legacy look only
+     * @default false
+     */
     small?: boolean;
+    /**
+     * @default false
+     */
     fullWidth?: boolean;
+    /**
+     * @default false
+     */
     disabled?: boolean;
     icon?: IOIcons;
+    /**
+     * @default start
+     */
     iconPosition?: "start" | "end";
     accessibilityLabel: string;
     accessibilityHint?: string;

package/lib/typescript/components/buttons/ButtonSolid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonSolid.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/ButtonSolid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,qBAAqB,EAAyB,MAAM,cAAc,CAAC;AAa5E,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAI/C,KAAK,gBAAgB,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;AAqB1D,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC;IACxC,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC/B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,CAAC,CAAC;AAmCH,eAAO,MAAM,WAAW,uJAanB,gBAAgB,uBAiHpB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"ButtonSolid.d.ts","sourceRoot":"","sources":["../../../../src/components/buttons/ButtonSolid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,qBAAqB,EAAyB,MAAM,cAAc,CAAC;AAa5E,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAI/C,KAAK,gBAAgB,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;AAqB1D,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC;IACxC;;OAEG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC/B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACjD,CAAC,CAAC;AAmCH,eAAO,MAAM,WAAW,uJAanB,gBAAgB,uBAiHpB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/typescript/components/common/LogoPaymentWithFallback.d.ts

@@ -0,0 +1,27 @@
+import * as React from "react";
+import { IOColors } from "../../core";
+import { IOIconSizeScale } from "../icons";
+import { IOLogoPaymentExtType } from "../logos";
+export type LogoPaymentWithFallback = {
+    brand?: string;
+    fallbackIconColor?: IOColors;
+    size?: IOIconSizeScale;
+    isExtended?: boolean;
+};
+export type LogoPaymentExtOrDefaultIconProps = {
+    cardIcon?: IOLogoPaymentExtType;
+    fallbackIconColor?: IOColors;
+    size?: IOIconSizeScale;
+};
+/**
+ * This component renders either
+ * - a LogoPayment/LogoPaymentExt component
+ * - a default credit card icon
+ * @param cardIcon: IOLogoPaymentType icon
+ * @param size: the size of the icon (standard is 24/48)
+ * @param fallbackIconColor: default icon color (standard is grey-700)
+ * @param isExtended: if true, renders a LogoPaymentExt component
+ * @returns a LogoPayment/LogopaymentExt component if the cardIcon is supported, a default credit card icon otherwise
+ */
+export declare const LogoPaymentWithFallback: ({ brand, fallbackIconColor, isExtended, size }: LogoPaymentWithFallback) => React.JSX.Element;
+//# sourceMappingURL=LogoPaymentWithFallback.d.ts.map

package/lib/typescript/components/common/LogoPaymentWithFallback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogoPaymentWithFallback.d.ts","sourceRoot":"","sources":["../../../../src/components/common/LogoPaymentWithFallback.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,eAAe,EAAQ,MAAM,UAAU,CAAC;AACjD,OAAO,EACL,oBAAoB,EAMrB,MAAM,UAAU,CAAC;AAElB,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,QAAQ,CAAC;IAC7B,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AACF,MAAM,MAAM,gCAAgC,GAAG;IAC7C,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAChC,iBAAiB,CAAC,EAAE,QAAQ,CAAC;IAC7B,IAAI,CAAC,EAAE,eAAe,CAAC;CACxB,CAAC;AACF;;;;;;;;;GASG;AACH,eAAO,MAAM,uBAAuB,mDAKjC,uBAAuB,sBAkBzB,CAAC"}

package/lib/typescript/components/index.d.ts

@@ -17,4 +17,6 @@ export * from "./switch";
 export * from "./tag";
 export * from "./tabs";
 export * from "./typography";
+export * from "./textInput";
+export * from "./layout";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC"}

package/lib/typescript/components/layout/BlockButtons.d.ts

@@ -0,0 +1,53 @@
+import * as React from "react";
+import { ButtonSolidProps } from "../buttons";
+type CommonProps = Readonly<{
+    primary: BlockButtonProps;
+    accessible?: boolean;
+}>;
+export type BlockButtonProps = {
+    type: "Solid" | "Outline";
+    buttonProps: ButtonSolidProps;
+};
+/**
+ * | single button |
+ */
+export interface SingleButton extends CommonProps {
+    type: "SingleButton";
+}
+/**
+ * | left | right |
+ */
+export interface TwoButtonsInlineHalf extends CommonProps {
+    type: "TwoButtonsInlineHalf";
+    secondary: BlockButtonProps;
+}
+/**
+ * | left  |       right        |
+ */
+interface TwoButtonsInlineThird extends CommonProps {
+    type: "TwoButtonsInlineThird";
+    secondary: BlockButtonProps;
+}
+/**
+ * |      left       |  right  |
+ */
+interface TwoButtonsInlineThirdInverted extends CommonProps {
+    type: "TwoButtonsInlineThirdInverted";
+    secondary: BlockButtonProps;
+}
+/**
+ * |  left |  mid  | right |
+ */
+interface ThreeButtonsInLine extends CommonProps {
+    type: "ThreeButtonsInLine";
+    secondary: BlockButtonProps;
+    third: BlockButtonProps;
+}
+type Props = SingleButton | TwoButtonsInlineHalf | TwoButtonsInlineThird | TwoButtonsInlineThirdInverted | ThreeButtonsInLine;
+export type BlockButtonsProps = Props;
+/**
+ * Implements a component that show buttons on a line on 1, 2 or 3 buttons
+ */
+export declare const BlockButtons: (props: Props) => React.JSX.Element;
+export {};
+//# sourceMappingURL=BlockButtons.d.ts.map

package/lib/typescript/components/layout/BlockButtons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockButtons.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/BlockButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAA8B,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAe1E,KAAK,WAAW,GAAG,QAAQ,CAAC;IAC1B,OAAO,EAAE,gBAAgB,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,OAAO,GAAG,SAAS,CAAC;IAC1B,WAAW,EAAE,gBAAgB,CAAC;CAC/B,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,WAAW;IAC/C,IAAI,EAAE,cAAc,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACvD,IAAI,EAAE,sBAAsB,CAAC;IAC7B,SAAS,EAAE,gBAAgB,CAAC;CAC7B;AAED;;GAEG;AACH,UAAU,qBAAsB,SAAQ,WAAW;IACjD,IAAI,EAAE,uBAAuB,CAAC;IAC9B,SAAS,EAAE,gBAAgB,CAAC;CAC7B;AAED;;GAEG;AACH,UAAU,6BAA8B,SAAQ,WAAW;IACzD,IAAI,EAAE,+BAA+B,CAAC;IACtC,SAAS,EAAE,gBAAgB,CAAC;CAC7B;AAED;;GAEG;AACH,UAAU,kBAAmB,SAAQ,WAAW;IAC9C,IAAI,EAAE,oBAAoB,CAAC;IAC3B,SAAS,EAAE,gBAAgB,CAAC;IAC5B,KAAK,EAAE,gBAAgB,CAAC;CACzB;AAED,KAAK,KAAK,GACN,YAAY,GACZ,oBAAoB,GACpB,qBAAqB,GACrB,6BAA6B,GAC7B,kBAAkB,CAAC;AAEvB,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC;AAEtC;;GAEG;AACH,eAAO,MAAM,YAAY,UAAW,KAAK,sBA6DxC,CAAC"}

package/lib/typescript/components/layout/FooterWithButtons.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { BlockButtonsProps } from "./BlockButtons";
+/**
+ * Implements a component that show buttons as sticky footer
+ * It can include 1, 2 or 3 buttons. If they are 2, they can have the inlineHalf  or the inlineOneThird style
+ */
+export declare const FooterWithButtons: (props: BlockButtonsProps) => React.JSX.Element;
+export default FooterWithButtons;
+//# sourceMappingURL=FooterWithButtons.d.ts.map

package/lib/typescript/components/layout/FooterWithButtons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterWithButtons.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/FooterWithButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAgB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAejE;;;GAGG;AACH,eAAO,MAAM,iBAAiB,UAAW,iBAAiB,sBAWzD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/typescript/components/layout/index.d.ts

@@ -2,4 +2,5 @@ export * from "./GradientScrollView";
 export * from "./GradientBottomActions";
 export * from "./HeaderFirstLevel";
 export * from "./HeaderSecondLevel";
+export * from "./FooterWithButtons";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/components/layout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/index.tsx"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/index.tsx"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC"}

package/lib/typescript/components/listitems/ListItemTransaction.d.ts

@@ -3,20 +3,28 @@ import { ImageURISource } from "react-native";
 import { WithTestID } from "../../utils/types";
 import { IOLogoPaymentType } from "../logos";
 import { PressableBaseProps } from "./PressableListItemsBase";
-type LogoNameOrUri = IOLogoPaymentType | ImageURISource;
+export type ListItemTransactionStatus = "success" | "failure" | "pending" | "cancelled" | "refunded" | "reversal";
+type PaymentLogoIcon = IOLogoPaymentType | ImageURISource | React.ReactNode;
 export type ListItemTransaction = WithTestID<PressableBaseProps & {
     hasChevronRight?: boolean;
     isLoading?: boolean;
-    paymentLogoOrUrl?: LogoNameOrUri;
+    /**
+     * A logo that will be displayed on the left of the list item.
+     *
+     * Must be a {@link IOLogoPaymentType} or an {@link ImageURISource} or an {@link Icon}.
+     */
+    paymentLogoIcon?: PaymentLogoIcon;
     subtitle: string;
     title: string;
 } & ({
-    transactionStatus: "success";
+    transactionStatus: "success" | "refunded";
+    badgeText?: string;
     transactionAmount: string;
 } | {
-    transactionStatus: "failure" | "pending";
+    transactionStatus: "failure" | "pending" | "cancelled" | "reversal";
+    badgeText: string;
     transactionAmount?: string;
 })>;
-export declare const ListItemTransaction: ({ accessibilityLabel, hasChevronRight, isLoading, paymentLogoOrUrl, onPress, subtitle, testID, title, transactionAmount, transactionStatus }: ListItemTransaction) => React.JSX.Element;
+export declare const ListItemTransaction: ({ accessibilityLabel, hasChevronRight, isLoading, paymentLogoIcon, onPress, subtitle, testID, title, transactionAmount, badgeText, transactionStatus }: ListItemTransaction) => React.JSX.Element;
 export {};
 //# sourceMappingURL=ListItemTransaction.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ListItemTransaction.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemTransaction.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAoB,MAAM,cAAc,CAAC;AAUhE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAI/C,OAAO,EAAE,iBAAiB,EAAe,MAAM,UAAU,CAAC;AAG1D,OAAO,EACL,kBAAkB,EAEnB,MAAM,0BAA0B,CAAC;AAElC,KAAK,aAAa,GAAG,iBAAiB,GAAG,cAAc,CAAC;AACxD,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAC1C,kBAAkB,GAAG;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,aAAa,CAAC;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,CACE;IACE,iBAAiB,EAAE,SAAS,CAAC;IAC7B,iBAAiB,EAAE,MAAM,CAAC;CAC3B,GACD;IACE,iBAAiB,EAAE,SAAS,GAAG,SAAS,CAAC;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CACJ,CACJ,CAAC;AA8BF,eAAO,MAAM,mBAAmB,iJAW7B,mBAAmB,sBAgFrB,CAAC"}
+{"version":3,"file":"ListItemTransaction.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemTransaction.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAoB,MAAM,cAAc,CAAC;AAehE,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAK/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAG7C,OAAO,EACL,kBAAkB,EAEnB,MAAM,0BAA0B,CAAC;AAElC,MAAM,MAAM,yBAAyB,GACjC,SAAS,GACT,SAAS,GACT,SAAS,GACT,WAAW,GACX,UAAU,GACV,UAAU,CAAC;AAEf,KAAK,eAAe,GAAG,iBAAiB,GAAG,cAAc,GAAG,KAAK,CAAC,SAAS,CAAC;AAE5E,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAC1C,kBAAkB,GAAG;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,CACE;IACE,iBAAiB,EAAE,SAAS,GAAG,UAAU,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,MAAM,CAAC;CAC3B,GACD;IACE,iBAAiB,EAAE,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IACpE,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CACJ,CACJ,CAAC;AA2BF,eAAO,MAAM,mBAAmB,2JAY7B,mBAAmB,sBA2GrB,CAAC"}

package/lib/typescript/components/textInput/TextInput.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import { TextInputBase } from "./TextInputBase";
+type TextInputProps = Omit<React.ComponentProps<typeof TextInputBase>, "rightElement" | "status" | "bottomMessageColor" | "isPassword" | "errorMessage">;
+export declare const TextInput: (props: TextInputProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=TextInput.d.ts.map

package/lib/typescript/components/textInput/TextInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../src/components/textInput/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,KAAK,cAAc,GAAG,IAAI,CACxB,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,EACxC,cAAc,GACd,QAAQ,GACR,oBAAoB,GACpB,YAAY,GACZ,cAAc,CACjB,CAAC;AAEF,eAAO,MAAM,SAAS,UAAW,cAAc,sBAE9C,CAAC"}

package/lib/typescript/components/textInput/TextInputBase.d.ts

@@ -0,0 +1,28 @@
+import { TextInput } from "react-native";
+import React from "react";
+import { IOColors } from "../../core";
+import { IOIcons } from "../icons";
+import { InputType } from "../../utils/types";
+type InputStatus = "initial" | "focused" | "disabled" | "error";
+type RNTextInputProps = Pick<React.ComponentProps<typeof TextInput>, "keyboardType" | "inputMode" | "textContentType" | "autoComplete">;
+type InputTextProps = {
+    placeholder: string;
+    value: string;
+    onChangeText: (value: string) => void;
+    accessibilityLabel?: string;
+    textInputProps?: RNTextInputProps;
+    inputTyoe?: InputType;
+    status?: InputStatus;
+    icon?: IOIcons;
+    rightElement?: React.ReactNode;
+    counterLimit?: number;
+    bottomMessage?: string;
+    bottomMessageColor?: IOColors;
+    disabled?: boolean;
+    isPassword?: boolean;
+    onBlur?: () => void;
+    onFocus?: () => void;
+};
+export declare const TextInputBase: ({ disabled, placeholder, value, onChangeText, accessibilityLabel, textInputProps, inputTyoe, status, icon, rightElement, counterLimit, bottomMessage, bottomMessageColor, onBlur, onFocus, isPassword }: InputTextProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=TextInputBase.d.ts.map

package/lib/typescript/components/textInput/TextInputBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInputBase.d.ts","sourceRoot":"","sources":["../../../../src/components/textInput/TextInputBase.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,SAAS,EAGV,MAAM,cAAc,CAAC;AACtB,OAAO,KAAkD,MAAM,OAAO,CAAC;AAOvE,OAAO,EAAE,QAAQ,EAA4B,MAAM,YAAY,CAAC;AAChE,OAAO,EAAE,OAAO,EAAQ,MAAM,UAAU,CAAC;AAGzC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAI9C,KAAK,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC;AAEhE,KAAK,gBAAgB,GAAG,IAAI,CAC1B,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EACtC,cAAc,GAAG,WAAW,GAAG,iBAAiB,GAAG,cAAc,CAClE,CAAC;AAEF,KAAK,cAAc,GAAG;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,QAAQ,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAuFF,eAAO,MAAM,aAAa,4MAiBvB,cAAc,sBA+KhB,CAAC"}

package/lib/typescript/components/textInput/TextInputPassword.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import { TextInputBase } from "./TextInputBase";
+type TextInputPasswordProps = Omit<React.ComponentProps<typeof TextInputBase>, "isPassword">;
+export declare const TextInputPassword: (props: TextInputPasswordProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=TextInputPassword.d.ts.map

package/lib/typescript/components/textInput/TextInputPassword.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInputPassword.d.ts","sourceRoot":"","sources":["../../../../src/components/textInput/TextInputPassword.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,KAAK,sBAAsB,GAAG,IAAI,CAChC,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,EAC1C,YAAY,CACb,CAAC;AAEF,eAAO,MAAM,iBAAiB,UAAW,sBAAsB,sBA0B9D,CAAC"}

package/lib/typescript/components/textInput/TextInputValidation.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { TextInputBase } from "./TextInputBase";
+type TextInputValidationProps = Omit<React.ComponentProps<typeof TextInputBase>, "rightElement" | "status" | "bottomMessageColor" | "isPassword"> & {
+    onValidate: (value: string) => boolean;
+    errorMessage?: string;
+};
+export declare const TextInputValidation: (props: TextInputValidationProps) => React.JSX.Element;
+export default TextInputValidation;
+//# sourceMappingURL=TextInputValidation.d.ts.map

package/lib/typescript/components/textInput/TextInputValidation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInputValidation.d.ts","sourceRoot":"","sources":["../../../../src/components/textInput/TextInputValidation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,KAAK,wBAAwB,GAAG,IAAI,CAClC,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,EAC1C,cAAc,GAAG,QAAQ,GAAG,oBAAoB,GAAG,YAAY,CAChE,GAAG;IACF,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,mBAAmB,UAAW,wBAAwB,sBAsDlE,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/lib/typescript/components/textInput/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./TextInput";
+export * from "./TextInputPassword";
+export * from "./TextInputValidation";
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/components/textInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/textInput/index.tsx"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC"}

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

@@ -7,6 +7,11 @@ export declare const IOSpringValues: {
         mass: number;
         stiffness: number;
     };
+    accordion: {
+        damping: number;
+        mass: number;
+        stiffness: number;
+    };
     selection: {
         damping: number;
         mass: number;

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

@@ -1 +1 @@
-{"version":3,"file":"IOAnimations.d.ts","sourceRoot":"","sources":["../../../src/core/IOAnimations.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,cAAc;;;;;;;;;;;CAa1B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;CAazB,CAAC"}
+{"version":3,"file":"IOAnimations.d.ts","sourceRoot":"","sources":["../../../src/core/IOAnimations.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;CAkB1B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;CAazB,CAAC"}

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

@@ -6,5 +6,6 @@ export declare const IOTagRadius: IORadiusScale;
 export declare const IOBottomSheetHeaderRadius: IORadiusScale;
 export declare const IOListItemIDPRadius: IORadiusScale;
 export declare const IOBadgeRadius: IORadiusScale;
+export declare const IOAccordionRadius: IORadiusScale;
 export {};
 //# sourceMappingURL=IOShapes.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"IOShapes.d.ts","sourceRoot":"","sources":["../../../src/core/IOShapes.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,aAAa,yBAA0B,CAAC;AACrD,KAAK,aAAa,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAOpD,eAAO,MAAM,aAAa,EAAE,aAA+B,CAAC;AAC5D,eAAO,MAAM,cAAc,EAAE,aAA+B,CAAC;AAC7D,eAAO,MAAM,WAAW,EAAE,aAAiB,CAAC;AAC5C,eAAO,MAAM,yBAAyB,EAAE,aAAkB,CAAC;AAC3D,eAAO,MAAM,mBAAmB,EAAE,aAA+B,CAAC;AAClE,eAAO,MAAM,aAAa,EAAE,aAAkB,CAAC"}
+{"version":3,"file":"IOShapes.d.ts","sourceRoot":"","sources":["../../../src/core/IOShapes.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,aAAa,yBAA0B,CAAC;AACrD,KAAK,aAAa,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAOpD,eAAO,MAAM,aAAa,EAAE,aAA+B,CAAC;AAC5D,eAAO,MAAM,cAAc,EAAE,aAA+B,CAAC;AAC7D,eAAO,MAAM,WAAW,EAAE,aAAiB,CAAC;AAC5C,eAAO,MAAM,yBAAyB,EAAE,aAAkB,CAAC;AAC3D,eAAO,MAAM,mBAAmB,EAAE,aAA+B,CAAC;AAClE,eAAO,MAAM,aAAa,EAAE,aAAkB,CAAC;AAC/C,eAAO,MAAM,iBAAiB,EAAE,aAA+B,CAAC"}

package/lib/typescript/stories/ButtonDS.stories.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: import("react").MemoExoticComponent<({ color, label, small, fullWidth, disabled, icon, iconPosition, onPress, accessibilityLabel, accessibilityHint, testID }: import("../components").ButtonSolidProps) => import("react").JSX.Element>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+//# sourceMappingURL=ButtonDS.stories.d.ts.map

package/lib/typescript/stories/ButtonDS.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonDS.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/ButtonDS.stories.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD,QAAA,MAAM,IAAI;;;;;;;CAS0B,CAAC;AAErC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC"}

package/lib/typescript/stories/H1.stories.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: import("react").FC<Omit<import("react-native").TextProps & import("react").RefAttributes<import("react-native").Text>, "style"> & import("../components").TypographyProps<"Bold", "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-450" | "grey-650" | "grey-700" | "grey-850" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-450" | "blueIO-200" | "blueIO-150" | "blueIO-100" | "blueIO-50" | "hanPurple-850" | "hanPurple-500" | "hanPurple-250" | "hanPurple-100" | "hanPurple-50" | "turquoise-850" | "turquoise-500" | "turquoise-450" | "turquoise-150" | "turquoise-100" | "turquoise-50" | "error-600" | "error-500" | "error-400" | "error-100" | "warning-700" | "warning-500" | "warning-400" | "warning-100" | "success-700" | "success-500" | "success-400" | "success-100" | "info-700" | "info-500" | "info-400" | "info-100" | "cobalt" | "blueItalia-850" | "blueItalia-600" | "blueItalia-500" | "blueItalia-100" | "blueItalia-50" | "blue-600" | "blue-50" | "greyUltraLight" | "greyLight" | "bluegreyLight" | "grey" | "milderGray" | "bluegrey" | "noCieButton" | "blueUltraLight" | "aqua" | "aquaUltraLight" | "antiqueFuchsia" | "yellow" | "orange" | "red" | "green" | "greenLight" | import("..").IOColorsStatusForeground | ("white" | "bluegreyDark" | "blue")> & {
+        style?: import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">> | import("react-native").RecursiveArray<import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">>>;
+    }>;
+    parameters: {
+        layout: string;
+        actions: {
+            argTypesRegex: string;
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+//# sourceMappingURL=H1.stories.d.ts.map

package/lib/typescript/stories/H1.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"H1.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/H1.stories.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD,QAAA,MAAM,IAAI;;;;;;;;;;;;CAUiB,CAAC;AAE5B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC"}

package/lib/typescript/stories/H2.stories.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: import("react").FC<Omit<import("react-native").TextProps & import("react").RefAttributes<import("react-native").Text>, "style"> & import("../components").TypographyProps<"SemiBold" | "Bold", "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-450" | "grey-650" | "grey-700" | "grey-850" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-450" | "blueIO-200" | "blueIO-150" | "blueIO-100" | "blueIO-50" | "hanPurple-850" | "hanPurple-500" | "hanPurple-250" | "hanPurple-100" | "hanPurple-50" | "turquoise-850" | "turquoise-500" | "turquoise-450" | "turquoise-150" | "turquoise-100" | "turquoise-50" | "error-600" | "error-500" | "error-400" | "error-100" | "warning-700" | "warning-500" | "warning-400" | "warning-100" | "success-700" | "success-500" | "success-400" | "success-100" | "info-700" | "info-500" | "info-400" | "info-100" | "cobalt" | "blueItalia-850" | "blueItalia-600" | "blueItalia-500" | "blueItalia-100" | "blueItalia-50" | "blue-600" | "blue-50" | "greyUltraLight" | "greyLight" | "bluegreyLight" | "grey" | "milderGray" | "noCieButton" | "blueUltraLight" | "aqua" | "aquaUltraLight" | "antiqueFuchsia" | "yellow" | "orange" | "red" | "green" | "greenLight" | import("..").IOColorsStatusForeground | ("white" | "bluegrey" | "bluegreyDark" | "blue")> & {
+        style?: import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">> | import("react-native").RecursiveArray<import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">>>;
+    }>;
+    parameters: {
+        layout: string;
+        actions: {
+            argTypesRegex: string;
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+//# sourceMappingURL=H2.stories.d.ts.map

package/lib/typescript/stories/H2.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"H2.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/H2.stories.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD,QAAA,MAAM,IAAI;;;;;;;;;;;;CAUiB,CAAC;AAE5B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC"}

package/lib/typescript/stories/H3.stories.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: import("react").FunctionComponent<Omit<import("react-native").TextProps & import("react").RefAttributes<import("react-native").Text>, "style"> & import("../components").TypographyProps<"Regular" | "Bold", "white" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-450" | "grey-650" | "grey-700" | "grey-850" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-450" | "blueIO-200" | "blueIO-150" | "blueIO-100" | "blueIO-50" | "hanPurple-850" | "hanPurple-500" | "hanPurple-250" | "hanPurple-100" | "hanPurple-50" | "turquoise-850" | "turquoise-500" | "turquoise-450" | "turquoise-150" | "turquoise-100" | "turquoise-50" | "error-600" | "error-500" | "error-400" | "error-100" | "warning-700" | "warning-500" | "warning-400" | "warning-100" | "success-700" | "success-500" | "success-400" | "success-100" | "info-700" | "info-500" | "info-400" | "info-100" | "cobalt" | "blueItalia-850" | "blueItalia-600" | "blueItalia-500" | "blueItalia-100" | "blueItalia-50" | "blue-600" | "blue-50" | "greyUltraLight" | "greyLight" | "bluegreyLight" | "grey" | "milderGray" | "bluegrey" | "bluegreyDark" | "noCieButton" | "blue" | "blueUltraLight" | "aqua" | "aquaUltraLight" | "antiqueFuchsia" | "yellow" | "orange" | "red" | "green" | "greenLight" | import("..").IOColorsStatusForeground> & {
+        style?: import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">> | import("react-native").RecursiveArray<import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">>>;
+    }>;
+    parameters: {
+        layout: string;
+        actions: {
+            argTypesRegex: string;
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+//# sourceMappingURL=H3.stories.d.ts.map

package/lib/typescript/stories/H3.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"H3.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/H3.stories.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD,QAAA,MAAM,IAAI;;;;;;;;;;;;CAUiB,CAAC;AAE5B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC"}

package/lib/typescript/stories/H4.stories.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: import("react").FC<Omit<import("react-native").TextProps & import("react").RefAttributes<import("react-native").Text>, "style"> & import("../components").TypographyProps<"Regular" | "SemiBold", "white" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-450" | "grey-650" | "grey-700" | "grey-850" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-450" | "blueIO-200" | "blueIO-150" | "blueIO-100" | "blueIO-50" | "hanPurple-850" | "hanPurple-500" | "hanPurple-250" | "hanPurple-100" | "hanPurple-50" | "turquoise-850" | "turquoise-500" | "turquoise-450" | "turquoise-150" | "turquoise-100" | "turquoise-50" | "error-600" | "error-500" | "error-400" | "error-100" | "warning-700" | "warning-500" | "warning-400" | "warning-100" | "success-700" | "success-500" | "success-400" | "success-100" | "info-700" | "info-500" | "info-400" | "info-100" | "cobalt" | "blueItalia-850" | "blueItalia-600" | "blueItalia-500" | "blueItalia-100" | "blueItalia-50" | "blue-600" | "blue-50" | "greyUltraLight" | "greyLight" | "bluegreyLight" | "grey" | "milderGray" | "bluegrey" | "bluegreyDark" | "noCieButton" | "blue" | "blueUltraLight" | "aqua" | "aquaUltraLight" | "antiqueFuchsia" | "yellow" | "orange" | "red" | "green" | "greenLight" | import("..").IOColorsStatusForeground> & {
+        style?: import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">> | import("react-native").RecursiveArray<import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">>>;
+    }>;
+    parameters: {
+        layout: string;
+        actions: {
+            argTypesRegex: string;
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+//# sourceMappingURL=H4.stories.d.ts.map

package/lib/typescript/stories/H4.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"H4.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/H4.stories.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD,QAAA,MAAM,IAAI;;;;;;;;;;;;CAUiB,CAAC;AAE5B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC"}

package/lib/typescript/stories/H5.stories.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: import("react").FC<(Omit<import("react-native").TextProps & import("react").RefAttributes<import("react-native").Text>, "style"> & {
+        weight?: "SemiBold" | undefined;
+        color?: ("white" | "bluegreyLight" | "bluegrey" | "bluegreyDark" | "blue" | "red") | undefined;
+    } & {
+        style?: import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">> | import("react-native").RecursiveArray<import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">>>;
+    }) | (Omit<import("react-native").TextProps & import("react").RefAttributes<import("react-native").Text>, "style"> & {
+        weight: "Regular";
+        color?: ("white" | "bluegreyLight" | "grey" | "bluegrey" | "bluegreyDark" | "blue" | "red") | undefined;
+    } & {
+        style?: import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">> | import("react-native").RecursiveArray<import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">>>;
+    })>;
+    parameters: {
+        layout: string;
+        actions: {
+            argTypesRegex: string;
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+//# sourceMappingURL=H5.stories.d.ts.map

package/lib/typescript/stories/H5.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"H5.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/H5.stories.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;CAUiB,CAAC;AAE5B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC"}

package/lib/typescript/stories/H6.stories.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: import("react").FC<Omit<import("react-native").TextProps & import("react").RefAttributes<import("react-native").Text>, "style"> & import("../components").TypographyProps<"Regular" | "SemiBold", "white" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-450" | "grey-650" | "grey-700" | "grey-850" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-450" | "blueIO-200" | "blueIO-150" | "blueIO-100" | "blueIO-50" | "hanPurple-850" | "hanPurple-500" | "hanPurple-250" | "hanPurple-100" | "hanPurple-50" | "turquoise-850" | "turquoise-500" | "turquoise-450" | "turquoise-150" | "turquoise-100" | "turquoise-50" | "error-850" | "error-600" | "error-500" | "error-400" | "error-100" | "warning-850" | "warning-700" | "warning-500" | "warning-400" | "warning-100" | "success-850" | "success-700" | "success-500" | "success-400" | "success-100" | "info-850" | "info-700" | "info-500" | "info-400" | "info-100" | "cobalt" | "blueItalia-850" | "blueItalia-600" | "blueItalia-500" | "blueItalia-100" | "blueItalia-50" | "blue-600" | "blue-50" | "greyUltraLight" | "greyLight" | "bluegreyLight" | "grey" | "milderGray" | "bluegrey" | "bluegreyDark" | "noCieButton" | "blue" | "blueUltraLight" | "aqua" | "aquaUltraLight" | "antiqueFuchsia" | "yellow" | "orange" | "red" | "green" | "greenLight"> & {
+        style?: import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">> | import("react-native").RecursiveArray<import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">>>;
+    }>;
+    parameters: {
+        layout: string;
+        actions: {
+            argTypesRegex: string;
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+//# sourceMappingURL=H6.stories.d.ts.map

package/lib/typescript/stories/H6.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"H6.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/H6.stories.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD,QAAA,MAAM,IAAI;;;;;;;;;;;;CAUiB,CAAC;AAE5B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC"}

package/lib/typescript/stories/Label.stories.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: import("react").FC<Omit<import("react-native").TextProps & import("react").RefAttributes<import("react-native").Text>, "style"> & import("../components").TypographyProps<"Regular" | "SemiBold" | "Bold", import("..").IOColorsStatusForeground | ("white" | "bluegrey" | "bluegreyDark" | "blue" | "red")> & {
+        style?: import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">> | import("react-native").RecursiveArray<import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">>>;
+    }>;
+    parameters: {
+        layout: string;
+        actions: {
+            argTypesRegex: string;
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+//# sourceMappingURL=Label.stories.d.ts.map

package/lib/typescript/stories/Label.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Label.stories.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD,QAAA,MAAM,IAAI;;;;;;;;;;;;CAUoB,CAAC;AAE/B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC"}

package/lib/typescript/stories/LabelSmall.stories.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: import("react").FC<Omit<import("react-native").TextProps & import("react").RefAttributes<import("react-native").Text>, "style"> & import("../components").TypographyProps<"Regular" | "SemiBold" | "Bold", "grey-50" | "grey-100" | "grey-300" | "grey-450" | "grey-650" | "grey-850" | "black" | "blueIO-850" | "blueIO-600" | "blueIO-500" | "blueIO-450" | "blueIO-200" | "blueIO-150" | "blueIO-100" | "blueIO-50" | "hanPurple-850" | "hanPurple-500" | "hanPurple-250" | "hanPurple-100" | "hanPurple-50" | "turquoise-850" | "turquoise-500" | "turquoise-450" | "turquoise-150" | "turquoise-100" | "turquoise-50" | "error-850" | "error-600" | "error-500" | "error-400" | "error-100" | "warning-850" | "warning-700" | "warning-500" | "warning-400" | "warning-100" | "success-850" | "success-700" | "success-500" | "success-400" | "success-100" | "info-850" | "info-700" | "info-500" | "info-400" | "info-100" | "cobalt" | "blueItalia-850" | "blueItalia-600" | "blueItalia-500" | "blueItalia-100" | "blueItalia-50" | "blue-600" | "blue-50" | "greyUltraLight" | "greyLight" | "bluegreyLight" | "grey" | "milderGray" | "noCieButton" | "blueUltraLight" | "aqua" | "aquaUltraLight" | "antiqueFuchsia" | "yellow" | "orange" | "green" | "greenLight" | ("white" | "grey-200" | "grey-700" | "bluegrey" | "bluegreyDark" | "blue" | "red")> & {
+        style?: import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">> | import("react-native").RecursiveArray<import("react-native").Falsy | Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily"> | import("react-native").RegisteredStyle<Omit<import("react-native").TextStyle, "color" | "fontStyle" | "fontWeight" | "fontSize" | "fontFamily">>>;
+    } & {
+        fontSize?: ("small" | "regular") | undefined;
+    }>;
+    parameters: {
+        layout: string;
+        actions: {
+            argTypesRegex: string;
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+//# sourceMappingURL=LabelSmall.stories.d.ts.map

package/lib/typescript/stories/LabelSmall.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabelSmall.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/LabelSmall.stories.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;CAUyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC"}