@dnanpm/styleguide 3.3.0 → 3.3.1

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

@@ -1,82 +1,82 @@
-import type { ReactNode } from 'react';
-import React from 'react';
-import type { Props as ReactModalProps } from 'react-modal';
-type Size = 'small' | 'medium' | 'large';
-interface Props {
-    /**
-     * Allows to control the state of component
-     */
-    isOpen: boolean;
-    /**
-     * Unique ID for the component
-     */
-    id?: string;
-    /**
-     * Content of the component
-     */
-    children?: ReactNode;
-    /**
-     * Allows to hide application from assistive screenreaders and other assistive technologies while the drawer is open
-     *
-     * @default '#__next'
-     */
-    appElement?: string;
-    /**
-     * Allows to change the size of the component.
-     * Size in mobile view is always 100% of the window size
-     *
-     * @param {Size} small Renders component as 375px wide
-     * @param {Size} medium Renders component as 768px wide
-     * @param {Size} large Renders component as 1080px wide
-     *
-     * @default 'medium'
-     */
-    size?: Size;
-    /**
-     * Allows to pass a custom margin
-     *
-     * @default '0'
-     */
-    margin?: string;
-    /**
-     * Allows to pass a custom padding
-     *
-     * @default '1.25rem'
-     */
-    padding?: string;
-    /**
-     * On overlay or close button click callback
-     */
-    onRequestClose?: ReactModalProps['onRequestClose'];
-    /**
-     * Allows to set property `aria-label` for content element
-     */
-    contentLabel?: string;
-    /**
-     * Allows to set property `aria-label` for `ButtonClose` element
-     */
-    closeLabel?: string;
-    /**
-     * Allows to show and hide close button
-     *
-     * @default true
-     */
-    closeButton?: boolean;
-    /**
-     * Allows to disable all closing handlers.
-     * When set to `false`, modal can be closed only by setting `isOpen` flag to `false`
-     *
-     * @default true
-     */
-    isClosable?: boolean;
-    /**
-     * Allows to pass a custom className
-     */
-    className?: string;
-    /**
-     * Allows to pass testid string for testing purposes
-     */
-    'data-testid'?: string;
-}
-declare const Drawer: ({ appElement, size, closeButton, isClosable, "data-testid": dataTestId, ...props }: Props) => React.JSX.Element;
-export default Drawer;
+import type { ReactNode } from 'react';
+import React from 'react';
+import type { Props as ReactModalProps } from 'react-modal';
+type Size = 'small' | 'medium' | 'large';
+interface Props {
+    /**
+     * Allows to control the state of component
+     */
+    isOpen: boolean;
+    /**
+     * Unique ID for the component
+     */
+    id?: string;
+    /**
+     * Content of the component
+     */
+    children?: ReactNode;
+    /**
+     * Allows to hide application from assistive screenreaders and other assistive technologies while the drawer is open
+     *
+     * @default '#__next'
+     */
+    appElement?: string;
+    /**
+     * Allows to change the size of the component.
+     * Size in mobile view is always 100% of the window size
+     *
+     * @param {Size} small Renders component as 375px wide
+     * @param {Size} medium Renders component as 768px wide
+     * @param {Size} large Renders component as 1080px wide
+     *
+     * @default 'medium'
+     */
+    size?: Size;
+    /**
+     * Allows to pass a custom margin
+     *
+     * @default '0'
+     */
+    margin?: string;
+    /**
+     * Allows to pass a custom padding
+     *
+     * @default '1.25rem'
+     */
+    padding?: string;
+    /**
+     * On overlay or close button click callback
+     */
+    onRequestClose?: ReactModalProps['onRequestClose'];
+    /**
+     * Allows to set property `aria-label` for content element
+     */
+    contentLabel?: string;
+    /**
+     * Allows to set property `aria-label` for `ButtonClose` element
+     */
+    closeLabel?: string;
+    /**
+     * Allows to show and hide close button
+     *
+     * @default true
+     */
+    closeButton?: boolean;
+    /**
+     * Allows to disable all closing handlers.
+     * When set to `false`, modal can be closed only by setting `isOpen` flag to `false`
+     *
+     * @default true
+     */
+    isClosable?: boolean;
+    /**
+     * Allows to pass a custom className
+     */
+    className?: string;
+    /**
+     * Allows to pass testid string for testing purposes
+     */
+    'data-testid'?: string;
+}
+declare const Drawer: ({ appElement, size, closeButton, isClosable, "data-testid": dataTestId, ...props }: Props) => React.JSX.Element;
+export default Drawer;

package/build/cjs/components/Drawer/Drawer.js

@@ -18,16 +18,16 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var ReactModal__default = /*#__PURE__*/_interopDefaultLegacy(ReactModal);
 
