@dnanpm/styleguide 2.2.3 → 3.0.0

package/build/es/components/Buttons/ButtonTertiary.js

@@ -1,23 +0,0 @@
-import React from 'react';
-import styled from '../../themes/styled.js';
-import theme from '../../themes/theme.js';
-import PixelLoader from '../PixelLoader/PixelLoader.js';
-import ButtonTertiaryStyles from './ButtonTertiaryStyles.js';
-
-const noop = () => { }; // tslint:disable-line
-const StyledPixelLoader = styled(PixelLoader) `
-    display: inline-flex;
-`;
-/** @visibleName Button tertiary */
-const ButtonTertiary = (props) => {
-    const { children, className, fullWidth, small, loading = false, darkBg, onClick, onMouseDown, disabled = false, 'data-testid': dataTestId, 'data-no-close': dataNoClose, 'data-track-value': dataTrackValue, type, } = props;
-    return (React.createElement(ButtonTertiaryStyles, { fullWidth: fullWidth, small: small, 
-        // There is an issue related to styled-components: react warning: Received `true` for a non-boolean attribute 'loading'.
-        // If you want to write it to the DOM, pass a string instead: loading="true"
-        // https://github.com/styled-components/styled-components/pull/2093
-        loading: loading ? loading.toString() : undefined, darkBg: darkBg, disabled: disabled, onClick: !disabled || !loading ? onClick : noop, onMouseDown: (!disabled || !loading) && onMouseDown ? onMouseDown : noop, className: className, "data-testid": dataTestId, "data-no-close": dataNoClose, "data-track-value": dataTrackValue, type: type },
-        !loading && (React.createElement("span", { "data-testid": dataTestId && `${dataTestId}-text`, "data-no-close": dataNoClose }, children)),
-        loading && (React.createElement(StyledPixelLoader, { color: darkBg ? theme.color.black : theme.color.white }))));
-};
-
-export default ButtonTertiary;

package/build/es/components/Buttons/ButtonTertiaryStyles.d.ts

@@ -1,101 +0,0 @@
-declare const ButtonTertiaryStyles: import("styled-components").StyledComponent<"button", {
-    base: {
-        baseHeight: {
-            value: number;
-            unit: string;
-        };
-        baseWidth: {
-            value: number;
-            unit: string;
-        };
-    };
-    breakpoints: import("../../themes/themeComponents/breakpoints").ViewBreakpoints;
-    button: {
-        border: string;
-    };
-    color: {
-        black: string;
-        white: string;
-        text: string;
-        hotPink: string;
-        waterBlue: string;
-        melonYellow: string;
-        slateGray: string;
-        grayWhite: string;
-        hotPinkHover: string;
-        waterBlueHover: string;
-        pink1: string;
-        pink2: string;
-        pinkday: string;
-        info: string;
-        error: string;
-        success: string;
-        warning: string;
-        grayBg: string;
-        gray80: string;
-        gray70: string;
-        gray55: string;
-        gray40: string;
-        gray25: string;
-        gray15: string;
-        gray10: string;
-        gray5: string;
-    };
-    fontFamily: {
-        default: string;
-        heading: string;
-        numerals: string;
-    };
-    fontSize: {
-        default: string;
-        xl: string;
-        l: string;
-        s: string;
-        xs: string;
-        h1XL: string;
-        h1L: string;
-        h1M: string;
-        h1S: string;
-        h2M: string;
-        h2S: string;
-        h3: string;
-        h4: string;
-        h5: string;
-        h1: string;
-        h2: string;
-    };
-    fontWeight: {
-        book: number;
-        medium: number;
-        bold: number;
-        black: number;
-    };
-    form: {
-        smallSelectWidth: string;
-        smallSelectHeight: string;
-    };
-    grid: {
-        gutter: string;
-    };
-    lineHeight: {
-        default: string;
-        xl: string;
-        s: string;
-        xs: string;
-        xxs: string;
-        auto: string;
-        h1XL: string;
-        h1L: string;
-        h1M: string;
-        h1S: string;
-        h2M: string;
-        h2S: string;
-        h3: string;
-        h4: string;
-        h5: string;
-        h1: string;
-        h2: string;
-    };
-    media: Record<string | number, (l: TemplateStringsArray, ...p: any[]) => string>;
-}, import("./ButtonBasicStyles").ButtonProps, never>;
-export default ButtonTertiaryStyles;

package/build/es/components/Buttons/ButtonTertiaryStyles.js

