@fluidattacks/design 1.2.16 → 1.2.17

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

@@ -0,0 +1,3 @@
+import { IAccordionContentProps } from './types';
+declare const AccordionContent: ({ isSelectedAndOpen, item, variant, render, }: Readonly<IAccordionContentProps>) => JSX.Element | null;
+export { AccordionContent };

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

@@ -0,0 +1,15 @@
+import { IAccordionItemProps, TVariant } from '../types';
+/**
+ * Accordion Content props
+ * @property {boolean} [isSelectedAndOpen] If item in accordion is selected and open.
+ * @property {IAccordionItemProps} [item] Accordion item.
+ * @property {TVariant} [variant] Type of accordion.
+ * @property {boolean} [render] Render condition.
+ */
+interface IAccordionContentProps {
+    isSelectedAndOpen: boolean;
+    item: IAccordionItemProps;
+    variant: TVariant;
+    render: boolean;
+}
+export type { IAccordionContentProps };

package/dist/src/components/accordion/platform/index.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react';
+import { IAccordionProps } from '../types';
+declare const config: Meta;
+declare const Default: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IAccordionProps>;
+export { Default };
+export default config;

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

@@ -1,16 +1,15 @@
-import { ICloudImageProps } from '../cloud-image';
 type TVariant = "progress" | "simple" | "platform";
 type TAligned = "end" | "start";
 /**
  * Accordion item props
  * @property {string} [title] Accordion title.
  * @property {string} [description] Accordion description.
- * @property {ICloudImageProps} [image] Accordion image.
+ * @property {JSX.Element} [extraElement] Accordion extra components.
  */
 interface IAccordionItemProps {
     title: string;
-    description: string | JSX.Element;
-    image?: ICloudImageProps;
+    description?: string;
+    extraElement?: JSX.Element;
 }
 /**
  * Pass more than 1 item to activate progress variant

package/dist/src/components/accordion/utils.d.ts

@@ -1,12 +1,20 @@
 import { IconName } from '@fortawesome/free-solid-svg-icons';
 import { Property } from 'csstype';
 import { SetStateAction } from 'react';
-declare const getItemBorderBottom: (index: number, totalItems: number) => string | undefined;
-declare const getItemBorderTop: (index: number, currentItem: number, isOpen: boolean) => string | undefined;
-declare const getProgressIcon: (index: number, currentItem: number, isOpen: boolean) => IconName;
-declare const getSimpleIcon: (index: number, currentItem: number, isOpen: boolean) => IconName;
-declare const getContentDisplay: (index: number, currentItem: number, isOpen: boolean) => Property.Display;
+import { TAligned, TVariant } from './types';
+import { TSpacing } from '../@core';
+declare const getItemBorderBottom: (index: number, isSelectedAndOpen: boolean, totalItems: number, variant: TVariant) => string | undefined;
+declare const getItemBorderTop: (isSelectedAndOpen: boolean, variant: TVariant) => string | undefined;
+declare const getIcon: (isSelectedAndOpen: boolean, variant: TVariant) => IconName;
+declare const getContentDisplay: (isSelectedAndOpen: boolean) => Property.Display;
 declare const handleContentVisibility: (index: number, currentItem: number, setIsOpen: (value: SetStateAction<boolean>) => void) => void;
+declare const getTitlePadding: (variant: TVariant) => [TSpacing, TSpacing, TSpacing, TSpacing];
+declare const getContentPadding: (variant: TVariant) => [TSpacing, TSpacing, TSpacing, TSpacing] | undefined;
+declare const getHoverBgColor: (variant: TVariant) => string | undefined;
+declare const getBorderColor: (variant: TVariant) => string;
+declare const getIconColor: (variant: TVariant) => string;
+declare const getFlexDirection: (aligned: TAligned) => Property.FlexDirection;
+declare const getFontSize: (variant: TVariant) => Property.FontSize;
 declare const getDelay: (progressTime: number) => number;
 declare const sleep: (seconds: number) => Promise<PromiseConstructor>;
-export { getItemBorderBottom, getItemBorderTop, getContentDisplay, getProgressIcon, getSimpleIcon, handleContentVisibility, getDelay, sleep, };
+export { getItemBorderBottom, getItemBorderTop, getBorderColor, getContentDisplay, getDelay, getFlexDirection, getFontSize, getHoverBgColor, getIconColor, getTitlePadding, getContentPadding, getIcon, handleContentVisibility, sleep, };

package/dist/src/components/language-selector/index.stories.d.ts

@@ -2,6 +2,7 @@ import { Meta } from '@storybook/react';
 import { ILangSelectorProps } from './types';
 declare const config: Meta;
 declare const Default: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ILangSelectorProps>;
+declare const FullLanguage: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ILangSelectorProps>;
 declare const DarkMode: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ILangSelectorProps>;
-export { Default, DarkMode };
+export { Default, FullLanguage, DarkMode };
 export default config;

package/dist/src/components/search-bar/styles.d.ts

@@ -0,0 +1,6 @@
+import { IItemSearchingProps } from './types';
+interface IItemProps {
+    $size: IItemSearchingProps["size"];
+}
+declare const StyledItemSearching: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IItemProps>> & string;
+export { StyledItemSearching };

package/dist/src/components/search-bar/types.d.ts

@@ -0,0 +1,14 @@
+import { IIconModifiable } from '../@core';
+type TSize = "lg" | "md" | "sm" | "xs";
+/**
+ * Item searching component props.
+ * @property {IconName} [icon] Icon to show with item.
+ * @property {boolean} [showIcon] True if the item includes an icon.
+ * @property {TSize} size The item size according to window resolution.
+ */
+interface IItemSearchingProps {
+    icon?: IIconModifiable["icon"];
+    showIcon?: boolean;
+    size: TSize;
+}
+export type { IItemSearchingProps };

package/package.json

@@ -19,6 +19,7 @@
     "@storybook/addon-essentials": "8.3.5",
     "@storybook/addon-interactions": "8.3.5",
     "@storybook/addon-links": "8.3.5",
+    "@storybook/addon-viewport": "8.3.5",
     "@storybook/blocks": "8.3.5",
     "@storybook/react": "8.3.5",
     "@storybook/react-vite": "8.3.5",
@@ -78,7 +79,7 @@
     "preview": "vite preview",
     "storybook": "storybook dev"
   },
-  "version": "1.2.16",
+  "version": "1.2.17",
   "eslintConfig": {
     "extends": [
       "plugin:storybook/recommended"