-const sizeMap = {
-    small: '375px',
-    medium: '768px',
-    large: '1080px',
-};
+const sizeMap = {
+    small: '375px',
+    medium: '768px',
+    large: '1080px',
+};
 const GlobalStyle = styled.createGlobalStyle `
     body.ReactModal__Body--open {
         overflow: hidden;
     }
-`;
+`;
 const StyledReactModal = styled["default"](ReactModal__default["default"]) `
     position: fixed;
     top: 0;
@@ -62,7 +62,7 @@ const StyledReactModal = styled["default"](ReactModal__default["default"]) `
     ${({ size }) => styledUtils.media.sm `
         width: ${sizeMap[size]};
     `};
-`;
+`;
 const StyledOverlay = styled["default"].div `
     display: flex;
     justify-content: center;
@@ -100,32 +100,32 @@ const StyledOverlay = styled["default"].div `
             background-color: ${theme["default"].color.background.plum.default}${theme["default"].color.transparency.T0};
         }
     }
-`;
+`;
 const StyledBox = styled["default"](Box["default"]) `
     border-radius: 0;
     height: 100%;
     overflow-y: auto;
-`;
+`;
 const StyledContent = styled["default"].div `
     &:focus {
         outline: none;
     }
-`;
-const ModalOverlay = ({ ref, onClick, onMouseDown, className }, contentElement) => (React__default["default"].createElement(StyledOverlay, { ref: ref, onClick: onClick, onMouseDown: onMouseDown, className: className }, contentElement));
-const ModalContent = (_a, children) => {
-    var { ref, tabIndex, role, onKeyDown, onMouseDown, onMouseUp, onClick, className } = _a, contentProps = tslib.__rest(_a, ["ref", "tabIndex", "role", "onKeyDown", "onMouseDown", "onMouseUp", "onClick", "className"]);
-    return (React__default["default"].createElement(StyledContent, { ref: ref, tabIndex: tabIndex, role: role, onKeyDown: onKeyDown, onMouseDown: onMouseDown, onMouseUp: onMouseUp, onClick: onClick, "aria-label": contentProps['aria-label'], "aria-modal": contentProps['aria-modal'], className: className }, children));
-};
-const Drawer = (_a) => {
-    var { appElement = '#__next', size = 'medium', closeButton = true, isClosable = true, 'data-testid': dataTestId } = _a, props = tslib.__rest(_a, ["appElement", "size", "closeButton", "isClosable", 'data-testid']);
-    ReactModal__default["default"].setAppElement(appElement);
-    return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement(StyledReactModal, { id: props.id, isOpen: props.isOpen, overlayElement: ModalOverlay, contentElement: ModalContent, onRequestClose: props.onRequestClose, portalClassName: props.className, contentLabel: props.contentLabel, shouldCloseOnEsc: isClosable, shouldCloseOnOverlayClick: isClosable, closeTimeoutMS: 300, size: size },
-            React__default["default"].createElement(StyledBox, { elevation: "extraHigh", margin: props.margin, padding: props.padding, "data-testid": dataTestId },
-                props.children,
-                closeButton && isClosable && (React__default["default"].createElement(ButtonClose["default"], { onClick: props.onRequestClose, "aria-label": props.closeLabel, "data-testid": dataTestId && `${dataTestId}-close-button` },
-                    React__default["default"].createElement(Icon["default"], { icon: icons.Close }))))),
-        React__default["default"].createElement(GlobalStyle, null)));
+`;
+const ModalOverlay = ({ ref, onClick, onMouseDown, className }, contentElement) => (React__default["default"].createElement(StyledOverlay, { ref: ref, onClick: onClick, onMouseDown: onMouseDown, className: className }, contentElement));
+const ModalContent = (_a, children) => {
+    var { ref, tabIndex, role, onKeyDown, onMouseDown, onMouseUp, onClick, className } = _a, contentProps = tslib.__rest(_a, ["ref", "tabIndex", "role", "onKeyDown", "onMouseDown", "onMouseUp", "onClick", "className"]);
+    return (React__default["default"].createElement(StyledContent, { ref: ref, tabIndex: tabIndex, role: role, onKeyDown: onKeyDown, onMouseDown: onMouseDown, onMouseUp: onMouseUp, onClick: onClick, "aria-label": contentProps['aria-label'], "aria-modal": contentProps['aria-modal'], className: className }, children));
+};
+const Drawer = (_a) => {
+    var { appElement = '#__next', size = 'medium', closeButton = true, isClosable = true, 'data-testid': dataTestId } = _a, props = tslib.__rest(_a, ["appElement", "size", "closeButton", "isClosable", 'data-testid']);
+    ReactModal__default["default"].setAppElement(appElement);
+    return (React__default["default"].createElement(React__default["default"].Fragment, null,
+        React__default["default"].createElement(StyledReactModal, { id: props.id, isOpen: props.isOpen, overlayElement: ModalOverlay, contentElement: ModalContent, onRequestClose: props.onRequestClose, portalClassName: props.className, contentLabel: props.contentLabel, shouldCloseOnEsc: isClosable, shouldCloseOnOverlayClick: isClosable, closeTimeoutMS: 300, size: size },
+            React__default["default"].createElement(StyledBox, { elevation: "extraHigh", margin: props.margin, padding: props.padding, "data-testid": dataTestId },
+                props.children,
+                closeButton && isClosable && (React__default["default"].createElement(ButtonClose["default"], { onClick: props.onRequestClose, "aria-label": props.closeLabel, "data-testid": dataTestId && `${dataTestId}-close-button` },
+                    React__default["default"].createElement(Icon["default"], { icon: icons.Close }))))),
+        React__default["default"].createElement(GlobalStyle, null)));
 };
 
 exports["default"] = Drawer;

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

@@ -1,37 +1,37 @@
-import type { ReactNode } from 'react';
-import React from 'react';
-import type { Props as IconProps } from '../Icon/Icon';
-interface Props {
-    /**
-     * Unique ID for the component
-     */
-    id?: string;
-    /**
-     * Content of the component
-     */
-    children?: ReactNode;
-    /**
-     * Icon shown in the component
-     *
-     * @default `Info`
-     */
-    icon?: IconProps['icon'];
-    /**
-     * Size of icon in the component
-     *
-     * @default '2rem'
-     */
-    iconSize?: string;
-    /**
-     * Allows to pass testid string for testing purposes
-     */
-    'data-testid'?: string;
-    /**
-     * Allows to pass a custom className
-     */
-    className?: string;
-}
-/** @visibleName Empty State */
-declare const EmptyState: ({ icon, iconSize, "data-testid": dataTestId, ...props }: Props) => React.JSX.Element;
-/** @component */
-export default EmptyState;
+import type { ReactNode } from 'react';
+import React from 'react';
+import type { Props as IconProps } from '../Icon/Icon';
+interface Props {
+    /**
+     * Unique ID for the component
+     */
+    id?: string;
+    /**
+     * Content of the component
+     */
+    children?: ReactNode;
+    /**
+     * Icon shown in the component
+     *
+     * @default `Info`
+     */
+    icon?: IconProps['icon'];
+    /**
+     * Size of icon in the component
+     *
+     * @default '2rem'
+     */
+    iconSize?: string;
+    /**
+     * Allows to pass testid string for testing purposes
+     */
+    'data-testid'?: string;
+    /**
+     * Allows to pass a custom className
+     */
+    className?: string;
+}
+/** @visibleName Empty State */
+declare const EmptyState: ({ icon, iconSize, "data-testid": dataTestId, ...props }: Props) => React.JSX.Element;
+/** @component */
+export default EmptyState;

package/build/cjs/components/EmptyState/EmptyState.js

@@ -20,14 +20,14 @@ const ContentWrapper = styled["default"].div `
     grid-gap: ${styledUtils.getMultipliedSize(theme["default"].base.baseWidth, 2)};
     justify-items: center;
     line-height: ${theme["default"].lineHeight.default};
