@dnanpm/styleguide 3.8.1 → 3.8.3

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

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var hlArrowBackSmall = require('./Small/hlArrowBackSmall.js');
 var hlArrowForwardSmall = require('./Small/hlArrowForwardSmall.js');
 var hlArrowUnderSmall = require('./Small/hlArrowUnderSmall.js');
@@ -114,113 +112,113 @@ var hlLink = require('./hlLink.js');
 
 
 
-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.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"];
-exports.hlLink = hlLink["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.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;
+exports.hlLink = hlLink.default;

package/build/cjs/components/InfoDialog/InfoDialog.js

@@ -8,30 +8,26 @@ var styled = require('../../themes/styled.js');
 var theme = require('../../themes/theme.js');
 var styledUtils = require('../../utils/styledUtils.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const positionMap = {
     left: 'left: 1.875rem',
     right: 'right: 1.875rem',
     middle: 'left: 50%; transform: translateX(-50%)',
 };
 const colorMap = {
-    default: theme["default"].color.default.pink,
-    sale: theme["default"].color.accent.orange,
+    default: theme.default.color.default.pink,
+    sale: theme.default.color.accent.orange,
 };
-const InfoDialogContainer = styled["default"].div `
+const InfoDialogContainer = styled.default.div `
     position: relative;
-    font-size: ${theme["default"].fontSize.s};
-    line-height: ${theme["default"].lineHeight.s};
-    font-weight: ${theme["default"].fontWeight.medium};
-    background-color: ${theme["default"].color.background.white.default};
-    color: ${theme["default"].color.text.black};
-    border-radius: ${theme["default"].radius.default};
+    font-size: ${theme.default.fontSize.s};
+    line-height: ${theme.default.lineHeight.s};
+    font-weight: ${theme.default.fontWeight.medium};
+    background-color: ${theme.default.color.background.white.default};
+    color: ${theme.default.color.text.black};
+    border-radius: ${theme.default.radius.default};
     border: 2px solid ${({ type }) => colorMap[type]};
-    padding: ${styledUtils.getMultipliedSize(theme["default"].base.baseHeight, 1.5)};
-    margin-top: ${styledUtils.getMultipliedSize(theme["default"].base.baseHeight, 2)};
+    padding: ${styledUtils.getMultipliedSize(theme.default.base.baseHeight, 1.5)};
+    margin-top: ${styledUtils.getMultipliedSize(theme.default.base.baseHeight, 2)};
     width: 100%;
 
     &:before,
@@ -39,7 +35,7 @@ const InfoDialogContainer = styled["default"].div `
         content: '';
         display: block;
         position: absolute;
-        top: -${styledUtils.getMultipliedSize(theme["default"].base.baseWidth, 0.9)};
+        top: -${styledUtils.getMultipliedSize(theme.default.base.baseWidth, 0.9)};
         z-index: 2;
         width: 0;
         height: 0;
@@ -47,14 +43,14 @@ const InfoDialogContainer = styled["default"].div `
         border: 20px solid transparent;
         border-top: 0;
         width: auto;
-        border-bottom-color: ${theme["default"].color.default.white};
+        border-bottom-color: ${theme.default.color.default.white};
         ${({ position }) => positionMap[position]};
-        border-width: 0px ${styledUtils.getMultipliedSize(theme["default"].base.baseWidth, 1.2)}
-            ${styledUtils.getMultipliedSize(theme["default"].base.baseWidth, 1.2)};
+        border-width: 0px ${styledUtils.getMultipliedSize(theme.default.base.baseWidth, 1.2)}
+            ${styledUtils.getMultipliedSize(theme.default.base.baseWidth, 1.2)};
     }
 
     &:before {
-        top: -${styledUtils.getMultipliedSize(theme["default"].base.baseWidth, 1.2)};
+        top: -${styledUtils.getMultipliedSize(theme.default.base.baseWidth, 1.2)};
         z-index: 1;
         border-bottom-color: ${({ type }) => colorMap[type]};
     }
