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

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

@@ -1,21 +1,15 @@
-import React from "react";
-import { IOColors, IOColorsStatusForeground, IOTheme } from "../../core/IOColors";
+/// <reference types="react" />
+import { IOTheme } from "../../core";
 import { IOFontWeight } from "../../utils/fonts";
 import { ExternalTypographyProps, TypographyProps } from "./common";
-type PartialAllowedColors = Extract<IOColors, "bluegreyDark" | "white" | "blue" | "bluegrey">;
-type AllowedColors = PartialAllowedColors | IOColorsStatusForeground | IOTheme["textHeading-default"];
-type AllowedWeight = Extract<IOFontWeight, "Bold" | "SemiBold">;
-type OwnProps = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>>;
-export declare const h2FontSize = 20;
-export declare const h2LineHeight = 24;
-export declare const h2DefaultColor: AllowedColors;
-export declare const h2DefaultWeight: AllowedWeight;
+type AllowedColors = IOTheme["textHeading-default"];
+type AllowedWeight = Extract<IOFontWeight, "SemiBold" | "Regular" | "Bold">;
+type H2Props = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>>;
+export declare const h2FontSize = 26;
+export declare const h2LineHeight = 39;
 /**
- * Typography component to render `H2` text with font size {@link fontSize} and fontFamily {@link fontName}.
- * default values(if not defined) are weight: `Bold`, color: `bluegreyDark`
- * @param props
- * @constructor
+ * `H2` typographic style
  */
-export declare const H2: React.FC<OwnProps>;
+export declare const H2: (props: H2Props) => import("react").JSX.Element;
 export {};
 //# sourceMappingURL=H2.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"H2.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/H2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,QAAQ,EACR,wBAAwB,EACxB,OAAO,EACR,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAc,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEpE,KAAK,oBAAoB,GAAG,OAAO,CACjC,QAAQ,EACR,cAAc,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,CAC/C,CAAC;AACF,KAAK,aAAa,GACd,oBAAoB,GACpB,wBAAwB,GACxB,OAAO,CAAC,qBAAqB,CAAC,CAAC;AACnC,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,MAAM,GAAG,UAAU,CAAC,CAAC;AAEhE,KAAK,QAAQ,GAAG,uBAAuB,CACrC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAC9C,CAAC;AAEF,eAAO,MAAM,UAAU,KAAK,CAAC;AAC7B,eAAO,MAAM,YAAY,KAAK,CAAC;AAC/B,eAAO,MAAM,cAAc,EAAE,aAA8B,CAAC;AAC5D,eAAO,MAAM,eAAe,EAAE,aAAsB,CAAC;AAErD;;;;;GAKG;AACH,eAAO,MAAM,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CASjC,CAAC"}
+{"version":3,"file":"H2.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/H2.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAA2B,MAAM,YAAY,CAAC;AAC9D,OAAO,EAAc,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEpE,KAAK,aAAa,GAAG,OAAO,CAAC,qBAAqB,CAAC,CAAC;AACpD,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC,CAAC;AAE5E,KAAK,OAAO,GAAG,uBAAuB,CACpC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAC9C,CAAC;AAEF,eAAO,MAAM,UAAU,KAAK,CAAC;AAC7B,eAAO,MAAM,YAAY,KAAK,CAAC;AAS/B;;GAEG;AACH,eAAO,MAAM,EAAE,UAAW,OAAO,gCAUhC,CAAC"}

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

@@ -1,18 +1,15 @@
-import * as React from "react";
+/// <reference types="react" />
+import { IOTheme } from "../../core";
 import { IOFontWeight } from "../../utils/fonts";
-import { IOColorsStatusForeground, IOTheme } from "../../core";
 import { ExternalTypographyProps, TypographyProps } from "./common";
-type AllowedColors = IOColorsStatusForeground | IOTheme["textHeading-default"];
-type AllowedWeight = Extract<IOFontWeight, "Bold" | "Regular">;
-type OwnProps = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>>;
+type AllowedColors = IOTheme["textHeading-default"];
+type AllowedWeight = Extract<IOFontWeight, "SemiBold" | "Regular" | "Bold">;
+type H3Props = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>>;
 export declare const h3FontSize = 22;
 export declare const h3LineHeight = 33;
 /**
- * Typography component to render `H2` text with font size {@link fontSize} and fontFamily {@link fontName}.
- * default values(if not defined) are weight: `Bold`, color: `bluegreyDark`
- * @param props
- * @constructor
+ * `H3` typographic style
  */
-export declare const H3: React.FunctionComponent<OwnProps>;
+export declare const H3: (props: H3Props) => import("react").JSX.Element;
 export {};
 //# sourceMappingURL=H3.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"H3.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/H3.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAgB,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,wBAAwB,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAC/D,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAGpE,KAAK,aAAa,GAAG,wBAAwB,GAAG,OAAO,CAAC,qBAAqB,CAAC,CAAC;AAC/E,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;AAE/D,KAAK,QAAQ,GAAG,uBAAuB,CACrC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAC9C,CAAC;AAGF,eAAO,MAAM,UAAU,KAAK,CAAC;AAC7B,eAAO,MAAM,YAAY,KAAK,CAAC;AAM/B;;;;;GAKG;AACH,eAAO,MAAM,EAAE,EAAE,KAAK,CAAC,iBAAiB,CAAC,QAAQ,CAO7C,CAAC"}