-`;
-/** @visibleName Empty State */
-const EmptyState = (_a) => {
-    var { icon = icons.Info, iconSize = '2rem', 'data-testid': dataTestId } = _a, props = tslib.__rest(_a, ["icon", "iconSize", 'data-testid']);
-    return (React__default["default"].createElement(Box["default"], { id: props.id, padding: "1.875rem", className: props.className, "data-testid": dataTestId },
-        React__default["default"].createElement(ContentWrapper, null,
-            React__default["default"].createElement(Icon["default"], { icon: icon, size: iconSize, color: theme["default"].color.default.pink }),
-            React__default["default"].createElement("div", null, props.children))));
+`;
+/** @visibleName Empty State */
+const EmptyState = (_a) => {
+    var { icon = icons.Info, iconSize = '2rem', 'data-testid': dataTestId } = _a, props = tslib.__rest(_a, ["icon", "iconSize", 'data-testid']);
+    return (React__default["default"].createElement(Box["default"], { id: props.id, padding: "1.875rem", className: props.className, "data-testid": dataTestId },
+        React__default["default"].createElement(ContentWrapper, null,
+            React__default["default"].createElement(Icon["default"], { icon: icon, size: iconSize, color: theme["default"].color.default.pink }),
+            React__default["default"].createElement("div", null, props.children))));
 };
 
 exports["default"] = EmptyState;

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