@@ -62,7 +58,7 @@ const InfoDialogContainer = styled["default"].div `
 /** @visibleName Info Dialog */
 const InfoDialog = (_a) => {
     var { position = 'middle', type = 'default', 'data-testid': dataTestId } = _a, props = tslib.__rest(_a, ["position", "type", 'data-testid']);
-    return (React__default["default"].createElement(InfoDialogContainer, { id: props.id, "data-testid": dataTestId, className: props.className, position: position, type: type }, props.children));
+    return (React.createElement(InfoDialogContainer, { id: props.id, "data-testid": dataTestId, className: props.className, position: position, type: type }, props.children));
 };
 
-exports["default"] = InfoDialog;
+exports.default = InfoDialog;

package/build/cjs/components/Input/Input.js

@@ -8,34 +8,30 @@ var React = require('react');
 var styled = require('../../themes/styled.js');
 var theme = require('../../themes/theme.js');
 var styledUtils = require('../../utils/styledUtils.js');
-var ButtonIcon = require('../Button/ButtonIcon.js');
+var ButtonIcon = require('../ButtonIcon/ButtonIcon.js');
 var Icon = require('../Icon/Icon.js');
 var LabelText = require('../LabelText/LabelText.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const iconsMap = {
     success: icons.Check,
     error: icons.Error,
 };
-const FieldContainer = styled["default"].div `
-    color: ${theme["default"].color.text.black};
-    margin-bottom: ${styledUtils.getMultipliedSize(theme["default"].base.baseWidth, 1)};
+const FieldContainer = styled.default.div `
+    color: ${theme.default.color.text.black};
+    margin-bottom: ${styledUtils.getMultipliedSize(theme.default.base.baseWidth, 1)};
 `;
-const FieldWrapper = styled["default"].div `
+const FieldWrapper = styled.default.div `
     position: relative;
     display: flex;
