@fluidattacks/design 1.2.27 → 1.2.28

package/dist/src/components/@core/types.d.ts

@@ -84,6 +84,7 @@ type TSize = keyof DefaultTheme["typography"]["heading"];
 type TSpacing = keyof DefaultTheme["spacing"];
 type TShadows = keyof DefaultTheme["shadows"];
 type TIconSize = "xl" | "lg" | "md" | "sm" | "xs" | "xxs";
+type TIconType = "fa-brands" | "fa-light" | "fa-regular" | "fa-solid";
 type TMode = "dark" | "light";
 interface IPaddingModifiable {
     padding?: [TSpacing, TSpacing, TSpacing, TSpacing];
@@ -124,6 +125,7 @@ interface IIconModifiable {
     icon: IconName;
     iconColor?: string;
     iconSize: TIconSize;
+    iconType?: TIconType;
 }
 interface ISizeModifiable {
     size: TSize;
@@ -174,4 +176,4 @@ interface IInteractionModifiable {
     shadowHover?: TShadows;
 }
 type TModifiable = IBorderModifiable & IDisplayModifiable & IInteractionModifiable & IMarginModifiable & IPaddingModifiable & IPositionModifiable & ITextModifiable;
-export type { DefaultTheme as ThemeType, TSpacing, IPaddingModifiable, IMarginModifiable, IDisplayModifiable, IIconModifiable, ITextModifiable, IInteractionModifiable, IPositionModifiable, IBorderModifiable, ISizeModifiable, TIconSize, TModifiable, TMode, TSize, };
+export type { DefaultTheme as ThemeType, TSpacing, IPaddingModifiable, IMarginModifiable, IDisplayModifiable, IIconModifiable, ITextModifiable, IInteractionModifiable, IPositionModifiable, IBorderModifiable, ISizeModifiable, TIconSize, TIconType, TModifiable, TMode, TSize, };

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

@@ -12,6 +12,7 @@ type TVariant = "primary" | "primaryWeb" | "secondary" | "secondaryWeb" | "terti
  * @extends IIconModifiable
  * @extends ButtonHTMLAttributes<HTMLButtonElement>
  * @property {boolean} [bold] - Text bold for link variant.
+ * @property {string} [href] - Link URL for link variant.
  * @property {TMode} [mode] - The background theme: dark or light.
  * @property {string} [tooltip] - Tooltip message.
  * @property {TPlace} [tooltipPlace] - Tooltip message relative place.
@@ -20,6 +21,7 @@ type TVariant = "primary" | "primaryWeb" | "secondary" | "secondaryWeb" | "terti
  */
 interface IButtonProps extends IBorderModifiable, IDisplayModifiable, IMarginModifiable, IPaddingModifiable, Partial<IIconModifiable>, ButtonHTMLAttributes<HTMLButtonElement> {
     bold?: boolean;
+    href?: string;
     mode?: TMode;
     showArrow?: boolean;
     tooltip?: string;

package/dist/src/components/content-card/category-tag/index.d.ts

@@ -0,0 +1,5 @@
+declare const CategoryTag: ({ tag, tagPosition, }: Readonly<{
+    tag?: string;
+    tagPosition?: string;
+}>) => JSX.Element | null;
+export { CategoryTag };

package/dist/src/components/content-card/event-date/index.d.ts

@@ -1,5 +1,4 @@
-import { IEventDate } from '../types';
 declare const EventDate: ({ eventDate, }: Readonly<{
-    eventDate?: IEventDate;
+    eventDate?: string;
 }>) => JSX.Element | null;
 export { EventDate };

package/dist/src/components/content-card/index.d.ts

@@ -1,3 +1,3 @@
 import { IContentCardProps } from './types';
-declare const ContentCard: ({ imageId, tag, eventDate, }: Readonly<IContentCardProps>) => JSX.Element;
+declare const ContentCard: ({ author, buttonText, description, eventDate, href, imageId, mode, publishDate, readingTime, tag, tagPosition, title, }: Readonly<IContentCardProps>) => JSX.Element;
 export { ContentCard };

package/dist/src/components/content-card/styles.d.ts

@@ -1,2 +1,2 @@
-declare const CardContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Readonly<import('react').PropsWithChildren<import('../container/types').IContainerProps>> & import('react').RefAttributes<HTMLDivElement>, never>> & string & Omit<import('react').ForwardRefExoticComponent<Readonly<import('react').PropsWithChildren<import('../container/types').IContainerProps>> & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
+declare const CardContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export { CardContainer };

package/dist/src/components/content-card/types.d.ts

@@ -1,37 +1,33 @@
-/**
- * Represents a date for an event.
- * @interface IEventDate
- * @property {string} day - The day of the event.
- * @property {string} month - The month of the event.
- */
-interface IEventDate {
-    day: string;
-    month: string;
-}
+import { TMode } from '../@core';
 /**
  * Properties for the Content Card component.
+ * ** Note: All dates need to be provided in dayjs format.
  * @interface IContentCardProps
- * @property {string} imageId - ID of the image.
- * @property {string} [tag] - Optional tag or category label.
- * @property {IEventDate} [eventDate] - Optional date related to the event.
  * @property {string} [author] - Optional author.
- * @property {string} [publishDate] - Optional publish date.
- * @property {string} readingTime - Estimated reading time.
- * @property {string} title - Title of the card.
- * @property {string} description - Brief description.
  * @property {string} [buttonText] - Optional text for the action button.
+ * @property {string} [description] - Brief description.
+ * @property {string} [eventDate] - Optional date related to the event (DD-MMM).
  * @property {string} [href] - Optional URL for the action button link.
+ * @property {string} [imageId] - ID of the image.
+ * @property {string} [mode] - Optional mode (light, dark).
+ * @property {string} [publishDate] - Optional publish date (MMMM-D-YYYY).
+ * @property {string} [readingTime] - Estimated reading time.
+ * @property {string} [tag] - Optional tag or category label.
+ * @property {string} [tagPosition] - Optional position of the tag (top, bottom).
+ * @property {string} title - Title of the card.
  */
 interface IContentCardProps {
-    imageId: string;
-    tag?: string;
-    eventDate?: IEventDate;
     author?: string;
-    publishDate?: string;
-    readingTime: string;
-    title: string;
-    description: string;
     buttonText?: string;
+    description?: string;
+    eventDate?: string;
     href?: string;
+    imageId?: string;
+    mode?: TMode;
+    publishDate?: string;
+    readingTime?: string;
+    tag?: string;
+    tagPosition?: "top" | "bottom";
+    title: string;
 }
-export type { IContentCardProps, IEventDate };
+export type { IContentCardProps };

package/dist/src/components/content-card-carousel/scroll-buttons/index.d.ts

@@ -0,0 +1,2 @@
+declare const ScrollButtons: () => JSX.Element;
+export { ScrollButtons };

package/dist/src/components/content-card-carousel/styles.d.ts

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

package/dist/src/components/content-card-carousel/types.d.ts

@@ -0,0 +1,16 @@
+import { IContentCardProps } from '../content-card/types';
+/**
+ * Content card carousel properties.
+ * @interface IContentCardCarouselProps
+ * @property {string} description - Description of the carousel.
+ * @property {IContentCardProps[]} items - Array of content card items.
+ * @property {string} title - Title of the carousel.
+ * @property {string} titleHighlighted - Highlighted title of the carousel.
+ */
+interface IContentCardCarouselProps {
+    description: string;
+    items: IContentCardProps[];
+    title: string;
+    titleHighlighted: string;
+}
+export type { IContentCardCarouselProps };

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

@@ -1,6 +1,5 @@
 import { MouseEventHandler } from 'react';
 import { IIconModifiable, IMarginModifiable } from '../@core';
-type TIconType = "fa-brands" | "fa-light" | "fa-regular" | "fa-solid";
 /**
  * Icon Wrapper component props.
  * @interface IIconWrapProps
@@ -26,12 +25,10 @@ interface IIconWrapProps extends IIconModifiable, IMarginModifiable {
  * @property {string} [iconClass] - The icon class from fontawesome.
  * @property {string} [iconMask] - The data-fa-mask prop of icon.
  * @property {string} [iconTransform] - The data-fa-transform prop of icon.
- * @property {TIconType} [iconType] - The icon type.
  */
 interface IIconProps extends IIconWrapProps {
     iconClass?: string;
     iconMask?: string;
     iconTransform?: string;
-    iconType?: TIconType;
 }
-export type { IIconProps, IIconWrapProps, TIconType };
+export type { IIconProps, IIconWrapProps };

package/dist/src/components/icon-button/index.d.ts

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

package/dist/src/components/icon-button/styles.d.ts

@@ -0,0 +1,9 @@
+import { TSpacing } from '../@core';
+declare const StyledIconButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, 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: HTMLButtonElement | null) => void) | import('react').RefObject<HTMLButtonElement> | null | undefined;
+}, "$variant"> & import('../button/styles').IStyledButtonProps, {
+    $borderRadius?: string;
+    $px?: TSpacing;
+    $py?: TSpacing;
+}>> & string;
+export { StyledIconButton };

