@fluidattacks/design 2.5.0 → 2.6.0

package/dist/types/components/typography/styles.d.ts

@@ -10,8 +10,8 @@ interface IStyledTextProps {
     $lineSpacing?: TTextProps["lineSpacing"];
     $lineSpacingSm?: TTextProps["lineSpacingSm"];
     $size: TTextProps["size"];
-    $sizeMd: TTextProps["sizeMd"];
-    $sizeSm: TTextProps["sizeSm"];
+    $sizeMd?: TTextProps["sizeMd"];
+    $sizeSm?: TTextProps["sizeSm"];
     $textFill?: TTextProps["textFill"];
     $wordBreak?: TTextProps["wordBreak"];
 }
@@ -22,4 +22,5 @@ declare const StyledText: import("styled-components/dist/types").IStyledComponen
     ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
 }, IStyledTextProps>> & string;
 declare const StyledSpan: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, IStyledTextProps>> & string;
+export type { IStyledTextProps };
 export { StyledHeading, StyledText, StyledSpan };

package/dist/types/components/web-form/index.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from "react";
+import { FormItem } from "./styles";
+import { IFormProps } from "./types";
+declare const WebForm: ({ children, name, onSubmit, submitDisabled, submitLabel, }: Readonly<PropsWithChildren<IFormProps>>) => JSX.Element;
+export { WebForm, FormItem };

package/dist/types/components/web-form/styles.d.ts

@@ -0,0 +1,4 @@
+declare const StyledForm: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, never>> & string;
+declare const StyledInnerContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const FormItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export { FormItem, StyledForm, StyledInnerContainer };

package/dist/types/components/web-form/types.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Form component props.
+ * @interface IFormProps
+ * @property {string} name The name of the form.
+ * @property {Function} [onSubmit] Callback to be executed when form is submitted.
+ * @property {boolean} [submitDisabled] Whether the submit button should be disabled.
+ * @property {string} [submitLabel] The label to show on submit.
+ */
+interface IFormProps {
+    name: string;
+    onSubmit?: React.FormEventHandler<HTMLFormElement>;
+    submitDisabled?: boolean;
+    submitLabel?: string;
+}
+export type { IFormProps };

package/dist/types/index.d.ts

@@ -60,4 +60,5 @@ export * from "components/toggle-buttons";
 export * from "components/tooltip";
 export * from "components/tour";
 export * from "components/typography";
+export * from "components/web-form";
 export * from "hooks";

package/package.json

@@ -4,18 +4,8 @@
     "url": "https://gitlab.com/fluidattacks/universe/issues"
   },
   "dependencies": {
-    "@cloudinary/react": "1.13.1",
-    "@cloudinary/url-gen": "1.21.0",
-    "@fortawesome/free-solid-svg-icons": "6.7.1",
-    "@fortawesome/react-fontawesome": "0.2.2",
-    "lottie-light-react": "2.4.0",
-    "motion": "11.13.1",
-    "prismjs": "1.29.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-international-phone": "4.3.0",
-    "react-joyride": "2.9.3",
-    "react-tooltip": "5.28.0",
     "styled-components": "6.1.13"
   },
   "description": "Fluidattacks core components library",
@@ -56,7 +46,7 @@
     "stylelint-config-standard": "36.0.1",
     "tailwindcss": "3.4.16",
     "typescript": "5.7.2",
-    "typescript-eslint": "8.16.0",
+    "typescript-eslint": "8.18.0",
     "vite": "6.0.3",
     "vite-plugin-css-injected-by-js": "3.5.2"
   },
@@ -79,10 +69,31 @@
   "main": "dist/index.mjs",
   "module": "dist/index.js",
   "name": "@fluidattacks/design",
-  "optionalDependencies": {
+  "peerDependencies": {
+    "@cloudinary/react": "1.13.1",
+    "@cloudinary/url-gen": "1.21.0",
     "@floating-ui/react-dom": "2.1.2",
+    "@fortawesome/free-solid-svg-icons": "6.7.1",
+    "@fortawesome/react-fontawesome": "0.2.2",
+    "@internationalized/date": "3.6.0",
+    "@react-aria/button": "3.11.0",
+    "@react-aria/calendar": "3.6.0",
+    "@react-aria/datepicker": "3.12.0",
+    "@react-aria/dialog": "3.5.20",
+    "@react-aria/i18n": "3.12.4",
+    "@react-aria/overlays": "3.24.0",
+    "@react-stately/calendar": "3.6.0",
+    "@react-stately/datepicker": "3.11.0",
+    "@react-stately/overlays": "3.6.12",
+    "@react-types/shared": "3.26.0",
+    "lottie-light-react": "2.4.0",
+    "motion": "11.13.5",
+    "prismjs": "1.29.0",
     "react-hook-form": "7.53.2",
-    "react-router-dom": "6.28.0"
+    "react-international-phone": "4.3.0",
+    "react-router-dom": "6.28.0",
+    "react-joyride": "2.9.3",
+    "react-tooltip": "5.28.0"
   },
   "publishConfig": {
     "access": "public"
@@ -100,5 +111,5 @@
     "test-storybook": "test-storybook"
   },
   "types": "dist/types/index.d.ts",
-  "version": "2.5.0"
+  "version": "2.6.0"
 }