@fluidattacks/design 1.5.0 → 2.0.0

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

@@ -0,0 +1,23 @@
+import type { TTextProps } from "./types";
+interface IStyledTextProps {
+    $bgGradient?: TTextProps["bgGradient"];
+    $color?: TTextProps["color"];
+    $display?: TTextProps["display"];
+    $fontFamily?: TTextProps["fontFamily"];
+    $fontWeight?: TTextProps["fontWeight"];
+    $letterSpacing?: TTextProps["letterSpacing"];
+    $lineSpacing?: TTextProps["lineSpacing"];
+    $lineSpacingSm?: TTextProps["lineSpacingSm"];
+    $size: TTextProps["size"];
+    $sizeMd: TTextProps["sizeMd"];
+    $sizeSm: TTextProps["sizeSm"];
+    $textFill?: TTextProps["textFill"];
+    $wordBreak?: TTextProps["wordBreak"];
+}
+declare const StyledHeading: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("components/@core").IPaddingModifiable | keyof import("components/@core").IMarginModifiable | keyof import("components/@core").IPositionModifiable | keyof import("components/@core").IBorderModifiable | keyof import("components/@core").IDisplayModifiable | keyof import("components/@core").ITextModifiable | keyof import("components/@core").IInteractionModifiable> & import("components/@core").IBorderModifiable & import("components/@core").IDisplayModifiable & import("components/@core").IInteractionModifiable & import("components/@core").IMarginModifiable & import("components/@core").IPaddingModifiable & import("components/@core").IPositionModifiable & import("components/@core").ITextModifiable, "ref"> & {
+    ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
+}, IStyledTextProps>> & string;
+declare const StyledText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof import("components/@core").IPaddingModifiable | keyof import("components/@core").IMarginModifiable | keyof import("components/@core").IPositionModifiable | keyof import("components/@core").IBorderModifiable | keyof import("components/@core").IDisplayModifiable | keyof import("components/@core").ITextModifiable | keyof import("components/@core").IInteractionModifiable> & import("components/@core").IBorderModifiable & import("components/@core").IDisplayModifiable & import("components/@core").IInteractionModifiable & import("components/@core").IMarginModifiable & import("components/@core").IPaddingModifiable & import("components/@core").IPositionModifiable & import("components/@core").ITextModifiable, "ref"> & {
+    ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
+}, IStyledTextProps>> & string;
+export { StyledHeading, StyledText };

package/dist/types/components/typography/text/index.d.ts

@@ -0,0 +1,3 @@
+import type { PropsWithChildren } from "react";
+declare const Text: import("react").ForwardRefExoticComponent<Readonly<PropsWithChildren<import("../types").ITypographyProps>> & import("react").RefAttributes<HTMLParagraphElement>>;
+export { Text };

package/dist/{src → types}/components/typography/types.d.ts

@@ -1,5 +1,5 @@
-import { Property } from 'csstype';
-import { IMarginModifiable, IPaddingModifiable, ISizeModifiable, ITextModifiable } from '../@core';
+import type { Property } from "csstype";
+import { IMarginModifiable, IPaddingModifiable, ISizeModifiable, ITextModifiable } from "components/@core";
 /**
  * Typography component props.
  * @interface ITypographyProps

package/dist/types/hooks/index.d.ts

@@ -0,0 +1,4 @@
+import { useCarousel } from "./use-carousel";
+import { useClickOutside } from "./use-click-outside";
+import { useCloudinaryImage } from "./use-cloudinary-image";
+export { useCarousel, useCloudinaryImage, useClickOutside };

package/dist/{src → types}/hooks/use-cloudinary-image.d.ts

@@ -1,4 +1,4 @@
-import { CloudinaryImage } from '@cloudinary/url-gen';
+import type { CloudinaryImage } from "@cloudinary/url-gen";
 /**
  * Cloudinary image hook props.
  * @interface IUseCloudinaryImageProps

package/dist/types/index.d.ts

@@ -0,0 +1,42 @@
+import "./styles/global.css";
+export * from "components/@core";
+export * from "components/accordion";
+export * from "components/alert";
+export * from "components/button";
+export * from "components/carousel";
+export * from "components/checkbox";
+export * from "components/cloud-image";
+export * from "components/code-snippet";
+export * from "components/colors";
+export * from "components/container";
+export * from "components/content-card";
+export * from "components/content-card-carousel";
+export * from "components/divider";
+export * from "components/file-preview";
+export * from "components/form";
+export * from "components/icon";
+export * from "components/icon-button";
+export * from "components/inputs";
+export * from "components/interactive-card";
+export * from "components/language-selector";
+export * from "components/link";
+export * from "components/list-item";
+export * from "components/little-flag";
+export * from "components/logo";
+export * from "components/logo-carousel";
+export * from "components/lottie";
+export * from "components/message-banner";
+export * from "components/notification";
+export * from "components/notification-sign";
+export * from "components/number-input";
+export * from "components/progress-bar";
+export * from "components/radio-button";
+export * from "components/search-bar";
+export * from "components/table-button";
+export * from "components/tabs";
+export * from "components/tag";
+export * from "components/toggle";
+export * from "components/toggle-buttons";
+export * from "components/tooltip";
+export * from "components/typography";
+export * from "hooks";

package/package.json

@@ -8,15 +8,18 @@
     "@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",
     "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",
   "devDependencies": {
+    "@rollup/plugin-terser": "0.4.4",
     "@storybook/addon-a11y": "8.4.6",
     "@storybook/addon-essentials": "8.4.6",
     "@storybook/addon-interactions": "8.4.6",
@@ -46,6 +49,7 @@
     "postcss": "8.4.49",
     "postcss-styled-syntax": "0.7.0",
     "remark-gfm": "4.0.0",
+    "rollup-plugin-visualizer": "5.12.0",
     "storybook": "8.4.6",
     "stylelint": "16.11.0",
     "stylelint-config-standard": "36.0.1",
@@ -53,8 +57,7 @@
     "typescript": "5.7.2",
     "typescript-eslint": "8.16.0",
     "vite": "5.4.11",
-    "vite-plugin-css-injected-by-js": "3.5.2",
-    "vite-plugin-dts": "4.3.0"
+    "vite-plugin-css-injected-by-js": "3.5.2"
   },
   "eslintConfig": {
     "extends": [
@@ -72,8 +75,8 @@
     "fluidattacks"
   ],
   "license": "MPL-2.0",
-  "main": "dist/design.js",
-  "module": "dist/design.mjs",
+  "main": "dist/index.mjs",
+  "module": "dist/index.js",
   "name": "@fluidattacks/design",
   "optionalDependencies": {
     "@floating-ui/react-dom": "2.1.2",
@@ -88,13 +91,13 @@
     "url": "git+https://gitlab.com/fluidattacks/universe.git"
   },
   "scripts": {
-    "build": "tsc && vite build",
+    "build": "vite build && tsc --emitDeclarationOnly",
     "build-storybook": "storybook build",
     "dev": "vite",
     "preview": "vite preview",
     "storybook": "storybook dev",
     "test-storybook": "test-storybook"
   },
-  "types": "dist/src/index.d.ts",
-  "version": "1.5.0"
+  "types": "dist/types/index.d.ts",
+  "version": "2.0.0"
 }