@dnanpm/styleguide 2.3.0 → 3.1.0

package/build/cjs/components/Icons/hlX.js

@@ -11,8 +11,8 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 const hlX = (_a) => {
     var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
-    return (React__default['default'].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color, width: size, height: size }, props),
-        React__default['default'].createElement("path", { d: "M12.85 12l7.38-7.38a.6.6 0 0 0-.85-.85L12 11.15 4.62 3.78a.6.6 0 0 0-.85.85L11.15 12l-7.37 7.38a.6.6 0 1 0 .85.85L12 12.85l7.38 7.38a.6.6 0 0 0 .85-.85z" })));
+    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color }, props),
+        React__default["default"].createElement("path", { d: "M12.85 12l7.38-7.38a.6.6 0 0 0-.85-.85L12 11.15 4.62 3.78a.6.6 0 0 0-.85.85L11.15 12l-7.37 7.38a.6.6 0 1 0 .85.85L12 12.85l7.38 7.38a.6.6 0 0 0 .85-.85z" })));
 };
 
-exports.default = hlX;
+exports["default"] = hlX;

package/build/cjs/components/Icons/index.d.ts

@@ -1,8 +1,27 @@
+export { default as hlArrowBackSmall } from './Small/hlArrowBackSmall';
+export { default as hlArrowForwardSmall } from './Small/hlArrowForwardSmall';
+export { default as hlArrowUnderSmall } from './Small/hlArrowUnderSmall';
+export { default as hlCalendarSmall } from './Small/hlCalendarSmall';
+export { default as hlChevronDownSmall } from './Small/hlChevronDownSmall';
+export { default as hlChevronLeftSmall } from './Small/hlChevronLeftSmall';
+export { default as hlChevronRightSmall } from './Small/hlChevronRightSmall';
+export { default as hlChevronUpSmall } from './Small/hlChevronUpSmall';
+export { default as hlClockSmall } from './Small/hlClockSmall';
+export { default as hlDownloadSmall } from './Small/hlDownloadSmall';
+export { default as hlExternalSmall } from './Small/hlExternalSmall';
+export { default as hlUploadSmall } from './Small/hlUploadSmall';
+export { default as facebook } from './Social/facebook';
+export { default as instagram } from './Social/instagram';
+export { default as linkedin } from './Social/linkedin';
+export { default as tiktok } from './Social/tiktok';
+export { default as twitter } from './Social/twitter';
+export { default as youtube } from './Social/youtube';
 export { default as hl404 } from './hl404';
 export { default as hl4gSim } from './hl4gSim';
 export { default as hl5gSim } from './hl5gSim';
 export { default as hlBattery } from './hlBattery';
 export { default as hlBell } from './hlBell';
+export { default as hlCableTVCard } from './hlCableTVCard';
 export { default as hlCalendar } from './hlCalendar';
 export { default as hlCall } from './hlCall';
 export { default as hlCameraBack } from './hlCameraBack';
@@ -10,7 +29,7 @@ export { default as hlCameraFront } from './hlCameraFront';
 export { default as hlCart } from './hlCart';
 export { default as hlCartEmpty } from './hlCartEmpty';
 export { default as hlChat } from './hlChat';
-export { default as hlCheck } from './hlCheck';
+export { default as hlCheck, hlSuccess } from './hlCheck';
 export { default as hlChevronDown } from './hlChevronDown';
 export { default as hlChevronLeft } from './hlChevronLeft';
 export { default as hlChevronRight } from './hlChevronRight';
@@ -40,10 +59,13 @@ export { default as hlHeadphones } from './hlHeadphones';
 export { default as hlHeadset } from './hlHeadset';
 export { default as hlHeart } from './hlHeart';
 export { default as hlHome } from './hlHome';
+export { default as hlHub } from './hlHub';
 export { default as hlImage } from './hlImage';
 export { default as hlInfo } from './hlInfo';
 export { default as hlInstallment } from './hlInstallment';
 export { default as hlIotSim } from './hlIotSim';
+export { default as hlLaptop } from './hlLaptop';
+export { default as hlLiveVideo } from './hlLiveVideo';
 export { default as hlLock } from './hlLock';
 export { default as hlMagnifyingGlass } from './hlMagnifyingGlass';
 export { default as hlMarker } from './hlMarker';