+{"version":3,"file":"H3.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/H3.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAA2B,MAAM,YAAY,CAAC;AAC9D,OAAO,EAAc,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEpE,KAAK,aAAa,GAAG,OAAO,CAAC,qBAAqB,CAAC,CAAC;AACpD,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC,CAAC;AAE5E,KAAK,OAAO,GAAG,uBAAuB,CACpC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAC9C,CAAC;AAGF,eAAO,MAAM,UAAU,KAAK,CAAC;AAC7B,eAAO,MAAM,YAAY,KAAK,CAAC;AAS/B;;GAEG;AACH,eAAO,MAAM,EAAE,UAAW,OAAO,gCAShC,CAAC"}

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

@@ -1,18 +1,15 @@
-import React from "react";
-import { IOColorsStatusForeground, IOTheme } from "../../core/IOColors";
+/// <reference types="react" />
+import { IOTheme } from "../../core";
 import { IOFontWeight } from "../../utils/fonts";
 import { ExternalTypographyProps, TypographyProps } from "./common";
-type AllowedColors = IOColorsStatusForeground | IOTheme["textHeading-default"];
-type AllowedWeight = Extract<IOFontWeight, "SemiBold" | "Regular">;
-type OwnProps = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>>;
+type AllowedColors = IOTheme["textHeading-default"];
+type AllowedWeight = Extract<IOFontWeight, "Regular" | "SemiBold">;
+type H4Props = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>>;
 export declare const h4FontSize = 20;
-export declare const h4LineHeight = 24;
+export declare const h4LineHeight = 30;
 /**
- * Typography component to render `H4` text with font size {@link fontSize} and fontFamily {@link fontName}.
- * default values(if not defined) are weight: `Regular/SemiBold`, color: `black/bluegreyDark` if design system is enabled or not
- * @param props
- * @constructor
+ * `H4` typographic style
  */
-export declare const H4: React.FC<OwnProps>;
+export declare const H4: (props: H4Props) => import("react").JSX.Element;
 export {};
 //# sourceMappingURL=H4.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"H4.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/H4.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,wBAAwB,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACxE,OAAO,EAAc,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEpE,KAAK,aAAa,GAAG,wBAAwB,GAAG,OAAO,CAAC,qBAAqB,CAAC,CAAC;AAC/E,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;AAEnE,KAAK,QAAQ,GAAG,uBAAuB,CACrC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAC9C,CAAC;AAGF,eAAO,MAAM,UAAU,KAAK,CAAC;AAC7B,eAAO,MAAM,YAAY,KAAK,CAAC;AAE/B;;;;;GAKG;AACH,eAAO,MAAM,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAajC,CAAC"}
+{"version":3,"file":"H4.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/H4.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAA2B,MAAM,YAAY,CAAC;AAC9D,OAAO,EAAc,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEpE,KAAK,aAAa,GAAG,OAAO,CAAC,qBAAqB,CAAC,CAAC;AACpD,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,SAAS,GAAG,UAAU,CAAC,CAAC;AAEnE,KAAK,OAAO,GAAG,uBAAuB,CACpC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAC9C,CAAC;AAEF,eAAO,MAAM,UAAU,KAAK,CAAC;AAC7B,eAAO,MAAM,YAAY,KAAK,CAAC;AAU/B;;GAEG;AACH,eAAO,MAAM,EAAE,UAAW,OAAO,gCAShC,CAAC"}

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

@@ -1,30 +1,15 @@
-import React from "react";
-import type { IOColors } from "../../core/IOColors";
+/// <reference types="react" />
+import { IOTheme } from "../../core/IOColors";
 import { IOFontWeight } from "../../utils/fonts";
-import { ExternalTypographyProps } from "./common";
-type AllowedSemiBoldColors = Extract<IOColors, "bluegreyDark" | "bluegrey" | "bluegreyLight" | "blue" | "white" | "red">;
-type AllowedRegularColors = Extract<IOColors, "bluegreyDark" | "bluegrey" | "bluegreyLight" | "blue" | "white" | "red" | "grey">;
-type AllowedColors = AllowedSemiBoldColors | AllowedRegularColors;
-type AllowedWeight = Extract<IOFontWeight, "SemiBold" | "Regular">;
-type SemiBoldProps = {
-    weight?: Extract<IOFontWeight, "SemiBold">;
-    color?: AllowedSemiBoldColors;
-};
-type RegularProps = {
-    weight: Extract<IOFontWeight, "Regular">;
-    color?: AllowedRegularColors;
-};
-type BoldKindProps = SemiBoldProps | RegularProps;
-type OwnProps = ExternalTypographyProps<BoldKindProps>;
+import { ExternalTypographyProps, TypographyProps } from "./common";
+type AllowedColors = IOTheme["textHeading-default"];
+type AllowedWeight = Extract<IOFontWeight, "SemiBold">;
+type H5Props = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>>;
 export declare const h5FontSize = 14;
-export declare const h5DefaultColor: AllowedColors;
-export declare const h5DefaultWeight: AllowedWeight;
+export declare const h5LineHeight = 16;
 /**
- * Typography component to render `H5` text with font size {@link fontSize} and fontFamily {@link fontName}.
- * default values(if not defined) are weight: `SemiBold`, color: `bluegreyDark`
- * @param props
- * @constructor
+ * `H5` typographic style
  */
