@pagopa/io-app-design-system 1.0.0-0

package/lib/typescript/components/spacer/Spacer.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { IOSpacer } from "../../core";
+export type SpacerOrientation = "vertical" | "horizontal";
+type SpacerProps = {
+    size?: IOSpacer;
+};
+/**
+Horizontal spacer component
+@param {IOSpacer} size
+ */
+export declare const HSpacer: ({ size }: SpacerProps) => React.JSX.Element;
+/**
+Vertical spacer component
+@param {IOSpacer} size
+ */
+export declare const VSpacer: ({ size }: SpacerProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=Spacer.d.ts.map

package/lib/typescript/components/spacer/Spacer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spacer.d.ts","sourceRoot":"","sources":["../../../../src/components/spacer/Spacer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAuB,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE3D,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,YAAY,CAAC;AAO1D,KAAK,WAAW,GAAG;IACf,IAAI,CAAC,EAAE,QAAQ,CAAC;CACnB,CAAC;AA6BF;;;GAGG;AACH,eAAO,MAAM,OAAO,aAA6B,WAAW,sBAE3D,CAAC;AACF;;;GAGG;AACH,eAAO,MAAM,OAAO,aAA6B,WAAW,sBAE3D,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from "./Spacer";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/spacer/index.tsx"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/lib/typescript/components/switch/AnimatedSwitch.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { PressableProps } from "react-native";
+type Props = {
+    checked?: boolean;
+};
+type OwnProps = Props & Pick<PressableProps, "disabled" | "onPress">;
+/**
+ * An animated checkbox. This can be used to implement a
+ * standard {@link CheckBox} or other composite components.
+ */
+export declare const AnimatedSwitch: ({ checked, onPress, disabled }: OwnProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=AnimatedSwitch.d.ts.map

package/lib/typescript/components/switch/AnimatedSwitch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedSwitch.d.ts","sourceRoot":"","sources":["../../../../src/components/switch/AnimatedSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAyB,cAAc,EAAE,MAAM,cAAc,CAAC;AAerE,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,KAAK,QAAQ,GAAG,KAAK,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,SAAS,CAAC,CAAC;AA8BrE;;;GAGG;AACH,eAAO,MAAM,cAAc,mCAAoC,QAAQ,sBAsEtE,CAAC"}

package/lib/typescript/components/switch/NativeSwitch.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { SwitchProps } from "react-native";
+type OwnProps = Pick<SwitchProps, "onValueChange" | "value">;
+export declare const NativeSwitch: ({ onValueChange, value }: OwnProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=NativeSwitch.d.ts.map

package/lib/typescript/components/switch/NativeSwitch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeSwitch.d.ts","sourceRoot":"","sources":["../../../../src/components/switch/NativeSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAU,WAAW,EAAE,MAAM,cAAc,CAAC;AAInD,KAAK,QAAQ,GAAG,IAAI,CAAC,WAAW,EAAE,eAAe,GAAG,OAAO,CAAC,CAAC;AAE7D,eAAO,MAAM,YAAY,6BAA8B,QAAQ,sBAW9D,CAAC"}

package/lib/typescript/components/switch/SwitchLabel.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { Pressable } from "react-native";
+import { AnimatedSwitch } from "./AnimatedSwitch";
+type Props = {
+    label: string;
+    onValueChange?: (newValue: boolean) => void;
+};
+type OwnProps = Props & Pick<React.ComponentProps<typeof AnimatedSwitch>, "disabled" | "checked"> & Pick<React.ComponentProps<typeof Pressable>, "onPress">;
+/**
+ * A checkbox with the automatic state management that uses a {@link AnimatedCheckBox}
+ * The toggleValue change when a `onPress` event is received and dispatch the `onValueChange`.
+ *
+ * @param props
+ * @constructor
+ */
+export declare const SwitchLabel: ({ label, checked, disabled, onValueChange }: OwnProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=SwitchLabel.d.ts.map

package/lib/typescript/components/switch/SwitchLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/switch/SwitchLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAQ,MAAM,cAAc,CAAC;AAK/C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IAEd,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C,CAAC;AAMF,KAAK,QAAQ,GAAG,KAAK,GACnB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC,GACzE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC;AAE1D;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,gDAKrB,QAAQ,sBAqCV,CAAC"}

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

@@ -0,0 +1,4 @@
+export * from "./SwitchLabel";
+export * from "./AnimatedSwitch";
+export * from "./NativeSwitch";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/switch/index.tsx"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC"}

package/lib/typescript/components/tag/Tag.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { WithTestID } from "../../utils/types";
+export type Tag = WithTestID<{
+    text: string;
+    variant: "qrCode" | "legalMessage" | "info" | "warning" | "error" | "success";
+}>;
+/**
+ * Tag component, used mainly for message list and details
+ */
+export declare const Tag: ({ text, variant, testID }: Tag) => React.JSX.Element;
+//# sourceMappingURL=Tag.d.ts.map

package/lib/typescript/components/tag/Tag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../src/components/tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAW/C,MAAM,MAAM,GAAG,GAAG,UAAU,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,QAAQ,GAAG,cAAc,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;CAC/E,CAAC,CAAC;AAsEH;;GAEG;AACH,eAAO,MAAM,GAAG,8BAA+B,GAAG,sBAajD,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from "./Tag";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/tag/index.tsx"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC"}

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

@@ -0,0 +1,28 @@
+import React from "react";
+import { StyleProp, Text, TextStyle } from "react-native";
+import { IOColors } from "../../core/IOColors";
+import { IOFontFamily, IOFontWeight } from "../../utils/fonts";
+/**
+ * The specific properties needed to calculate the font style using {@link makeFontStyleObject} (these information
+ * cannot be included in the default StyleProp<TextStyle>
+ */
+type BaseTypographyProps = {
+    weight: IOFontWeight;
+    color: IOColors;
+    font?: IOFontFamily;
+    isItalic?: boolean;
+};
+type OwnProps = BaseTypographyProps & {
+    fontStyle?: StyleProp<TextStyle>;
+} & React.ComponentPropsWithRef<typeof Text>;
+/**
+ * `BaseTypography` is the core Typography component used to render a text.
+ * It accepts all the default text style `StyleProp<TextStyle>` in addition with {@link BaseTypographyProps}
+ * used to calculate at runtime the platform-dependent styles.
+ * This component shouldn't be used in the application but only to compose others `Typography elements`.
+ * @param props
+ * @constructor
+ */
+export declare const BaseTypography: React.FC<OwnProps>;
+export {};
+//# sourceMappingURL=BaseTypography.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseTypography.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/BaseTypography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EACL,YAAY,EACZ,YAAY,EAEb,MAAM,mBAAmB,CAAC;AAE3B;;;GAGG;AACH,KAAK,mBAAmB,GAAG;IACzB,MAAM,EAAE,YAAY,CAAC;IACrB,KAAK,EAAE,QAAQ,CAAC;IAChB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,KAAK,QAAQ,GAAG,mBAAmB,GAAG;IACpC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAClC,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,IAAI,CAAC,CAAC;AAe7C;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAe7C,CAAC"}

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

@@ -0,0 +1,21 @@
+import React from "react";
+import { IOColors, IOTheme } from "../../core";
+import { IOFontWeight } from "../../utils/fonts";
+import { ExternalTypographyProps, TypographyProps } from "./common";
+type PartialAllowedColors = Extract<IOColors, "bluegreyDark" | "white" | "blue" | "bluegrey" | "bluegreyLight">;
+type AllowedColors = PartialAllowedColors | IOTheme["textBody-default"];
+type AllowedWeight = IOFontWeight | "Regular" | "SemiBold";
+type OwnProps = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>>;
+export declare const bodyFontSize = 16;
+export declare const bodyLineHeight = 24;
+export declare const bodyDefaultColor: AllowedColors;
+export declare const bodyDefaultWeight: AllowedWeight;
+/**
+ * Typography component to render `Body` text with font size {@link fontSize} and fontFamily {@link fontName}.
+ * default values (if not defined) are weight: `Regular`, color: `bluegrey`
+ * @param props`
+ * @constructor
+ */
+export declare const Body: React.FunctionComponent<OwnProps>;
+export {};
+//# sourceMappingURL=Body.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAc,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEpE,KAAK,oBAAoB,GAAG,OAAO,CAC/B,QAAQ,EACR,cAAc,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,eAAe,CACnE,CAAC;AACF,KAAK,aAAa,GAAG,oBAAoB,GAAG,OAAO,CAAC,kBAAkB,CAAC,CAAC;AACxE,KAAK,aAAa,GAAG,YAAY,GAAG,SAAS,GAAG,UAAU,CAAC;AAE3D,KAAK,QAAQ,GAAG,uBAAuB,CACnC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAChD,CAAC;AAGF,eAAO,MAAM,YAAY,KAAK,CAAC;AAC/B,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,eAAO,MAAM,gBAAgB,EAAE,aAA0B,CAAC;AAC1D,eAAO,MAAM,iBAAiB,EAAE,aAAyB,CAAC;AAE1D;;;;;GAKG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,iBAAiB,CAAC,QAAQ,CAO7C,CAAC"}

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

@@ -0,0 +1,41 @@
+import React from "react";
+import { IOColors } from "../../core";
+import { IOFontWeight } from "../../utils/fonts";
+import { XOR } from "../../utils/types";
+import { BaseTypography } from "./BaseTypography";
+import { RequiredTypographyProps, TypographyProps } from "./common";
+/**
+ * Using the DefaultArgumentProps is possible to define a default fallback value for  weight and color
+ * that will be used when the fields weight and color will be undefined.
+ */
+type DefaultArgumentProps<WeightPropsType, ColorsPropsType> = {
+    defaultWeight: WeightPropsType;
+    defaultColor: ColorsPropsType;
+};
+/**
+ * Using the DefaultFactoryProps is possible to define a custom factory to calculate the default value for
+ * weight and color, thus allowing to implement more sophisticated strategies.
+ */
+type DefaultFactoryProps<WeightPropsType, ColorsPropsType> = {
+    weightColorFactory: (weight?: WeightPropsType, color?: ColorsPropsType) => RequiredTypographyProps<WeightPropsType, ColorsPropsType>;
+};
+/**
+ * Only one type of default props strategy is allowed
+ */
+type DefaultProps<WeightPropsType, ColorsPropsType> = XOR<DefaultArgumentProps<WeightPropsType, ColorsPropsType>, DefaultFactoryProps<WeightPropsType, ColorsPropsType>>;
+/**
+ * The factory props will include:
+ * - One of the two DefaultProps
+ * - The props of {@link BaseTypographyProps} without weight and color
+ * - The default {@link TypographyProps}
+ */
+type FactoryProps<WeightPropsType, ColorsPropsType> = TypographyProps<WeightPropsType, ColorsPropsType> & DefaultProps<WeightPropsType, ColorsPropsType> & Omit<React.ComponentProps<typeof BaseTypography>, "weight" | "color">;
+/**
+ * Build a {@link BaseTypography} component, calculating the default values for weight and color if undefined.
+ * The default values can be calculated specifying some fallback values using {@link DefaultArgumentProps}
+ * or with a factory function to define some custom behaviour using {@link DefaultFactoryProps}
+ * @param props
+ */
+export declare function useTypographyFactory<WeightPropsType extends IOFontWeight, ColorsPropsType extends IOColors>(props: FactoryProps<WeightPropsType, ColorsPropsType>): React.JSX.Element;
+export {};
+//# sourceMappingURL=Factory.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Factory.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Factory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAEH,uBAAuB,EACvB,eAAe,EAClB,MAAM,UAAU,CAAC;AAElB;;;GAGG;AACH,KAAK,oBAAoB,CAAC,eAAe,EAAE,eAAe,IAAI;IAC1D,aAAa,EAAE,eAAe,CAAC;IAC/B,YAAY,EAAE,eAAe,CAAC;CACjC,CAAC;AAEF;;;GAGG;AACH,KAAK,mBAAmB,CAAC,eAAe,EAAE,eAAe,IAAI;IACzD,kBAAkB,EAAE,CAChB,MAAM,CAAC,EAAE,eAAe,EACxB,KAAK,CAAC,EAAE,eAAe,KACtB,uBAAuB,CAAC,eAAe,EAAE,eAAe,CAAC,CAAC;CAClE,CAAC;AAEF;;GAEG;AACH,KAAK,YAAY,CAAC,eAAe,EAAE,eAAe,IAAI,GAAG,CACrD,oBAAoB,CAAC,eAAe,EAAE,eAAe,CAAC,EACtD,mBAAmB,CAAC,eAAe,EAAE,eAAe,CAAC,CACxD,CAAC;AAEF;;;;;GAKG;AACH,KAAK,YAAY,CAAC,eAAe,EAAE,eAAe,IAAI,eAAe,CACjE,eAAe,EACf,eAAe,CAClB,GACG,YAAY,CAAC,eAAe,EAAE,eAAe,CAAC,GAC9C,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC,CAAC;AAiB1E;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAChC,eAAe,SAAS,YAAY,EACpC,eAAe,SAAS,QAAQ,EAClC,KAAK,EAAE,YAAY,CAAC,eAAe,EAAE,eAAe,CAAC,qBAgBtD"}

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

@@ -0,0 +1,21 @@
+import React from "react";
+import { IOColors, IOColorsStatusForeground, IOTheme } from "../../core/IOColors";
+import { IOFontWeight } from "../../utils/fonts";
+import { ExternalTypographyProps, TypographyProps } from "./common";
+type PartialAllowedColors = Extract<IOColors, "bluegreyDark" | "white" | "blue">;
+type AllowedColors = PartialAllowedColors | IOColorsStatusForeground | IOTheme["textHeading-default"];
+type AllowedWeight = Extract<IOFontWeight, "Bold">;
+type OwnProps = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>>;
+export declare const h1FontSize = 26;
+export declare const h1LineHeight = 32;
+export declare const h1DefaultColor: AllowedColors;
+export declare const h1DefaultWeight: AllowedWeight;
+/**
+ * Typography component to render H1 text with font size {@link fontSize} and fontFamily {@link fontName}.
+ * default values(if not defined) are weight: `Bold`, color: `bluegreyDark`
+ * @param props
+ * @constructor
+ */
+export declare const H1: React.FC<OwnProps>;
+export {};
+//# sourceMappingURL=H1.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"H1.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/H1.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACH,QAAQ,EACR,wBAAwB,EACxB,OAAO,EACV,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,CAC/B,QAAQ,EACR,cAAc,GAAG,OAAO,GAAG,MAAM,CACpC,CAAC;AACF,KAAK,aAAa,GACZ,oBAAoB,GACpB,wBAAwB,GACxB,OAAO,CAAC,qBAAqB,CAAC,CAAC;AACrC,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AAEnD,KAAK,QAAQ,GAAG,uBAAuB,CACnC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAChD,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"}

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

@@ -0,0 +1,21 @@
+import React from "react";
+import { IOColors, IOColorsStatusForeground, IOTheme } from "../../core/IOColors";
+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;
+/**
+ * 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
+ */
+export declare const H2: React.FC<OwnProps>;
+export {};
+//# sourceMappingURL=H2.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"H2.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/H2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACH,QAAQ,EACR,wBAAwB,EACxB,OAAO,EACV,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,CAC/B,QAAQ,EACR,cAAc,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,CACjD,CAAC;AACF,KAAK,aAAa,GACZ,oBAAoB,GACpB,wBAAwB,GACxB,OAAO,CAAC,qBAAqB,CAAC,CAAC;AACrC,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,MAAM,GAAG,UAAU,CAAC,CAAC;AAEhE,KAAK,QAAQ,GAAG,uBAAuB,CACnC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAChD,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"}

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

@@ -0,0 +1,37 @@
+import React from "react";
+import type { IOColors, IOTheme } from "../../core/IOColors";
+import { IOFontWeight } from "../../utils/fonts";
+import { ExternalTypographyProps, RequiredTypographyProps } from "./common";
+type AllowedSemiBoldColors = Extract<IOColors, "bluegreyDark" | "bluegreyLight" | "white" | "red" | "blue" | "bluegrey" | "grey">;
+type AllowedBoldColors = Extract<IOColors, "white" | "bluegreyLight" | "black" | "bluegreyDark" | "blue" | "bluegrey" | "grey-200">;
+type AllowedColors = AllowedBoldColors | AllowedSemiBoldColors | IOTheme["textHeading-default"];
+type AllowedWeight = Extract<IOFontWeight, "Bold" | "SemiBold">;
+type SemiBoldProps = {
+    weight?: Extract<IOFontWeight, "SemiBold">;
+    color?: AllowedSemiBoldColors | IOTheme["textHeading-default"];
+};
+type BoldProps = {
+    weight: Extract<IOFontWeight, "Bold">;
+    color?: AllowedBoldColors | IOTheme["textHeading-default"];
+};
+type BoldKindProps = SemiBoldProps | BoldProps;
+type OwnProps = ExternalTypographyProps<BoldKindProps>;
+export declare const h3FontSize = 18;
+export declare const h3LineHeight = 22;
+/**
+ * A custom function to calculate the values if no weight or color is provided.
+ * The choose of the default color depends on the weight, for this reason cannot be used
+ * the default calculateWeightColor with fallback if undefined.
+ * @param weight
+ * @param color
+ */
+export declare const calculateH3WeightColor: (weight?: AllowedWeight, color?: AllowedColors) => RequiredTypographyProps<AllowedWeight, AllowedColors>;
+/**
+ * Typography component to render `H3` text with font size {@link fontSize} and fontFamily {@link fontName}.
+ * default values(if not defined) are weight: `SemiBold`, color: `bluegreyDark`
+ * @param props
+ * @constructor
+ */
+export declare const H3: React.FC<OwnProps>;
+export {};
+//# sourceMappingURL=H3.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"H3.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/H3.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,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAG5E,KAAK,qBAAqB,GAAG,OAAO,CAChC,QAAQ,EACN,cAAc,GACd,eAAe,GACf,OAAO,GACP,KAAK,GACL,MAAM,GACN,UAAU,GACV,MAAM,CACX,CAAC;AAGF,KAAK,iBAAiB,GAAG,OAAO,CAC5B,QAAQ,EACN,OAAO,GACP,eAAe,GACf,OAAO,GACP,cAAc,GACd,MAAM,GACN,UAAU,GACV,UAAU,CACf,CAAC;AAGF,KAAK,aAAa,GACZ,iBAAiB,GACjB,qBAAqB,GACrB,OAAO,CAAC,qBAAqB,CAAC,CAAC;AAGrC,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,MAAM,GAAG,UAAU,CAAC,CAAC;AAGhE,KAAK,aAAa,GAAG;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;IAC3C,KAAK,CAAC,EAAE,qBAAqB,GAAG,OAAO,CAAC,qBAAqB,CAAC,CAAC;CAClE,CAAC;AAGF,KAAK,SAAS,GAAG;IACb,MAAM,EAAE,OAAO,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;IACtC,KAAK,CAAC,EAAE,iBAAiB,GAAG,OAAO,CAAC,qBAAqB,CAAC,CAAC;CAC9D,CAAC;AAEF,KAAK,aAAa,GAAG,aAAa,GAAG,SAAS,CAAC;AAE/C,KAAK,QAAQ,GAAG,uBAAuB,CAAC,aAAa,CAAC,CAAC;AAEvD,eAAO,MAAM,UAAU,KAAK,CAAC;AAC7B,eAAO,MAAM,YAAY,KAAK,CAAC;AAE/B;;;;;;GAMG;AACH,eAAO,MAAM,sBAAsB,YACtB,aAAa,UACd,aAAa,KACtB,wBAAwB,aAAa,EAAE,aAAa,CAYtD,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAYjC,CAAC"}

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

@@ -0,0 +1,18 @@
+import React from "react";
+import { IOColorsStatusForeground, IOTheme } from "../../core/IOColors";
+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>>;
+export declare const h4FontSize = 20;
+export declare const h4LineHeight = 24;
+/**
+ * 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
+ */
+export declare const H4: React.FC<OwnProps>;
+export {};
+//# sourceMappingURL=H4.d.ts.map

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

@@ -0,0 +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,CACnC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAChD,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"}

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

@@ -0,0 +1,30 @@
+import React from "react";
+import type { IOColors } 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>;
+export declare const h5FontSize = 14;
+export declare const h5DefaultColor: AllowedColors;
+export declare const h5DefaultWeight: AllowedWeight;
+/**
+ * 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
+ */
+export declare const H5: React.FC<OwnProps>;
+export {};
+//# sourceMappingURL=H5.d.ts.map

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

@@ -0,0 +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,CAChC,QAAQ,EACR,cAAc,GAAG,UAAU,GAAG,eAAe,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,CAC3E,CAAC;AAGF,KAAK,oBAAoB,GAAG,OAAO,CAC/B,QAAQ,EACN,cAAc,GACd,UAAU,GACV,eAAe,GACf,MAAM,GACN,OAAO,GACP,KAAK,GACL,MAAM,CACX,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;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;IAC3C,KAAK,CAAC,EAAE,qBAAqB,CAAC;CACjC,CAAC;AAGF,KAAK,YAAY,GAAG;IAChB,MAAM,EAAE,OAAO,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IACzC,KAAK,CAAC,EAAE,oBAAoB,CAAC;CAChC,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"}

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

@@ -0,0 +1,20 @@
+import React from "react";
+import { IOTheme } from "../../core/IOColors";
+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>>;
+export declare const h6FontSize = 16;
+export declare const h6LineHeight = 20;
+export declare const h6DefaultColor: AllowedColors;
+export declare const h6DefaultWeight: AllowedWeight;
+/**
+ * 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
+ */
+export declare const H6: React.FC<OwnProps>;
+export {};
+//# sourceMappingURL=H6.d.ts.map

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

@@ -0,0 +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,CACnC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAChD,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"}

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

@@ -0,0 +1,17 @@
+import React from "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">;
+type AllowedColors = PartialAllowedColors | IOColorsStatusForeground;
+type AllowedWeight = Extract<IOFontWeight, "Bold" | "Regular" | "SemiBold">;
+type OwnProps = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>>;
+/**
+ * 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
+ */
+export declare const Label: React.FC<OwnProps>;
+export {};
+//# sourceMappingURL=Label.d.ts.map

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

@@ -0,0 +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,CAC/B,QAAQ,EACR,MAAM,GAAG,UAAU,GAAG,cAAc,GAAG,OAAO,GAAG,KAAK,CACzD,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,CACnC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAChD,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAapC,CAAC"}

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

@@ -0,0 +1,21 @@
+import React from "react";
+import type { IOColors, IOTheme } from "../../core/IOColors";
+import { IOFontWeight } from "../../utils/fonts";
+import { ExternalTypographyProps, TypographyProps } from "./common";
+type PartialAllowedColors = Extract<IOColors, "blue" | "bluegrey" | "red" | "white" | "bluegreyDark" | "grey-700" | "grey-200">;
+type AllowedColors = PartialAllowedColors | IOTheme["textBody-tertiary"];
+type AllowedWeight = Extract<IOFontWeight, "Bold" | "Regular" | "SemiBold">;
+type FontSize = "regular" | "small";
+type AllowedFontSize = {
+    fontSize?: FontSize;
+};
+type OwnProps = 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
+ */
+export declare const LabelSmall: React.FC<OwnProps>;
+export {};
+//# sourceMappingURL=LabelSmall.d.ts.map

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

@@ -0,0 +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,CAC/B,QAAQ,EACN,MAAM,GACN,UAAU,GACV,KAAK,GACL,OAAO,GACP,cAAc,GACd,UAAU,GACV,UAAU,CACf,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,CACnC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAChD,GACG,eAAe,CAAC;AAGpB;;;;;GAKG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAiBzC,CAAC"}

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

@@ -0,0 +1,22 @@
+import React from "react";
+import type { IOColors } from "../../core/IOColors";
+import { IOFontWeight } from "../../utils/fonts";
+import { ExternalTypographyProps, TypographyProps } from "./common";
+type AllowedColors = IOColors;
+type AllowedWeight = Extract<IOFontWeight, "SemiBold" | "Bold">;
+type FontSize = "regular" | "small";
+type AllowedFontSize = {
+    fontSize?: FontSize;
+};
+type OwnProps = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>> & AllowedFontSize;
+export declare const linkDefaultColor: AllowedColors;
+export declare const linkDefaultWeight: AllowedWeight;
+/**
+ * Typography component to render `Link` text with font size {@link fontSize} and fontFamily {@link fontName}.
+ * default values(if not defined) are weight: `Bold/SemiBold`, color: `blue/blueIO-500`
+ * @param props`
+ * @constructor
+ */
+export declare const Link: React.FC<OwnProps>;
+export {};
+//# sourceMappingURL=Link.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Link.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,eAAe,EAAE,MAAM,UAAU,CAAC;AAEpE,KAAK,aAAa,GAAG,QAAQ,CAAC;AAC9B,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,UAAU,GAAG,MAAM,CAAC,CAAC;AAChE,KAAK,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;AACpC,KAAK,eAAe,GAAG;IAAE,QAAQ,CAAC,EAAE,QAAQ,CAAA;CAAE,CAAC;AAE/C,KAAK,QAAQ,GAAG,uBAAuB,CACnC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAChD,GACG,eAAe,CAAC;AAEpB,eAAO,MAAM,gBAAgB,EAAE,aAA4B,CAAC;AAC5D,eAAO,MAAM,iBAAiB,EAAE,aAAsB,CAAC;AAEvD;;;;;GAKG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAuBnC,CAAC"}

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

@@ -0,0 +1,16 @@
+import React from "react";
+import type { IOColors } from "../../core/IOColors";
+import { IOFontWeight } from "../../utils/fonts";
+import { ExternalTypographyProps, TypographyProps } from "./common";
+type AllowedColors = Extract<IOColors, "bluegreyDark" | "bluegrey">;
+type AllowedWeight = Extract<IOFontWeight, "Regular" | "SemiBold" | "Bold">;
+type OwnProps = ExternalTypographyProps<TypographyProps<AllowedWeight, AllowedColors>>;
+/**
+ * Typography component to render `Monospace` text with font size {@link fontSize} and fontFamily {@link fontName}.
+ * default values(if not defined) are weight: `Regular`, color: `bluegrey`
+ * @param props`
+ * @constructor
+ */
+export declare const Monospace: React.FC<OwnProps>;
+export {};
+//# sourceMappingURL=Monospace.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Monospace.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Monospace.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,eAAe,EAAE,MAAM,UAAU,CAAC;AAEpE,KAAK,aAAa,GAAG,OAAO,CAAC,QAAQ,EAAE,cAAc,GAAG,UAAU,CAAC,CAAC;AACpE,KAAK,aAAa,GAAG,OAAO,CAAC,YAAY,EAAE,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC,CAAC;AAE5E,KAAK,QAAQ,GAAG,uBAAuB,CACnC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAChD,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAcxC,CAAC"}

package/lib/typescript/components/typography/__test__/typography.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=typography.test.d.ts.map

package/lib/typescript/components/typography/__test__/typography.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/__test__/typography.test.tsx"],"names":[],"mappings":""}

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

@@ -0,0 +1,38 @@
+import React from "react";
+import { StyleProp, Text, TextStyle } from "react-native";
+import type { IOColors } from "../../core";
+import { IOFontWeight } from "../../utils/fonts";
+import { RequiredAll } from "../../utils/types";
+/**
+ * The style exported for the typography elements, without the fields characterizing the font style
+ */
+type TypographyStyle = StyleProp<Omit<TextStyle, "color" | "fontFamily" | "fontStyle" | "fontWeight" | "fontSize">>;
+/**
+ * Define a generic type for props used by all the typography leaf components
+ */
+export type TypographyProps<WeightPropsType, ColorsPropsType> = {
+    weight?: WeightPropsType;
+    color?: ColorsPropsType;
+};
+type DefaultTypographyProps = TypographyProps<IOFontWeight, IOColors>;
+/**
+ * A default function used to calculate the weight and color with some fallback values if not specified.
+ * @param defaultWeight the default weight value to use if weight is not defined
+ * @param defaultColor the default color value to use if color is not defined
+ * @param weight the optional weight value
+ * @param color the optional color value
+ */
+export declare function calculateWeightColor<WeightPropsType, ColorsPropsType>(defaultWeight: WeightPropsType, defaultColor: ColorsPropsType, weight?: WeightPropsType, color?: ColorsPropsType): RequiredTypographyProps<WeightPropsType, ColorsPropsType>;
+/**
+ * Define the common props interface for all the leaf Typography components.
+ * In addition to the {@link DefaultTypographyProps} all the {@link Text} props are allowed (`style` excluded)
+ */
+export type ExternalTypographyProps<T> = T extends DefaultTypographyProps ? Omit<React.ComponentPropsWithRef<typeof Text>, "style"> & T & {
+    style?: TypographyStyle;
+} : never;
+/**
+* Define mandatory all the keys of {@link TypographyProps}
+*/
+export type RequiredTypographyProps<WeightPropsType, ColorsPropsType> = RequiredAll<TypographyProps<WeightPropsType, ColorsPropsType>>;
+export {};
+//# sourceMappingURL=common.d.ts.map

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

@@ -0,0 +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,CAC5B,IAAI,CACA,SAAS,EACT,OAAO,GAAG,YAAY,GAAG,WAAW,GAAG,YAAY,GAAG,UAAU,CACnE,CACJ,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,eAAe,CAAC,eAAe,EAAE,eAAe,IAAI;IAC5D,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,KAAK,CAAC,EAAE,eAAe,CAAC;CAC3B,CAAC;AAGF,KAAK,sBAAsB,GAAG,eAAe,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;AAEtE;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,eAAe,EAAE,eAAe,EACjE,aAAa,EAAE,eAAe,EAC9B,YAAY,EAAE,eAAe,EAC7B,MAAM,CAAC,EAAE,eAAe,EACxB,KAAK,CAAC,EAAE,eAAe,GACxB,uBAAuB,CAAC,eAAe,EAAE,eAAe,CAAC,CAK3D;AAED;;;GAGG;AACH,MAAM,MAAM,uBAAuB,CAAC,CAAC,IAAI,CAAC,SAAS,sBAAsB,GACnE,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,IAAI,CAAC,EAAE,OAAO,CAAC,GACzD,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,eAAe,CAAA;CAAE,GAC7B,KAAK,CAAC;AAEZ;;EAEE;AACF,MAAM,MAAM,uBAAuB,CAAC,eAAe,EAAE,eAAe,IAChE,WAAW,CAAC,eAAe,CAAC,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,15 @@
+export * from "./BaseTypography";
+export * from "./Body";
+export * from "./common";
+export * from "./Factory";
+export * from "./H1";
+export * from "./H2";
+export * from "./H3";
+export * from "./H4";
+export * from "./H5";
+export * from "./H6";
+export * from "./Label";
+export * from "./LabelSmall";
+export * from "./Link";
+export * from "./Monospace";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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,UAAU,CAAC;AACzB,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"}

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

@@ -0,0 +1,27 @@
+/**
+ * A collection of animation styles used for interactive elements within IO App.
+ */
+export declare const IOSpringValues: {
+    button: {
+        damping: number;
+        mass: number;
+        stiffness: number;
+    };
+    selection: {
+        damping: number;
+        mass: number;
+        stiffness: number;
+    };
+};
+export declare const IOScaleValues: {
+    basicButton: {
+        pressedState: number;
+    };
+    magnifiedButton: {
+        pressedState: number;
+    };
+    exaggeratedButton: {
+        pressedState: number;
+    };
+};
+//# sourceMappingURL=IOAnimations.d.ts.map