@@ -1,43 +1,43 @@
-import type { ReactNode } from 'react';
-import React from 'react';
-type Position = 'top' | 'bottom';
-interface Props {
-    /**
-     * Unique ID for the component
-     */
-    id?: string;
-    /**
-     * Allows to set position of Floater component relative to its nearest scrolling ancestor and containing block
-     *
-     * @param {Position} top Component sticks to the top of its nearest scrolling ancestor
-     * @param {Position} bottom Component sticks to the bottom of its nearest scrolling ancestor
-     *
-     * @default top
-     */
-    position?: Position;
-    /**
-     * Allows to pass a custom offset
-     *
-     * @default '0'
-     */
-    offset?: string;
-    /**
-     * Allows to pass a custom z-index CSS property
-     */
-    zIndex?: string;
-    /**
-     * Content of the component
-     */
-    children?: ReactNode;
-    /**
-     * Allows to pass a custom className
-     */
-    className?: string;
-    /**
-     * Allows to pass testid string for testing purposes
-     */
-    'data-testid'?: string;
-}
-declare const Floater: ({ position, offset, "data-testid": dataTestId, ...props }: Props) => React.JSX.Element;
-/** @component */
-export default Floater;
+import type { ReactNode } from 'react';
+import React from 'react';
+type Position = 'top' | 'bottom';
+interface Props {
+    /**
+     * Unique ID for the component
+     */
+    id?: string;
+    /**
+     * Allows to set position of Floater component relative to its nearest scrolling ancestor and containing block
+     *
+     * @param {Position} top Component sticks to the top of its nearest scrolling ancestor
+     * @param {Position} bottom Component sticks to the bottom of its nearest scrolling ancestor
+     *
+     * @default top
+     */
+    position?: Position;
+    /**
+     * Allows to pass a custom offset
+     *
+     * @default '0'
+     */
+    offset?: string;
+    /**
+     * Allows to pass a custom z-index CSS property
+     */
+    zIndex?: string;
+    /**
+     * Content of the component
+     */
+    children?: ReactNode;
+    /**
+     * Allows to pass a custom className
+     */
+    className?: string;
+    /**
+     * Allows to pass testid string for testing purposes
+     */
+    'data-testid'?: string;
+}
+declare const Floater: ({ position, offset, "data-testid": dataTestId, ...props }: Props) => React.JSX.Element;
+/** @component */
+export default Floater;

package/build/cjs/components/Floater/Floater.js

@@ -11,21 +11,21 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const getInset = ({ position, offset }) => {
-    const insetConfig = {
-        top: [offset, 'auto', 'auto'],
-        bottom: ['auto', 'auto', offset],
-    };
-    return `inset: ${insetConfig[position].join(' ')};`;
-};
+const getInset = ({ position, offset }) => {
+    const insetConfig = {
+        top: [offset, 'auto', 'auto'],
+        bottom: ['auto', 'auto', offset],
+    };
+    return `inset: ${insetConfig[position].join(' ')};`;
+};
 const Element = styled__default["default"].div `
     position: sticky;
     ${({ zIndex }) => zIndex && `z-index: ${zIndex}`};
     ${({ position, offset }) => getInset({ position, offset })}
-`;
-const Floater = (_a) => {
-    var { position = 'top', offset = '0', 'data-testid': dataTestId } = _a, props = tslib.__rest(_a, ["position", "offset", 'data-testid']);
-    return (React__default["default"].createElement(Element, { id: props.id, position: position, offset: offset, zIndex: props.zIndex, className: props.className, "data-testid": dataTestId }, props.children));
+`;
+const Floater = (_a) => {
+    var { position = 'top', offset = '0', 'data-testid': dataTestId } = _a, props = tslib.__rest(_a, ["position", "offset", 'data-testid']);
+    return (React__default["default"].createElement(Element, { id: props.id, position: position, offset: offset, zIndex: props.zIndex, className: props.className, "data-testid": dataTestId }, props.children));
 };
 
 exports["default"] = Floater;

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

@@ -1,10 +1,10 @@
-import React from 'react';
-import type { CategoriesComponentProps, FooterNavigationProps, GeneralInformationComponentProps, LanguageSelectorProps } from '../types/footerProps';
-export declare const mapCorporateSelector: (languagesObject: LanguageSelectorProps) => {
-    title: string;
-    url: string;
-}[];
-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;
+import React from 'react';
+import type { CategoriesComponentProps, FooterNavigationProps, GeneralInformationComponentProps, LanguageSelectorProps } from '../types/footerProps';
+export declare const mapCorporateSelector: (languagesObject: LanguageSelectorProps) => {
+    title: string;
+    url: string;
+}[];
+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;