@pagopa/io-app-design-system 1.16.0 → 1.17.0

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

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

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

@@ -1,24 +0,0 @@
-import type { StoryObj } from "@storybook/react";
-import React from "react";
-import { ImageSourcePropType } from "react-native";
-declare const meta: {
-    title: string;
-    component: ({ name, localLogo, logo, withLooseSpacing, onPress, testID }: import("../components/modules/ModuleIDP").default) => React.JSX.Element;
-    decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
-        name: string;
-        localLogo: ImageSourcePropType;
-        logo: ImageSourcePropType;
-        accessibilityLabel?: string | undefined;
-        onPress?: ((event: import("react-native").GestureResponderEvent) => void) | undefined;
-        withLooseSpacing?: boolean | undefined;
-        testID?: string | undefined;
-    }>) => React.JSX.Element)[];
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Primary: Story;
-//# sourceMappingURL=ModuleIDP.stories.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ModuleIDP.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/ModuleIDP.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAKnD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;CAkBwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC"}

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

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

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

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

package/src/components/icons/generateNewIcons.js

@@ -1,186 +0,0 @@
-/* eslint-disable @typescript-eslint/no-var-requires */
-/* eslint-disable no-console */
-/* eslint-disable @typescript-eslint/restrict-plus-operands */
-
-/**
-DRAFT for an AUTOMATIC process to generate new icon components 
-(`Icon....tsx`) from the SVG files exported from Figma.
-
-Prerequisites:
-- The icon must be exported from the 24 × 24 frame
-- The icon must be saved with the final name
-  - To learn more about naming conventions, please read the local README
-*/
-
-// STEPS:
-
-/**
- * 1. Only process the newly added files
- *
- * Suggested path:
- * 1. Files that need to be processed must be in the `svg/originals` folder.
- * 2. Add a new file with the timestamp of the last process run.
- *    The file must be committed along with others.
- * 3. Only files added after that timestamp value will be processed.
- * 4. After the process run, update the new file with the current timestamp.
- */
-
-/**
- * 2. Optimize SVG files with SVGO package (https://github.com/svg/svgo)
- *
- * Suggested path:
- * 1. Add `svgo` to the `package.json` to use it as an executable
- * 2. Configure it with the following parameters:
- *   - removeDimensions
- *   - removeRasterImages
- *   - removeScriptElement
- *   - removeViewBox (disabled)
- * 3. Overwrite the original files
- * 4. Optionally save the old ones in a `tmp` folder, which may be useful
- *    for debugging purposes.
- *    - Consider adding a `--debug' flag to the
- *      command to enable this behavior.
- *    - Add the `tmp` folder to `.gitignore` to keep the folder clean
- *  5. Check the files after the optimizations
- */
-
-/**
- * 3. Create the relative React component (with .tsx)
- *
- * Suggested path:
- * - For every new SVG file:
- *   1. Copy all the code contained in the `<svg>` tag
- *   2. Use the file `_IconTemplate.tsx` as component template
- *      - Replace `IconTemplate` with the original SVG name
- *      - Remove all the comments inserted in the component file
- *   3. Replace the `{SVGContent}` placeholder with the code copied
- *      in the step 1, replacing all the tags with the appropriate
- *      React ones. E.g: `path` becomes `Path` and so on…
- *   4. Replace all the color values, set in hexadecimal format, with the
- *      `currentColor` attribute.
- *      E.g: fill="#CCCCCC" -> fill="currentColor"
- *   5. Save a new file in the `svg` folder with the same filename
- *      of the relative SVG file and extension `.tsx`.
- *      E.g: svg/originals/IconProfile.svg -> svg/IconProfile.tsx
- *   6. Save the list of processed SVG files and corresponding generated
- *      React components to a separate file. Add it to the `.gitignore`
- *      to keep the folder clean.
- */
-
-const path = require("path");
-const join = path.join;
-const { optimize } = require("svgo");
-const prettier = require("prettier");
-const fs = require("fs-extra");
-const { transform } = require("@svgr/core");
-
-const svgDir = join(__dirname, "svg/originals");
-const tsxDir = join(__dirname, "svg");
-const templateFilePath = join(__dirname, "svg/_IconTemplate.tsx");
-const timestampFilePath = join(__dirname, "timestamp.txt");
-
-const convertTimestampToReadableFormat = timestamp =>
-  new Date(timestamp).toLocaleString("it-IT", {
-    timeZone: "Europe/Rome"
-  });
-
-fs.readFile(timestampFilePath, "utf8", (err, timestamp) => {
-  if (err) {
-    console.log("Timestamp file not found.");
-    throw err;
-  }
-
-  console.log(
-    "Last processed timestamp:",
-    convertTimestampToReadableFormat(timestamp)
-  );
-  console.log(`————————————————`);
-
-  fs.readdir(svgDir, (err, files) => {
-    if (err) {
-      throw err;
-    }
-
-    files.forEach(file => {
-      const filePath = join(svgDir, file);
-      const fileStats = fs.statSync(filePath);
-
-      /* Only process files with a more recent creation
-      date later than the timestamp value */
-      if (fileStats.mtime > new Date(timestamp)) {
-        const data = fs.readFileSync(filePath, "utf8");
-
-        // Check if the file is an SVG
-        if (!file.endsWith(".svg")) {
-          return;
-        }
-
-        // Using SVGO to optimize the SVG
-        const result = optimize(data, {
-          path: filePath,
-          plugins: [
-            "removeDimensions",
-            "removeRasterImages",
-            "removeScriptElement",
-            "removeViewBox"
-          ]
-        });
-        // Overwrite original SVG file with optimized code
-        fs.writeFileSync(filePath, result.data);
-
-        // Convert SVG to JSX using `svgr`
-        const jsxCode = transform.sync(result.data, {
-          // Optimize SVG code using SVGO
-          svgo: true,
-          svgoConfig: {
-            removeRasterImages: true,
-            removeScriptElement: true,
-            removeUselessDefs: true
-          },
-          // Transform tags in Capital Case for React Native
-          native: true,
-          // Remove `width` and `height` attrs
-          dimensions: false,
-          /* Prettify the result */
-          plugins: ["@svgr/plugin-jsx"]
-        });
-
-        /* Replace hardcoded color value with `currentColor` */
-        const jsxCodeWithoutHardcodedColors = jsxCode.replace(
-          /fill="[^"]*"/g,
-          'fill="currentColor"'
-        );
-
-        // Extract only the Path tags from the JSX code
-        const pathTagRegex = /<Path[^>]*\/>/g;
-        const pathTags = jsxCodeWithoutHardcodedColors.match(pathTagRegex);
-        const jsxCodeWithPathOnly = pathTags.join("");
-
-        const template = fs.readFileSync(templateFilePath, "utf8");
-        const componentData = template
-          .replace(/IconTemplate/g, file.replace(".svg", ""))
-          .replace(/\/\/.*\n/g, "") // Remove lines starting with //
-          .replace(`{/* SVGContent */}`, jsxCodeWithPathOnly);
-
-        const fileWithTsxExtension = file.replace(".svg", ".tsx");
-        const tsxFilePath = join(tsxDir, fileWithTsxExtension);
-        fs.writeFileSync(
-          tsxFilePath,
-          prettier.format(componentData, { parser: "typescript" })
-        );
-
-        console.log(`${file} → ${fileWithTsxExtension}`);
-      }
-    });
-
-    const newTimestamp = new Date();
-    const convertedISOTimestamp = newTimestamp.toISOString();
-    fs.writeFileSync(timestampFilePath, convertedISOTimestamp);
-
-    const readableUpdatedTimestamp =
-      convertTimestampToReadableFormat(newTimestamp);
-
-    console.log(`————————————————`);
-    console.log("Updated timestamp:", readableUpdatedTimestamp);
-  });
-});