package/dist/src/components/icon-button/types.d.ts

@@ -0,0 +1,22 @@
+import { ButtonHTMLAttributes } from 'react';
+import { IBorderModifiable, IDisplayModifiable, IIconModifiable, IPaddingModifiable } from '../@core/types';
+import { TVariant } from '../button/styles';
+import { TPlace } from '../tooltip/types';
+/**
+ * IconButton component props.
+ * @interface IIconButtonProps
+ * @extends ButtonHTMLAttributes<HTMLButtonElement>
+ * @extends IBorderModifiable
+ * @extends IDisplayModifiable
+ * @extends IIconModifiable
+ * @extends IPaddingModifiable
+ * @property {string} [tooltip] - Tooltip text.
+ * @property {string} [tooltipPlace] - Tooltip placement.
+ * @property {TVariant} [variant] - Variant
+ */
+interface IIconButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, Pick<IDisplayModifiable, "height" | "justify" | "width">, Pick<IPaddingModifiable, "px" | "py">, IBorderModifiable, IIconModifiable {
+    tooltip?: string;
+    tooltipPlace?: TPlace;
+    variant?: TVariant;
+}
+export type { IIconButtonProps };

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

@@ -1,14 +1,17 @@
 import { 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('../@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"> & {

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

@@ -9,10 +9,14 @@ import { IMarginModifiable, IPaddingModifiable, ISizeModifiable, ITextModifiable
  * @extends ITextModifiable
  * @property {string} [className] - Additional class names.
  * @property {Display} [display] - Text display layout.
+ * @property {LineHeight<number | string>} - Line height in mobile resolution.
  */
 interface ITypographyProps extends IMarginModifiable, ISizeModifiable, IPaddingModifiable, Omit<ITextModifiable, "fontSize"> {
+    bgGradient?: Property.Background;
     className?: string;
     display?: Property.Display;
+    lineSpacingSm?: Property.LineHeight<number | string>;
+    textFill?: Property.WebkitTextFillColor;
 }
 type THeadingProps = ITypographyProps;
 type TTextProps = ITypographyProps;

package/dist/src/index.d.ts

@@ -5,8 +5,10 @@ export * from './components/checkbox';
 export * from './components/cloud-image';
 export * from './components/colors';
 export * from './components/container';
+export * from './components/content-card';
 export * from './components/form';
 export * from './components/icon';
+export * from './components/icon-button';
 export * from './components/inputs';
 export * from './components/language-selector';
 export * from './components/logo';

package/dist/src/utils/open-url.d.ts

@@ -0,0 +1 @@
+export declare const openUrl: (url: string, openANewTab?: boolean) => void;

package/package.json

@@ -47,9 +47,9 @@
     "stylelint": "16.10.0",
     "stylelint-config-standard": "36.0.1",
     "tailwindcss": "3.4.15",
-    "typescript": "5.6.3",
-    "typescript-eslint": "8.14.0",
-    "vite": "5.4.10",
+    "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"
   },
@@ -92,5 +92,5 @@
     "storybook": "storybook dev"
   },
   "types": "dist/src/index.d.ts",
-  "version": "1.2.27"
+  "version": "1.2.28"
 }