@@ -62,6 +84,7 @@ export { default as hlPaytime } from './hlPaytime';
 export { default as hlPen } from './hlPen';
 export { default as hlPerson } from './hlPerson';
 export { default as hlPhone } from './hlPhone';
+export { default as hlPlaylist } from './hlPlaylist';
 export { default as hlPlus } from './hlPlus';
 export { default as hlPrepaid } from './hlPrepaid';
 export { default as hlProcessor } from './hlProcessor';
@@ -81,22 +104,5 @@ export { default as hlUnlock } from './hlUnlock';
 export { default as hlUpload } from './hlUpload';
 export { default as hlWarning } from './hlWarning';
 export { default as hlWifi } from './hlWifi';
+export { default as hlWrench } from './hlWrench';
 export { default as hlX } from './hlX';
-export { default as hlArrowBackSmall, hlArrowBack, hlArrowSmallLeft, } from './Small/hlArrowBackSmall';
-export { default as hlArrowForwardSmall, hlArrowForward, hlArrowSmallRight, } from './Small/hlArrowForwardSmall';
-export { default as hlArrowUnderSmall, hlArrowSmallUnder } from './Small/hlArrowUnderSmall';
-export { default as hlCalendarSmall } from './Small/hlCalendarSmall';
-export { default as hlChevronDownSmall } from './Small/hlChevronDownSmall';
-export { default as hlChevronLeftSmall } from './Small/hlChevronLeftSmall';
-export { default as hlChevronRightSmall } from './Small/hlChevronRightSmall';
-export { default as hlChevronUpSmall } from './Small/hlChevronUpSmall';
-export { default as hlClockSmall } from './Small/hlClockSmall';
-export { default as hlDownloadSmall } from './Small/hlDownloadSmall';
-export { default as hlExternalSmall } from './Small/hlExternalSmall';
-export { default as hlUploadSmall } from './Small/hlUploadSmall';
-export { default as facebook } from './Social/facebook';
-export { default as instagram } from './Social/instagram';
-export { default as linkedin } from './Social/linkedin';
-export { default as tiktok } from './Social/tiktok';
-export { default as twitter } from './Social/twitter';
-export { default as youtube } from './Social/youtube';

package/build/cjs/components/Icons/index.js

@@ -2,11 +2,30 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var hlArrowBackSmall = require('./Small/hlArrowBackSmall.js');
+var hlArrowForwardSmall = require('./Small/hlArrowForwardSmall.js');
+var hlArrowUnderSmall = require('./Small/hlArrowUnderSmall.js');
+var hlCalendarSmall = require('./Small/hlCalendarSmall.js');
+var hlChevronDownSmall = require('./Small/hlChevronDownSmall.js');
+var hlChevronLeftSmall = require('./Small/hlChevronLeftSmall.js');
+var hlChevronRightSmall = require('./Small/hlChevronRightSmall.js');
+var hlChevronUpSmall = require('./Small/hlChevronUpSmall.js');
+var hlClockSmall = require('./Small/hlClockSmall.js');
+var hlDownloadSmall = require('./Small/hlDownloadSmall.js');
+var hlExternalSmall = require('./Small/hlExternalSmall.js');
+var hlUploadSmall = require('./Small/hlUploadSmall.js');
+var facebook = require('./Social/facebook.js');
+var instagram = require('./Social/instagram.js');
+var linkedin = require('./Social/linkedin.js');
+var tiktok = require('./Social/tiktok.js');
+var twitter = require('./Social/twitter.js');
+var youtube = require('./Social/youtube.js');
 var hl404 = require('./hl404.js');
 var hl4gSim = require('./hl4gSim.js');
 var hl5gSim = require('./hl5gSim.js');
 var hlBattery = require('./hlBattery.js');
 var hlBell = require('./hlBell.js');
+var hlCableTVCard = require('./hlCableTVCard.js');
 var hlCalendar = require('./hlCalendar.js');
 var hlCall = require('./hlCall.js');
 var hlCameraBack = require('./hlCameraBack.js');
@@ -44,10 +63,13 @@ var hlHeadphones = require('./hlHeadphones.js');
 var hlHeadset = require('./hlHeadset.js');
 var hlHeart = require('./hlHeart.js');
 var hlHome = require('./hlHome.js');