-    border-radius: ${theme["default"].radius.s};
-    border: 1px solid ${theme["default"].color.line.L01};
-    height: ${styledUtils.getMultipliedSize(theme["default"].base.baseHeight, 4)};
-    padding: 0 ${styledUtils.getMultipliedSize(theme["default"].base.baseWidth, 1)};
-    background-color: ${theme["default"].color.background.white.default};
+    border-radius: ${theme.default.radius.s};
+    border: 1px solid ${theme.default.color.line.L01};
+    height: ${styledUtils.getMultipliedSize(theme.default.base.baseHeight, 4)};
+    padding: 0 ${styledUtils.getMultipliedSize(theme.default.base.baseWidth, 1)};
+    background-color: ${theme.default.color.background.white.default};
 
     ${({ status }) => status === 'error' &&
     `
-        border-bottom: 4px solid ${theme["default"].color.notification.error};
+        border-bottom: 4px solid ${theme.default.color.notification.error};
     `}
 
     ${({ $type }) => $type === 'range' &&
@@ -51,38 +47,38 @@ const FieldWrapper = styled["default"].div `
 
     ${({ $disabled }) => $disabled &&
     `
-        background-color: ${theme["default"].color.background.sand.E01};
+        background-color: ${theme.default.color.background.sand.E01};
     `} 
 
     &:focus-within {
-        border: 2px solid ${theme["default"].color.focus.light};
-        box-shadow: 0px 0px 0px 2px ${theme["default"].color.focus.dark};
-        border-radius: ${theme["default"].radius.s};
+        border: 2px solid ${theme.default.color.focus.light};
+        box-shadow: 0px 0px 0px 2px ${theme.default.color.focus.dark};
+        border-radius: ${theme.default.radius.s};
     }
 `;
-const IconWrapper = styled["default"].div `
-    margin-left: ${styledUtils.getMultipliedSize(theme["default"].base.baseWidth, 1)};
+const IconWrapper = styled.default.div `
+    margin-left: ${styledUtils.getMultipliedSize(theme.default.base.baseWidth, 1)};
     display: flex;
     flex-wrap: nowrap;
-    border-radius: ${theme["default"].radius.s};
+    border-radius: ${theme.default.radius.s};
     align-items: center;
 
     & span.dnasg-icon {
-        margin-left: ${styledUtils.getDividedSize(theme["default"].base.baseWidth, 2)};
+        margin-left: ${styledUtils.getDividedSize(theme.default.base.baseWidth, 2)};
 
         &:first-of-type {
             margin-left: 0;
         }
     }
 `;
-const StyledInput = styled["default"].input `
+const StyledInput = styled.default.input `
     position: relative;
     display: inline-block;
     appearance: none;
     vertical-align: middle;
-    font-family: ${theme["default"].fontFamily.default};
-    font-size: ${theme["default"].fontSize.default};
-    border-radius: ${theme["default"].radius.s};
+    font-family: ${theme.default.fontFamily.default};
+    font-size: ${theme.default.fontSize.default};
+    border-radius: ${theme.default.radius.s};
     width: 100%;
     border: 0 none;
     outline: 0;
@@ -103,19 +99,19 @@ const StyledInput = styled["default"].input `
     }
 
     &::placeholder {
-        color: ${theme["default"].color.text.black}${theme["default"].color.transparency.T40};
+        color: ${theme.default.color.text.black}${theme.default.color.transparency.T40};
     }
 `;
-const Message = styled["default"].div `
-    font-size: ${theme["default"].fontSize.s};
-    font-weight: ${theme["default"].fontWeight.book};
-    line-height: ${theme["default"].lineHeight.s};
-    color: ${theme["default"].color.text.gray};
-    margin-top: ${styledUtils.getMultipliedSize(theme["default"].base.baseHeight, 0.5)};
+const Message = styled.default.div `
+    font-size: ${theme.default.fontSize.s};
+    font-weight: ${theme.default.fontWeight.book};
+    line-height: ${theme.default.lineHeight.s};
+    color: ${theme.default.color.text.gray};
+    margin-top: ${styledUtils.getMultipliedSize(theme.default.base.baseHeight, 0.5)};
 `;
