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

package/src/stories/ButtonDS.stories.ts

@@ -0,0 +1,31 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { action } from "@storybook/addon-actions";
+
+import { ButtonSolid } 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/ButtonSolid",
+  component: ButtonSolid,
+  parameters: {
+    // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/react/configure/story-layout
+    layout: "centered"
+  },
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
+  tags: ["autodocs"]
+} satisfies Meta<typeof ButtonSolid>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+// More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
+export const Primary: Story = {
+  args: {
+    color: "primary",
+    accessibilityLabel: "Tap to trigger test alert",
+    label: "Primary button",
+    onPress: e => {
+      action("clicked")(e);
+    }
+  }
+};

package/src/stories/H1.stories.ts

@@ -0,0 +1,28 @@
+import type { Meta, StoryObj } from "@storybook/react";
+
+import { Alert } from "react-native";
+import { H1 } 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/H1",
+  component: H1,
+  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 H1>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Primary: Story = {
+  args: {
+    accessibilityLabel: "Tap to trigger test alert",
+    onPress: () => Alert.alert("Alert", "Action triggered"),
+    children: "Hello World"
+  }
+};

package/src/stories/H2.stories.ts

@@ -0,0 +1,28 @@
+import type { Meta, StoryObj } from "@storybook/react";
+
+import { Alert } from "react-native";
+import { H2 } 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/H2",
+  component: H2,
+  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 H2>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Primary: Story = {
+  args: {
+    accessibilityLabel: "Tap to trigger test alert",
+    onPress: () => Alert.alert("Alert", "Action triggered"),
+    children: "Hello World"
+  }
+};

package/src/stories/H3.stories.ts

@@ -0,0 +1,28 @@
+import type { Meta, StoryObj } from "@storybook/react";
+
+import { Alert } from "react-native";
+import { H3 } 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/H3",
+  component: H3,
+  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 H3>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Primary: Story = {
+  args: {
+    accessibilityLabel: "Tap to trigger test alert",
+    onPress: () => Alert.alert("Alert", "Action triggered"),
+    children: "Hello World"
+  }
+};

package/src/stories/H4.stories.ts

@@ -0,0 +1,28 @@
+import type { Meta, StoryObj } from "@storybook/react";
+
+import { Alert } from "react-native";
+import { H4 } 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/H4",
+  component: H4,
+  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 H4>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Primary: Story = {
+  args: {
+    accessibilityLabel: "Tap to trigger test alert",
+    onPress: () => Alert.alert("Alert", "Action triggered"),
+    children: "Hello World"
+  }
+};

package/src/stories/H5.stories.ts

@@ -0,0 +1,28 @@
+import type { Meta, StoryObj } from "@storybook/react";
+
+import { Alert } from "react-native";
+import { H5 } 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/H5",
+  component: H5,
+  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 H5>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Primary: Story = {
+  args: {
+    accessibilityLabel: "Tap to trigger test alert",
+    onPress: () => Alert.alert("Alert", "Action triggered"),
+    children: "Hello World"
+  }
+};

package/src/stories/H6.stories.ts

@@ -0,0 +1,28 @@
+import type { Meta, StoryObj } from "@storybook/react";
+
+import { Alert } from "react-native";
+import { H6 } 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/H6",
+  component: H6,
+  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 H6>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Primary: Story = {
+  args: {
+    accessibilityLabel: "Tap to trigger test alert",
+    onPress: () => Alert.alert("Alert", "Action triggered"),
+    children: "Hello World"
+  }
+};

package/src/stories/Label.stories.ts

@@ -0,0 +1,28 @@
+import type { Meta, StoryObj } from "@storybook/react";
+
+import { Alert } from "react-native";
+import { Label } 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/Label",
+  component: Label,
+  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 Label>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Primary: Story = {
+  args: {
+    accessibilityLabel: "Tap to trigger test alert",
+    onPress: () => Alert.alert("Alert", "Action triggered"),
+    children: "Hello World"
+  }
+};

package/src/stories/LabelSmall.stories.ts