+var hlHub = require('./hlHub.js');
 var hlImage = require('./hlImage.js');
 var hlInfo = require('./hlInfo.js');
 var hlInstallment = require('./hlInstallment.js');
 var hlIotSim = require('./hlIotSim.js');
+var hlLaptop = require('./hlLaptop.js');
+var hlLiveVideo = require('./hlLiveVideo.js');
 var hlLock = require('./hlLock.js');
 var hlMagnifyingGlass = require('./hlMagnifyingGlass.js');
 var hlMarker = require('./hlMarker.js');
@@ -66,6 +88,7 @@ var hlPaytime = require('./hlPaytime.js');
 var hlPen = require('./hlPen.js');
 var hlPerson = require('./hlPerson.js');
 var hlPhone = require('./hlPhone.js');
+var hlPlaylist = require('./hlPlaylist.js');
 var hlPlus = require('./hlPlus.js');
 var hlPrepaid = require('./hlPrepaid.js');
 var hlProcessor = require('./hlProcessor.js');
@@ -85,132 +108,117 @@ var hlUnlock = require('./hlUnlock.js');
 var hlUpload = require('./hlUpload.js');
 var hlWarning = require('./hlWarning.js');
 var hlWifi = require('./hlWifi.js');
+var hlWrench = require('./hlWrench.js');
 var hlX = require('./hlX.js');
-var hlArrowBackSmall = require('./Small/hlArrowBackSmall.js');
-var hlArrowForwardSmall = require('./Small/hlArrowForwardSmall.js');
-var hlArrowUnderSmall = require('./Small/hlArrowUnderSmall.js');
-var hlCalendarSmall = require('./Small/hlCalendarSmall.js');
-var hlChevronDownSmall = require('./Small/hlChevronDownSmall.js');
-var hlChevronLeftSmall = require('./Small/hlChevronLeftSmall.js');
-var hlChevronRightSmall = require('./Small/hlChevronRightSmall.js');
-var hlChevronUpSmall = require('./Small/hlChevronUpSmall.js');
-var hlClockSmall = require('./Small/hlClockSmall.js');
-var hlDownloadSmall = require('./Small/hlDownloadSmall.js');
-var hlExternalSmall = require('./Small/hlExternalSmall.js');
-var hlUploadSmall = require('./Small/hlUploadSmall.js');
-var facebook = require('./Social/facebook.js');
-var instagram = require('./Social/instagram.js');
-var linkedin = require('./Social/linkedin.js');
-var tiktok = require('./Social/tiktok.js');
-var twitter = require('./Social/twitter.js');
-var youtube = require('./Social/youtube.js');
 
 
 
