@zohodesk/dot 1.0.0-temp-169 → 1.0.0-temp-171

package/es/Drawer/Drawer.js

@@ -232,7 +232,7 @@ export default class Drawer extends React.Component {
       needAutoZindex,
       innerPortalName
     } = this.props;
-    let zindexNumber = this.getNextIndex();
+    let zindexNumber = isActive ? this.getNextIndex() : '';
     return /*#__PURE__*/React.createElement(ResponsiveReceiver, {
       query: this.responsiveFunc,
       responsiveId: responsiveId

package/es/ImportantNotes/ImportantNotes.module.css

@@ -2,19 +2,23 @@
   background: var(--zdt_importantnotes_bg);
   padding: var(--zd_size5) var(--zd_size10) ;
 }
+
 .title {
   font-size: var(--zd_font_size13) ;
-  line-height: var(--zd_font_size18);
+  line-height: 1.3846;
   color: var(--zdt_importantnotes_title_text);
 }
+
 .icon {
   color: var(--zdt_importantnotes_icon);
   font-size: 0 ;
   margin-top: var(--zd_size1) ;
 }
+
 [dir=ltr] .icon {
   margin-right: var(--zd_size5) ;
 }
+
 [dir=rtl] .icon {
   margin-left: var(--zd_size5) ;
-}
+}

package/es/ToastMessage/ToastMessage.module.css

@@ -177,14 +177,14 @@
 .alertMessage {
   font-size: var(--zd_font_size12) ;
   composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
-  line-height: var(--zd_size16);
+  line-height: 1.3333;
   color: var(--zdt_toastmessage_alert_text);
   margin-top: var(--zd_size5) ;
 }
 
 .buttonText {
   font-size: inherit ;
-  line-height: var(--zd_size14);
+  line-height: normal;
   text-align: center;
   padding: 0 var(--zd_size7) ;
   cursor: pointer;
@@ -290,6 +290,7 @@
   background: var(--zdt_toastmessage_dropdown_bg);
 }
 
+/* css:lineheight-validation:ignore */
 .fill {
   width: var(--zd_size29) ;
   height: var(--zd_size29) ;

package/es/Upload/Upload.module.css

@@ -88,7 +88,7 @@
   width: var(--zd_size12) ;
   top: 0 ;
   position: absolute;
-  line-height: var(--zd_size10);
+  line-height: 0.8333;
   font-size: var(--zd_font_size12) ;
   text-align: center;
 }

package/es/alert/AlertLookup/AlertLookup.module.css

