@fluidattacks/design 2.3.0 → 2.5.0

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

@@ -2,6 +2,7 @@ import type { TTextProps } from "./types";
 interface IStyledTextProps {
     $bgGradient?: TTextProps["bgGradient"];
     $color?: TTextProps["color"];
+    $content?: TTextProps["content"];
     $display?: TTextProps["display"];
     $fontFamily?: TTextProps["fontFamily"];
     $fontWeight?: TTextProps["fontWeight"];
@@ -20,4 +21,5 @@ declare const StyledHeading: import("styled-components/dist/types").IStyledCompo
 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 };
+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 { StyledHeading, StyledText, StyledSpan };

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

@@ -7,13 +7,17 @@ import { IMarginModifiable, IPaddingModifiable, ISizeModifiable, ITextModifiable
  * @extends IPaddingModifiable
  * @extends ISizeModifiable
  * @extends ITextModifiable
+ * @property {Property.Background} [bgGradient] - Background gradient.
  * @property {string} [className] - Additional class names.
+ * @property {string} [content] - Text content.
  * @property {Display} [display] - Text display layout.
  * @property {LineHeight<number | string>} - Line height in mobile resolution.
+ * @property {Property.WebkitTextFillColor} [textFill] - Text fill color.
  */
 interface ITypographyProps extends IMarginModifiable, ISizeModifiable, IPaddingModifiable, Omit<ITextModifiable, "fontSize"> {
     bgGradient?: Property.Background;
     className?: string;
+    content?: string;
     display?: Property.Display;
     lineSpacingSm?: Property.LineHeight<number | string>;
     textFill?: Property.WebkitTextFillColor;

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

@@ -2,5 +2,7 @@ import { useCarousel } from "./use-carousel";
 import { useClickOutside } from "./use-click-outside";
 import { useCloudinaryImage } from "./use-cloudinary-image";
 import { useDebouncedCallback } from "./use-debounced-callback";
+import { type IUseModal, useModal } from "./use-modal";
 import { useSearch } from "./use-search";
-export { useCarousel, useCloudinaryImage, useClickOutside, useDebouncedCallback, useSearch, };
+export type { IUseModal };
+export { useCarousel, useCloudinaryImage, useClickOutside, useDebouncedCallback, useModal, useSearch, };

package/dist/types/hooks/use-modal.d.ts

@@ -0,0 +1,11 @@
+interface IUseModal {
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+    isOpen: boolean;
+    name: string;
+    setIsOpen: (value: boolean) => void;
+}
+declare const useModal: (name: string) => IUseModal;
+export type { IUseModal };
+export { useModal };

package/dist/types/index.d.ts

@@ -3,19 +3,25 @@ export * from "components/@core";
 export * from "components/accordion";
 export * from "components/alert";
 export * from "components/button";
+export * from "components/card";
 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/confirm-dialog";
 export * from "components/container";
 export * from "components/content-card";
 export * from "components/content-card-carousel";
 export * from "components/divider";
+export * from "components/empty-state";
 export * from "components/file-preview";
 export * from "components/form";
+export * from "components/grid-container";
+export * from "components/group-selector";
 export * from "components/icon";
 export * from "components/icon-button";
+export * from "components/indicator-card";
 export * from "components/inputs";
 export * from "components/interactive-card";
 export * from "components/language-selector";
@@ -28,13 +34,17 @@ export * from "components/logo-carousel";
 export * from "components/lottie";
 export * from "components/menu";
 export * from "components/message-banner";
+export * from "components/modal";
 export * from "components/notification";
 export * from "components/notification-sign";
 export * from "components/number-input";
+export * from "components/oauth-selector";
 export * from "components/premium-feature";
 export * from "components/progress";
+export * from "components/pop-up";
 export * from "components/radio-button";
 export * from "components/scroll-button";
+export * from "components/search";
 export * from "components/search-bar";
 export * from "components/severity-badge";
 export * from "components/severity-overview";

package/package.json

@@ -4,7 +4,7 @@
     "url": "https://gitlab.com/fluidattacks/universe/issues"
   },
   "dependencies": {
-    "@cloudinary/react": "1.13.0",
+    "@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",
@@ -21,20 +21,20 @@
   "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",
-    "@storybook/addon-links": "8.4.6",
-    "@storybook/addon-viewport": "8.4.6",
-    "@storybook/blocks": "8.4.6",
-    "@storybook/react": "8.4.6",
-    "@storybook/react-vite": "8.4.6",
-    "@storybook/test": "8.4.6",
+    "@storybook/addon-a11y": "8.4.7",
+    "@storybook/addon-essentials": "8.4.7",
+    "@storybook/addon-interactions": "8.4.7",
+    "@storybook/addon-links": "8.4.7",
+    "@storybook/addon-viewport": "8.4.7",
+    "@storybook/blocks": "8.4.7",
+    "@storybook/react": "8.4.7",
+    "@storybook/react-vite": "8.4.7",
+    "@storybook/test": "8.4.7",
     "@storybook/test-runner": "0.20.1",
     "@types/prismjs": "1.26.5",
     "@types/react": "18.2.0",
     "@types/react-dom": "18.2.0",
-    "@vitejs/plugin-react-swc": "3.7.1",
+    "@vitejs/plugin-react-swc": "3.7.2",
     "autoprefixer": "10.4.20",
     "eslint": "9.14.0",
     "eslint-config-prettier": "9.1.0",
@@ -51,13 +51,13 @@
     "postcss-styled-syntax": "0.7.0",
     "remark-gfm": "4.0.0",
     "rollup-plugin-visualizer": "5.12.0",
-    "storybook": "8.4.6",
+    "storybook": "8.4.7",
     "stylelint": "16.11.0",
     "stylelint-config-standard": "36.0.1",
     "tailwindcss": "3.4.16",
     "typescript": "5.7.2",
     "typescript-eslint": "8.16.0",
-    "vite": "5.4.11",
+    "vite": "6.0.3",
     "vite-plugin-css-injected-by-js": "3.5.2"
   },
   "eslintConfig": {
@@ -100,5 +100,5 @@
     "test-storybook": "test-storybook"
   },
   "types": "dist/types/index.d.ts",
-  "version": "2.3.0"
+  "version": "2.5.0"
 }