@dnanpm/styleguide 3.1.0 → 3.3.0

package/build/es/components/Divider/Divider.d.ts

@@ -1,3 +1,4 @@
+import type { ReactNode } from 'react';
 import React from 'react';
 interface Props {
     /**
@@ -7,7 +8,7 @@ interface Props {
     /**
      * Content of Divider component
      */
-    children?: React.ReactNode;
+    children?: ReactNode;
     /**
      * Allows to pass a custom margin
      *

package/build/es/components/DnaLogo/DnaLogo.d.ts

@@ -1,3 +1,4 @@
+import type { MouseEvent } from 'react';
 import React from 'react';
 type TypeEmblem = 'default' | 'white';
 type TypeLogotype = 'logotype-pink' | 'logotype-white' | 'logotype-black';
@@ -28,7 +29,7 @@ interface Props {
     /**
      * On Logo click callback
      */
-    onClick?: (e: React.MouseEvent) => void;
+    onClick?: (e: MouseEvent) => void;
     /**
      * Minimum protected area of a DNA logo from another element or edge is 1/4 of the height.
      * When activated, value is calculated automatically from size property.

package/build/es/components/Drawer/Drawer.d.ts

@@ -1,3 +1,4 @@
+import type { ReactNode } from 'react';
 import React from 'react';
 import type { Props as ReactModalProps } from 'react-modal';
 type Size = 'small' | 'medium' | 'large';
@@ -13,7 +14,7 @@ interface Props {
     /**
      * Content of the component
      */
-    children?: React.ReactNode;
+    children?: ReactNode;
     /**
      * Allows to hide application from assistive screenreaders and other assistive technologies while the drawer is open
      *

package/build/es/components/Drawer/Drawer.js

@@ -1,4 +1,5 @@
 import { __rest } from 'tslib';
+import { Close } from '@dnanpm/icons';
 import React__default from 'react';
 import ReactModal from 'react-modal';
 import styled, { createGlobalStyle } from '../../themes/styled.js';
@@ -7,7 +8,6 @@ import { media } from '../../utils/styledUtils.js';
 import Box from '../Box/Box.js';
 import ButtonClose from '../Button/ButtonClose.js';
 import Icon from '../Icon/Icon.js';
-import hlX from '../Icons/hlX.js';
 
 const sizeMap = {
     small: '375px',
@@ -115,7 +115,7 @@ const Drawer = (_a) => {
             React__default.createElement(StyledBox, { elevation: "extraHigh", margin: props.margin, padding: props.padding, "data-testid": dataTestId },
                 props.children,
                 closeButton && isClosable && (React__default.createElement(ButtonClose, { onClick: props.onRequestClose, "aria-label": props.closeLabel, "data-testid": dataTestId && `${dataTestId}-close-button` },
-                    React__default.createElement(Icon, { icon: hlX }))))),
+                    React__default.createElement(Icon, { icon: Close }))))),
         React__default.createElement(GlobalStyle, null)));
 };
 

package/build/es/components/EmptyState/EmptyState.d.ts

@@ -1,3 +1,4 @@
+import type { ReactNode } from 'react';
 import React from 'react';
 import type { Props as IconProps } from '../Icon/Icon';
 interface Props {
@@ -8,11 +9,11 @@ interface Props {
     /**
      * Content of the component
      */
-    children?: React.ReactNode;
+    children?: ReactNode;
     /**
      * Icon shown in the component
      *
-     * @default `hlInfo`
+     * @default `Info`
      */
     icon?: IconProps['icon'];
     /**

package/build/es/components/EmptyState/EmptyState.js

@@ -1,11 +1,11 @@
 import { __rest } from 'tslib';
+import { Info } from '@dnanpm/icons';
 import React__default from 'react';
 import styled from '../../themes/styled.js';
 import theme from '../../themes/theme.js';
 import { getMultipliedSize } from '../../utils/styledUtils.js';
 import Box from '../Box/Box.js';
 import Icon from '../Icon/Icon.js';
-import hlInfo from '../Icons/hlInfo.js';
 
 const ContentWrapper = styled.div `
     display: grid;
@@ -15,7 +15,7 @@ const ContentWrapper = styled.div `
 `;
 /** @visibleName Empty State */
 const EmptyState = (_a) => {
-    var { icon = hlInfo, iconSize = '2rem', 'data-testid': dataTestId } = _a, props = __rest(_a, ["icon", "iconSize", 'data-testid']);
+    var { icon = Info, iconSize = '2rem', 'data-testid': dataTestId } = _a, props = __rest(_a, ["icon", "iconSize", 'data-testid']);
     return (React__default.createElement(Box, { id: props.id, padding: "1.875rem", className: props.className, "data-testid": dataTestId },
         React__default.createElement(ContentWrapper, null,
             React__default.createElement(Icon, { icon: icon, size: iconSize, color: theme.color.default.pink }),

package/build/es/components/Floater/Floater.d.ts

@@ -1,3 +1,4 @@
+import type { ReactNode } from 'react';
 import React from 'react';
 type Position = 'top' | 'bottom';
 interface Props {
@@ -27,7 +28,7 @@ interface Props {
     /**
      * Content of the component
      */
-    children?: React.ReactNode;
+    children?: ReactNode;
     /**
      * Allows to pass a custom className
      */

package/build/es/components/Footer/Components/FooterComponents.d.ts

@@ -1,77 +1,10 @@
 import React from 'react';
-import type { LangProps } from '../../../types/language.d';
-interface PrincipalProps {
-    titles: LangProps;
-    urls: LangProps;
-    type?: string;
-}
-interface CategoriesProps {
-    description: LangProps;
-    category: CategoryProps[];
-}
-interface CategoryArrayProps {
-    currentIndex: number;
-    category: CategoriesProps;
-}
-type CategoryProps = PrincipalProps;
-interface ServicesProps extends PrincipalProps {
-    descriptions: LangProps;
-}
-export interface FooterNavigationProps {
-    services?: ServicesProps[];
-    categories?: CategoriesProps[];
-    languageSelector?: LanguageSelectorProps;
-    customLinks?: LanguageProps[];
-    generalInformation?: GeneralInformationProps;
-    socialMedia?: SocialMediaProps;
-}
-export interface LanguageProps {
-    [key: string]: string;
-    title: string;
-    url: string;
-}
-interface LanguageSelectorProps {
-    urls: LanguageProps;
-}
-interface LanguageComponentProps {
-    languages: LanguageProps[];
-}
-interface GeneralInformationComponentProps {
-    generalInformation?: GeneralInformationProps;
-}
-interface GeneralInformationProps {
-    privacyPolicy: PrincipalProps;
-    cookieSettings: Pick<PrincipalProps, 'titles' | 'type'>;
-    terms: PrincipalProps;
-}
-interface SocialMediaProps {
-    [key: string]: {
-        urls: LangProps;
-    } | undefined;
-    facebook?: {
-        urls: LangProps;
-    };
-    twitter?: {
-        urls: LangProps;
-    };
-    linkedIn?: {
-        urls: LangProps;
-    };
-    instagram?: {
-        urls: LangProps;
-    };
-    youtube?: {
-        urls: LangProps;
-    };
-}
+import type { CategoriesComponentProps, FooterNavigationProps, GeneralInformationComponentProps, LanguageSelectorProps } from '../types/footerProps';
 export declare const mapCorporateSelector: (languagesObject: LanguageSelectorProps) => {
     title: string;
     url: string;
 }[];
-export declare const Services: ({ services }: FooterNavigationProps) => React.JSX.Element;
-export declare const CategoryDisplay: ({ category, currentIndex }: CategoryArrayProps) => React.JSX.Element;
-export declare const Categories: ({ categories }: FooterNavigationProps) => React.JSX.Element;
-export declare const LanguageLinks: ({ languages }: LanguageComponentProps) => React.JSX.Element;
-export declare const GeneralInformation: ({ generalInformation }: GeneralInformationComponentProps) => React.JSX.Element;
+export declare const TopSection: ({ topSection }: FooterNavigationProps) => React.JSX.Element;
+export declare const Categories: ({ categories }: CategoriesComponentProps) => React.JSX.Element;
+export declare const GeneralInformation: ({ generalInformation }: GeneralInformationComponentProps) => React.JSX.Element | null;
 export declare const SocialMediaLinks: ({ socialMedia }: FooterNavigationProps) => React.JSX.Element;
-export {};