-export declare const H5: React.FC<OwnProps>;
+export declare const H5: (props: H5Props) => import("react").JSX.Element;
 export {};
 //# sourceMappingURL=H5.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"H5.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/H5.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAc,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAGnD,KAAK,qBAAqB,GAAG,OAAO,CAClC,QAAQ,EACR,cAAc,GAAG,UAAU,GAAG,eAAe,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,CACzE,CAAC;AAGF,KAAK,oBAAoB,GAAG,OAAO,CACjC,QAAQ,EACN,cAAc,GACd,UAAU,GACV,eAAe,GACf,MAAM,GACN,OAAO,GACP,KAAK,GACL,MAAM,CACT,CAAC;AAGF,KAAK,aAAa,GAAG,qBAAqB,GAAG,oBAAoB,CAAC;AAGlE,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;AAGnE,KAAK,aAAa,GAAG;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;IAC3C,KAAK,CAAC,EAAE,qBAAqB,CAAC;CAC/B,CAAC;AAGF,KAAK,YAAY,GAAG;IAClB,MAAM,EAAE,OAAO,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IACzC,KAAK,CAAC,EAAE,oBAAoB,CAAC;CAC9B,CAAC;AAEF,KAAK,aAAa,GAAG,aAAa,GAAG,YAAY,CAAC;AAElD,KAAK,QAAQ,GAAG,uBAAuB,CAAC,aAAa,CAAC,CAAC;AAEvD,eAAO,MAAM,UAAU,KAAK,CAAC;AAC7B,eAAO,MAAM,cAAc,EAAE,aAA8B,CAAC;AAC5D,eAAO,MAAM,eAAe,EAAE,aAA0B,CAAC;AAEzD;;;;;GAKG;AACH,eAAO,MAAM,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CASjC,CAAC"}
+{"version":3,"file":"H5.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/H5.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAc,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEpE,KAAK,aAAa,GAAG,OAAO,CAAC,qBAAqB,CAAC,CAAC;AACpD,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;AAEvD,KAAK,OAAO,GAAG,uBAAuB,CACpC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAC9C,CAAC;AAEF,eAAO,MAAM,UAAU,KAAK,CAAC;AAC7B,eAAO,MAAM,YAAY,KAAK,CAAC;AAK/B;;GAEG;AACH,eAAO,MAAM,EAAE,UAAW,OAAO,gCAY7B,CAAC"}

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

@@ -1,20 +1,15 @@
-import React from "react";
-import { IOTheme } from "../../core/IOColors";
+/// <reference types="react" />
+import { IOTheme } from "../../core";
 import { IOFontWeight } from "../../utils/fonts";
 import { ExternalTypographyProps, TypographyProps } from "./common";
 type AllowedColors = IOTheme["textBody-default"] | "blueIO-850";
-type AllowedWeight = Extract<IOFontWeight, "SemiBold" | "Regular">;
-type OwnProps = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>>;
+type AllowedWeight = Extract<IOFontWeight, "Regular" | "SemiBold">;
+type H6Props = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>>;
 export declare const h6FontSize = 16;
-export declare const h6LineHeight = 20;
-export declare const h6DefaultColor: AllowedColors;
-export declare const h6DefaultWeight: AllowedWeight;
+export declare const h6LineHeight = 24;
 /**
- * Typography component to render `H6` text with font size {@link fontSize} and fontFamily {@link fontName}.
- * default values(if not defined) are weight: `Regular`, color: `black`
- * @param props
- * @constructor
+ * `H6` typographic style
  */
-export declare const H6: React.FC<OwnProps>;
+export declare const H6: (props: H6Props) => import("react").JSX.Element;
 export {};
 //# sourceMappingURL=H6.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"H6.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/H6.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAgB,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAc,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAGpE,KAAK,aAAa,GAAG,OAAO,CAAC,kBAAkB,CAAC,GAAG,YAAY,CAAC;AAChE,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;AAEnE,KAAK,QAAQ,GAAG,uBAAuB,CACrC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAC9C,CAAC;AAEF,eAAO,MAAM,UAAU,KAAK,CAAC;AAC7B,eAAO,MAAM,YAAY,KAAK,CAAC;AAC/B,eAAO,MAAM,cAAc,EAAE,aAAgD,CAAC;AAC9E,eAAO,MAAM,eAAe,EAAE,aAAyB,CAAC;AAExD;;;;;GAKG;AACH,eAAO,MAAM,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CASjC,CAAC"}