@@ -0,0 +1,28 @@
+import type { Meta, StoryObj } from "@storybook/react";
+
+import { Alert } from "react-native";
+import { LabelSmall } 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/LabelSmall",
+  component: LabelSmall,
+  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 LabelSmall>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Primary: Story = {
+  args: {
+    accessibilityLabel: "Tap to trigger test alert",
+    onPress: () => Alert.alert("Alert", "Action triggered"),
+    children: "Hello World"
+  }
+};

package/src/stories/Link.stories.ts

@@ -0,0 +1,28 @@
+import type { Meta, StoryObj } from "@storybook/react";
+
+import { Alert } from "react-native";
+import { Link } 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,
+  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>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Primary: Story = {
+  args: {
+    accessibilityLabel: "Tap to trigger test alert",
+    onPress: () => Alert.alert("Alert", "Action triggered"),
+    children: "Hello World"
+  }
+};

package/src/stories/Monospace.stories.ts

@@ -0,0 +1,28 @@
+import type { Meta, StoryObj } from "@storybook/react";
+
+import { Alert } from "react-native";
+import { Monospace } 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,
+  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>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Primary: Story = {
+  args: {
+    accessibilityLabel: "Tap to trigger test alert",
+    onPress: () => Alert.alert("Alert", "Action triggered"),
+    children: "Hello World"
+  }
+};

package/src/utils/accessibility.ts

@@ -0,0 +1,17 @@
+import { pipe } from "fp-ts/lib/function";
+import * as O from "fp-ts/lib/Option";
+import I18n from "i18n-js";
+
+/**
+ * This function is used to get the text that will be read by the screen reader
+ * with the correct minus symbol pronunciation.
+ */
+export const getAccessibleAmountText = (amount?: string) =>
+  pipe(
+    amount,
+    O.fromNullable,
+    O.map(amount =>
+      amount.replace("-", I18n.t("global.accessibility.minusSymbol"))
+    ),
+    O.getOrElseW(() => undefined)
+  );

package/src/utils/fonts.ts

@@ -20,14 +20,17 @@ export type FontWeightValue = (typeof weightValues)[number];
 const fonts = {
   TitilliumWeb: Platform.select({
     android: "TitilliumWeb",
+    web: "TitilliumWeb",
     ios: "Titillium Web"
   }),
   ReadexPro: Platform.select({
     android: "ReadexPro",
+    web: "ReadexPro",
     ios: "Readex Pro"
   }),
   RobotoMono: Platform.select({
     android: "RobotoMono",
+    web: "RobotoMono",
     ios: "Roboto Mono"
   })
 };