-exports.hl404 = hl404['default'];
-exports.hl4gSim = hl4gSim['default'];
-exports.hl5gSim = hl5gSim['default'];
-exports.hlBattery = hlBattery['default'];
-exports.hlBell = hlBell['default'];
-exports.hlCalendar = hlCalendar['default'];
-exports.hlCall = hlCall['default'];
-exports.hlCameraBack = hlCameraBack['default'];
-exports.hlCameraFront = hlCameraFront['default'];
-exports.hlCart = hlCart['default'];
-exports.hlCartEmpty = hlCartEmpty['default'];
-exports.hlChat = hlChat['default'];
-exports.hlCheck = hlCheck['default'];
-exports.hlChevronDown = hlChevronDown['default'];
-exports.hlChevronLeft = hlChevronLeft['default'];
-exports.hlChevronRight = hlChevronRight['default'];
-exports.hlChevronUp = hlChevronUp['default'];
-exports.hlCompensation = hlCompensation['default'];
-exports.hlCookie = hlCookie['default'];
-exports.hlCopy = hlCopy['default'];
-exports.hlCoupon = hlCoupon['default'];
-exports.hlDelivery = hlDelivery['default'];
-exports.hlDigiturva = hlDigiturva['default'];
-exports.hlDisplaySize = hlDisplaySize['default'];
-exports.hlDocument = hlDocument['default'];
-exports.hlDownload = hlDownload['default'];
-exports.hlEnvelope = hlEnvelope['default'];
-exports.hlError = hlError['default'];
-exports.hlEuro = hlEuro['default'];
-exports.hlExclamationMark = hlExclamationMark['default'];
-exports.hlExpand = hlExpand['default'];
-exports.hlExternal = hlExternal['default'];
-exports.hlEyeClosed = hlEyeClosed['default'];
-exports.hlEyeOpen = hlEyeOpen['default'];
-exports.hlFaceId = hlFaceId['default'];
-exports.hlFastDelivery = hlFastDelivery['default'];
-exports.hlFingerprint = hlFingerprint['default'];
-exports.hlGlobe = hlGlobe['default'];
-exports.hlHeadphones = hlHeadphones['default'];
-exports.hlHeadset = hlHeadset['default'];
-exports.hlHeart = hlHeart['default'];
-exports.hlHome = hlHome['default'];
-exports.hlImage = hlImage['default'];
-exports.hlInfo = hlInfo['default'];
-exports.hlInstallment = hlInstallment['default'];
-exports.hlIotSim = hlIotSim['default'];
-exports.hlLock = hlLock['default'];
-exports.hlMagnifyingGlass = hlMagnifyingGlass['default'];
-exports.hlMarker = hlMarker['default'];
-exports.hlMemory = hlMemory['default'];
-exports.hlMenu = hlMenu['default'];
-exports.hlMinimize = hlMinimize['default'];
-exports.hlMinus = hlMinus['default'];
-exports.hlMobileData = hlMobileData['default'];
-exports.hlMobilePayment = hlMobilePayment['default'];
-exports.hlModem = hlModem['default'];
-exports.hlMore = hlMore['default'];
-exports.hlOs = hlOs['default'];
-exports.hlPackage = hlPackage['default'];
-exports.hlPaperclip = hlPaperclip['default'];
-exports.hlPaytime = hlPaytime['default'];
-exports.hlPen = hlPen['default'];
-exports.hlPerson = hlPerson['default'];
-exports.hlPhone = hlPhone['default'];
-exports.hlPlus = hlPlus['default'];
-exports.hlPrepaid = hlPrepaid['default'];
-exports.hlProcessor = hlProcessor['default'];
-exports.hlServices = hlServices['default'];
-exports.hlSettings = hlSettings['default'];
-exports.hlShield = hlShield['default'];
-exports.hlSim = hlSim['default'];
-exports.hlSimSimple = hlSimSimple['default'];
-exports.hlSmile = hlSmile['default'];
-exports.hlSpeechBubble = hlSpeechBubble['default'];
-exports.hlSquaretrade = hlSquaretrade['default'];
-exports.hlStar = hlStar['default'];
-exports.hlStarFilled = hlStarFilled['default'];
-exports.hlTrash = hlTrash['default'];
-exports.hlTv = hlTv['default'];
-exports.hlUnlock = hlUnlock['default'];
-exports.hlUpload = hlUpload['default'];
-exports.hlWarning = hlWarning['default'];
-exports.hlWifi = hlWifi['default'];
-exports.hlX = hlX['default'];
-exports.hlArrowBack = hlArrowBackSmall.hlArrowBack;
-exports.hlArrowBackSmall = hlArrowBackSmall['default'];
-exports.hlArrowSmallLeft = hlArrowBackSmall.hlArrowSmallLeft;
-exports.hlArrowForward = hlArrowForwardSmall.hlArrowForward;
-exports.hlArrowForwardSmall = hlArrowForwardSmall['default'];
-exports.hlArrowSmallRight = hlArrowForwardSmall.hlArrowSmallRight;
-exports.hlArrowSmallUnder = hlArrowUnderSmall.hlArrowSmallUnder;
-exports.hlArrowUnderSmall = hlArrowUnderSmall['default'];
-exports.hlCalendarSmall = hlCalendarSmall['default'];
-exports.hlChevronDownSmall = hlChevronDownSmall['default'];
-exports.hlChevronLeftSmall = hlChevronLeftSmall['default'];
-exports.hlChevronRightSmall = hlChevronRightSmall['default'];
-exports.hlChevronUpSmall = hlChevronUpSmall['default'];
-exports.hlClockSmall = hlClockSmall['default'];
-exports.hlDownloadSmall = hlDownloadSmall['default'];
-exports.hlExternalSmall = hlExternalSmall['default'];
-exports.hlUploadSmall = hlUploadSmall['default'];
-exports.facebook = facebook['default'];
-exports.instagram = instagram['default'];
-exports.linkedin = linkedin['default'];
-exports.tiktok = tiktok['default'];
-exports.twitter = twitter['default'];
-exports.youtube = youtube['default'];
+exports.hlArrowBackSmall = hlArrowBackSmall["default"];
+exports.hlArrowForwardSmall = hlArrowForwardSmall["default"];
+exports.hlArrowUnderSmall = hlArrowUnderSmall["default"];
+exports.hlCalendarSmall = hlCalendarSmall["default"];
+exports.hlChevronDownSmall = hlChevronDownSmall["default"];
+exports.hlChevronLeftSmall = hlChevronLeftSmall["default"];
+exports.hlChevronRightSmall = hlChevronRightSmall["default"];
+exports.hlChevronUpSmall = hlChevronUpSmall["default"];
+exports.hlClockSmall = hlClockSmall["default"];
+exports.hlDownloadSmall = hlDownloadSmall["default"];
+exports.hlExternalSmall = hlExternalSmall["default"];
+exports.hlUploadSmall = hlUploadSmall["default"];
+exports.facebook = facebook["default"];
+exports.instagram = instagram["default"];
+exports.linkedin = linkedin["default"];
+exports.tiktok = tiktok["default"];
+exports.twitter = twitter["default"];
+exports.youtube = youtube["default"];
+exports.hl404 = hl404["default"];
+exports.hl4gSim = hl4gSim["default"];
+exports.hl5gSim = hl5gSim["default"];
+exports.hlBattery = hlBattery["default"];
+exports.hlBell = hlBell["default"];
+exports.hlCableTVCard = hlCableTVCard["default"];
+exports.hlCalendar = hlCalendar["default"];
+exports.hlCall = hlCall["default"];
+exports.hlCameraBack = hlCameraBack["default"];
+exports.hlCameraFront = hlCameraFront["default"];
+exports.hlCart = hlCart["default"];
+exports.hlCartEmpty = hlCartEmpty["default"];
+exports.hlChat = hlChat["default"];
+exports.hlCheck = hlCheck["default"];
+exports.hlSuccess = hlCheck.hlSuccess;
+exports.hlChevronDown = hlChevronDown["default"];
+exports.hlChevronLeft = hlChevronLeft["default"];
+exports.hlChevronRight = hlChevronRight["default"];
+exports.hlChevronUp = hlChevronUp["default"];
+exports.hlCompensation = hlCompensation["default"];
+exports.hlCookie = hlCookie["default"];
+exports.hlCopy = hlCopy["default"];
+exports.hlCoupon = hlCoupon["default"];
+exports.hlDelivery = hlDelivery["default"];
+exports.hlDigiturva = hlDigiturva["default"];
+exports.hlDisplaySize = hlDisplaySize["default"];
+exports.hlDocument = hlDocument["default"];
+exports.hlDownload = hlDownload["default"];
+exports.hlEnvelope = hlEnvelope["default"];
+exports.hlError = hlError["default"];
+exports.hlEuro = hlEuro["default"];
+exports.hlExclamationMark = hlExclamationMark["default"];
+exports.hlExpand = hlExpand["default"];
+exports.hlExternal = hlExternal["default"];
+exports.hlEyeClosed = hlEyeClosed["default"];
+exports.hlEyeOpen = hlEyeOpen["default"];
+exports.hlFaceId = hlFaceId["default"];
+exports.hlFastDelivery = hlFastDelivery["default"];
+exports.hlFingerprint = hlFingerprint["default"];
+exports.hlGlobe = hlGlobe["default"];
+exports.hlHeadphones = hlHeadphones["default"];
+exports.hlHeadset = hlHeadset["default"];
+exports.hlHeart = hlHeart["default"];
+exports.hlHome = hlHome["default"];
+exports.hlHub = hlHub["default"];
+exports.hlImage = hlImage["default"];
+exports.hlInfo = hlInfo["default"];
+exports.hlInstallment = hlInstallment["default"];
+exports.hlIotSim = hlIotSim["default"];
+exports.hlLaptop = hlLaptop["default"];
+exports.hlLiveVideo = hlLiveVideo["default"];
+exports.hlLock = hlLock["default"];
+exports.hlMagnifyingGlass = hlMagnifyingGlass["default"];
+exports.hlMarker = hlMarker["default"];
+exports.hlMemory = hlMemory["default"];
+exports.hlMenu = hlMenu["default"];
+exports.hlMinimize = hlMinimize["default"];
+exports.hlMinus = hlMinus["default"];
+exports.hlMobileData = hlMobileData["default"];
+exports.hlMobilePayment = hlMobilePayment["default"];
+exports.hlModem = hlModem["default"];
+exports.hlMore = hlMore["default"];
+exports.hlOs = hlOs["default"];
+exports.hlPackage = hlPackage["default"];
+exports.hlPaperclip = hlPaperclip["default"];
+exports.hlPaytime = hlPaytime["default"];
+exports.hlPen = hlPen["default"];
+exports.hlPerson = hlPerson["default"];
+exports.hlPhone = hlPhone["default"];
+exports.hlPlaylist = hlPlaylist["default"];
+exports.hlPlus = hlPlus["default"];
+exports.hlPrepaid = hlPrepaid["default"];
+exports.hlProcessor = hlProcessor["default"];
+exports.hlServices = hlServices["default"];
+exports.hlSettings = hlSettings["default"];
+exports.hlShield = hlShield["default"];
+exports.hlSim = hlSim["default"];
+exports.hlSimSimple = hlSimSimple["default"];
+exports.hlSmile = hlSmile["default"];
+exports.hlSpeechBubble = hlSpeechBubble["default"];
+exports.hlSquaretrade = hlSquaretrade["default"];
+exports.hlStar = hlStar["default"];
+exports.hlStarFilled = hlStarFilled["default"];
+exports.hlTrash = hlTrash["default"];
+exports.hlTv = hlTv["default"];
+exports.hlUnlock = hlUnlock["default"];
+exports.hlUpload = hlUpload["default"];
+exports.hlWarning = hlWarning["default"];
+exports.hlWifi = hlWifi["default"];
+exports.hlWrench = hlWrench["default"];
+exports.hlX = hlX["default"];

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