+{"version":3,"file":"H6.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/H6.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAyC,MAAM,YAAY,CAAC;AAC5E,OAAO,EAAc,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAGpE,KAAK,aAAa,GAAG,OAAO,CAAC,kBAAkB,CAAC,GAAG,YAAY,CAAC;AAChE,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,SAAS,GAAG,UAAU,CAAC,CAAC;AAEnE,KAAK,OAAO,GAAG,uBAAuB,CACpC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAC9C,CAAC;AAEF,eAAO,MAAM,UAAU,KAAK,CAAC;AAC7B,eAAO,MAAM,YAAY,KAAK,CAAC;AAS/B;;GAEG;AACH,eAAO,MAAM,EAAE,UAAW,OAAO,gCAUhC,CAAC"}

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { IOTheme } from "../../core";
+import { IOFontWeight } from "../../utils/fonts";
+import { ExternalTypographyProps, TypographyProps } from "./common";
+type AllowedColors = IOTheme["textHeading-default"];
+type AllowedWeight = Extract<IOFontWeight, "Regular">;
+type HeroProps = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>>;
+export declare const heroFontSize = 32;
+export declare const heroLineHeight = 48;
+/**
+ * `Hero` typographic style
+ */
+export declare const Hero: (props: HeroProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=Hero.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Hero.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Hero.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA2B,OAAO,EAAE,MAAM,YAAY,CAAC;AAC9D,OAAO,EAAc,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEpE,KAAK,aAAa,GAAG,OAAO,CAAC,qBAAqB,CAAC,CAAC;AACpD,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;AAEtD,KAAK,SAAS,GAAG,uBAAuB,CACtC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAC9C,CAAC;AAEF,eAAO,MAAM,YAAY,KAAK,CAAC;AAC/B,eAAO,MAAM,cAAc,KAAK,CAAC;AAOjC;;GAEG;AACH,eAAO,MAAM,IAAI,UAAW,SAAS,gCAUpC,CAAC"}

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

@@ -1,17 +1,16 @@
-import React from "react";
+/// <reference types="react" />
 import type { IOColors, IOColorsStatusForeground } from "../../core/IOColors";
 import { IOFontWeight } from "../../utils/fonts";
-import { ExternalTypographyProps, TypographyProps } from "./common";
-type PartialAllowedColors = Extract<IOColors, "blue" | "bluegrey" | "bluegreyDark" | "white" | "red">;
+import { ExternalTypographyProps, FontSize, TypographyProps } from "./common";
+type PartialAllowedColors = Extract<IOColors, "black" | "white">;
 type AllowedColors = PartialAllowedColors | IOColorsStatusForeground;
 type AllowedWeight = Extract<IOFontWeight, "Bold" | "Regular" | "SemiBold">;
-type OwnProps = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>>;
+type LabelProps = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>> & {
+    fontSize?: FontSize;
+};
 /**
- * Typography component to render `Label` text with font size {@link fontSize} and fontFamily {@link fontName}.
- * default values(if not defined) are weight: `Bold`, color: `blue`
- * @param props`
- * @constructor
+ * `Label` typographic style
  */
-export declare const Label: React.FC<OwnProps>;
+export declare const Label: ({ fontSize, ...props }: LabelProps) => import("react").JSX.Element;
 export {};
 //# sourceMappingURL=Label.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,QAAQ,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAC9E,OAAO,EAAc,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEpE,KAAK,oBAAoB,GAAG,OAAO,CACjC,QAAQ,EACR,MAAM,GAAG,UAAU,GAAG,cAAc,GAAG,OAAO,GAAG,KAAK,CACvD,CAAC;AACF,KAAK,aAAa,GAAG,oBAAoB,GAAG,wBAAwB,CAAC;AACrE,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC,CAAC;AAC5E,KAAK,QAAQ,GAAG,uBAAuB,CACrC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAC9C,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAapC,CAAC"}
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Label.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAC9E,OAAO,EAAc,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EACL,uBAAuB,EACvB,QAAQ,EACR,eAAe,EAGhB,MAAM,UAAU,CAAC;AAElB,KAAK,oBAAoB,GAAG,OAAO,CAAC,QAAQ,EAAE,OAAO,GAAG,OAAO,CAAC,CAAC;AACjE,KAAK,aAAa,GAAG,oBAAoB,GAAG,wBAAwB,CAAC;AACrE,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC,CAAC;AAC5E,KAAK,UAAU,GAAG,uBAAuB,CACvC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAC9C,GAAG;IAAE,QAAQ,CAAC,EAAE,QAAQ,CAAA;CAAE,CAAC;AAM5B;;GAEG;AACH,eAAO,MAAM,KAAK,2BAA4B,UAAU,gCAYpD,CAAC"}

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

@@ -1,19 +1,16 @@
-import * as React from "react";
+/// <reference types="react" />
 import { IOFontWeight } from "../../utils/fonts";
 import { IOTheme } from "../../core";
 import { ExternalTypographyProps, TypographyProps } from "./common";
 type AllowedColors = IOTheme["textBody-default"] | "grey-650" | "grey-850" | "white" | "black";
 type AllowedWeight = Extract<IOFontWeight, "Regular">;
-type OwnProps = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>>;
+type LabelHeaderProps = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>>;
 export declare const labelHeaderFontSize = 14;
 export declare const labelHeaderLineHeight = 18;
 export declare const labelHeaderDefaultColor: AllowedColors;
 /**
- * Typography component to render `LabelHeader` text with font size {@link fontSize} and fontFamily {@link fontName}.
- * default values(if not defined) are weight: `Regular`, color: `bluegreyDark`
- * @param props
- * @constructor
+ * `LabelHeader` typographic style
  */
-export declare const LabelHeader: React.FunctionComponent<OwnProps>;
+export declare const LabelHeader: (props: LabelHeaderProps) => import("react").JSX.Element;
 export {};
 //# sourceMappingURL=LabelHeader.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"LabelHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/LabelHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAgB,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAgB,MAAM,YAAY,CAAC;AAEnD,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEpE,KAAK,aAAa,GACd,OAAO,CAAC,kBAAkB,CAAC,GAC3B,UAAU,GACV,UAAU,GACV,OAAO,GACP,OAAO,CAAC;AACZ,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;AAEtD,KAAK,QAAQ,GAAG,uBAAuB,CACrC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAC9C,CAAC;AAGF,eAAO,MAAM,mBAAmB,KAAK,CAAC;AACtC,eAAO,MAAM,qBAAqB,KAAK,CAAC;AACxC,eAAO,MAAM,uBAAuB,EAAE,aACJ,CAAC;AAKnC;;;;;GAKG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,QAAQ,CAUtD,CAAC"}
+{"version":3,"file":"LabelHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/LabelHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAyC,MAAM,YAAY,CAAC;AAE5E,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEpE,KAAK,aAAa,GACd,OAAO,CAAC,kBAAkB,CAAC,GAC3B,UAAU,GACV,UAAU,GACV,OAAO,GACP,OAAO,CAAC;AACZ,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;AAEtD,KAAK,gBAAgB,GAAG,uBAAuB,CAC7C,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAC9C,CAAC;AAEF,eAAO,MAAM,mBAAmB,KAAK,CAAC;AACtC,eAAO,MAAM,qBAAqB,KAAK,CAAC;AACxC,eAAO,MAAM,uBAAuB,EAAE,aACJ,CAAC;AAOnC;;GAEG;AACH,eAAO,MAAM,WAAW,UAAW,gBAAgB,gCAalD,CAAC"}

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { IOFontWeight } from "../../utils/fonts";
+import type { IOColors } from "../../core";
+import { ExternalTypographyProps, FontSize, TypographyProps } from "./common";
+type AllowedColors = IOColors;
+type AllowedWeight = Extract<IOFontWeight, "SemiBold">;
+type AllowedFontSize = {
+    fontSize?: FontSize;
+};
+type LinkProps = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>> & AllowedFontSize;
+export declare const linkDefaultColor: AllowedColors;
+export declare const linkDefaultWeight: AllowedWeight;
+/**
+ * `Link` typographic style
+ */
+export declare const LabelLink: (props: LinkProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=LabelLink.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LabelLink.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/LabelLink.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EACL,uBAAuB,EACvB,QAAQ,EACR,eAAe,EAGhB,MAAM,UAAU,CAAC;AAGlB,KAAK,aAAa,GAAG,QAAQ,CAAC;AAC9B,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;AACvD,KAAK,eAAe,GAAG;IAAE,QAAQ,CAAC,EAAE,QAAQ,CAAA;CAAE,CAAC;AAE/C,KAAK,SAAS,GAAG,uBAAuB,CACtC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAC9C,GACC,eAAe,CAAC;AAIlB,eAAO,MAAM,gBAAgB,EAAE,aAA4B,CAAC;AAC5D,eAAO,MAAM,iBAAiB,EAAE,aAA0B,CAAC;AAE3D;;GAEG;AACH,eAAO,MAAM,SAAS,UAAW,SAAS,gCAgBtC,CAAC"}

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

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 import type { IOColors, IOTheme } from "../../core/IOColors";
 import { IOFontWeight } from "../../utils/fonts";
 import { ExternalTypographyProps, TypographyProps } from "./common";
@@ -9,13 +9,10 @@ type FontSize = "regular" | "small";
 type AllowedFontSize = {
     fontSize?: FontSize;
 };
-type OwnProps = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>> & AllowedFontSize;
+type LabelSmallProps = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>> & AllowedFontSize;
 /**
- * Typography component to render `LabelSmall` text with font size {@link fontSize} and fontFamily {@link fontName}.
- * default values(if not defined) are weight: `Bold`, color: `blue`
- * @param props`
- * @constructor
+ * `LabelSmall` typographic style
  */
-export declare const LabelSmall: React.FC<OwnProps>;
+export declare const LabelSmall: (props: LabelSmallProps) => import("react").JSX.Element;
 export {};
 //# sourceMappingURL=LabelSmall.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"LabelSmall.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/LabelSmall.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAc,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEpE,KAAK,oBAAoB,GAAG,OAAO,CACjC,QAAQ,EACN,MAAM,GACN,UAAU,GACV,KAAK,GACL,OAAO,GACP,cAAc,GACd,UAAU,GACV,UAAU,CACb,CAAC;AACF,KAAK,aAAa,GAAG,oBAAoB,GAAG,OAAO,CAAC,mBAAmB,CAAC,CAAC;AACzE,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC,CAAC;AAC5E,KAAK,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;AACpC,KAAK,eAAe,GAAG;IAAE,QAAQ,CAAC,EAAE,QAAQ,CAAA;CAAE,CAAC;AAC/C,KAAK,QAAQ,GAAG,uBAAuB,CACrC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAC9C,GACC,eAAe,CAAC;AAElB;;;;;GAKG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAiBzC,CAAC"}
+{"version":3,"file":"LabelSmall.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/LabelSmall.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAc,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEpE,KAAK,oBAAoB,GAAG,OAAO,CACjC,QAAQ,EACN,MAAM,GACN,UAAU,GACV,KAAK,GACL,OAAO,GACP,cAAc,GACd,UAAU,GACV,UAAU,CACb,CAAC;AACF,KAAK,aAAa,GAAG,oBAAoB,GAAG,OAAO,CAAC,mBAAmB,CAAC,CAAC;AACzE,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC,CAAC;AAC5E,KAAK,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;AACpC,KAAK,eAAe,GAAG;IAAE,QAAQ,CAAC,EAAE,QAAQ,CAAA;CAAE,CAAC;AAE/C,KAAK,eAAe,GAAG,uBAAuB,CAC5C,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAC9C,GACC,eAAe,CAAC;AAUlB;;GAEG;AACH,eAAO,MAAM,UAAU,UAAW,eAAe,gCAW7C,CAAC"}

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

@@ -3,6 +3,12 @@ import { StyleProp, Text, TextStyle } from "react-native";
 import type { IOColors } from "../../core";
 import { IOFontWeight } from "../../utils/fonts";
 import { RequiredAll } from "../../utils/types";
+/**
+ * Define the font size values for the typography elements
+ */
+export type FontSize = "regular" | "small" | "mini";
+export declare const fontSizeMapping: Record<FontSize, number>;
+export declare const lineHeightMapping: Record<FontSize, number>;
 /**
  * The style exported for the typography elements, without the fields characterizing the font style
  */

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

@@ -1 +1 @@
-{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/common.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD;;GAEG;AACH,KAAK,eAAe,GAAG,SAAS,CAC9B,IAAI,CACF,SAAS,EACT,OAAO,GAAG,YAAY,GAAG,WAAW,GAAG,YAAY,GAAG,UAAU,CACjE,CACF,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,eAAe,CAAC,eAAe,EAAE,eAAe,IAAI;IAC9D,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB,CAAC;AAGF,KAAK,sBAAsB,GAAG,eAAe,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;AAEtE;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,eAAe,EAAE,eAAe,EACnE,aAAa,EAAE,eAAe,EAC9B,YAAY,EAAE,eAAe,EAC7B,MAAM,CAAC,EAAE,eAAe,EACxB,KAAK,CAAC,EAAE,eAAe,GACtB,uBAAuB,CAAC,eAAe,EAAE,eAAe,CAAC,CAK3D;AAED;;;GAGG;AACH,MAAM,MAAM,uBAAuB,CAAC,CAAC,IAAI,CAAC,SAAS,sBAAsB,GACrE,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,IAAI,CAAC,EAAE,OAAO,CAAC,GACrD,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,eAAe,CAAA;CAAE,GACjC,KAAK,CAAC;AAEV;;GAEG;AACH,MAAM,MAAM,uBAAuB,CAAC,eAAe,EAAE,eAAe,IAClE,WAAW,CAAC,eAAe,CAAC,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC"}
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/common.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAEpD,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAIpD,CAAC;AACF,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAItD,CAAC;AAEF;;GAEG;AACH,KAAK,eAAe,GAAG,SAAS,CAC9B,IAAI,CACF,SAAS,EACT,OAAO,GAAG,YAAY,GAAG,WAAW,GAAG,YAAY,GAAG,UAAU,CACjE,CACF,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,eAAe,CAAC,eAAe,EAAE,eAAe,IAAI;IAC9D,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB,CAAC;AAGF,KAAK,sBAAsB,GAAG,eAAe,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;AAEtE;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,eAAe,EAAE,eAAe,EACnE,aAAa,EAAE,eAAe,EAC9B,YAAY,EAAE,eAAe,EAC7B,MAAM,CAAC,EAAE,eAAe,EACxB,KAAK,CAAC,EAAE,eAAe,GACtB,uBAAuB,CAAC,eAAe,EAAE,eAAe,CAAC,CAK3D;AAED;;;GAGG;AACH,MAAM,MAAM,uBAAuB,CAAC,CAAC,IAAI,CAAC,SAAS,sBAAsB,GACrE,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,IAAI,CAAC,EAAE,OAAO,CAAC,GACrD,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,eAAe,CAAA;CAAE,GACjC,KAAK,CAAC;AAEV;;GAEG;AACH,MAAM,MAAM,uBAAuB,CAAC,eAAe,EAAE,eAAe,IAClE,WAAW,CAAC,eAAe,CAAC,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC"}

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

@@ -1,6 +1,8 @@
 export * from "./BaseTypography";
 export * from "./Body";
-export * from "./CTA";
+export * from "./Caption";
+export * from "./Chip";
+export * from "./ButtonText";
 export * from "./Factory";
 export * from "./H1";
 export * from "./H2";
@@ -8,9 +10,10 @@ export * from "./H3";
 export * from "./H4";
 export * from "./H5";
 export * from "./H6";
+export * from "./Hero";
 export * from "./Label";
 export * from "./LabelSmall";
-export * from "./Link";
-export * from "./Monospace";
+export * from "./LabelLink";
+export * from "./BodyMonospace";
 export * from "./common";
 //# sourceMappingURL=index.d.ts.map

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

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

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

@@ -4,6 +4,9 @@ type IOExperimentalContextType = {
     setExperimental: (isExperimental: boolean) => void;
 };
 export declare const useIOExperimentalDesign: () => IOExperimentalContextType;
-export declare const IODSExperimentalContextProvider: ({ children }: React.PropsWithChildren<any>) => React.JSX.Element;
+type IOExperimentalContextProviderProps = {
+    isExperimentaEnabled?: boolean;
+};
+export declare const IODSExperimentalContextProvider: ({ children, isExperimentaEnabled }: React.PropsWithChildren<IOExperimentalContextProviderProps>) => React.JSX.Element;
 export {};
 //# sourceMappingURL=IODSExperimentalContextProvider.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"IODSExperimentalContextProvider.d.ts","sourceRoot":"","sources":["../../../src/core/IODSExperimentalContextProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,yBAAyB,GAAG;IAC/B,cAAc,EAAE,OAAO,CAAC;IACxB,eAAe,EAAE,CAAC,cAAc,EAAE,OAAO,KAAK,IAAI,CAAC;CACpD,CAAC;AAUF,eAAO,MAAM,uBAAuB,iCACW,CAAC;AAEhD,eAAO,MAAM,+BAA+B,iBAEzC,MAAM,iBAAiB,CAAC,GAAG,CAAC,sBAU9B,CAAC"}
+{"version":3,"file":"IODSExperimentalContextProvider.d.ts","sourceRoot":"","sources":["../../../src/core/IODSExperimentalContextProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,yBAAyB,GAAG;IAC/B,cAAc,EAAE,OAAO,CAAC;IACxB,eAAe,EAAE,CAAC,cAAc,EAAE,OAAO,KAAK,IAAI,CAAC;CACpD,CAAC;AAUF,eAAO,MAAM,uBAAuB,iCACW,CAAC;AAEhD,KAAK,kCAAkC,GAAG;IACxC,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,+BAA+B,uCAGzC,MAAM,iBAAiB,CAAC,kCAAkC,CAAC,sBAY7D,CAAC"}

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

@@ -4,7 +4,7 @@ export declare const IOAlertRadius: IORadiusScale;
 export declare const IOBannerRadius: IORadiusScale;
 export declare const IOTagRadius: IORadiusScale;
 export declare const IOBottomSheetHeaderRadius: IORadiusScale;
-export declare const IOListItemIDPRadius: IORadiusScale;
+export declare const IOModuleIDPRadius: IORadiusScale;
 export declare const IOBadgeRadius: IORadiusScale;
 export declare const IOAccordionRadius: IORadiusScale;
 export {};

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;AAC/C,eAAO,MAAM,iBAAiB,EAAE,aAA+B,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,iBAAiB,EAAE,aAA+B,CAAC;AAChE,eAAO,MAAM,aAAa,EAAE,aAAkB,CAAC;AAC/C,eAAO,MAAM,iBAAiB,EAAE,aAA+B,CAAC"}

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

@@ -16,9 +16,9 @@ export declare const IOTagVSpacing: IOTagSpacing;
 export type IOBadgeSpacing = Extract<IOSpacingScale, 4 | 8>;
 export declare const IOBadgeHSpacing: IOBadgeSpacing;
 export declare const IOBadgeVSpacing: IOBadgeSpacing;
-export type IOListItemIDPSpacing = Extract<IOSpacingScale, 8 | 16 | 24>;
-export declare const IOListItemIDPHSpacing: IOListItemIDPSpacing;
-export declare const IOListItemIDPVSpacing: IOListItemIDPSpacing;
-export declare const IOListItemIDPSavedVSpacing: IOListItemIDPSpacing;
-export declare const IOListItemLogoMargin: IOListItemIDPSpacing;
+export type IOModuleIDPSpacing = Extract<IOSpacingScale, 8 | 16 | 24>;
+export declare const IOModuleIDPHSpacing: IOModuleIDPSpacing;
+export declare const IOModuleIDPVSpacing: IOModuleIDPSpacing;
+export declare const IOModuleIDPSavedVSpacing: IOModuleIDPSpacing;
+export declare const IOListItemLogoMargin: IOModuleIDPSpacing;
 //# sourceMappingURL=IOSpacing.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"IOSpacing.d.ts","sourceRoot":"","sources":["../../../src/core/IOSpacing.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc,oEAEjB,CAAC;AAEX,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAG7D,MAAM,MAAM,QAAQ,GAAG,OAAO,CAAC,cAAc,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;AAC/E,eAAO,MAAM,QAAQ,EAAE,aAAa,CAAC,QAAQ,CAEnC,CAAC;AAGX,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC,cAAc,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;AACpE,eAAO,MAAM,WAAW,EAAE,aAAa,CAAC,WAAW,CAA4B,CAAC;AAGhF,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC,cAAc,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC;AAC9D,eAAO,MAAM,cAAc,EAAE,aAAa,CAAC,cAAc,CAAqB,CAAC;AAG/E,MAAM,MAAM,eAAe,GAAG,OAAO,CAAC,cAAc,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC;AAC/D,eAAO,MAAM,kBAAkB,EAAE,eAA6B,CAAC;AAC/D,eAAO,MAAM,qBAAqB,EAAE,eAA6B,CAAC;AAClE,eAAO,MAAM,qBAAqB,EAAE,eAA6B,CAAC;AAGlE,MAAM,MAAM,YAAY,GAAG,OAAO,CAAC,cAAc,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;AAC1D,eAAO,MAAM,aAAa,EAAE,YAAyB,CAAC;AACtD,eAAO,MAAM,aAAa,EAAE,YAAyB,CAAC;AAGtD,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC,cAAc,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;AAC5D,eAAO,MAAM,eAAe,EAAE,cAA2B,CAAC;AAC1D,eAAO,MAAM,eAAe,EAAE,cAA2B,CAAC;AAG1D,MAAM,MAAM,oBAAoB,GAAG,OAAO,CAAC,cAAc,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;AACxE,eAAO,MAAM,qBAAqB,EAAE,oBAAkC,CAAC;AACvE,eAAO,MAAM,qBAAqB,EAAE,oBAAkC,CAAC;AACvE,eAAO,MAAM,0BAA0B,EAAE,oBAAkC,CAAC;AAC5E,eAAO,MAAM,oBAAoB,EAAE,oBAAiC,CAAC"}
+{"version":3,"file":"IOSpacing.d.ts","sourceRoot":"","sources":["../../../src/core/IOSpacing.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc,oEAEjB,CAAC;AAEX,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAG7D,MAAM,MAAM,QAAQ,GAAG,OAAO,CAAC,cAAc,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;AAC/E,eAAO,MAAM,QAAQ,EAAE,aAAa,CAAC,QAAQ,CAEnC,CAAC;AAGX,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC,cAAc,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;AACpE,eAAO,MAAM,WAAW,EAAE,aAAa,CAAC,WAAW,CAA4B,CAAC;AAGhF,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC,cAAc,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC;AAC9D,eAAO,MAAM,cAAc,EAAE,aAAa,CAAC,cAAc,CAAqB,CAAC;AAG/E,MAAM,MAAM,eAAe,GAAG,OAAO,CAAC,cAAc,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC;AAC/D,eAAO,MAAM,kBAAkB,EAAE,eAA6B,CAAC;AAC/D,eAAO,MAAM,qBAAqB,EAAE,eAA6B,CAAC;AAClE,eAAO,MAAM,qBAAqB,EAAE,eAA6B,CAAC;AAGlE,MAAM,MAAM,YAAY,GAAG,OAAO,CAAC,cAAc,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;AAC1D,eAAO,MAAM,aAAa,EAAE,YAAyB,CAAC;AACtD,eAAO,MAAM,aAAa,EAAE,YAAyB,CAAC;AAGtD,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC,cAAc,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;AAC5D,eAAO,MAAM,eAAe,EAAE,cAA2B,CAAC;AAC1D,eAAO,MAAM,eAAe,EAAE,cAA2B,CAAC;AAG1D,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC,cAAc,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;AACtE,eAAO,MAAM,mBAAmB,EAAE,kBAAgC,CAAC;AACnE,eAAO,MAAM,mBAAmB,EAAE,kBAAgC,CAAC;AACnE,eAAO,MAAM,wBAAwB,EAAE,kBAAgC,CAAC;AACxE,eAAO,MAAM,oBAAoB,EAAE,kBAA+B,CAAC"}

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

@@ -9,6 +9,7 @@ interface IOVisualCostants {
     headerHeight: number;
     avatarSizeSmall: number;
     avatarSizeMedium: number;
+    iconContainedSizeDefault: number;
 }
 export declare const IOVisualCostants: IOVisualCostants;
 export declare const IOStyles: {
@@ -77,15 +78,9 @@ export declare const IOButtonLegacyStyles: {
     labelSizeDefault: {
         fontSize: number;
     };
-    labelSizeSmall: {
-        fontSize: number;
-    };
     buttonSizeDefault: {
         height: number;
     };
-    buttonSizeSmall: {
-        height: number;
-    };
 };
 export declare const IOButtonStyles: {
     button: {

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;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAEpE;;GAEG;AAEH,UAAU,gBAAgB;IACxB,gBAAgB,EAAE,WAAW,CAAC;IAE9B,YAAY,EAAE,MAAM,CAAC;IAErB,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,gBAAgB,EAAE,gBAK9B,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDnB,CAAC;AAgBH,eAAO,MAAM,iBAAiB,EAAE,MAAuB,CAAC;AAGxD,eAAO,MAAM,gBAAgB,EAAE,MAAW,CAAC;AAE3C,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;CAuC/B,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmDzB,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;CAsB7B,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;;GAEG;AAEH,UAAU,2BAA2B;IACnC,IAAI,EAAE,eAAe,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,mBAAmB,EAAE,QAAQ,CAAC;IAC9B,cAAc,EAAE,QAAQ,CAAC;IACzB,SAAS,EAAE,QAAQ,CAAC;CACrB;AAED,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,QAAQ,CAAC;IAC1B,cAAc,EAAE,QAAQ,CAAC;IACzB,SAAS,EAAE,QAAQ,CAAC;IACpB,QAAQ,EAAE,QAAQ,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,iCAAiC;IACzC,mBAAmB,EAAE,QAAQ,CAAC;IAC9B,cAAc,EAAE,QAAQ,CAAC;CAC1B;AAED,eAAO,MAAM,2BAA2B,EAAE,2BAMzC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,oBASlC,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,iCAI7C,CAAC;AAEJ,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;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAEpE;;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,wBAAwB,EAAE,MAAM,CAAC;CAClC;AAED,eAAO,MAAM,gBAAgB,EAAE,gBAM9B,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDnB,CAAC;AAeH,eAAO,MAAM,iBAAiB,EAAE,MAAuB,CAAC;AAGxD,eAAO,MAAM,gBAAgB,EAAE,MAAW,CAAC;AAE3C,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;CAiC/B,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmDzB,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;CAsB7B,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;;GAEG;AAEH,UAAU,2BAA2B;IACnC,IAAI,EAAE,eAAe,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,mBAAmB,EAAE,QAAQ,CAAC;IAC9B,cAAc,EAAE,QAAQ,CAAC;IACzB,SAAS,EAAE,QAAQ,CAAC;CACrB;AAED,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,QAAQ,CAAC;IAC1B,cAAc,EAAE,QAAQ,CAAC;IACzB,SAAS,EAAE,QAAQ,CAAC;IACpB,QAAQ,EAAE,QAAQ,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,iCAAiC;IACzC,mBAAmB,EAAE,QAAQ,CAAC;IAC9B,cAAc,EAAE,QAAQ,CAAC;CAC1B;AAED,eAAO,MAAM,2BAA2B,EAAE,2BAMzC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,oBASlC,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,iCAI7C,CAAC;AAEJ,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/lib/typescript/stories/H1.stories.d.ts

@@ -2,9 +2,9 @@
 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")> & {
+    component: (props: 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-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">>>;
-    }>;
+    }) => import("react").JSX.Element;
     parameters: {
         layout: string;
         actions: {

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

@@ -2,9 +2,9 @@
 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")> & {
+    component: (props: Omit<import("react-native").TextProps & import("react").RefAttributes<import("react-native").Text>, "style"> & import("../components").TypographyProps<"Regular" | "SemiBold" | "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-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">>>;
-    }>;
+    }) => import("react").JSX.Element;
     parameters: {
         layout: string;
         actions: {

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

@@ -2,9 +2,9 @@
 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> & {
+    component: (props: Omit<import("react-native").TextProps & import("react").RefAttributes<import("react-native").Text>, "style"> & import("../components").TypographyProps<"Regular" | "SemiBold" | "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-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">>>;
-    }>;
+    }) => import("react").JSX.Element;
     parameters: {
         layout: string;
         actions: {

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

@@ -2,9 +2,9 @@
 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> & {
+    component: (props: 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">>>;
-    }>;
+    }) => import("react").JSX.Element;
     parameters: {
         layout: string;
         actions: {