@@ -80,9 +83,10 @@ export const makeFontFamilyName = (
   isItalic: boolean = false
 ): string =>
   Platform.select({
-    default: "undefined",
+    web: fonts[font],
     android: `${fonts[font]}-${weight || "Regular"}${isItalic ? "Italic" : ""}`,
-    ios: fonts[font]
+    ios: fonts[font],
+    default: "undefined"
   });
 
 /**
@@ -97,8 +101,10 @@ export const makeFontStyleObject = (
   font: FontFamily | undefined = "TitilliumWeb"
 ): FontStyleObject =>
   Platform.select({
-    default: {
-      fontFamily: "undefined"
+    web: {
+      fontFamily: makeFontFamilyName(font, weight, isItalic),
+      fontWeight: weight !== undefined ? fontWeightsMap[weight] : weight,
+      fontStyle: isItalic ? FontStyle.italic : FontStyle.normal
     },
     android: {
       fontFamily: makeFontFamilyName(font, weight, isItalic)
@@ -107,5 +113,6 @@ export const makeFontStyleObject = (
       fontFamily: makeFontFamilyName(font, weight, isItalic),
       fontWeight: weight !== undefined ? fontWeightsMap[weight] : weight,
       fontStyle: isItalic ? FontStyle.italic : FontStyle.normal
-    }
+    },
+    default: { fontFamily: "undefined" }
   });

package/src/utils/object.ts

@@ -0,0 +1,12 @@
+import * as A from "fp-ts/Array";
+import * as O from "fp-ts/Option";
+import { pipe } from "fp-ts/lib/function";
+
+export const findFirstCaseInsensitive =
+  <T>(obj: { [key: string]: T }) =>
+  (key: string): O.Option<[string, T]> =>
+    pipe(
+      obj,
+      Object.entries,
+      A.findFirst(([k, _]) => k.toLowerCase() === key.toLowerCase())
+    );

package/src/utils/textInput/index.ts

@@ -0,0 +1,29 @@
+import * as React from "react";
+import { TextInputBase } from "../../components/textInput/TextInputBase";
+import { InputType } from "../types";
+
+type InputProps = Pick<
+  React.ComponentProps<typeof TextInputBase>,
+  "textInputProps"
+> & {
+  valueFormat?: (value: string) => string;
+};
+
+export const getInputPropsByType = (
+  type: InputType
+): InputProps | undefined => {
+  switch (type) {
+    case "credit-card":
+      return {
+        valueFormat: v => v.replace(/\D/g, "").replace(/\d{4}?(?=.)/g, "$& "),
+        textInputProps: {
+          autoComplete: "cc-number",
+          keyboardType: "numeric",
+          textContentType: "creditCardNumber",
+          inputMode: "numeric"
+        }
+      };
+    default:
+      return undefined;
+  }
+};

package/src/utils/types.ts

@@ -28,3 +28,5 @@ type Without<T, U> = { [P in Exclude<keyof T, keyof U>]?: never };
 export type XOR<T, U> = T | U extends object
   ? (Without<T, U> & U) | (Without<U, T> & T)
   : T | U;
+
+export type InputType = "credit-card" | "default";

package/src/utils/url.ts

@@ -0,0 +1,9 @@
+import { ImageURISource } from "react-native";
+
+/**
+ * type guard to check if a value is an ImageURISource
+ * @argument value the value to check, can be anything
+ * @returns boolean
+ */
+export const isImageUri = (value: unknown): value is ImageURISource =>
+  typeof value === "object" && value !== null && "uri" in value;

package/lib/commonjs/components/accordion/IOAccordion.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_H","_IOStyles","_RawAccordion","_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","header","marginVertical","IOVisualCostants","appMarginDefault","IOAccordion","props","createElement","RawAccordion","animated","headerStyle","accessibilityLabel","title","H3","numberOfLines","style","IOStyles","flex","children","exports"],"sourceRoot":"../../../../src","sources":["components/accordion/IOAccordion.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,EAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAA8C,SAAAK,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAP,wBAAAW,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAM9C,MAAMW,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,MAAM,EAAE;IACNC,cAAc,EAAEC,0BAAgB,CAACC;EACnC;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACO,MAAMC,WAAW,GAAIC,KAAY,iBACtCrC,KAAA,CAAAsC,aAAA,CAAChC,aAAA,CAAAiC,YAAY;EACXC,QAAQ,EAAEH,KAAK,CAACG,QAAS;EACzBC,WAAW,EAAEZ,MAAM,CAACG,MAAO;EAC3BU,kBAAkB,EAAEL,KAAK,CAACM,KAAM;EAChCX,MAAM,eACJhC,KAAA,CAAAsC,aAAA,CAAClC,EAAA,CAAAwC,EAAE;IAACC,aAAa,EAAE,CAAE;IAACC,KAAK,EAAEC,kBAAQ,CAACC;EAAK,GACxCX,KAAK,CAACM,KACL;AACL,GAEAN,KAAK,CAACY,QACK,CACf;AAACC,OAAA,CAAAd,WAAA,GAAAA,WAAA"}

package/lib/module/components/accordion/IOAccordion.js

@@ -1,26 +0,0 @@
-import * as React from "react";
-import { StyleSheet } from "react-native";
-import { H3 } from "../typography/H3";
-import { IOStyles, IOVisualCostants } from "../../core/IOStyles";
-import { RawAccordion } from "./RawAccordion";
-const styles = StyleSheet.create({
-  header: {
-    marginVertical: IOVisualCostants.appMarginDefault
-  }
-});
-
-/**
- * A simplified accordion that accepts a title and one child and uses {@link RawAccordion}
- * @param props
- * @constructor
- */
-export const IOAccordion = props => /*#__PURE__*/React.createElement(RawAccordion, {
-  animated: props.animated,
-  headerStyle: styles.header,
-  accessibilityLabel: props.title,
-  header: /*#__PURE__*/React.createElement(H3, {
-    numberOfLines: 1,
-    style: IOStyles.flex
-  }, props.title)
-}, props.children);
-//# sourceMappingURL=IOAccordion.js.map