package/src/components/icons/generateNewTimestamp.js

@@ -1,7 +0,0 @@
-/* eslint-disable @typescript-eslint/no-var-requires */
-const fs = require("fs-extra");
-
-const timestampFilePath = "./timestamp.txt";
-const currentTimestamp = new Date().toISOString();
-
-fs.writeFileSync(timestampFilePath, currentTimestamp);

package/src/components/icons/timestamp.txt

@@ -1 +0,0 @@
-2023-10-30T09:55:59.147Z

package/src/components/pictograms/generateNewPictograms.js

@@ -1,181 +0,0 @@
-/* eslint-disable @typescript-eslint/no-var-requires */
-/* eslint-disable no-console */
-/* eslint-disable @typescript-eslint/restrict-plus-operands */
-
-/**
-DRAFT for an AUTOMATIC process to generate new pictogram components 
-(`Pictogram....tsx`) from the SVG files exported from Figma.
-
-Prerequisites:
-- The pictogram must be exported from the 240 × 240 frame
-- The pictogram must be saved with the final name
-  - To learn more about naming conventions, please read the local README
-*/
-
-// STEPS:
-
-/**
- * 1. Only process the newly added files
- *
- * Suggested path:
- * 1. Files that need to be processed must be in the `svg/originals` folder.
- * 2. Add a new file with the timestamp of the last process run.
- *    The file must be committed along with others.
- * 3. Only files added after that timestamp value will be processed.
- * 4. After the process run, update the new file with the current timestamp.
- */
-
-/**
- * 2. Optimize SVG files with SVGO package (https://github.com/svg/svgo)
- *
- * Suggested path:
- * 1. Add `svgo` to the `package.json` to use it as an executable
- * 2. Configure it with the following parameters:
- *   - removeDimensions
- *   - removeRasterImages
- *   - removeScriptElement
- *   - removeViewBox (disabled)
- * 3. Overwrite the original files
- */
-
-/**
- * 3. Create the relative React component (with .tsx)
- *
- * Suggested path:
- * - For every new SVG file:
- *   1. Copy all the code contained in the `<svg>` tag
- *   2. Use the file `_PictogramTemplate.tsx` as component template
- *      - Replace `PictogramTemplate` with the original SVG name
- *      - Remove all the comments inserted in the component file
- *   3. Replace the `{SVGContent}` placeholder with the code copied
- *      in the step 1, replacing all the tags with the appropriate
- *      React ones. E.g: `path` becomes `Path` and so on…
- *   4. Replace all the color values, set in hexadecimal format, with the
- *      correct `colorValues…` chromatic value.
- *      E.g: fill="#CCCCCC" -> fill="colorValues.hands"
- *   5. Save a new file in the `svg` folder with the same filename
- *      of the relative SVG file and extension `.tsx`.
- *      E.g: svg/originals/PictogramProfile.svg -> svg/PictogramProfile.tsx
- */
-
-const path = require("path");
-const join = path.join;
-const { optimize } = require("svgo");
-const prettier = require("prettier");
-const fs = require("fs-extra");
-const { transform } = require("@svgr/core");
-
-const svgDir = join(__dirname, "svg/originals");
-const tsxDir = join(__dirname, "svg");
-const templateFilePath = join(__dirname, "svg/_PictogramTemplate.tsx");
-const timestampFilePath = join(__dirname, "timestamp.txt");
-
-const colorMapValues = {
-  "#0B3EE3": "{colorValues.hands}",
-  "#AAEEEF": "{colorValues.main}",
-  "#00C5CA": "{colorValues.secondary}"
-};
-
-const convertTimestampToReadableFormat = timestamp =>
-  new Date(timestamp).toLocaleString("it-IT", {
-    timeZone: "Europe/Rome"
-  });
-
-fs.readFile(timestampFilePath, "utf8", (err, timestamp) => {
-  if (err) {
-    console.log("Timestamp file not found.");
-    throw err;
-  }
-
-  console.log(
-    "Last processed timestamp:",
-    convertTimestampToReadableFormat(timestamp)
-  );
-  console.log(`————————————————`);
-
-  fs.readdir(svgDir, (err, files) => {
-    if (err) {
-      throw err;
-    }
-
-    files.forEach(file => {
-      const filePath = join(svgDir, file);
-      const fileStats = fs.statSync(filePath);
-
-      /* Only process files with a more recent creation
-      date later than the timestamp value */
-      if (fileStats.mtime > new Date(timestamp)) {
-        const data = fs.readFileSync(filePath, "utf8");
-
-        // Check if the file is an SVG
-        if (!file.endsWith(".svg")) {
-          return;
-        }
-
-        // Using SVGO to optimize the SVG
-        const result = optimize(data, {
-          path: filePath,
-          plugins: [
-            "removeDimensions",
-            "removeRasterImages",
-            "removeScriptElement",
-            "removeUselessDefs"
-          ]
-        });
-        // Overwrite original SVG file with optimized code
-        fs.writeFileSync(filePath, result.data);
-
-        // Convert SVG to JSX using `svgr`
-        const jsxCode = transform.sync(result.data, {
-          // Optimize SVG code using SVGO
-          svgo: true,
-          svgoConfig: {
-            removeRasterImages: true,
-            removeScriptElement: true,
-            removeUselessDefs: true
-          },
-          // Transform tags in Capital Case for React Native
-          native: true,
-          // Remove `width` and `height` attrs
-          dimensions: false,
-          /* Replace the hardcoded color value with one
-          obtained from `colorMapValues`. */
-          replaceAttrValues: colorMapValues,
-          /* Prettify the result */
-          plugins: ["@svgr/plugin-jsx"]
-        });
-
-        // Extract only the Path tags from the JSX code
-        const pathTagRegex = /<Path[^>]*\/>/g;
-        const pathTags = jsxCode.match(pathTagRegex);
-        const jsxCodeWithPathOnly = pathTags.join("");
-
-        const template = fs.readFileSync(templateFilePath, "utf8");
-        const componentData = template
-          .replace(/PictogramTemplate/g, file.replace(".svg", ""))
-          .replace(/\/\/.*\n/g, "") // Remove lines starting with //
-          .replace(`{/* SVGContent */}`, jsxCodeWithPathOnly);
-
-        // Save the file with the same filename with `.tsx` extension
-        const fileWithTsxExtension = file.replace(".svg", ".tsx");
-        const tsxFilePath = join(tsxDir, fileWithTsxExtension);
-        fs.writeFileSync(
-          tsxFilePath,
-          prettier.format(componentData, { parser: "typescript" })
-        );
-
-        console.log(`${file} → ${fileWithTsxExtension}`);
-      }
-    });
-
-    const newTimestamp = new Date();
-    const convertedISOTimestamp = newTimestamp.toISOString();
-    fs.writeFileSync(timestampFilePath, convertedISOTimestamp);
-
-    const readableUpdatedTimestamp =
-      convertTimestampToReadableFormat(newTimestamp);
-
-    console.log(`————————————————`);
-    console.log("Updated timestamp:", readableUpdatedTimestamp);
-  });
-});

package/src/components/pictograms/timestamp.txt

@@ -1 +0,0 @@
-2023-10-30T13:28:58.366Z

package/src/stories/ButtonDS.stories.ts

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

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

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

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

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

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

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

@@ -1,28 +0,0 @@
-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"
-  }
-};