-const ErrorMessage = styled["default"](Message) `
-    font-weight: ${theme["default"].fontWeight.medium};
-    color: ${theme["default"].color.notification.error};
+const ErrorMessage = styled.default(Message) `
+    font-weight: ${theme.default.fontWeight.medium};
+    color: ${theme.default.color.notification.error};
 `;
 const Input = (_a) => {
     var { type = 'text', 'data-testid': dataTestId } = _a, props = tslib.__rest(_a, ["type", 'data-testid']);
@@ -147,22 +143,22 @@ const Input = (_a) => {
             inputRef.current.focus();
         }
     };
-    return (React__default["default"].createElement(FieldContainer, { className: props.className },
-        props.label && (React__default["default"].createElement(LabelText["default"], { htmlFor: props.id, "data-testid": dataTestId && `${dataTestId}-label`, status: props.status === 'error' ? props.status : undefined, isMandatory: props.required }, props.label)),
-        React__default["default"].createElement(FieldWrapper, { status: props.status, "$type": type, "$disabled": props.disabled },
-            React__default["default"].createElement(StyledInput, { id: props.id, name: props.name, type: type, value: props.value, placeholder: props.placeholder, onChange: handleChange, onBlur: handleOnBlur, onFocus: props.onFocus, onClick: onClick, onKeyDown: props.onKeyDown, onKeyPress: props.onKeyPress, required: props.required, disabled: props.disabled, autoComplete: props.autocomplete, "aria-disabled": props.disabled, "aria-label": props.id, ref: inputRef, tabIndex: props.tabIndex, "data-testid": dataTestId, readOnly: props.readonly }),
+    return (React.createElement(FieldContainer, { className: props.className },
+        props.label && (React.createElement(LabelText.default, { htmlFor: props.id, "data-testid": dataTestId && `${dataTestId}-label`, status: props.status === 'error' ? props.status : undefined, isMandatory: props.required }, props.label)),
+        React.createElement(FieldWrapper, { status: props.status, "$type": type, "$disabled": props.disabled },
+            React.createElement(StyledInput, { id: props.id, name: props.name, type: type, value: props.value, placeholder: props.placeholder, onChange: handleChange, onBlur: handleOnBlur, onFocus: props.onFocus, onClick: onClick, onKeyDown: props.onKeyDown, onKeyPress: props.onKeyPress, required: props.required, disabled: props.disabled, autoComplete: props.autocomplete, "aria-disabled": props.disabled, "aria-label": props.id, ref: inputRef, tabIndex: props.tabIndex, "data-testid": dataTestId, readOnly: props.readonly }),
             ((props.status && props.status !== 'comment') ||
                 props.showPasswordToggle ||
                 props.disabled ||
-                props.onClearableButtonClick) && (React__default["default"].createElement(IconWrapper, null,
-                props.showPasswordToggle && (React__default["default"].createElement(Icon["default"], { icon: showPassword ? icons.EyeOpen : icons.EyeClosed, onClick: togglePasswordVisibility })),
-                (props.status === 'success' || props.status === 'error') && (React__default["default"].createElement(Icon["default"], { icon: iconsMap[props.status], color: theme["default"].color.notification[props.status] })),
-                props.disabled && React__default["default"].createElement(Icon["default"], { icon: icons.Lock }),
+                props.onClearableButtonClick) && (React.createElement(IconWrapper, null,
+                props.showPasswordToggle && (React.createElement(Icon.default, { icon: showPassword ? icons.EyeOpen : icons.EyeClosed, onClick: togglePasswordVisibility })),
+                (props.status === 'success' || props.status === 'error') && (React.createElement(Icon.default, { icon: iconsMap[props.status], color: theme.default.color.notification[props.status] })),
+                props.disabled && React.createElement(Icon.default, { icon: icons.Lock }),
                 props.onClearableButtonClick &&
                     Boolean(props.value) &&
-                    !props.disabled && (React__default["default"].createElement(ButtonIcon["default"], { icon: icons.Close, onClick: props.onClearableButtonClick }))))),
-        props.status === 'error' && props.errorMessage && (React__default["default"].createElement(ErrorMessage, { "data-testid": dataTestId && `${dataTestId}-error` }, props.errorMessage)),
-        props.status === 'comment' && props.commentMessage && (React__default["default"].createElement(Message, { "data-testid": dataTestId && `${dataTestId}-comment` }, props.commentMessage))));
+                    !props.disabled && (React.createElement(ButtonIcon.default, { icon: icons.Close, onClick: props.onClearableButtonClick }))))),
+        props.status === 'error' && props.errorMessage && (React.createElement(ErrorMessage, { "data-testid": dataTestId && `${dataTestId}-error` }, props.errorMessage)),
+        props.status === 'comment' && props.commentMessage && (React.createElement(Message, { "data-testid": dataTestId && `${dataTestId}-comment` }, props.commentMessage))));
 };
 
-exports["default"] = Input;
+exports.default = Input;

package/build/cjs/components/Label/Label.js

@@ -8,32 +8,28 @@ var styled = require('../../themes/styled.js');
 var theme = require('../../themes/theme.js');
 var styledUtils = require('../../utils/styledUtils.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const colorsMap = {
-    campaign: theme["default"].color.background.pink.E01,
-    new: theme["default"].color.background.lemon.default,
-    presale: theme["default"].color.background.orange.default,
-    other: theme["default"].color.background.sky.default,
+    campaign: theme.default.color.background.pink.E01,
+    new: theme.default.color.background.lemon.default,
+    presale: theme.default.color.background.orange.default,
+    other: theme.default.color.background.sky.default,
 };
-const StyledLabel = styled["default"].span `
+const StyledLabel = styled.default.span `
     display: inline-block;
-    color: ${theme["default"].color.text.black};
+    color: ${theme.default.color.text.black};
     background-color: ${({ type }) => colorsMap[type]};
-    font-size: ${theme["default"].fontSize.s};
-    font-weight: ${theme["default"].fontWeight.bold};
-    line-height: ${theme["default"].lineHeight.s};
-    padding: ${styledUtils.getDividedSize(theme["default"].base.baseWidth, 5)}
-        ${styledUtils.getMultipliedSize(theme["default"].base.baseWidth, 2)};
+    font-size: ${theme.default.fontSize.s};
+    font-weight: ${theme.default.fontWeight.bold};
+    line-height: ${theme.default.lineHeight.s};
+    padding: ${styledUtils.getDividedSize(theme.default.base.baseWidth, 5)}
+        ${styledUtils.getMultipliedSize(theme.default.base.baseWidth, 2)};
     text-align: center;
     text-transform: uppercase;
-    border-radius: ${theme["default"].radius.pill};
+    border-radius: ${theme.default.radius.pill};
 `;
 const Label = (_a) => {
     var { 'data-testid': dataTestId } = _a, props = tslib.__rest(_a, ['data-testid']);
-    return (React__default["default"].createElement(StyledLabel, { type: props.type, className: props.className, "data-testid": dataTestId }, props.children));
+    return (React.createElement(StyledLabel, { type: props.type, className: props.className, "data-testid": dataTestId }, props.children));
 };
 