@@ -1,39 +0,0 @@
-import styled from '../../themes/styled.js';
-import ButtonBasicStyle from './ButtonBasicStyles.js';
-
-const ButtonTertiaryStyles = styled(ButtonBasicStyle) `
-    border-color: ${props => {
-    if (props.darkBg && !props.loading) {
-        return props.theme.color.gray15;
-    }
-    if (props.darkBg && props.loading) {
-        return props.theme.color.white;
-    }
-    return props.theme.color.gray70;
-}};
-    background-color: ${props => {
-    if (props.darkBg && !props.loading) {
-        return props.theme.color.gray15;
-    }
-    if (props.darkBg && props.loading) {
-        return props.theme.color.white;
-    }
-    return props.theme.color.gray70;
-}};
-    color: ${props => (props && props.darkBg ? props.theme.color.gray70 : props.theme.color.white)};
-
-    &:focus {
-        color: ${props => props && props.darkBg ? props.theme.color.black : props.theme.color.white};
-    }
-
-    &:hover {
-        background-color: ${props => props && props.darkBg ? props.theme.color.white : props.theme.color.black};
-        color: ${props => props && props.darkBg ? props.theme.color.black : props.theme.color.white};
-    }
-    &:active {
-        background-color: ${props => props && props.darkBg ? props.theme.color.white : props.theme.color.gray70};
-        color: ${props => props && props.darkBg ? props.theme.color.gray70 : props.theme.color.white};
-    }
-`;
-
-export default ButtonTertiaryStyles;

package/build/es/components/Buttons/CloseButton.d.ts

@@ -1,101 +0,0 @@
-declare const CloseButton: import("styled-components").StyledComponent<"a", {
-    base: {
-        baseHeight: {
-            value: number;
-            unit: string;
-        };
-        baseWidth: {
-            value: number;
-            unit: string;
-        };
-    };
-    breakpoints: import("../../themes/themeComponents/breakpoints").ViewBreakpoints;
-    button: {
-        border: string;
-    };
-    color: {
-        black: string;
-        white: string;
-        text: string;
-        hotPink: string;
-        waterBlue: string;
-        melonYellow: string;
-        slateGray: string;
-        grayWhite: string;
-        hotPinkHover: string;
-        waterBlueHover: string;
-        pink1: string;
-        pink2: string;
-        pinkday: string;
-        info: string;
-        error: string;
-        success: string;
-        warning: string;
-        grayBg: string;
-        gray80: string;
-        gray70: string;
-        gray55: string;
-        gray40: string;
-        gray25: string;
-        gray15: string;
-        gray10: string;
-        gray5: string;
-    };
-    fontFamily: {
-        default: string;
-        heading: string;
-        numerals: string;
-    };
-    fontSize: {
-        default: string;
-        xl: string;
-        l: string;
-        s: string;
-        xs: string;
-        h1XL: string;
-        h1L: string;
-        h1M: string;
-        h1S: string;
-        h2M: string;
-        h2S: string;
-        h3: string;
-        h4: string;
-        h5: string;
-        h1: string;
-        h2: string;
-    };
-    fontWeight: {
-        book: number;
-        medium: number;
-        bold: number;
-        black: number;
-    };
-    form: {
-        smallSelectWidth: string;
-        smallSelectHeight: string;
-    };
-    grid: {
-        gutter: string;
-    };
-    lineHeight: {
-        default: string;
-        xl: string;
-        s: string;
-        xs: string;
-        xxs: string;
-        auto: string;
-        h1XL: string;
-        h1L: string;
-        h1M: string;
-        h1S: string;
-        h2M: string;
-        h2S: string;
-        h3: string;
-        h4: string;
-        h5: string;
-        h1: string;
-        h2: string;
-    };
-    media: Record<string | number, (l: TemplateStringsArray, ...p: any[]) => string>;
-}, {}, never>;
-export default CloseButton;

package/build/es/components/Buttons/CloseButton.js

@@ -1,12 +0,0 @@
-import styled from '../../themes/styled.js';
-import { getMultipliedSize } from '../../utils/styledUtils.js';
-
-const CloseButton = styled.a `
-    position: absolute;
-    top: 0;
-    right: 0;
-    margin: ${props => getMultipliedSize(props.theme.base.baseHeight, 1)};
-    cursor: pointer;
-`;
-
-export default CloseButton;

package/build/es/components/Buttons/index.d.ts