@@ -3,7 +3,7 @@
 }
 
 .innerSection {
-  line-height: var(--zd_size25);
+  line-height: 1.6667;
   color: var(--zdt_alertlookup_innersection_text);
   font-size: var(--zd_font_size15) ;
   word-break: break-word;

package/es/deprecated/SelectDropdown/SelectDropdown.module.css

@@ -1,12 +1,15 @@
+/* css:lineheight-validation:ignore */
 .container {
   position: relative;
   line-height: var(--zd_size18);
   composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
   padding: var(--zd_size3) var(--zd_size15) ;
   cursor: pointer;
-}[dir=ltr] .container {
+}
+[dir=ltr] .container {
   margin-left: var(--zd_size15) ;
-}[dir=rtl] .container {
+}
+[dir=rtl] .container {
   margin-right: var(--zd_size15) ;
 }
 .container:hover {

package/es/emptystate/CommonEmptyState/CommonEmptyState.module.css

@@ -58,8 +58,11 @@
 [dir=rtl] .linkDesc, [dir=rtl] .desc {
   margin-left: var(--zd_size4) ;
 }
-.desc {
-  line-height: var(--zd_size19);
+.small .desc {
+  line-height: 1.584;
+}
+.medium .desc {
+  line-height: 1.358;
 }
 .link {
   /* css:theme-validation:ignore */

package/es/errorstate/EmptyStates.module.css

@@ -33,15 +33,15 @@
 }
 .title {
   font-size: var(--zd_font_size50) ;
-  line-height: var(--zd_size70);
+  line-height: 1.4;
 }
 .tabletTitle {
   font-size: var(--zd_font_size24) ;
-  line-height: var(--zd_size50);
+  line-height: 2.0833;
 }
 .mobileTitle {
   font-size: var(--zd_font_size22) ;
-  line-height: var(--zd_size30);
+  line-height: 1.3636;
 }
 .subtitle {
   font-size: var(--zd_font_size30) ;

package/es/errorstate/PermissionPlay/PermissionPlay.module.css

@@ -13,7 +13,7 @@
   font-size: var(--zd_font_size30) ;
 }
 .lastBox {
-  line-height: var(--zd_size24);
+  line-height: 1.7143;
   font-size: var(--zd_font_size14) ;
   margin: 0 auto ;
   margin-bottom: var(--zd_size20) ;

package/es/form/fields/Fields.module.css

@@ -169,7 +169,7 @@
   color: var(--zdt_fields_phitag_text);
   font-size: var(--zd_font_size12) ;
   height: var(--zd_size18) ;
-  line-height: var(--zd_size18);
+  line-height: 1.5;
   background-color: var(--zdt_fields_phitag_bg);
   border: 1px solid var(--zdt_fields_phitag_border);
   padding: 0 var(--zd_size5) ;

package/es/layout/SetupDetailLayout/SetupDetailLayout.module.css

@@ -12,7 +12,7 @@
   font-size: var(--zd_font_size12) ;
   display: inline-block;
   color: var(--zdt_setupdetail_backicon);
-  line-height: var(--zd_size30);
+  line-height: 2.5;
   text-align: center;
   border-radius: 50%;
   cursor: pointer;
@@ -29,7 +29,7 @@
 }
 .title {
   font-size: var(--zd_font_size16) ;
-  line-height: var(--zd_size16);
+  line-height: 1;
   font-family: var(--zd_semibold);
   color: var(--zdt_setupdetail_backicon);
   composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
@@ -57,7 +57,7 @@
   padding: var(--zd_size12) 0 0 var(--zd_size15) ;
 }
 .helpInfo {
-  line-height: var(--zd_size26);
+  line-height: 2.3636;
   height: var(--zd_size28) ;
   width: var(--zd_size28) ;
   color: var(--zdt_setupdetail_helpinfo_text);
@@ -120,7 +120,7 @@
   height: var(--zd_size26) ;
   width: var(--zd_size26) ;
   font-size: var(--zd_font_size12) ;
-  line-height: var(--zd_size24);
+  line-height: 2;
   text-align: center;
   border: 1px solid var(--zdt_setupdetail_infoicon_border);
   border-radius: 2px;

package/es/list/listCommon.module.css

@@ -20,6 +20,7 @@
   font-size: var(--zd_font_size16) ;
 }
 
+/* css:lineheight-validation:ignore */
 .secondaryPanel {
   line-height: var(--zd_size18);
   composes: dflex alignVertical flexwrap from '~@zohodesk/components/lib/common/common.module.css';

package/es/list/status/StatusListItem/StatusListItem.module.css

@@ -31,7 +31,7 @@
   padding: var(--zd_size10) var(--zd_size25) var(--zd_size10) var(--zd_size3) ;
 }
 .value,.multiLineValue {
-  line-height: var(--zd_size20);
+  line-height: 1.5385;
 }
 .value {
   composes: dotted from '~@zohodesk/components/lib/common/common.module.css';

package/es/lookup/header/Close/LookupClose.module.css

@@ -1,7 +1,7 @@
 .container {
   width: var(--zd_size25) ;
   height: var(--zd_size25) ;
-  line-height: var(--zd_size25);
+  line-height: 2.7778;
   color: var(--zdt_lookupclose_default_text);
   transition: var(--zd_transition2) cubic-bezier(0.4, 1, 0.65, 1);
   font-size: var(--zd_font_size9) ;

package/es/lookup/header/ViewDropDown/ViewDropDown.module.css

@@ -26,7 +26,7 @@
 /* Label Style */
 .labelCnt {
   composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
-  line-height: var(--zd_size20);
+  line-height: 1.6667;
   color: var(--zdt_viewdropdown_label_text);
   cursor: pointer;
 }

package/es/setup/header/Search/Search.module.css

@@ -13,6 +13,7 @@
 .active .input, .input:hover {
   border-bottom-color: var(--zdt_search_input_border);
 }
+/* css:lineheight-validation:ignore */
 .icon {
   position: absolute;
   top: 0 ;

package/es/setup/header/Views/Views.module.css

@@ -5,6 +5,7 @@
 }[dir=rtl] .container {
   margin-left: var(--zd_size15) ;
 }
+/* css:lineheight-validation:ignore */
 .icon {
   display: inline-block;
   color: var(--zdt_views_icon);

package/es/setup/helptips/Description/HelpTipsDescription.module.css

@@ -1,6 +1,6 @@
 .text {
   font-size: var(--zd_font_size14) ;
   color: var(--zdt_helptips_text);
-  line-height: var(--zd_size24);
+  line-height: 1.7143;
   margin: var(--zd_size10) 0 ;
 }

package/es/v1/ActionButton/ActionButton.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { defaultProps } from '../../ActionButton/props/defaultProps';
-import { propTypes } from '../../ActionButton/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import Popup from '@zohodesk/components/es/v1/Popup/Popup';
 import { Icon } from '@zohodesk/icons';
 import Button from '@zohodesk/components/es/v1/Button/Button';

package/es/v1/ActionButton/props/defaultProps.js

@@ -0,0 +1,17 @@
+export const defaultProps = {
+  size: 'medium',
+  isArrow: false,
+  dataId: 'actionButton',
+  dataSelectorId: 'actionButton',
+  onHover: false,
+  className: '',
+  iconName: '',
+  iconSize: '9',
+  isDisabled: false,
+  dropBoxClass: '',
+  arrowBoxSize: 'medium',
+  isBoxPaddingNeed: true,
+  palette: 'primaryFilled',
+  removeChildrenTooltip: false,
+  innerClassName: ''
+};

package/es/v1/ActionButton/props/propTypes.js

@@ -0,0 +1,33 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  dataSelectorId: PropTypes.string,
+  arrowBoxSize: PropTypes.oneOf(['small', 'medium']),
+  children: PropTypes.node,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  dataTitle: PropTypes.string,
+  dropBoxClass: PropTypes.string,
+  defaultPosition: PropTypes.string,
+  position: PropTypes.string,
+  iconName: PropTypes.string,
+  iconSize: PropTypes.string,
+  isArrow: PropTypes.bool,
+  isBoxPaddingNeed: PropTypes.bool,
+  isDisabled: PropTypes.bool,
+  isLoading: PropTypes.bool,
+  isPopupOpen: PropTypes.bool,
+  onClick: PropTypes.func,
+  onHover: PropTypes.bool,
+  palette: PropTypes.oneOf(['primaryFilled', 'primary']),
+  removeClose: PropTypes.func,
+  size: PropTypes.oneOf(['small', 'medium', 'large']),
+  subText: PropTypes.string,
+  text: PropTypes.string,
+  getContainerRef: PropTypes.func,
+  getTargetRef: PropTypes.func,
+  removeChildrenTooltip: PropTypes.bool,
+  innerClassName: PropTypes.string,
+  popupGroup: PropTypes.string,
+  togglePopup: PropTypes.func,
+  openPopupOnly: PropTypes.func
+};

package/es/v1/AlphabeticList/AlphabeticList.js

@@ -1,7 +1,7 @@
 /*** Libraries ***/
 import React, { memo } from 'react';
-import { AlphabeticList_defaultProps, AlphabeticListItem_defaultProps } from '../../AlphabeticList/props/defaultProps';
-import { AlphabeticList_propTypes, AlphabeticListItem_propTypes, AlphabeticCharacters, NumberList, AlphabeticCharactersWithHash } from '../../AlphabeticList/props/propTypes';
+import { AlphabeticList_defaultProps, AlphabeticListItem_defaultProps } from './props/defaultProps';
+import { AlphabeticList_propTypes, AlphabeticListItem_propTypes, AlphabeticCharacters, NumberList, AlphabeticCharactersWithHash } from './props/propTypes';
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 /*** CSS ***/
 

package/es/v1/AlphabeticList/props/defaultProps.js

@@ -0,0 +1,12 @@
+export const AlphabeticList_defaultProps = {
+  align: 'vertical',
+  type: 'alphabetical',
+  i18nKeys: {},
+  dataId: 'Navi',
+  dataSelectorId: 'alphabeticList'
+};
+export const AlphabeticListItem_defaultProps = {
+  isActive: false,
+  text: '',
+  dataId: 'Navi'
+};

package/es/v1/AlphabeticList/props/propTypes.js

@@ -0,0 +1,23 @@
+import PropTypes from 'prop-types';
+export const AlphabeticCharacters = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'];
+export const NumberList = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '#'];
+export const AlphabeticCharactersWithHash = [...AlphabeticCharacters, '#'];
+export const AlphabeticList_propTypes = {
+  align: PropTypes.oneOf(['vertical', 'horizontal']),
+  onSelect: PropTypes.func.isRequired,
+  selectedCharacter: PropTypes.oneOf(['ALL', ...AlphabeticCharacters, ...NumberList, ...AlphabeticCharactersWithHash]),
+  type: PropTypes.oneOf(['alphabetical', 'numeral', 'alphabeticalwithhash']),
+  i18nKeys: PropTypes.shape({
+    allTitle: PropTypes.string,
+    allText: PropTypes.string
+  }),
+  dataId: PropTypes.string,
+  dataSelectorId: PropTypes.string
+};
+export const AlphabeticListItem_propTypes = {
+  id: PropTypes.string,
+  isActive: PropTypes.bool,
+  onClick: PropTypes.func,
+  text: PropTypes.string,
+  dataId: PropTypes.string
+};

package/es/v1/Attachment/Attachment.js

@@ -1,7 +1,7 @@
 /**** Libraries ****/
 import React from 'react';
-import { defaultProps } from '../../Attachment/props/defaultProps';
-import { propTypes } from '../../Attachment/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 import { Icon } from '@zohodesk/icons';
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 import Link from '../Link/Link';

package/es/v1/Attachment/props/defaultProps.js

@@ -0,0 +1,7 @@
+export const defaultProps = {
+  size: 'medium',
+  palette: 'default',
+  dataId: 'attachment',
+  i18nKeys: {},
+  dataSelectorId: 'attachment'
+};

package/es/v1/Attachment/props/propTypes.js

@@ -0,0 +1,17 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  dataId: PropTypes.string,
+  dataSelectorId: PropTypes.string,
+  downloadLink: PropTypes.string,
+  fileInfo: PropTypes.string,
+  fileName: PropTypes.string,
+  fileSize: PropTypes.string,
+  iconName: PropTypes.string,
+  onClick: PropTypes.func,
+  palette: PropTypes.oneOf(['transparent', 'default']),
+  size: PropTypes.oneOf(['small', 'medium']),
+  i18nKeys: PropTypes.shape({
+    downloadTitle: PropTypes.string
+  }),
+  tooltip: PropTypes.string
+};

package/es/v1/AttachmentViewer/AttachmentImage.js

@@ -2,8 +2,8 @@
 
 /** * Libraries ** */
 import React, { useRef, useEffect, useState } from 'react';
-import { AttachmentImage_defaultProps } from '../../AttachmentViewer/props/defaultProps';
-import { AttachmentImage_propTypes } from '../../AttachmentViewer/props/propTypes';
+import { AttachmentImage_defaultProps } from './props/defaultProps';
+import { AttachmentImage_propTypes } from './props/propTypes';
 import Image from '../Image/Image';
 /** * CSS ** */
 

package/es/v1/AttachmentViewer/AttachmentViewer.js

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
-import { AttachmentViewer_defaultProps } from '../../AttachmentViewer/props/defaultProps';
-import { AttachmentViewer_propTypes } from '../../AttachmentViewer/props/propTypes';
+import { AttachmentViewer_defaultProps } from './props/defaultProps';
+import { AttachmentViewer_propTypes } from './props/propTypes';
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 import { Icon } from '@zohodesk/icons';
 import Avatar from '@zohodesk/components/es/v1/Avatar/Avatar';

package/es/v1/AttachmentViewer/props/defaultProps.js

@@ -0,0 +1,10 @@
+export const AttachmentImage_defaultProps = {
+  dataId: 'AttachmentImage'
+};
+export const AttachmentViewer_defaultProps = {
+  responsiveId: "Helmet",
+  needDownload: true,
+  i18nKeys: {},
+  maintainZoom: false,
+  isActive: false
+};

package/es/v1/AttachmentViewer/props/propTypes.js

@@ -0,0 +1,31 @@
+import PropTypes from 'prop-types';
+export const AttachmentImage_propTypes = {
+  alt: PropTypes.string,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  id: PropTypes.string,
+  isCover: PropTypes.bool,
+  isImage: PropTypes.string,
+  onClick: PropTypes.func,
+  onLoad: PropTypes.func,
+  src: PropTypes.string
+};
+export const AttachmentViewer_propTypes = {
+  hideAttachmentViewer: PropTypes.func,
+  i18nKeys: PropTypes.shape({
+    nextText: PropTypes.string,
+    previousText: PropTypes.string,
+    zoomOutText: PropTypes.string,
+    zoomInText: PropTypes.string,
+    newTabText: PropTypes.string,
+    downloadText: PropTypes.string,
+    closeText: PropTypes.string,
+    hideText: PropTypes.string,
+    showText: PropTypes.string
+  }),
+  needDownload: PropTypes.string,
+  previewObj: PropTypes.object,
+  responsiveId: PropTypes.string,
+  maintainZoom: PropTypes.bool,
+  isActive: PropTypes.bool
+};

package/es/v1/ChannelIcon/ChannelIcon.js

@@ -2,9 +2,9 @@ import React, { Component } from 'react';
 import { Icon } from '@zohodesk/icons';
 import Avatar from '@zohodesk/components/es/v1/Avatar/Avatar';
 import AvatarIcon from '../avatar/AvatarIcon/AvatarIcon';
-import { defaultProps } from '../../ChannelIcon/props/defaultProps';
-import { propTypes } from '../../ChannelIcon/props/propTypes';
-import { getChannelMappingObj } from '../../utils/ChannelIconMapping';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
+import { getChannelMappingObj } from '../utils/ChannelIconMapping';
 import style from '../../ChannelIcon/ChannelIcon.module.css';
 
 const ChannelIcon = props => {

package/es/v1/ChannelIcon/props/defaultProps.js

@@ -0,0 +1,7 @@
+export const defaultProps = {
+  iconSize: '21',
+  name: 'phone',
+  needTopicBorder: true,
+  renderIconOnly: false,
+  dataSelectorId: 'channelIcon'
+};

package/es/v1/ChannelIcon/props/propTypes.js

@@ -0,0 +1,25 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  action: PropTypes.string,
+  className: PropTypes.string,
+  customTextClass: PropTypes.string,
+  dataId: PropTypes.string,
+  iconClass: PropTypes.string,
+  iconColor: PropTypes.string,
+  iconName: PropTypes.string,
+  iconSize: PropTypes.string,
+  iconTitle: PropTypes.string,
+  name: PropTypes.string,
+  needTopicBorder: PropTypes.bool,
+  palette: PropTypes.oneOf(['primary', 'secondary', 'info', 'default']),
+  renderIconOnly: PropTypes.bool,
+  size: PropTypes.string,
+  textPalette: PropTypes.oneOf(['white', 'black']),
+  title: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
+  topicClass: PropTypes.string,
+  topicIcon: PropTypes.string,
+  topicIconColor: PropTypes.string,
+  topicIconSize: PropTypes.string,
+  topicIconTitle: PropTypes.string,
+  dataSelectorId: PropTypes.string
+};

package/es/v1/Drawer/Drawer.js

@@ -1,6 +1,6 @@
 import React, { useRef } from 'react';
-import { Header_defaultProps, Footer_defaultProps, Drawer_defaultProps } from '../../Drawer/props/defaultProps';
-import { Header_propTypes, Content_propTypes, Footer_propTypes, Drawer_propTypes } from '../../Drawer/props/propTypes';
+import { Header_defaultProps, Footer_defaultProps, Drawer_defaultProps } from './props/defaultProps';
+import { Header_propTypes, Content_propTypes, Footer_propTypes, Drawer_propTypes } from './props/propTypes';
 import { Container, Box } from '@zohodesk/components/es/v1/Layout';
 import { Card, CardHeader, CardContent } from '@zohodesk/components/es/v1/Card';
 import VelocityAnimationGroup from '@zohodesk/components/es/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup';

package/es/v1/Drawer/props/defaultProps.js

@@ -0,0 +1,22 @@
+export const Header_defaultProps = {
+  flexible: false,
+  paddingSize: 'small',
+  isBoxIcon: true
+};
+export const Footer_defaultProps = {
+  size: 'small'
+};
+export const Drawer_defaultProps = {
+  isActive: false,
+  palette: 'default',
+  responsiveId: 'Helmet',
+  size: 'small',
+  subDrawerSize: 'small',
+  subDrawerActive: false,
+  subDrawerClass: '',
+  customClass: '',
+  needAutoZindex: true,
+  onBodyClick: () => {},
+  needFocusScope: false,
+  customProps: {}
+};

package/es/v1/Drawer/props/propTypes.js

@@ -0,0 +1,52 @@
+import PropTypes from 'prop-types';
+export const Header_propTypes = {
+  children: PropTypes.node,
+  className: PropTypes.string,
+  closeTitle: PropTypes.string,
+  dataId: PropTypes.string,
+  flexible: PropTypes.bool,
+  getChildren: PropTypes.func,
+  iconName: PropTypes.string,
+  iconSize: PropTypes.string,
+  iconTitle: PropTypes.string,
+  isIconBold: PropTypes.bool,
+  onClose: PropTypes.func,
+  onIconClick: PropTypes.func,
+  paddingSize: PropTypes.oneOf(['small', 'medium', 'large']),
+  title: PropTypes.string,
+  isBoxIcon: PropTypes.bool,
+  getTitleChildren: PropTypes.func
+};
+export const Content_propTypes = {
+  children: PropTypes.node,
+  className: PropTypes.string,
+  eleRef: PropTypes.func,
+  paddingSize: PropTypes.oneOf(['small', 'medium', 'large'])
+};
+export const Footer_propTypes = {
+  children: PropTypes.node,
+  paddingLeftSize: PropTypes.string,
+  paddingRightClass: PropTypes.string,
+  size: PropTypes.string
+};
+export const Drawer_propTypes = {
+  children: PropTypes.node,
+  customClass: PropTypes.string,
+  forwardRef: PropTypes.object,
+  isActive: PropTypes.bool,
+  needAutoZindex: PropTypes.bool,
+  needFreeze: PropTypes.bool,
+  onBodyClick: PropTypes.func,
+  onClose: PropTypes.func,
+  paddingSize: PropTypes.oneOf(['small', 'medium', 'large']),
+  palette: PropTypes.oneOf(['dark', 'default', 'darkLight', 'plain']),
+  responsiveId: PropTypes.string,
+  size: PropTypes.oneOf(['small', 'xsmall', 'medium', 'xmedium', 'large', 'xlarge', 'xxlarge', 'default']),
+  subDrawerActive: PropTypes.bool,
+  subDrawerChildren: PropTypes.func,
+  subDrawerClass: PropTypes.string,
+  subDrawerSize: PropTypes.oneOf(['xsmall', 'small', 'medium']),
+  needFocusScope: PropTypes.bool,
+  customProps: PropTypes.object,
+  innerPortalName: PropTypes.string
+};

package/es/v1/ExternalLink/ExternalLink.js

@@ -2,8 +2,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 /**** Libraries ****/
 import React from 'react';
-import { defaultProps } from '../../ExternalLink/props/defaultProps';
-import { propTypes } from '../../ExternalLink/props/propTypes';
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
 /**** CSS ****/
 
 import style from '../../ExternalLink/ExternalLink.module.css';

package/es/v1/ExternalLink/props/defaultProps.js

@@ -0,0 +1,5 @@
+export const defaultProps = {
+  rel: 'noopener noreferrer',
+  target: '_blank',
+  customProps: {}
+};

package/es/v1/ExternalLink/props/propTypes.js

@@ -0,0 +1,12 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  children: PropTypes.node,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  href: PropTypes.string,
+  rel: PropTypes.string,
+  target: PropTypes.oneOf(['_blank', '_self']),
+  title: PropTypes.string,
+  onClick: PropTypes.func,
+  customProps: PropTypes.object
+};