package/lib/module/components/accordion/IOAccordion.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","StyleSheet","H3","IOStyles","IOVisualCostants","RawAccordion","styles","create","header","marginVertical","appMarginDefault","IOAccordion","props","createElement","animated","headerStyle","accessibilityLabel","title","numberOfLines","style","flex","children"],"sourceRoot":"../../../../src","sources":["components/accordion/IOAccordion.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,EAAE,QAAQ,kBAAkB;AACrC,SAASC,QAAQ,EAAEC,gBAAgB,QAAQ,qBAAqB;AAChE,SAASC,YAAY,QAAQ,gBAAgB;AAM7C,MAAMC,MAAM,GAAGL,UAAU,CAACM,MAAM,CAAC;EAC/BC,MAAM,EAAE;IACNC,cAAc,EAAEL,gBAAgB,CAACM;EACnC;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,WAAW,GAAIC,KAAY,iBACtCZ,KAAA,CAAAa,aAAA,CAACR,YAAY;EACXS,QAAQ,EAAEF,KAAK,CAACE,QAAS;EACzBC,WAAW,EAAET,MAAM,CAACE,MAAO;EAC3BQ,kBAAkB,EAAEJ,KAAK,CAACK,KAAM;EAChCT,MAAM,eACJR,KAAA,CAAAa,aAAA,CAACX,EAAE;IAACgB,aAAa,EAAE,CAAE;IAACC,KAAK,EAAEhB,QAAQ,CAACiB;EAAK,GACxCR,KAAK,CAACK,KACL;AACL,GAEAL,KAAK,CAACS,QACK,CACf"}

package/lib/typescript/components/accordion/IOAccordion.d.ts

@@ -1,13 +0,0 @@
-import * as React from "react";
-import { RawAccordion } from "./RawAccordion";
-type Props = Omit<React.ComponentProps<typeof RawAccordion>, "header"> & {
-    title: string;
-};
-/**
- * A simplified accordion that accepts a title and one child and uses {@link RawAccordion}
- * @param props
- * @constructor
- */
-export declare const IOAccordion: (props: Props) => React.ReactElement;
-export {};
-//# sourceMappingURL=IOAccordion.d.ts.map

package/lib/typescript/components/accordion/IOAccordion.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"IOAccordion.d.ts","sourceRoot":"","sources":["../../../../src/components/accordion/IOAccordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,KAAK,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,EAAE,QAAQ,CAAC,GAAG;IACvE,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAQF;;;;GAIG;AACH,eAAO,MAAM,WAAW,UAAW,KAAK,KAAG,MAAM,YAahD,CAAC"}

package/src/components/accordion/IOAccordion.tsx

@@ -1,35 +0,0 @@
-import * as React from "react";
-import { StyleSheet } from "react-native";
-import { H3 } from "../typography/H3";
-import { IOStyles, IOVisualCostants } from "../../core/IOStyles";
-import { RawAccordion } from "./RawAccordion";
-
-type Props = Omit<React.ComponentProps<typeof RawAccordion>, "header"> & {
-  title: string;
-};
-
-const styles = StyleSheet.create({
-  header: {
-    marginVertical: IOVisualCostants.appMarginDefault
-  }
-});
-
-/**
- * A simplified accordion that accepts a title and one child and uses {@link RawAccordion}
- * @param props
- * @constructor
- */
-export const IOAccordion = (props: Props): React.ReactElement => (
-  <RawAccordion
-    animated={props.animated}
-    headerStyle={styles.header}
-    accessibilityLabel={props.title}
-    header={
-      <H3 numberOfLines={1} style={IOStyles.flex}>
-        {props.title}
-      </H3>
-    }
-  >
-    {props.children}
-  </RawAccordion>
-);