@fluidattacks/design 1.2.25 → 1.2.26

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

@@ -0,0 +1,3 @@
+import { IInputProps } from '../../types';
+declare const PhoneInput: import('react').ForwardRefExoticComponent<Readonly<IInputProps> & import('react').RefAttributes<unknown>>;
+export { PhoneInput };

package/dist/src/components/inputs/fields/phone/styles.d.ts

@@ -0,0 +1,6 @@
+declare const StyledPhoneInputContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const StyledCountrySelector: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+declare const StyledDropdown: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
+declare const StyledCountryItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>> & string;
+declare const StyledCountryName: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+export { StyledCountryName, StyledCountrySelector, StyledCountryItem, StyledDropdown, StyledPhoneInputContainer, };

package/dist/src/components/inputs/fields/text-input/index.d.ts

@@ -0,0 +1,3 @@
+import { IInputProps } from '../../types';
+declare const TextInput: import('react').ForwardRefExoticComponent<Readonly<IInputProps> & import('react').RefAttributes<HTMLInputElement>>;
+export { TextInput };

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

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

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

@@ -0,0 +1,3 @@
+import { ILabelProps } from '../types';
+declare const Label: ({ htmlFor, label, mode, required, tooltip, }: Readonly<ILabelProps>) => JSX.Element;
+export { Label };

package/dist/src/components/inputs/outline-container/index.d.ts

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from 'react';
+import { IOutlineContainerProps } from '../types';
+declare const OutlineContainer: ({ children, error, htmlFor, label, mode, required, tooltip, }: Readonly<PropsWithChildren<IOutlineContainerProps>>) => JSX.Element;
+export { OutlineContainer };

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

@@ -0,0 +1,3 @@
+declare const StyledOutlineContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const StyledTextInputContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export { StyledOutlineContainer, StyledTextInputContainer };

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

@@ -0,0 +1,48 @@
+import { InputHTMLAttributes } from 'react';
+import { TMode } from '../@core';
+/**
+ * Label component props.
+ * @interface ILabelProps
+ * @property {string} htmlFor - The htmlFor of the input.
+ * @property {string | JSX.Element} [label] - The label of the input.
+ * @property {TMode} [mode] - The background theme: dark or light.
+ * @property {boolean} [required] - Whether the input is required.
+ * @property {string} [tooltip] - The tooltip of the input.
+ */
+interface ILabelProps {
+    htmlFor: string;
+    label?: string | JSX.Element;
+    mode?: TMode;
+    required?: boolean;
+    tooltip?: string;
+}
+/**
+ * Outline container component props.
+ * @interface IOutlineContainerProps
+ * @extends ILabelProps
+ * @property {string} [error] - The error message of the input.
+ * @property {string} [helpLink] - The help link of the input.
+ * @property {string} [helpLinkText] - The help link text of the input.
+ * @property {string} [helpText] - The help text of the input.
+ * @property {number} [maxLength] - The max length of the input.
+ */
+interface IOutlineContainerProps extends ILabelProps {
+    error?: string;
+    helpLink?: string;
+    helpLinkText?: string;
+    helpText?: string;
+    maxLength?: number;
+}
+/**
+ * Input text component props.
+ * @interface IInputProps
+ * @extends ILabelProps
+ * @extends InputHTMLAttributes<HTMLInputElement>
+ * @property {string} [error] - The error message of the input.
+ * @property {string} id - The id of the input.
+ */
+interface IInputProps extends InputHTMLAttributes<HTMLInputElement>, Partial<ILabelProps> {
+    error?: string;
+    id: string;
+}
+export type { IInputProps, ILabelProps, IOutlineContainerProps };

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

@@ -7,9 +7,11 @@ import { IMarginModifiable, IPaddingModifiable, ISizeModifiable, ITextModifiable
  * @extends IPaddingModifiable
  * @extends ISizeModifiable
  * @extends ITextModifiable
+ * @property {string} [className] - Additional class names.
  * @property {Display} [display] - Text display layout.
  */
 interface ITypographyProps extends IMarginModifiable, ISizeModifiable, IPaddingModifiable, Omit<ITextModifiable, "fontSize"> {
+    className?: string;
     display?: Property.Display;
 }
 type THeadingProps = ITypographyProps;

package/dist/src/index.d.ts

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

package/package.json

@@ -10,6 +10,7 @@
     "@fortawesome/react-fontawesome": "0.2.2",
     "react": "18.2.0",
     "react-dom": "18.2.0",
+    "react-international-phone": "4.3.0",
     "react-tooltip": "5.28.0",
     "styled-components": "6.1.13"
   },
@@ -28,7 +29,7 @@
     "@types/react-dom": "18.2.0",
     "@vitejs/plugin-react-swc": "3.7.1",
     "autoprefixer": "10.4.20",
-    "eslint": "9.13.0",
+    "eslint": "9.14.0",
     "eslint-config-prettier": "9.1.0",
     "eslint-import-resolver-typescript": "3.6.3",
     "eslint-plugin-functional": "7.0.2",
@@ -39,15 +40,15 @@
     "eslint-plugin-project-structure": "3.0.1",
     "eslint-plugin-react": "7.37.0",
     "eslint-plugin-react-hooks": "5.0.0",
-    "postcss": "8.4.47",
+    "postcss": "8.4.49",
     "postcss-styled-syntax": "0.7.0",
     "remark-gfm": "4.0.0",
     "storybook": "8.4.3",
     "stylelint": "16.10.0",
     "stylelint-config-standard": "36.0.1",
-    "tailwindcss": "3.4.14",
+    "tailwindcss": "3.4.15",
     "typescript": "5.6.3",
-    "typescript-eslint": "8.12.2",
+    "typescript-eslint": "8.14.0",
     "vite": "5.4.10",
     "vite-plugin-css-injected-by-js": "3.5.2",
     "vite-plugin-dts": "4.3.0"
@@ -90,5 +91,5 @@
     "storybook": "storybook dev"
   },
   "types": "dist/src/index.d.ts",
-  "version": "1.2.25"
+  "version": "1.2.26"
 }