kiban-design-system 1.0.281-alpha.0 → 1.0.282-alpha.0

package/dist/components/JsonViewer/JsonViewer.d.ts

@@ -1,17 +1,16 @@
-/// <reference types="react" />
-import type { JsonViewerProps } from './JsonViewer.props';
-import './JsonViewer.styles.scss';
-/**
- * JsonViewr is ised to show each level of information in a json in an accordion
- *
- * @param {IconButtonProps} JsonViewerProps - JsonViewerProps props
- * @param {function} JsonViewerProps.downloadFunction - JsonViewerProps download function
- * @param {string} JsonViewerProps.downloadBtnIcon - JsonViewerProps download Icon
- * @param {string} JsonViewerProps.downloadBtnLabel - JsonViewerProps download label
- * @param {string} JsonViewerProps.downloadBtnType - JsonViewerProps download type
- * @param {object} JsonViewerProps.jsonData - Json object
- * @param {object} JsonViewerProps.sortFields - Array to sort jsonData
- * @returns {symbol} The component.
- */
-declare const JsonViewer: ({ downloadFunction, downloadBtnIcon, downloadBtnLabel, downloadBtnType, jsonData, sortFields, keysShowBtnDownload, }: JsonViewerProps) => JSX.Element;
-export default JsonViewer;
+import type { JsonViewerProps } from "./JsonViewer.props";
+import "./JsonViewer.styles.scss";
+/**
+ * JsonViewr is ised to show each level of information in a json in an accordion
+ *
+ * @param {IconButtonProps} JsonViewerProps - JsonViewerProps props
+ * @param {function} JsonViewerProps.downloadFunction - JsonViewerProps download function
+ * @param {string} JsonViewerProps.downloadBtnIcon - JsonViewerProps download Icon
+ * @param {string} JsonViewerProps.downloadBtnLabel - JsonViewerProps download label
+ * @param {string} JsonViewerProps.downloadBtnType - JsonViewerProps download type
+ * @param {object} JsonViewerProps.jsonData - Json object
+ * @param {object} JsonViewerProps.sortFields - Array to sort jsonData
+ * @returns {symbol} The component.
+ */
+declare const JsonViewer: ({ downloadFunction, downloadBtnIcon, downloadBtnLabel, downloadBtnType, jsonData, sortFields, keysShowBtnDownload, }: JsonViewerProps) => import("react/jsx-runtime").JSX.Element;
+export default JsonViewer;

package/dist/components/JsonViewer/JsonViewer.props.d.ts

@@ -1,21 +1,21 @@
-import type { IconName } from '../Icon';
-export interface sortField {
-    key: string;
-    value: string;
-}
-export interface JsonViewerProps {
-    /** Download buuton appearance */
-    downloadBtnType?: 'primary' | 'secondary' | 'tertiary' | 'transparent' | 'danger';
-    /** Icon name to show in download button */
-    downloadBtnIcon?: IconName;
-    /** Label to show in download button */
-    downloadBtnLabel?: string;
-    /** Data to show in JsonViewer */
-    jsonData: {};
-    /** Function to execute when click in download button */
-    downloadFunction?(value: string, key: string): void;
-    /** Array used to sort and rename jsonData */
-    sortFields?: sortField[];
-    /** Keys to show button download */
-    keysShowBtnDownload?: string[];
-}
+import type { IconName } from "../Icon";
+export interface sortField {
+    key: string;
+    value: string;
+}
+export interface JsonViewerProps {
+    /** Download buuton appearance */
+    downloadBtnType?: "primary" | "secondary" | "tertiary" | "transparent" | "danger";
+    /** Icon name to show in download button */
+    downloadBtnIcon?: IconName;
+    /** Label to show in download button */
+    downloadBtnLabel?: string;
+    /** Data to show in JsonViewer */
+    jsonData: object;
+    /** Function to execute when click in download button */
+    downloadFunction?(value: string, key: string): void;
+    /** Array used to sort and rename jsonData */
+    sortFields?: sortField[];
+    /** Keys to show button download */
+    keysShowBtnDownload?: string[];
+}

package/dist/components/JsonViewer/components/Accordion/Accordion.d.ts

