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

package/src/components/typography/__test__/typography.test.tsx

@@ -3,7 +3,7 @@ import * as TestRenderer from "react-test-renderer";
 import type { IOColors } from "../../../core/IOColors";
 import { IOFontWeight } from "../../../utils/fonts";
 import { Body } from "../Body";
-import { CTA } from "../CTA";
+import { ButtonText } from "../ButtonText";
 import { H1 } from "../H1";
 import { H2 } from "../H2";
 import { H3 } from "../H3";
@@ -12,8 +12,8 @@ import { H5 } from "../H5";
 import { H6 } from "../H6";
 import { Label } from "../Label";
 import { LabelSmall } from "../LabelSmall";
-import { Link } from "../Link";
-import { Monospace } from "../Monospace";
+import { LabelLink } from "../LabelLink";
+import { BodyMonospace } from "../BodyMonospace";
 import { calculateWeightColor } from "../common";
 
 describe("Test Typography Components", () => {
@@ -38,16 +38,12 @@ describe("Test Typography Components", () => {
     const h3white = TestRenderer.create(<H3 color={"white"}>Text</H3>).toJSON();
     expect(h3white).toMatchSnapshot();
     const h3whiteBold = TestRenderer.create(
-      <H3 color={"white"} weight={"Bold"}>
-        Text
-      </H3>
+      <H3 color={"white"}>Text</H3>
     ).toJSON();
     expect(h3whiteBold).toMatchSnapshot();
 
     // default color when choose only bold
-    const h3defaultBold = TestRenderer.create(
-      <H3 weight={"Bold"}>Text</H3>
-    ).toJSON();
+    const h3defaultBold = TestRenderer.create(<H3>Text</H3>).toJSON();
     expect(h3defaultBold).toMatchSnapshot();
   });
   it("H4 Snapshot", () => {
@@ -58,19 +54,6 @@ describe("Test Typography Components", () => {
     expect(h4Dblue).toMatchSnapshot();
     const h4white = TestRenderer.create(<H4 color={"white"}>Text</H4>).toJSON();
     expect(h4white).toMatchSnapshot();
-    // SemiBold weight
-    const h4SemiBoldwhite = TestRenderer.create(
-      <H4 weight={"SemiBold"} color={"white"}>
-        Text
-      </H4>
-    ).toJSON();
-    expect(h4SemiBoldwhite).toMatchSnapshot();
-
-    // Semibold default color
-    const h4SemiBoldDefault = TestRenderer.create(
-      <H4 weight={"SemiBold"}>Text</H4>
-    ).toJSON();
-    expect(h4SemiBoldDefault).toMatchSnapshot();
 
     // Regular weight
     // with regular weight, default color is bluegreydark
@@ -116,25 +99,6 @@ describe("Test Typography Components", () => {
       <H5 color={"white"}>Text</H5>
     ).toJSON();
     expect(h5Defaultwhite).toMatchSnapshot();
-
-    // Regular weight
-    // with regular weight, default color is bluegreydark
-    const h5Regular = TestRenderer.create(
-      <H5 weight={"Regular"}>Text</H5>
-    ).toJSON();
-    expect(h5Regular).toMatchSnapshot();
-    const h5Regularbluegrey = TestRenderer.create(
-      <H5 weight={"Regular"} color={"bluegrey"}>
-        Text
-      </H5>
-    ).toJSON();
-    expect(h5Regularbluegrey).toMatchSnapshot();
-    const h5Regularblue = TestRenderer.create(
-      <H5 weight={"Regular"} color={"blue"}>
-        Text
-      </H5>
-    ).toJSON();
-    expect(h5Regularblue).toMatchSnapshot();
   });
   it("H6 Snapshot", () => {
     // SemiBold weight, default
@@ -146,7 +110,7 @@ describe("Test Typography Components", () => {
     expect(bodyDefault).toMatchSnapshot();
   });
   it("CTA Snapshot", () => {
-    const cta = TestRenderer.create(<CTA>Text</CTA>).toJSON();
+    const cta = TestRenderer.create(<ButtonText>Text</ButtonText>).toJSON();
     expect(cta).toMatchSnapshot();
   });
   it("LabelSmall Snapshot", () => {
@@ -177,11 +141,7 @@ describe("Test Typography Components", () => {
 
     type BodyColors = React.ComponentProps<typeof Label>["color"];
 
-    const allowedColors: ReadonlyArray<BodyColors> = [
-      "blue",
-      "bluegrey",
-      "white"
-    ];
+    const allowedColors: ReadonlyArray<BodyColors> = ["black"];
 
     allowedColors.map(color => {
       const label = TestRenderer.create(
@@ -191,11 +151,13 @@ describe("Test Typography Components", () => {
     });
   });
   it("Link Snapshot", () => {
-    const link = TestRenderer.create(<Link>Text</Link>).toJSON();
+    const link = TestRenderer.create(<LabelLink>Text</LabelLink>).toJSON();
     expect(link).toMatchSnapshot();
   });
-  it("Monospace Snapshot", () => {
-    const monospace = TestRenderer.create(<Monospace>Text</Monospace>).toJSON();
+  it("BodyMonospace Snapshot", () => {
+    const monospace = TestRenderer.create(
+      <BodyMonospace>Text</BodyMonospace>
+    ).toJSON();
     expect(monospace).toMatchSnapshot();
   });
 });

package/src/components/typography/common.tsx

@@ -4,6 +4,22 @@ 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 const fontSizeMapping: Record<FontSize, number> = {
+  regular: 16,
+  small: 14,
+  mini: 12
+};
+export const lineHeightMapping: Record<FontSize, number> = {
+  regular: 24,
+  small: 24,
+  mini: 18
+};
+
 /**
  * The style exported for the typography elements, without the fields characterizing the font style
  */

package/src/components/typography/index.tsx

@@ -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,8 +10,9 @@ 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";

package/src/core/IOShapes.ts

@@ -16,6 +16,6 @@ export const IOAlertRadius: IORadiusScale = IODefaultRadius;
 export const IOBannerRadius: IORadiusScale = IODefaultRadius;
 export const IOTagRadius: IORadiusScale = 6;
 export const IOBottomSheetHeaderRadius: IORadiusScale = 24;
-export const IOListItemIDPRadius: IORadiusScale = IODefaultRadius;
+export const IOModuleIDPRadius: IORadiusScale = IODefaultRadius;
 export const IOBadgeRadius: IORadiusScale = 24;
 export const IOAccordionRadius: IORadiusScale = IODefaultRadius;

package/src/core/IOSpacing.ts

@@ -40,9 +40,9 @@ export type IOBadgeSpacing = Extract<IOSpacingScale, 4 | 8>;
 export const IOBadgeHSpacing: IOBadgeSpacing = 8 as const;
 export const IOBadgeVSpacing: IOBadgeSpacing = 4 as const;
 
-// Values used in the `<ListItemIDP>` component
-export type IOListItemIDPSpacing = Extract<IOSpacingScale, 8 | 16 | 24>;
-export const IOListItemIDPHSpacing: IOListItemIDPSpacing = 16 as const;
-export const IOListItemIDPVSpacing: IOListItemIDPSpacing = 16 as const;
-export const IOListItemIDPSavedVSpacing: IOListItemIDPSpacing = 24 as const;
-export const IOListItemLogoMargin: IOListItemIDPSpacing = 8 as const;
+// Values used in the `<ModuleIDP>` component
+export type IOModuleIDPSpacing = Extract<IOSpacingScale, 8 | 16 | 24>;
+export const IOModuleIDPHSpacing: IOModuleIDPSpacing = 16 as const;
+export const IOModuleIDPVSpacing: IOModuleIDPSpacing = 16 as const;
+export const IOModuleIDPSavedVSpacing: IOModuleIDPSpacing = 24 as const;
+export const IOListItemLogoMargin: IOModuleIDPSpacing = 8 as const;

package/src/core/IOStyles.ts

@@ -14,13 +14,15 @@ interface IOVisualCostants {
   // Dimensions
   avatarSizeSmall: number;
   avatarSizeMedium: number;
+  iconContainedSizeDefault: number;
 }
 
 export const IOVisualCostants: IOVisualCostants = {
   appMarginDefault: 24,
   headerHeight: 56,
   avatarSizeSmall: 44,
-  avatarSizeMedium: 66
+  avatarSizeMedium: 66,
+  iconContainedSizeDefault: 44
 };
 
 export const IOStyles = StyleSheet.create({
@@ -86,7 +88,6 @@ export const IOStyles = StyleSheet.create({
 - Width and height for icon buttons
 */
 const btnLegacySizeDefault = 40;
-const btnLegacySizeSmall = 39;
 const btnSizeLarge = 56;
 // NEW Design System
 const btnBorderRadius = 8;
@@ -123,17 +124,11 @@ export const IOButtonLegacyStyles = StyleSheet.create({
   labelSizeDefault: {
     fontSize: 16
   },
-  labelSizeSmall: {
-    fontSize: 14
-  },
   /* Heights
   Must be replaced with dynamic values, depending on the
   fontScale parameter */
   buttonSizeDefault: {
     height: btnLegacySizeDefault
-  },
-  buttonSizeSmall: {
-    height: btnLegacySizeSmall
   }
 });
 

package/src/stories/Link.stories.ts

@@ -1,20 +1,20 @@
 import type { Meta, StoryObj } from "@storybook/react";
 
 import { Alert } from "react-native";
-import { Link } from "../components";
+import { LabelLink } from "../components";
 
 // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 const meta = {
   title: "Example/Link",
-  component: Link,
+  component: LabelLink,
   parameters: {
     // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/react/configure/story-layout
     layout: "centered",
     actions: { argTypesRegex: "^on.*" }
   },
   // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
-  tags: ["autodocs"],
-} satisfies Meta<typeof Link>;
+  tags: ["autodocs"]
+} satisfies Meta<typeof LabelLink>;
 
 export default meta;
 type Story = StoryObj<typeof meta>;
@@ -25,4 +25,4 @@ export const Primary: Story = {
     onPress: () => Alert.alert("Alert", "Action triggered"),
     children: "Hello World"
   }
-};
+};

package/src/stories/Monospace.stories.ts

@@ -1,20 +1,20 @@
 import type { Meta, StoryObj } from "@storybook/react";
 
 import { Alert } from "react-native";
-import { Monospace } from "../components";
+import { BodyMonospace } from "../components";
 
 // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 const meta = {
   title: "Example/Monospace",
-  component: Monospace,
+  component: BodyMonospace,
   parameters: {
     // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/react/configure/story-layout
     layout: "centered",
     actions: { argTypesRegex: "^on.*" }
   },
   // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
-  tags: ["autodocs"],
-} satisfies Meta<typeof Monospace>;
+  tags: ["autodocs"]
+} satisfies Meta<typeof BodyMonospace>;
 
 export default meta;
 type Story = StoryObj<typeof meta>;
@@ -25,4 +25,4 @@ export const Primary: Story = {
     onPress: () => Alert.alert("Alert", "Action triggered"),
     children: "Hello World"
   }
-};
+};

package/src/utils/fonts.ts

@@ -8,10 +8,10 @@ import { Platform } from "react-native";
 
 export type IOFontFamily = keyof typeof fonts;
 
-const weights = ["Light", "Regular", "SemiBold", "Bold"] as const;
+const weights = ["Light", "Regular", "Medium", "SemiBold", "Bold"] as const;
 export type IOFontWeight = (typeof weights)[number];
 
-const weightValues = ["300", "400", "600", "700"] as const;
+const weightValues = ["300", "400", "500", "600", "700"] as const;
 export type FontWeightValue = (typeof weightValues)[number];
 
 /**
@@ -28,10 +28,10 @@ const fonts = {
     web: "ReadexPro",
     ios: "Readex Pro"
   }),
-  RobotoMono: Platform.select({
-    android: "RobotoMono",
-    web: "RobotoMono",
-    ios: "Roboto Mono"
+  DMMono: Platform.select({
+    android: "DMMono",
+    web: "DMMono",
+    ios: "DM Mono"
   })
 };
 
@@ -42,6 +42,7 @@ const fonts = {
 export const fontWeights: Record<IOFontWeight, FontWeightValue> = {
   Light: "300",
   Regular: "400",
+  Medium: "500",
   SemiBold: "600",
   Bold: "700"
 };
@@ -56,6 +57,7 @@ export type FontWeight = keyof typeof fontWeights;
 export const fontWeightsMap: Record<IOFontWeight, FontWeightValue> = {
   Light: "300",
   Regular: "400",
+  Medium: "500",
   SemiBold: "600",
   Bold: "700"
 };

package/lib/commonjs/components/listitems/ListItemIDP.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_dates","_fonts","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","styles","StyleSheet","create","button","borderWidth","borderColor","IOColors","borderRadius","IOListItemIDPRadius","backgroundColor","white","flexDirection","justifyContent","alignItems","paddingVertical","IOListItemIDPVSpacing","paddingHorizontal","IOListItemIDPHSpacing","idpName","color","fontSize","lineHeight","alignSelf","textTransform","flexShrink","makeFontStyleObject","idpLogo","marginStart","IOListItemLogoMargin","width","height","resizeMode","androidIdpLogoForcedRefreshed","Platform","OS","toAndroidCacheTimestamp","ListItemIDP","_ref","_IOScaleValues$magnif","name","localLogo","logo","saved","onPress","testID","isPressed","useSharedValue","animationScaleValue","IOScaleValues","magnifiedButton","pressedState","scaleTraversed","useDerivedValue","withSpring","value","IOSpringValues","animatedStyle","useAnimatedStyle","scale","interpolate","Extrapolate","CLAMP","transform","handlePressIn","useCallback","handlePressOut","urlLogoIDP","uri","createElement","Pressable","onPressIn","onPressOut","onTouchEnd","accessible","accessibilityRole","accessibilityLabel","View","style","IOListItemIDPSavedVSpacing","Text","Image","source","exports","_default"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemIDP.tsx"],"mappings":"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"}

package/lib/commonjs/components/typography/CTA.js

@@ -1,34 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CTA = void 0;
-var _IOColors = require("../../core/IOColors");
-var _Factory = require("./Factory");
-/* Common typographic styles */
-const ctaFontSize = 16;
-const ctaLineHeight = 20;
-const ctaDefaultColor = _IOColors.IOThemeLight["textBody-default"];
-/* New typographic styles */
-const ctaFontName = "ReadexPro";
-const ctaDefaultWeight = "Regular";
-
-/**
- * Typography component to render `CTA` text with font size {@link ctaFontSize} and fontFamily {@link ctaFontName}.
- * default values(if not defined) are weight: {@link ctaDefaultWeight}, color: {@link ctaDefaultColor}
- * @param props
- * @constructor
- */
-const CTA = props => (0, _Factory.useTypographyFactory)({
-  ...props,
-  defaultWeight: ctaDefaultWeight,
-  defaultColor: ctaDefaultColor,
-  font: ctaFontName,
-  fontStyle: {
-    fontSize: ctaFontSize,
-    lineHeight: ctaLineHeight
-  }
-});
-exports.CTA = CTA;
-//# sourceMappingURL=CTA.js.map

package/lib/commonjs/components/typography/CTA.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_IOColors","require","_Factory","ctaFontSize","ctaLineHeight","ctaDefaultColor","IOThemeLight","ctaFontName","ctaDefaultWeight","CTA","props","useTypographyFactory","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight","exports"],"sourceRoot":"../../../../src","sources":["components/typography/CTA.tsx"],"mappings":";;;;;;AACA,IAAAA,SAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAUA;AACA,MAAME,WAAW,GAAG,EAAE;AACtB,MAAMC,aAAa,GAAG,EAAE;AACxB,MAAMC,eAA8B,GAAGC,sBAAY,CAAC,kBAAkB,CAAC;AACvE;AACA,MAAMC,WAAyB,GAAG,WAAW;AAC7C,MAAMC,gBAA+B,GAAG,SAAS;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,GAAsC,GAAGC,KAAK,IACzD,IAAAC,6BAAoB,EAA+B;EACjD,GAAGD,KAAK;EACRE,aAAa,EAAEJ,gBAAgB;EAC/BK,YAAY,EAAER,eAAe;EAC7BS,IAAI,EAAEP,WAAW;EACjBQ,SAAS,EAAE;IAAEC,QAAQ,EAAEb,WAAW;IAAEc,UAAU,EAAEb;EAAc;AAChE,CAAC,CAAC;AAACc,OAAA,CAAAT,GAAA,GAAAA,GAAA"}

package/lib/commonjs/components/typography/Link.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_Factory","require","fontName","fontSizeMapping","regular","small","linkDefaultColor","exports","linkDefaultWeight","Link","props","useTypographyFactory","accessibilityRole","onPress","undefined","defaultWeight","defaultColor","font","fontStyle","fontSize","textDecorationLine"],"sourceRoot":"../../../../src","sources":["components/typography/Link.tsx"],"mappings":";;;;;;AAIA,IAAAA,QAAA,GAAAC,OAAA;AAYA,MAAMC,QAAsB,GAAG,cAAc;AAC7C,MAAMC,eAAyC,GAAG;EAAEC,OAAO,EAAE,EAAE;EAAEC,KAAK,EAAE;AAAG,CAAC;AAErE,MAAMC,gBAA+B,GAAG,YAAY;AAACC,OAAA,CAAAD,gBAAA,GAAAA,gBAAA;AACrD,MAAME,iBAAgC,GAAG,MAAM;;AAEtD;AACA;AACA;AACA;AACA;AACA;AALAD,OAAA,CAAAC,iBAAA,GAAAA,iBAAA;AAMO,MAAMC,IAAuC,GAAGC,KAAK,IAC1D,IAAAC,6BAAoB,EAA+B;EACjDC,iBAAiB,EAAEF,KAAK,CAACG,OAAO,GAAG,MAAM,GAAGC,SAAS;EACrD,GAAGJ,KAAK;EACRK,aAAa,EAAEP,iBAAiB;EAChCQ,YAAY,EAAEV,gBAAgB;EAC9BW,IAAI,EAAEf,QAAQ;EACdgB,SAAS,EAAE;IACTC,QAAQ,EAAET,KAAK,CAACS,QAAQ,GACpBhB,eAAe,CAACO,KAAK,CAACS,QAAQ,CAAC,GAC/BhB,eAAe,CAACC,OAAO;IAC3BgB,kBAAkB,EAAE;EACtB;AACF,CAAC,CAAC;AAACb,OAAA,CAAAE,IAAA,GAAAA,IAAA"}

package/lib/commonjs/components/typography/Monospace.js

@@ -1,30 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Monospace = void 0;
-var _Factory = require("./Factory");
-/**
- * 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
- */
-const Monospace = props => {
-  const fontName = "RobotoMono";
-  const fontSize = 16;
-  const monospaceDefaultWeight = "Regular";
-  const monospaceDefaultcolor = "bluegrey";
-  return (0, _Factory.useTypographyFactory)({
-    ...props,
-    defaultWeight: monospaceDefaultWeight,
-    defaultColor: monospaceDefaultcolor,
-    font: fontName,
-    fontStyle: {
-      fontSize
-    }
-  });
-};
-exports.Monospace = Monospace;
-//# sourceMappingURL=Monospace.js.map

package/lib/commonjs/components/typography/Monospace.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_Factory","require","Monospace","props","fontName","fontSize","monospaceDefaultWeight","monospaceDefaultcolor","useTypographyFactory","defaultWeight","defaultColor","font","fontStyle","exports"],"sourceRoot":"../../../../src","sources":["components/typography/Monospace.tsx"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAUA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,SAA6B,GAAGC,KAAK,IAAI;EACpD,MAAMC,QAAoB,GAAG,YAAY;EACzC,MAAMC,QAAQ,GAAG,EAAE;EAEnB,MAAMC,sBAAsB,GAAG,SAAS;EACxC,MAAMC,qBAAqB,GAAG,UAAU;EAExC,OAAO,IAAAC,6BAAoB,EAA+B;IACxD,GAAGL,KAAK;IACRM,aAAa,EAAEH,sBAAsB;IACrCI,YAAY,EAAEH,qBAAqB;IACnCI,IAAI,EAAEP,QAAQ;IACdQ,SAAS,EAAE;MAAEP;IAAS;EACxB,CAAC,CAAC;AACJ,CAAC;AAACQ,OAAA,CAAAX,SAAA,GAAAA,SAAA"}

package/lib/module/components/listitems/ListItemIDP.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useCallback","Image","Platform","Pressable","StyleSheet","Text","Animated","Extrapolate","interpolate","useAnimatedStyle","useDerivedValue","useSharedValue","withSpring","IOColors","IOListItemIDPHSpacing","IOListItemIDPRadius","IOListItemIDPSavedVSpacing","IOListItemIDPVSpacing","IOListItemLogoMargin","IOScaleValues","IOSpringValues","toAndroidCacheTimestamp","makeFontStyleObject","styles","create","button","borderWidth","borderColor","borderRadius","backgroundColor","white","flexDirection","justifyContent","alignItems","paddingVertical","paddingHorizontal","idpName","color","fontSize","lineHeight","alignSelf","textTransform","flexShrink","idpLogo","marginStart","width","height","resizeMode","androidIdpLogoForcedRefreshed","OS","ListItemIDP","_ref","_IOScaleValues$magnif","name","localLogo","logo","saved","onPress","testID","isPressed","animationScaleValue","magnifiedButton","pressedState","scaleTraversed","value","animatedStyle","scale","CLAMP","transform","handlePressIn","handlePressOut","urlLogoIDP","uri","createElement","onPressIn","onPressOut","onTouchEnd","accessible","accessibilityRole","accessibilityLabel","View","style","source"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemIDP.tsx"],"mappings":"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"}

package/lib/module/components/typography/CTA.js

@@ -1,27 +0,0 @@
-import { IOThemeLight } from "../../core/IOColors";
-import { useTypographyFactory } from "./Factory";
-/* Common typographic styles */
-const ctaFontSize = 16;
-const ctaLineHeight = 20;
-const ctaDefaultColor = IOThemeLight["textBody-default"];
-/* New typographic styles */
-const ctaFontName = "ReadexPro";
-const ctaDefaultWeight = "Regular";
-
-/**
- * Typography component to render `CTA` text with font size {@link ctaFontSize} and fontFamily {@link ctaFontName}.
- * default values(if not defined) are weight: {@link ctaDefaultWeight}, color: {@link ctaDefaultColor}
- * @param props
- * @constructor
- */
-export const CTA = props => useTypographyFactory({
-  ...props,
-  defaultWeight: ctaDefaultWeight,
-  defaultColor: ctaDefaultColor,
-  font: ctaFontName,
-  fontStyle: {
-    fontSize: ctaFontSize,
-    lineHeight: ctaLineHeight
-  }
-});
-//# sourceMappingURL=CTA.js.map

package/lib/module/components/typography/CTA.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["IOThemeLight","useTypographyFactory","ctaFontSize","ctaLineHeight","ctaDefaultColor","ctaFontName","ctaDefaultWeight","CTA","props","defaultWeight","defaultColor","font","fontStyle","fontSize","lineHeight"],"sourceRoot":"../../../../src","sources":["components/typography/CTA.tsx"],"mappings":"AACA,SAAkBA,YAAY,QAAQ,qBAAqB;AAE3D,SAASC,oBAAoB,QAAQ,WAAW;AAUhD;AACA,MAAMC,WAAW,GAAG,EAAE;AACtB,MAAMC,aAAa,GAAG,EAAE;AACxB,MAAMC,eAA8B,GAAGJ,YAAY,CAAC,kBAAkB,CAAC;AACvE;AACA,MAAMK,WAAyB,GAAG,WAAW;AAC7C,MAAMC,gBAA+B,GAAG,SAAS;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,GAAsC,GAAGC,KAAK,IACzDP,oBAAoB,CAA+B;EACjD,GAAGO,KAAK;EACRC,aAAa,EAAEH,gBAAgB;EAC/BI,YAAY,EAAEN,eAAe;EAC7BO,IAAI,EAAEN,WAAW;EACjBO,SAAS,EAAE;IAAEC,QAAQ,EAAEX,WAAW;IAAEY,UAAU,EAAEX;EAAc;AAChE,CAAC,CAAC"}

package/lib/module/components/typography/Link.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useTypographyFactory","fontName","fontSizeMapping","regular","small","linkDefaultColor","linkDefaultWeight","Link","props","accessibilityRole","onPress","undefined","defaultWeight","defaultColor","font","fontStyle","fontSize","textDecorationLine"],"sourceRoot":"../../../../src","sources":["components/typography/Link.tsx"],"mappings":"AAIA,SAASA,oBAAoB,QAAQ,WAAW;AAYhD,MAAMC,QAAsB,GAAG,cAAc;AAC7C,MAAMC,eAAyC,GAAG;EAAEC,OAAO,EAAE,EAAE;EAAEC,KAAK,EAAE;AAAG,CAAC;AAE5E,OAAO,MAAMC,gBAA+B,GAAG,YAAY;AAC3D,OAAO,MAAMC,iBAAgC,GAAG,MAAM;;AAEtD;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,IAAuC,GAAGC,KAAK,IAC1DR,oBAAoB,CAA+B;EACjDS,iBAAiB,EAAED,KAAK,CAACE,OAAO,GAAG,MAAM,GAAGC,SAAS;EACrD,GAAGH,KAAK;EACRI,aAAa,EAAEN,iBAAiB;EAChCO,YAAY,EAAER,gBAAgB;EAC9BS,IAAI,EAAEb,QAAQ;EACdc,SAAS,EAAE;IACTC,QAAQ,EAAER,KAAK,CAACQ,QAAQ,GACpBd,eAAe,CAACM,KAAK,CAACQ,QAAQ,CAAC,GAC/Bd,eAAe,CAACC,OAAO;IAC3Bc,kBAAkB,EAAE;EACtB;AACF,CAAC,CAAC"}

package/lib/module/components/typography/Monospace.js

@@ -1,23 +0,0 @@
-import { useTypographyFactory } from "./Factory";
-/**
- * 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 const Monospace = props => {
-  const fontName = "RobotoMono";
-  const fontSize = 16;
-  const monospaceDefaultWeight = "Regular";
-  const monospaceDefaultcolor = "bluegrey";
-  return useTypographyFactory({
-    ...props,
-    defaultWeight: monospaceDefaultWeight,
-    defaultColor: monospaceDefaultcolor,
-    font: fontName,
-    fontStyle: {
-      fontSize
-    }
-  });
-};
-//# sourceMappingURL=Monospace.js.map

package/lib/module/components/typography/Monospace.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useTypographyFactory","Monospace","props","fontName","fontSize","monospaceDefaultWeight","monospaceDefaultcolor","defaultWeight","defaultColor","font","fontStyle"],"sourceRoot":"../../../../src","sources":["components/typography/Monospace.tsx"],"mappings":"AAGA,SAASA,oBAAoB,QAAQ,WAAW;AAUhD;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,SAA6B,GAAGC,KAAK,IAAI;EACpD,MAAMC,QAAoB,GAAG,YAAY;EACzC,MAAMC,QAAQ,GAAG,EAAE;EAEnB,MAAMC,sBAAsB,GAAG,SAAS;EACxC,MAAMC,qBAAqB,GAAG,UAAU;EAExC,OAAON,oBAAoB,CAA+B;IACxD,GAAGE,KAAK;IACRK,aAAa,EAAEF,sBAAsB;IACrCG,YAAY,EAAEF,qBAAqB;IACnCG,IAAI,EAAEN,QAAQ;IACdO,SAAS,EAAE;MAAEN;IAAS;EACxB,CAAC,CAAC;AACJ,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"ListItemIDP.d.ts","sourceRoot":"","sources":["../../../../src/components/listitems/ListItemIDP.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,qBAAqB,EAErB,mBAAmB,EAKpB,MAAM,cAAc,CAAC;AAqBtB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,KAAK,WAAW,GAAG,UAAU,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,mBAAmB,CAAC;IAC/B,IAAI,EAAE,mBAAmB,CAAC;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAChD,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAqCH,eAAO,MAAM,WAAW,sDAOrB,WAAW,sBA8Db,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -1,16 +0,0 @@
-import * as 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>>;
-/**
- * Typography component to render `CTA` text with font size {@link ctaFontSize} and fontFamily {@link ctaFontName}.
- * default values(if not defined) are weight: {@link ctaDefaultWeight}, color: {@link ctaDefaultColor}
- * @param props
- * @constructor
- */
-export declare const CTA: React.FunctionComponent<OwnProps>;
-export {};
-//# sourceMappingURL=CTA.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CTA.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/CTA.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAgB,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAgB,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE/D,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEpE,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;AAUF;;;;;GAKG;AACH,eAAO,MAAM,GAAG,EAAE,KAAK,CAAC,iBAAiB,CAAC,QAAQ,CAO9C,CAAC"}

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

@@ -1,22 +0,0 @@
-import * as React from "react";
-import { IOFontWeight } from "../../utils/fonts";
-import type { IOColors } from "../../core";
-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: `SemiBold`, color: `blue`
- * @param props`
- * @constructor
- */
-export declare const Link: React.FunctionComponent<OwnProps>;
-export {};
-//# sourceMappingURL=Link.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAgB,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAGpE,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,CACrC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAC9C,GACC,eAAe,CAAC;AAKlB,eAAO,MAAM,gBAAgB,EAAE,aAA4B,CAAC;AAC5D,eAAO,MAAM,iBAAiB,EAAE,aAAsB,CAAC;AAEvD;;;;;GAKG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,iBAAiB,CAAC,QAAQ,CAa/C,CAAC"}

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

@@ -1,16 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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,CACrC,eAAe,CAAC,aAAa,EAAE,aAAa,CAAC,CAC9C,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAcxC,CAAC"}

package/src/components/typography/CTA.tsx

@@ -1,35 +0,0 @@
-import * as React from "react";
-import { IOTheme, IOThemeLight } from "../../core/IOColors";
-import { IOFontFamily, IOFontWeight } from "../../utils/fonts";
-import { useTypographyFactory } from "./Factory";
-import { ExternalTypographyProps, TypographyProps } from "./common";
-
-type AllowedColors = IOTheme["textBody-default"] | "blueIO-850";
-type AllowedWeight = Extract<IOFontWeight, "SemiBold" | "Regular">;
-
-type OwnProps = ExternalTypographyProps<
-  TypographyProps<AllowedWeight, AllowedColors>
->;
-
-/* Common typographic styles */
-const ctaFontSize = 16;
-const ctaLineHeight = 20;
-const ctaDefaultColor: AllowedColors = IOThemeLight["textBody-default"];
-/* New typographic styles */
-const ctaFontName: IOFontFamily = "ReadexPro";
-const ctaDefaultWeight: AllowedWeight = "Regular";
-
-/**
- * Typography component to render `CTA` text with font size {@link ctaFontSize} and fontFamily {@link ctaFontName}.
- * default values(if not defined) are weight: {@link ctaDefaultWeight}, color: {@link ctaDefaultColor}
- * @param props
- * @constructor
- */
-export const CTA: React.FunctionComponent<OwnProps> = props =>
-  useTypographyFactory<AllowedWeight, AllowedColors>({
-    ...props,
-    defaultWeight: ctaDefaultWeight,
-    defaultColor: ctaDefaultColor,
-    font: ctaFontName,
-    fontStyle: { fontSize: ctaFontSize, lineHeight: ctaLineHeight }
-  });