@@ -1,8 +0,0 @@
-export { default as Button } from './ButtonDefault';
-export { default as ButtonPrimary } from './ButtonPrimary';
-export { default as ButtonSecondary } from './ButtonSecondary';
-export { default as ButtonTertiary } from './ButtonTertiary';
-export { default as ButtonRound } from './ButtonRound';
-export { default as CloseButton } from './CloseButton';
-export { default as ButtonIcon } from './ButtonIcon';
-export { default as ButtonIconPrimary } from './ButtonIconPrimary';

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

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { CardProps } from './CardProps';
-declare const Card: ({ title, children, className, "data-testid": dataTestId }: CardProps) => JSX.Element;
-/** @component */
-export default Card;

package/build/es/components/Card/Card.js

@@ -1,62 +0,0 @@
-import React from 'react';
-import styled, { keyframes } from '../../themes/styled.js';
-import theme from '../../themes/theme.js';
-import { media } from '../../utils/styledUtils.js';
-
-const showing = keyframes `
-  from {
-    opacity:0.3;
-    transform: translateY(-0.5rem);
-  }
-
-  to {
-      opacity: 1;
-      transform: translateY(0rem);
-  }
-`;
-const CardContainer = styled.div `
-    margin: 0 0.75rem;
-    box-shadow: none;
-    background: ${theme.color.white};
-    animation: ${showing} 0.2s ease-in;
-    ${media.md `
-        box-shadow: 2px 2px 4px ${theme.color.gray15};
-        margin: 0 0.75rem 1.5rem 0.75rem;
-    `};
-    color: ${theme.color.text};
-`;
-const CardTitle = styled.h3 `
-    margin: 0;
-    color: ${theme.color.gray55};
-    font-size: ${theme.fontSize.s};
-    line-height: ${theme.lineHeight.s};
-    font-weight: ${theme.fontWeight.book};
-    background: ${theme.color.gray5};
-    padding: 0.75rem 0 0.25rem 0;
-    width: 100%;
-    text-transform: uppercase;
-
-    ${media.md `
-        background: ${theme.color.white};
-        padding: 1rem 1.875rem;
-        font-size: ${theme.fontSize.l};
-        line-height: ${theme.lineHeight.default};
-        text-transform: none;
-        text-align: center;
-        font-weight: ${theme.fontWeight.bold};
-        color: ${theme.color.text};
-        border-bottom: 1px solid ${theme.color.gray15};
-    `};
-`;
-const CardWrapper = styled.div `
-    padding: 0;
-    box-shadow: 0px 0px 8px ${theme.color.gray15};
-    ${media.md `
-        box-shadow: none;
-    `};
-`;
-const Card = ({ title, children, className, 'data-testid': dataTestId }) => (React.createElement(CardContainer, { "data-testid": dataTestId, className: className },
-    title && React.createElement(CardTitle, null, title),
-    React.createElement(CardWrapper, null, children)));
-
-export default Card;

package/build/es/components/Card/CardRow.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { CardRowProps } from './CardProps';
-declare const CardRow: ({ title, value, children, noBorder, dashedBorder, eCareRow, "data-testid": dataTestId, }: CardRowProps) => JSX.Element;
-/** @component */
-export default CardRow;

package/build/es/components/Card/CardRow.js

@@ -1,55 +0,0 @@
-import React from 'react';
-import styled from '../../themes/styled.js';
-import theme from '../../themes/theme.js';
-import { media } from '../../utils/styledUtils.js';
-
-const CardElement = styled.div `
-    display: flex;
-    justify-content: space-between;
-    align-content: center;
-    padding: 1rem;
-    ${p => media.sm `
-        padding: ${p.noBorder ? '1rem 1rem' : '1rem 1.5rem'};
-    `};
-    border-bottom: ${p => `${p.dashedBorder ? '2px dashed ' : '1px solid '}
-        ${p.noBorder ? 'none' : theme.color.gray10}`};
-    padding-bottom: ${p => (p.noBorder ? '0' : '1rem')};
-    &:last-of-type {
-        border-bottom: none;
-    }
-`;
-const CardContent = styled.div `
-    font-size: ${theme.fontSize.default};
-    font-weight: ${theme.fontWeight.medium};
-    margin: 0;
-    flex-grow: 1;
-    p,
-    h5 {
-        word-break: break-word;
-        margin: 0;
-        line-height: ${theme.lineHeight.s};
-        padding-right: 1.5rem;
-    }
-    h5 {
-        font-size: ${theme.fontSize.s};
-        font-weight: ${theme.fontWeight.book};
-    }
-`;
-const CTAButtonWrapper = styled.div `
-    display: flex;
-    justify-self: right;
-    align-self: center;
-`;
-const CardRow = ({ title = '', value = '', children, noBorder = false, dashedBorder = false, eCareRow = false, 'data-testid': dataTestId, }) => {
-    if (!eCareRow) {
-        return (React.createElement(CardElement, { noBorder: noBorder, dashedBorder: dashedBorder, "data-testid": dataTestId },
-            React.createElement(CardContent, null, children)));
-    }
-    return (React.createElement(CardElement, { noBorder: noBorder, dashedBorder: dashedBorder, "data-testid": dataTestId },
-        React.createElement(CardContent, null,
-            title && React.createElement("h5", null, title),
-            value && React.createElement("p", null, value)),
-        React.createElement(CTAButtonWrapper, null, children)));
-};
-
-export default CardRow;

