@fluidattacks/design 1.2.28 → 1.2.30

package/dist/gradients.svg

@@ -5,9 +5,9 @@
       <stop offset="1" stop-color="#B8075D"/>
     </linearGradient>
 
-    <linearGradient id="gradient-02" gradientTransform="rotate(-45)">
-      <stop stop-color="#FCFCFD"/>
-      <stop offset="1" stop-color="#667085"/>
-    </linearGradient>
+    <linearGradient id="gradient-02" gradientTransform="rotate(90)">
+			<stop stop-color="#667085"/>
+			<stop offset="1" stop-color="#FCFCFD"/>
+		</linearGradient>
   </defs>
 </svg>

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 {boolean} [external] - Whether the link should open in a new tab.
  * @property {string} [href] - Link URL for link variant.
  * @property {TMode} [mode] - The background theme: dark or light.
  * @property {string} [tooltip] - Tooltip message.
@@ -21,6 +22,7 @@ type TVariant = "primary" | "primaryWeb" | "secondary" | "secondaryWeb" | "terti
  */
 interface IButtonProps extends IBorderModifiable, IDisplayModifiable, IMarginModifiable, IPaddingModifiable, Partial<IIconModifiable>, ButtonHTMLAttributes<HTMLButtonElement> {
     bold?: boolean;
+    external?: boolean;
     href?: string;
     mode?: TMode;
     showArrow?: boolean;

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

@@ -0,0 +1,3 @@
+import { IContentCardCarouselProps } from './types';
+declare const ContentCardCarousel: ({ description, items, title, titleHighlighted, }: Readonly<IContentCardCarouselProps>) => JSX.Element;
+export { ContentCardCarousel };

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

@@ -1,2 +1,6 @@
-declare const ScrollButtons: () => JSX.Element;
+import { RefObject } from 'react';
+declare const ScrollButtons: ({ containerRef, id, }: Readonly<{
+    containerRef?: RefObject<HTMLDivElement>;
+    id: string;
+}>) => JSX.Element;
 export { ScrollButtons };

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

@@ -1,2 +1,3 @@
-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 };
+declare const StyledIconBtn: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+declare const OutlineContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export { OutlineContainer, StyledIconBtn };

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

@@ -0,0 +1,3 @@
+import { IIconCardProps } from './types';
+declare const IconCard: ({ icon }: Readonly<IIconCardProps>) => JSX.Element;
+export { IconCard };

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

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

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

@@ -0,0 +1,10 @@
+type DefaultIconNames = "book-open" | "bullseye" | "briefcase" | "calendar-xmark" | "diagram-venn" | "file" | "headset" | "infinity" | "messages-question" | "radar" | "scanner-touchscreen" | "screwdriver-wrench" | "sidebar" | "user-robot";
+/**
+ * Icon card props interface.
+ * @interface IconCardProps
+ * @property { DefaultIconNames } icon - Custom selection of FontAwesome icons.
+ */
+interface IIconCardProps {
+    icon: DefaultIconNames;
+}
+export type { IIconCardProps };

package/dist/src/components/interactive-card/icon/index.d.ts

@@ -0,0 +1,5 @@
+import { IconName } from '@fortawesome/free-solid-svg-icons';
+declare const InteractiveIcon: ({ icon, }: Readonly<{
+    icon: IconName;
+}>) => JSX.Element;
+export { InteractiveIcon };

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

@@ -0,0 +1,3 @@
+import { IInteractiveCardProps } from './types';
+declare const InteractiveCard: ({ category, description, href, icon, location, title, }: Readonly<IInteractiveCardProps>) => JSX.Element;
+export { InteractiveCard };

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

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

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

@@ -0,0 +1,20 @@
+import { IconName } from '@fortawesome/free-solid-svg-icons';
+/**
+ * Interactive card component props.
+ * @interface IInteractiveCardProps
+ * @property {string} category - The category of the card, e.g. "Success story".
+ * @property {string} description - The description of the card.
+ * @property {string} href - The URL of the card.
+ * @property {IconName} icon - The icon of the card.
+ * @property {string} location - The location of the card, e.g. "Latin America".
+ * @property {string} title - The title of the card.
+ */
+interface IInteractiveCardProps {
+    category: string;
+    description: string;
+    href: string;
+    icon: IconName;
+    location: string;
+    title: string;
+}
+export type { IInteractiveCardProps };

package/dist/src/index.d.ts

@@ -6,10 +6,12 @@ export * from './components/cloud-image';
 export * from './components/colors';
 export * from './components/container';
 export * from './components/content-card';
+export * from './components/content-card-carousel';
 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/logo';
 export * from './components/logo-carousel';

package/package.json

@@ -6,7 +6,7 @@
   "dependencies": {
     "@cloudinary/react": "1.13.0",
     "@cloudinary/url-gen": "1.21.0",
-    "@fortawesome/free-solid-svg-icons": "6.6.0",
+    "@fortawesome/free-solid-svg-icons": "6.7.1",
     "@fortawesome/react-fontawesome": "0.2.2",
     "react": "18.2.0",
     "react-dom": "18.2.0",
@@ -92,5 +92,5 @@
     "storybook": "storybook dev"
   },
   "types": "dist/src/index.d.ts",
-  "version": "1.2.28"
+  "version": "1.2.30"
 }