@@ -1,18 +1,17 @@
-/// <reference types="react" />
-import { AccordionProps } from './Accordion.props';
-import './Accordion.styles.scss';
-/**
- * Accordion is used as a JsonViewer subcomponent, it has all information of
- * each json level loaded in JsonViewer
- *
- * @param {IconButtonProps} AccordionProps - Accordion props.
- * @param {string} AccordionProps.title - Accordion title
- * @param {React.ReactNode} AccordionProps.children - Accordion content
- * @param {boolean} AccordionProps.isGlobalOpen - Flag that indicates if external button opened the accordion
- * @param {string} AccordionProps.isParentClick - Flag that indicates if click was made by external button
- * @param {string} AccordionProps.id - Id to use as key
- * @param {boolean} AccordionProps.isLastSon - Flag to validate if it is last json element
- * @returns {symbol} The component.
- */
-declare const Accordion: ({ title, children, isGlobalOpen, isParentClick, id, isLastSon, }: AccordionProps) => JSX.Element;
-export default Accordion;
+import type { AccordionProps } from "./Accordion.props";
+import "./Accordion.styles.scss";
+/**
+ * Accordion is used as a JsonViewer subcomponent, it has all information of
+ * each json level loaded in JsonViewer
+ *
+ * @param {IconButtonProps} AccordionProps - Accordion props.
+ * @param {string} AccordionProps.title - Accordion title
+ * @param {React.ReactNode} AccordionProps.children - Accordion content
+ * @param {boolean} AccordionProps.isGlobalOpen - Flag that indicates if external button opened the accordion
+ * @param {string} AccordionProps.isParentClick - Flag that indicates if click was made by external button
+ * @param {string} AccordionProps.id - Id to use as key
+ * @param {boolean} AccordionProps.isLastSon - Flag to validate if it is last json element
+ * @returns {symbol} The component.
+ */
+declare const Accordion: ({ title, children, isGlobalOpen, isParentClick, id, isLastSon, }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
+export default Accordion;

package/dist/components/JsonViewer/components/Accordion/Accordion.props.d.ts

@@ -1,15 +1,14 @@
-/// <reference types="react" />
-export interface AccordionProps {
-    /** Content to display in Accordion */
-    children: React.ReactNode;
-    /** Id to use in internal Keys */
-    id: string;
-    /** Flag to show opned accordion */
-    isGlobalOpen?: boolean;
-    /** Flag to validate if click was made in Accordion header or in main button to open or close all accordions */
-    isParentClick?: boolean;
-    /** Accordion title */
-    title?: string;
-    /** Flag to validate if this accordion is last son */
-    isLastSon?: boolean;
-}
+export interface AccordionProps {
+    /** Content to display in Accordion */
+    children: React.ReactNode;
+    /** Id to use in internal Keys */
+    id: string;
+    /** Flag to show opned accordion */
+    isGlobalOpen?: boolean;
+    /** Flag to validate if click was made in Accordion header or in main button to open or close all accordions */
+    isParentClick?: boolean;
+    /** Accordion title */
+    title?: string;
+    /** Flag to validate if this accordion is last son */
+    isLastSon?: boolean;
+}

package/dist/components/JsonViewer/components/Accordion/index.d.ts

@@ -1,3 +1,3 @@
-import Accordion from './Accordion';
-export * from './Accordion.props';
-export { Accordion };
+import Accordion from './Accordion';
+export * from './Accordion.props';
+export { Accordion };

package/dist/components/JsonViewer/components/index.d.ts

@@ -1 +1 @@
-export * from './Accordion';
+export * from './Accordion';

package/dist/components/JsonViewer/index.d.ts

@@ -1,3 +1,3 @@
-import JsonViewer from './JsonViewer';
-export * from './JsonViewer.props';
-export { JsonViewer };
+import JsonViewer from './JsonViewer';
+export * from './JsonViewer.props';
+export { JsonViewer };

package/dist/components/Label/Label.d.ts

@@ -1,14 +1,13 @@
-/// <reference types="react" />
-import type { LabelProps } from './Label.props';
-import './Label.styles.scss';
-/**
- * Label component shows a Label inside a rounded border
- *
- * @param {LabelProps} LabelProps - Tag props
- * @param {string} LabelProps.color - Color name
- * @param {number} LabelProps.intensity - Color intensity
- * @param {ReactNode} LabelProps.children - Element to display in Label
- * @returns {symbol} The component
- */
-declare const Label: ({ color, intensity, children, }: LabelProps) => JSX.Element;
-export default Label;
+import type { LabelProps } from './Label.props';
+import './Label.styles.scss';
+/**
+ * Label component shows a Label inside a rounded border
+ *
+ * @param {LabelProps} LabelProps - Tag props
+ * @param {string} LabelProps.color - Color name
+ * @param {number} LabelProps.intensity - Color intensity
+ * @param {ReactNode} LabelProps.children - Element to display in Label
+ * @returns {symbol} The component
+ */
+declare const Label: ({ color, intensity, children, }: LabelProps) => import("react/jsx-runtime").JSX.Element;
+export default Label;

package/dist/components/Label/Label.props.d.ts

@@ -1,15 +1,14 @@
-/// <reference types="react" />
-export interface LabelProps {
-    /**
-     * Border and font label color
-     */
-    color?: 'primary' | 'black' | 'white' | 'neutral-light' | 'neutral-dark' | 'secondary' | 'success' | 'error' | 'warning';
-    /**
-     * Color intensity
-     */
-    intensity?: 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950;
-    /**
-     * Element to display in Label
-     */
-    children: React.ReactNode;
-}
+export interface LabelProps {
+    /**
+     * Border and font label color
+     */
+    color?: 'primary' | 'black' | 'white' | 'neutral-light' | 'neutral-dark' | 'secondary' | 'success' | 'error' | 'warning';
+    /**
+     * Color intensity
+     */
+    intensity?: 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950;
+    /**
+     * Element to display in Label
+     */
+    children: React.ReactNode;
+}

package/dist/components/Label/index.d.ts

@@ -1,3 +1,3 @@
-import Label from './Label';
-export type { LabelProps } from './Label.props';
-export { Label };
+import Label from './Label';
+export type { LabelProps } from './Label.props';
+export { Label };

package/dist/components/ListInfo/ListInfo.d.ts

@@ -1,14 +1,13 @@
-/// <reference types="react" />
-import type { ListinfoProps } from './Listinfo.props';
-import './Listinfo.styles.scss';
-/**
- * Listinfo is a component to show information in a little list whit styles.
- *
- * @example
- * <Listinfo items={items}/>
- * @param {ListinfoProps} ListinfoProps - Listinfo props.
- * @param {array} ListinfoProps.items - params to show in componente.
- * @returns {symbol} The component.
- */
-declare const ListInfo: ({ items }: ListinfoProps) => JSX.Element;
-export default ListInfo;
+import type { ListinfoProps } from './Listinfo.props';
+import './Listinfo.styles.scss';
+/**
+ * Listinfo is a component to show information in a little list whit styles.
+ *
+ * @example
+ * <Listinfo items={items}/>
+ * @param {ListinfoProps} ListinfoProps - Listinfo props.
+ * @param {array} ListinfoProps.items - params to show in componente.
+ * @returns {symbol} The component.
+ */
+declare const ListInfo: ({ items }: ListinfoProps) => import("react/jsx-runtime").JSX.Element;
+export default ListInfo;

package/dist/components/ListInfo/Listinfo.props.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
-import type { IconName } from '../Icon';
-export interface ListInfoItemtype {
-    icon: IconName;
-    title: string;
-    content: React.ReactNode;
-}
-export interface ListinfoProps {
-    items: ListInfoItemtype[];
-}
+import type { IconName } from '../Icon';
+export interface ListInfoItemtype {
+    icon: IconName;
+    title: string;
+    content: React.ReactNode;
+}
+export interface ListinfoProps {
+    items: ListInfoItemtype[];
+}

package/dist/components/ListInfo/index.d.ts

@@ -1,3 +1,3 @@
-export * from './Listinfo.props';
-import ListInfo from './ListInfo';
-export { ListInfo };
+export * from './Listinfo.props';
+import ListInfo from './ListInfo';
+export { ListInfo };

package/dist/components/Loader/Loader.d.ts

@@ -1,16 +1,15 @@
-/// <reference types="react" />
-import type { LoaderProps } from './Loader.props';
-import './Loader.styles.scss';
-/**
- * Loader is mainly used to display a loading status.
- *
- * @example
- * <Loader icon='Activity' color='primary' size='large'/>
- * @param {LoaderProps}  LoaderProps - LoaderProps
- * @param {string} LoaderProps.icon- icon to show in middle on loading
- * @param {string} LoaderProps.color- color to loader loader
- * @param {string} LoaderProps.size- size to show loader
- * @returns {symbol} The component.
- */
-declare const Loader: ({ icon, color, size }: LoaderProps) => JSX.Element;
-export default Loader;
+import type { LoaderProps } from "./Loader.props";
+import "./Loader.styles.scss";
+/**
+ * Loader is mainly used to display a loading status.
+ *
+ * @example
+ * <Loader icon='Activity' color='primary' size='large'/>
+ * @param {LoaderProps}  LoaderProps - LoaderProps
+ * @param {string} LoaderProps.icon- icon to show in middle on loading
+ * @param {string} LoaderProps.color- color to loader loader
+ * @param {string} LoaderProps.size- size to show loader
+ * @returns {symbol} The component.
+ */
+declare const Loader: ({ icon, color, size }: LoaderProps) => import("react/jsx-runtime").JSX.Element;
+export default Loader;

package/dist/components/Loader/Loader.props.d.ts

@@ -1,17 +1,17 @@
-import type { IconName } from '../Icon';
-export interface LoaderProps {
-    /**
-     * PropType to color loader and svg
-     *
-     * @default primary
-     */
-    color?: 'primary' | 'neutral-light' | 'neutral-dark' | 'success' | 'error' | 'warning';
-    /** Icon to be displayed */
-    icon?: IconName;
-    /**
-     * To size loader
-     *
-     * @default medium
-     */
-    size?: 'small' | 'medium' | 'large';
-}
+import type { IconName } from '../Icon';
+export interface LoaderProps {
+    /**
+     * PropType to color loader and svg
+     *
+     * @default primary
+     */
+    color?: 'primary' | 'neutral-light' | 'neutral-dark' | 'success' | 'error' | 'warning';
+    /** Icon to be displayed */
+    icon?: IconName;
+    /**
+     * To size loader
+     *
+     * @default medium
+     */
+    size?: 'small' | 'medium' | 'large';
+}

package/dist/components/Loader/index.d.ts

@@ -1,3 +1,3 @@
-import Loader from './Loader';
-export type { LoaderProps } from './Loader.props';
-export { Loader };
+import Loader from './Loader';
+export type { LoaderProps } from './Loader.props';
+export { Loader };

package/dist/components/Logo/Logo.d.ts

@@ -1,15 +1,14 @@
-/// <reference types="react" />
-import type { LogoProps } from './Logo.props';
-import './Logo.styles.scss';
-/**
- * Logo compont is use to display any logo that is saved in Logo
- * catalog
- *
- * @param {LogoProps} LogoProps - LogoProps
- * @param {LogoName} LogoProps.name - Logo's name, it must be in Logo catalog
- * @param {string} LogoProps.size - Logo's size
- * @param {boolean} LogoProps.isWhite - IF it is true, it displays white logo
- * @returns {React.ReactNode} - Element Logo
- */
-declare const Logo: ({ name, size, isWhite }: LogoProps) => JSX.Element;
-export default Logo;
+import type { LogoProps } from './Logo.props';
+import './Logo.styles.scss';
+/**
+ * Logo compont is use to display any logo that is saved in Logo
+ * catalog
+ *
+ * @param {LogoProps} LogoProps - LogoProps
+ * @param {LogoName} LogoProps.name - Logo's name, it must be in Logo catalog
+ * @param {string} LogoProps.size - Logo's size
+ * @param {boolean} LogoProps.isWhite - IF it is true, it displays white logo
+ * @returns {React.ReactNode} - Element Logo
+ */
+declare const Logo: ({ name, size, isWhite }: LogoProps) => import("react/jsx-runtime").JSX.Element;
+export default Logo;

package/dist/components/Logo/Logo.props.d.ts

@@ -1,10 +1,10 @@
-import type * as Logos from './Logos';
-export declare type LogoName = keyof typeof Logos;
-export interface LogoProps {
-    /** Logo's name to display */
-    name: LogoName;
-    /** Logo's size */
-    size?: 'extraSmall' | 'small' | 'regular' | 'medium' | 'large' | 'extraLarge';
-    /** Indicates if white logo is going to be displayed */
-    isWhite?: boolean;
-}
+import type * as Logos from './Logos';
+export type LogoName = keyof typeof Logos;
+export interface LogoProps {
+    /** Logo's name to display */
+    name: LogoName;
+    /** Logo's size */
+    size?: 'extraSmall' | 'small' | 'regular' | 'medium' | 'large' | 'extraLarge';
+    /** Indicates if white logo is going to be displayed */
+    isWhite?: boolean;
+}

package/dist/components/Logo/Logos/Kiban/Kiban.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import '../../Logo.styles.scss';
-import type { LogosProps } from '../Logos.props';
-declare const Kiban: ({ size }: LogosProps) => JSX.Element;
-export default Kiban;
+import '../../Logo.styles.scss';
+import type { LogosProps } from '../Logos.props';
+declare const Kiban: ({ size }: LogosProps) => import("react/jsx-runtime").JSX.Element;
+export default Kiban;

package/dist/components/Logo/Logos/Kiban/KibanWhite.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import '../../Logo.styles.scss';
-import type { LogosProps } from '../Logos.props';
-declare const KibanWhite: ({ size }: LogosProps) => JSX.Element;
-export default KibanWhite;
+import '../../Logo.styles.scss';
+import type { LogosProps } from '../Logos.props';
+declare const KibanWhite: ({ size }: LogosProps) => import("react/jsx-runtime").JSX.Element;
+export default KibanWhite;

package/dist/components/Logo/Logos/KibanCloud/KibanCloud.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { LogosProps } from '../Logos.props';
-import '../../Logo.styles.scss';
-declare const KibanCloud: ({ size }: LogosProps) => JSX.Element;
-export default KibanCloud;
+import type { LogosProps } from '../Logos.props';
+import '../../Logo.styles.scss';
+declare const KibanCloud: ({ size }: LogosProps) => import("react/jsx-runtime").JSX.Element;
+export default KibanCloud;

package/dist/components/Logo/Logos/KibanCloud/KibanCloudWhite.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { LogosProps } from '../Logos.props';
-import '../../Logo.styles.scss';
-declare const KibanCloudWhite: ({ size }: LogosProps) => JSX.Element;
-export default KibanCloudWhite;
+import type { LogosProps } from '../Logos.props';
+import '../../Logo.styles.scss';
+declare const KibanCloudWhite: ({ size }: LogosProps) => import("react/jsx-runtime").JSX.Element;
+export default KibanCloudWhite;

package/dist/components/Logo/Logos/Klin/Klin.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { LogosProps } from '../Logos.props';
-import '../../Logo.styles.scss';
-declare const Klin: ({ size }: LogosProps) => JSX.Element;
-export default Klin;
+import type { LogosProps } from '../Logos.props';
+import '../../Logo.styles.scss';
+declare const Klin: ({ size }: LogosProps) => import("react/jsx-runtime").JSX.Element;
+export default Klin;

package/dist/components/Logo/Logos/Klin/KlinWhite.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { LogosProps } from '../Logos.props';
-import '../../Logo.styles.scss';
-declare const KlinWhite: ({ size }: LogosProps) => JSX.Element;
-export default KlinWhite;
+import type { LogosProps } from '../Logos.props';
+import '../../Logo.styles.scss';
+declare const KlinWhite: ({ size }: LogosProps) => import("react/jsx-runtime").JSX.Element;
+export default KlinWhite;

package/dist/components/Logo/Logos/Link/Link.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import '../../Logo.styles.scss';
-import type { LogosProps } from '../Logos.props';
-declare const Link: ({ size }: LogosProps) => JSX.Element;
-export default Link;
+import '../../Logo.styles.scss';
+import type { LogosProps } from '../Logos.props';
+declare const Link: ({ size }: LogosProps) => import("react/jsx-runtime").JSX.Element;
+export default Link;

package/dist/components/Logo/Logos/Link/LinkWhite.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { LogosProps } from '../Logos.props';
-import '../../Logo.styles.scss';
-declare const LinkWhite: ({ size }: LogosProps) => JSX.Element;
-export default LinkWhite;
+import type { LogosProps } from '../Logos.props';
+import '../../Logo.styles.scss';
+declare const LinkWhite: ({ size }: LogosProps) => import("react/jsx-runtime").JSX.Element;
+export default LinkWhite;

package/dist/components/Logo/Logos/Logos.props.d.ts

@@ -1,4 +1,4 @@
-export interface LogosProps {
-    /** Logo's size */
-    size?: 'extraSmall' | 'small' | 'regular' | 'medium' | 'large' | 'extraLarge';
-}
+export interface LogosProps {
+    /** Logo's size */
+    size?: 'extraSmall' | 'small' | 'regular' | 'medium' | 'large' | 'extraLarge';
+}

package/dist/components/Logo/Logos/Rainao/Rainao.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { LogosProps } from '../Logos.props';
-import '../../Logo.styles.scss';
-declare const Rainao: ({ size }: LogosProps) => JSX.Element;
-export default Rainao;
+import type { LogosProps } from '../Logos.props';
+import '../../Logo.styles.scss';
+declare const Rainao: ({ size }: LogosProps) => import("react/jsx-runtime").JSX.Element;
+export default Rainao;

package/dist/components/Logo/Logos/Rainao/RainaoWhite.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { LogosProps } from '../Logos.props';
-import '../../Logo.styles.scss';
-declare const RainaoWhite: ({ size }: LogosProps) => JSX.Element;
-export default RainaoWhite;
+import type { LogosProps } from '../Logos.props';
+import '../../Logo.styles.scss';
+declare const RainaoWhite: ({ size }: LogosProps) => import("react/jsx-runtime").JSX.Element;
+export default RainaoWhite;

package/dist/components/Logo/Logos/Rekon/Rekon.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { LogosProps } from '../Logos.props';
-import '../../Logo.styles.scss';
-declare const Rekon: ({ size }: LogosProps) => JSX.Element;
-export default Rekon;
+import type { LogosProps } from '../Logos.props';
+import '../../Logo.styles.scss';
+declare const Rekon: ({ size }: LogosProps) => import("react/jsx-runtime").JSX.Element;
+export default Rekon;

package/dist/components/Logo/Logos/Rekon/RekonWhite.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { LogosProps } from '../Logos.props';
-import '../../Logo.styles.scss';
-declare const RekonWhite: ({ size }: LogosProps) => JSX.Element;
-export default RekonWhite;
+import type { LogosProps } from '../Logos.props';
+import '../../Logo.styles.scss';
+declare const RekonWhite: ({ size }: LogosProps) => import("react/jsx-runtime").JSX.Element;
+export default RekonWhite;

package/dist/components/Logo/Logos/Trak/Trak.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { LogosProps } from '../Logos.props';
-import '../../Logo.styles.scss';
-declare const Trak: ({ size }: LogosProps) => JSX.Element;
-export default Trak;
+import type { LogosProps } from '../Logos.props';
+import '../../Logo.styles.scss';
+declare const Trak: ({ size }: LogosProps) => import("react/jsx-runtime").JSX.Element;
+export default Trak;

package/dist/components/Logo/Logos/Trak/TrakWhite.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { LogosProps } from '../Logos.props';
-import '../../Logo.styles.scss';
-declare const TrakWhite: ({ size }: LogosProps) => JSX.Element;
-export default TrakWhite;
+import type { LogosProps } from '../Logos.props';
+import '../../Logo.styles.scss';
+declare const TrakWhite: ({ size }: LogosProps) => import("react/jsx-runtime").JSX.Element;
+export default TrakWhite;

package/dist/components/Logo/Logos/Workfloo/Workfloo.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import type { LogosProps } from '../Logos.props';
-import '../../Logo.styles.scss';
-declare const Workfloo: ({ size }: LogosProps) => JSX.Element;
-export default Workfloo;
+import type { LogosProps } from '../Logos.props';
+import '../../Logo.styles.scss';
+declare const Workfloo: ({ size }: LogosProps) => import("react/jsx-runtime").JSX.Element;
+export default Workfloo;