-exports["default"] = Label;
+exports.default = Label;

package/build/cjs/components/LabelText/LabelText.js

@@ -8,28 +8,24 @@ var styled = require('../../themes/styled.js');
 var theme = require('../../themes/theme.js');
 var styledUtils = require('../../utils/styledUtils.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const Label = styled["default"].label `
+const Label = styled.default.label `
     display: block;
-    color: ${({ status }) => (status ? theme["default"].color.notification[status] : theme["default"].color.text.gray)};
-    font-weight: ${theme["default"].fontWeight.medium};
-    font-size: ${theme["default"].fontSize.default};
-    line-height: ${theme["default"].lineHeight.default};
-    margin-bottom: ${styledUtils.getDividedSize(theme["default"].base.baseWidth, 2)};
+    color: ${({ status }) => (status ? theme.default.color.notification[status] : theme.default.color.text.gray)};
+    font-weight: ${theme.default.fontWeight.medium};
+    font-size: ${theme.default.fontSize.default};
+    line-height: ${theme.default.lineHeight.default};
+    margin-bottom: ${styledUtils.getDividedSize(theme.default.base.baseWidth, 2)};
     ${({ htmlFor }) => htmlFor && `cursor: pointer`};
 `;
-const Mandatory = styled["default"].span `
-    color: ${theme["default"].color.text.pink};
+const Mandatory = styled.default.span `
+    color: ${theme.default.color.text.pink};
 `;
 /** @visibleName Label Text */
 const LabelText = (_a) => {
     var { 'data-testid': dataTestId } = _a, props = tslib.__rest(_a, ['data-testid']);
-    return (React__default["default"].createElement(Label, { id: props.id, htmlFor: props.htmlFor, className: props.className, "data-testid": dataTestId, status: props.status },
+    return (React.createElement(Label, { id: props.id, htmlFor: props.htmlFor, className: props.className, "data-testid": dataTestId, status: props.status },
         props.children,
-        props.isMandatory && React__default["default"].createElement(Mandatory, null, "*")));
+        props.isMandatory && React.createElement(Mandatory, null, "*")));
 };
 
-exports["default"] = LabelText;
+exports.default = LabelText;