@@ -1,6 +1,6 @@
 import React from 'react';
-declare type ComponentStatus = 'none' | 'success' | 'error' | 'comment';
-declare type InputType = 'date' | 'email' | 'hidden' | 'month' | 'number' | 'password' | 'range' | 'search' | 'tel' | 'text' | 'time' | 'url' | 'week';
+type InputStatus = 'none' | 'success' | 'error' | 'comment';
+type InputType = 'date' | 'email' | 'hidden' | 'month' | 'number' | 'password' | 'range' | 'search' | 'tel' | 'text' | 'time' | 'url' | 'week';
 interface Props {
     /**
      * Unique ID for the input element
@@ -34,7 +34,7 @@ interface Props {
      */
     value?: string | number;
     /**
-     * Text of the input element label
+     * Text to be passed down to `LabelText` component. Acts as the input element label
      */
     label?: string;
     /**
@@ -92,15 +92,14 @@ interface Props {
      */
     required?: boolean;
     /**
-     * Depending on the passed status, the styling and additional elements are shown
+     * Depending on the passed status, the styling changes and additional elements are shown
      *
-     * @param {ComponentStatus} none No specific styling
-     * @param {ComponentStatus} success Displays #e80c0c color code as bottom line color of input
-     * @param {ComponentStatus} error Displays #ff7800 color code as bottom line color of input and error message underneath the input
-     * @param {ComponentStatus} comment Displays comment message underneath the input
-     * @default 'none'
+     * @param {InputStatus} none Default styling
+     * @param {InputStatus} success Displays `success` icon with `theme.color.notification.success` color in the input element
+     * @param {InputStatus} error Displays `error` icon with `theme.color.notification.error` color in the input element and error message underneath the input
+     * @param {InputStatus} comment Displays comment message underneath the input
      */
-    status?: ComponentStatus;
+    status?: InputStatus;
     /**
      * Text of the error message when input is in error state
      */
@@ -118,6 +117,6 @@ interface Props {
      */
     'data-testid'?: string;
 }
-declare const Input: React.FunctionComponent<Props>;
+declare const Input: ({ type, "data-testid": dataTestId, ...props }: Props) => React.JSX.Element;
 /** @component */
 export default Input;