@fluidattacks/design 1.3.0 → 1.4.0

package/dist/src/components/code-snippet/index.d.ts

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

package/dist/src/components/code-snippet/location-code/index.d.ts

@@ -0,0 +1,3 @@
+import { ICodeSnippetProps } from '../types';
+declare const Code: ({ noCodeMessage, snippet, specific, }: Readonly<ICodeSnippetProps>) => JSX.Element;
+export { Code };

package/dist/src/components/code-snippet/styles.d.ts

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

package/dist/src/components/code-snippet/types.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Snippet props.
+ * @interface ISnippet
+ * @property {string} content - The code snippet content.
+ * @property {number} offset - The offset of the code snippet in the source code.
+ */
+interface ISnippet {
+    content: string;
+    offset: number;
+}
+/**
+ * Code snippet component props.
+ * @property {string} [noCodeMessage] - Message to display when no code snippet is provided.
+ * @property {ISnippet | string} snippet - The code snippet object.
+ * @property {string} [specific] - Additional information related to the code snippet.
+ */
+interface ICodeSnippetProps {
+    noCodeMessage?: string;
+    snippet: ISnippet | string;
+    specific?: string;
+}
+export type { ICodeSnippetProps };

package/dist/src/components/divider/index.d.ts

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

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

@@ -0,0 +1,11 @@
+import { IMarginModifiable } from '../@core/types';
+/**
+ * Divider component props.
+ * @interface IDividerProps
+ * @extends IMarginModifiable
+ * @property {string} [color] - The divider color.
+ */
+interface IDividerProps extends IMarginModifiable {
+    color?: string;
+}
+export type { IDividerProps };

package/dist/src/components/list-item/index.d.ts

@@ -0,0 +1,4 @@
+import { ListItemsWrapper } from './styles';
+import { IListItemProps } from './types';
+declare const ListItem: ({ children, disabled, icon, iconType, href, onClick, onKeyDown, selected, value, ...props }: Readonly<IListItemProps>) => JSX.Element;
+export { ListItem, ListItemsWrapper };

package/dist/src/components/list-item/styles.d.ts

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

package/dist/src/components/list-item/types.d.ts

@@ -0,0 +1,28 @@
+import { HTMLAttributes, HTMLProps } from 'react';
+import { IIconModifiable } from '../@core';
+/**
+ * Label component props.
+ * @interface ILabelProps
+ * @property { string } color - The color for the label.
+ * @property { string } [href] - The URL for the label.
+ */
+interface ILabelProps {
+    color: string;
+    href?: string;
+}
+/**
+ * List item component props.
+ * @interface IListItemProps
+ * @extends IIconModifiable
+ * @extends HTMLAttributes<HTMLLIElement>
+ * @property { string } [header] - The header text for the list item.
+ * @property { string } [href] - The URL for the list item.
+ * @property { boolean } [selected] - Whether the list item is selected.
+ * @property { string } [value] - The value for the list item.
+ */
+interface IListItemProps extends Partial<Pick<IIconModifiable, "icon" | "iconType">>, HTMLAttributes<HTMLLIElement>, HTMLProps<HTMLLIElement> {
+    href?: string;
+    selected?: boolean;
+    value?: string;
+}
+export type { IListItemProps, ILabelProps };

package/dist/src/index.d.ts

@@ -5,10 +5,12 @@ 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';
@@ -17,6 +19,7 @@ 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/logo';
 export * from './components/logo-carousel';
 export * from './components/message-banner';

package/package.json

@@ -8,6 +8,7 @@
     "@cloudinary/url-gen": "1.21.0",
     "@fortawesome/free-solid-svg-icons": "6.7.1",
     "@fortawesome/react-fontawesome": "0.2.2",
+    "prismjs": "1.29.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-international-phone": "4.3.0",
@@ -26,6 +27,7 @@
     "@storybook/react-vite": "8.4.6",
     "@storybook/test": "8.4.6",
     "@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",
@@ -94,5 +96,5 @@
     "test-storybook": "test-storybook"
   },
   "types": "dist/src/index.d.ts",
-  "version": "1.3.0"
+  "version": "1.4.0"
 }