@fluidattacks/design 1.2.26 → 1.2.27

package/dist/src/components/container/styles.d.ts

@@ -1,5 +1,7 @@
 interface IStyledContainerProps {
     $center?: boolean;
+    $styleMd?: string;
+    $styleSm?: string;
 }
 declare const StyledContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('../@core').IPaddingModifiable | keyof import('../@core').IMarginModifiable | keyof import('../@core').IPositionModifiable | keyof import('../@core').IBorderModifiable | keyof import('../@core').IDisplayModifiable | keyof import('../@core').ITextModifiable | keyof import('../@core').IInteractionModifiable> & import('../@core').IBorderModifiable & import('../@core').IDisplayModifiable & import('../@core').IInteractionModifiable & import('../@core').IMarginModifiable & import('../@core').IPaddingModifiable & import('../@core').IPositionModifiable & import('../@core').ITextModifiable, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;

package/dist/src/components/container/types.d.ts

@@ -16,5 +16,7 @@ interface IContainerProps extends TModifiable, HTMLAttributes<HTMLDivElement> {
     center?: boolean;
     onHover?: () => void;
     onLeave?: () => void;
+    styleMd?: string;
+    styleSm?: string;
 }
 export type { IContainerProps };

package/dist/src/components/form/index.d.ts

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

package/dist/src/components/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/src/components/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/src/components/inputs/fields/phone/index.d.ts

@@ -1,3 +1,3 @@
 import { IInputProps } from '../../types';
-declare const PhoneInput: import('react').ForwardRefExoticComponent<Readonly<IInputProps> & import('react').RefAttributes<unknown>>;
+declare const PhoneInput: ({ disabled, error, id, label, mode, name, required, tooltip, value, ...props }: Readonly<IInputProps>) => JSX.Element;
 export { PhoneInput };

package/dist/src/components/inputs/index.d.ts

@@ -1,4 +1,4 @@
 import { PhoneInput } from './fields/phone';
 import { TextInput } from './fields/text-input';
-import { Label } from './label';
-export { Label, PhoneInput, TextInput };
+import { OutlineContainer } from './outline-container';
+export { OutlineContainer, PhoneInput, TextInput };

package/dist/src/index.d.ts

@@ -5,6 +5,7 @@ export * from './components/checkbox';
 export * from './components/cloud-image';
 export * from './components/colors';
 export * from './components/container';
+export * from './components/form';
 export * from './components/icon';
 export * from './components/inputs';
 export * from './components/language-selector';

package/package.json

@@ -16,15 +16,15 @@
   },
   "description": "Fluidattacks core components library",
   "devDependencies": {
-    "@storybook/addon-a11y": "8.4.3",
-    "@storybook/addon-essentials": "8.4.3",
-    "@storybook/addon-interactions": "8.4.3",
-    "@storybook/addon-links": "8.4.3",
-    "@storybook/addon-viewport": "8.4.3",
-    "@storybook/blocks": "8.4.3",
-    "@storybook/react": "8.4.3",
-    "@storybook/react-vite": "8.4.3",
-    "@storybook/test": "8.4.3",
+    "@storybook/addon-a11y": "8.4.5",
+    "@storybook/addon-essentials": "8.4.5",
+    "@storybook/addon-interactions": "8.4.5",
+    "@storybook/addon-links": "8.4.5",
+    "@storybook/addon-viewport": "8.4.5",
+    "@storybook/blocks": "8.4.5",
+    "@storybook/react": "8.4.5",
+    "@storybook/react-vite": "8.4.5",
+    "@storybook/test": "8.4.5",
     "@types/react": "18.2.0",
     "@types/react-dom": "18.2.0",
     "@vitejs/plugin-react-swc": "3.7.1",
@@ -43,7 +43,7 @@
     "postcss": "8.4.49",
     "postcss-styled-syntax": "0.7.0",
     "remark-gfm": "4.0.0",
-    "storybook": "8.4.3",
+    "storybook": "8.4.5",
     "stylelint": "16.10.0",
     "stylelint-config-standard": "36.0.1",
     "tailwindcss": "3.4.15",
@@ -74,6 +74,7 @@
   "name": "@fluidattacks/design",
   "optionalDependencies": {
     "@floating-ui/react-dom": "2.1.2",
+    "react-hook-form": "7.53.2",
     "react-router-dom": "6.28.0"
   },
   "publishConfig": {
@@ -91,5 +92,5 @@
     "storybook": "storybook dev"
   },
   "types": "dist/src/index.d.ts",
-  "version": "1.2.26"
+  "version": "1.2.27"
 }