package/build/es/components/Card/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Card } from './Card';
-export { default as CardRow } from './CardRow';

package/build/es/components/Icon/Icons.d.ts

@@ -1,220 +0,0 @@
-/// <reference types="react" />
-import type { IconProps, Props as IconComponentProps } from './Icon';
-export declare const fourG: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const action: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const airplane: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const anime: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const antenna: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const apartmentBuilding1: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const apartmentBuilding2: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const apartmentBuilding3: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const arrows: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const backward: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const balloon: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const basket: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const book: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const briefcase: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const broadbandHome: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const broadbandHousing: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const broadbandMobile: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const browser: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const bus: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const cableTv: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const calculator: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const calendar1: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const calendar2: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const camera: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const channelPackageL: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const channelPackageM: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const channelPackageMix: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const channelPackageMix4: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const channelPackageMix8: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const channelPackageMixPlus: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const channelPackageNorra: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const channelPackageRossija: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const channelPackageS: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const channelPackageTurk: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const check: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const chevronDown: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const chevronLeft: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const chevronRight: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const chevronUp: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const clapperboard: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const clipboard: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const cloud1: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const cloud2: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const cogwheel: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const comedy: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const cultFilms: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const culture: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const curvedArrowLeft: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const curvedArrowRight: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const cycle: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const desktopComputer: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const devices: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const diamond: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const digibox: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const digiboxRec: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const dnaTurvapaketti: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const dnaTv: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const document1: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const document2: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const document3: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const documentaries: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const documents1: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const documents2: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const door: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const download: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const drama: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const dvbC: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const dvbT2: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const dwr: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const envelope1: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const envelope2: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const epg: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const error: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const ethernet: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const eu: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const euro: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const exclamationMark: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const eyeClosed: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const eyeOpen: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const favorites: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const finland: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const finnish: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const folder1: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const folder2: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const folder3: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const forward: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const gameConsole: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const gift: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const gift2: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const globe: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const google: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const graduation: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const graph: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const hardDrive: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const hd: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const hdmiCable: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const headset1: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const headset2: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const hobbies: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const hotdog: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const house: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const hub: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const idCard: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const info: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const iot1: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const iot2: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const iot3: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const ip: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const key: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const kids: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const laptop: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const leaf: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const magnifyingGlass: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const man1: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const man2: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const man3: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const man4: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const man5: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const marker: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const maximize: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const megaphone: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const minimize: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const minus: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const modem: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const molecule: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const money1: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const money2: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const mouse: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const mp3: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const music: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const newspaper: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const next: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const paperclip: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const pause: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const pdf: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const pen: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const person: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const person2: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const persons1: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const persons2: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const persons3: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const pg18: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const phone1: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const phone2: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const phonePrepaid: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const phonePrepaid4g: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const phoneWifiPrepaid: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const play: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const plus: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const power: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const previous: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const projector: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const radioMast: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const rec: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const rec2: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const remoteControl: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const romantic: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const router: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const rss: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const scale: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const shield: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const simCard1: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const simCard2: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const simCard4g: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const simCard4gWifi: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const simCardInfinity: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const simCardInfinity4g: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const simCardWifi: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const soda: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const speaker: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const speechBubble1: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const speechBubble2: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const speechBubble3: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const sports: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const star: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const stop: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const swedish: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const tablet: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const target: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const terrestialTv: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const thriller: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const thumbDown: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const thumbUp: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const tickets: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const top10: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const top50: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const trademark: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const trafficCone: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const trafficLights: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const train: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const tv1: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const tv2: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const tvCard: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const tvWithRecording: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const tvWithRemote1: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const tvWithRemote2: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const tvWithRemote3: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const tvWithRemote4: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const upgrade: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const upload: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const usb: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const usbCable: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const usbModem: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const van: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const videocamera: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const wall: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const warning: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const whatsapp: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const wifi1: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const wifi2: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const wifiAccessPoint: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const woman1: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const woman2: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const woman3: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const world: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const wrench1: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const wrench2: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;
-export declare const x: ({ size, color, ...props }: IconProps | IconComponentProps) => JSX.Element;