@zohodesk/dot 1.0.0-temp-157 → 1.0.0-temp-159

package/es/v1/list/Icons/CompleteIcon.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import { CompleteIcon_propTypes } from '../../../list/Icons/props/propTypes';
+import { Icon } from '@zohodesk/icons';
+import btnStyle from '@zohodesk/components/es/semantic/Button/semanticButton.module.css';
+import style from '../../../list/Icons/Icons.module.css';
+export default function CompleteIcon(props) {
+  let {
+    onClick,
+    dataId,
+    dataTitle,
+    iconClass,
+    className,
+    iconSize
+  } = props;
+  return /*#__PURE__*/React.createElement("button", {
+    onClick: onClick,
+    className: `${style.iconStyle} ${style.blueHover} ${className ? className : ''} ${btnStyle.buttonReset}`,
+    "data-id": dataId,
+    "data-test-id": dataId,
+    "data-title": dataTitle
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "ZD-GN-checkbox",
+    iconClass: iconClass ? iconClass : '',
+    size: iconSize
+  }));
+}
+CompleteIcon.propTypes = CompleteIcon_propTypes;

package/es/v1/list/Icons/DeleteIcon.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import { DeleteComponent_propTypes } from '../../../list/Icons/props/propTypes';
+import style from '../../../list/Icons/Icons.module.css';
+import { Icon } from '@zohodesk/icons';
+import btnStyle from '@zohodesk/components/es/semantic/Button/semanticButton.module.css';
+export default function DeleteComponent(props) {
+  let {
+    onClick,
+    dataId,
+    dataTitle,
+    iconClass,
+    iconSize,
+    className
+  } = props;
+  return /*#__PURE__*/React.createElement("button", {
+    onClick: onClick,
+    className: `${style.iconStyle} ${style.redHover} ${className ? className : ''} ${btnStyle.buttonReset}`,
+    "data-id": dataId,
+    "data-test-id": dataId,
+    "data-title": dataTitle,
+    "aria-label": dataTitle
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "ZD-GN-delete",
+    iconClass: iconClass ? iconClass : '',
+    size: iconSize
+  }));
+}
+DeleteComponent.propTypes = DeleteComponent_propTypes;

package/es/v1/list/Icons/EditIcon.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import { EditIcon_propTypes } from '../../../list/Icons/props/propTypes';
+import style from '../../../list/Icons/Icons.module.css';
+import { Icon } from '@zohodesk/icons';
+import btnStyle from '@zohodesk/components/es/semantic/Button/semanticButton.module.css';
+export default function EditIcon(props) {
+  let {
+    onClick,
+    dataId,
+    dataTitle,
+    iconClass,
+    iconSize,
+    className
+  } = props;
+  return /*#__PURE__*/React.createElement("button", {
+    onClick: onClick,
+    className: `${style.iconStyle} ${style.blueHover} ${className ? className : ''} ${btnStyle.buttonReset}`,
+    "data-id": dataId,
+    "data-test-id": dataId,
+    "data-title": dataTitle,
+    "aria-label": dataTitle
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "ZD-GN-edit",
+    iconClass: iconClass ? iconClass : '',
+    size: iconSize
+  }));
+}
+EditIcon.propTypes = EditIcon_propTypes;

package/es/v1/list/Icons/FloatingIcons.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import { FloatingIcons_defaultProps } from '../../../list/Icons/props/defaultProps';
+import { FloatingIcons_propTypes } from '../../../list/Icons/props/propTypes';
+import style from '../../../list/Icons/Icons.module.css';
+export default function FloatingIcons(props) {
+  let {
+    children = [],
+    iconClass
+  } = props;
+  const icons = React.Children.toArray(children).filter(o => o);
+  return /*#__PURE__*/React.createElement("span", {
+    className: `${style.container}`
+  }, icons.map(child => /*#__PURE__*/React.cloneElement(child, {
+    iconClass
+  })));
+}
+FloatingIcons.propTypes = FloatingIcons_propTypes;
+FloatingIcons.defaultProps = FloatingIcons_defaultProps; // if (__DOCS__) {
+//   FloatingIcons.docs = {
+//     folderName: 'List',
+//     componentGroup: 'FloatingIcons'
+//   };
+// }

package/es/v1/list/Icons/ReadUnreadIcon.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import { ReadUnreadIcon_defaultProps } from '../../../list/Icons/props/defaultProps';
+import { ReadUnreadIcon_propTypes } from '../../../list/Icons/props/propTypes';
+import { Icon } from '@zohodesk/icons';
+import btnStyle from '@zohodesk/components/es/semantic/Button/semanticButton.module.css';
+import style from '../../../list/Icons/Icons.module.css';
+export default function ReadUnreadIcon(props) {
+  let {
+    onClick,
+    dataId,
+    dataTitle,
+    iconClassName,
+    iconClass,
+    className,
+    isRead,
+    iconSize
+  } = props;
+  return /*#__PURE__*/React.createElement("button", {
+    onClick: onClick,
+    className: `${style.iconStyle} ${style.blueHover} ${className ? className : ''} ${btnStyle.buttonReset}`,
+    "data-id": dataId,
+    "data-test-id": dataId,
+    "data-title": dataTitle,
+    "aria-label": dataTitle
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: isRead ? 'ZD-GN-read' : 'ZD-GN-unread',
+    size: iconSize,
+    iconClass: `${iconClassName ? iconClassName : ''} ${iconClass ? iconClass : ''}`
+  }));
+}
+ReadUnreadIcon.defaultProps = ReadUnreadIcon_defaultProps;
+ReadUnreadIcon.propTypes = ReadUnreadIcon_propTypes;

package/es/v1/list/Icons/SmartIcon.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { SmartIcon_propTypes } from '../../../list/Icons/props/propTypes';
+import style from '../../../list/Icons/Icons.module.css';
+import { Icon } from '@zohodesk/icons';
+import btnStyle from '@zohodesk/components/es/semantic/Button/semanticButton.module.css';
+export default function SmartIcon(props) {
+  let {
+    onClick,
+    dataId,
+    dataTitle,
+    iconClass,
+    className
+  } = props;
+  return /*#__PURE__*/React.createElement("button", {
+    onClick: onClick,
+    className: `${style.iconStyle} ${style.blueHover} ${className ? className : ''} ${btnStyle.buttonReset}`,
+    "data-id": dataId,
+    "data-test-id": dataId,
+    "data-title": dataTitle
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "ZD-TK-peek",
+    iconClass: iconClass ? iconClass : ''
+  }));
+}
+SmartIcon.propTypes = SmartIcon_propTypes;

package/es/v1/list/Icons/index.js

@@ -0,0 +1,7 @@
+export { default as AddNewIcon } from './AddNewIcon';
+export { default as CompleteIcon } from './CompleteIcon';
+export { default as DeleteComponent } from './DeleteComponent';
+export { default as EditIcon } from './EditIcon';
+export { default as FloatingIcons } from './FloatingIcons';
+export { default as ReadUnreadIcon } from './ReadUnreadIcon';
+export { default as SmartIcon } from './SmartIcon';

package/es/v1/list/ListLayout/ListLayout.js

@@ -0,0 +1,69 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React from 'react';
+import { ListLayout_defaultProps } from '../../../list/ListLayout/props/defaultProps';
+import { ListLayout_propTypes, Column_propTypes } from '../../../list/ListLayout/props/propTypes';
+import { Container, Box } from '@zohodesk/components/es/v1/Layout';
+import style from '../../../list/ListLayout/ListLayout.module.css';
+export default function ListLayout(props) {
+  let {
+    children,
+    className,
+    needHover,
+    align,
+    view,
+    containerClass,
+    isActive,
+    onClick,
+    onMouseLeave,
+    dataId,
+    dataTitle,
+    a11y,
+    isHovered,
+    onMouseEnter,
+    needPointer,
+    isKeyboardActive
+  } = props;
+  let {
+    role = 'listitem',
+    ariaLabel,
+    ariaPosinset,
+    ariaSetsize
+  } = a11y;
+  return /*#__PURE__*/React.createElement("div", {
+    className: `${style.container} ${containerClass} ${needHover ? style.listHover : ''} ${isActive ? style.active : ''} ${style[view]} ${onClick && needPointer ? style.cursorPointer : ''} ${isHovered ? style.hoveredStyle : ''} ${isKeyboardActive ? style.keyboardActive : ''} `,
+    onClick: onClick,
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave,
+    "data-id": dataId,
+    "data-test-id": dataId,
+    "data-title": dataTitle,
+    tabIndex: "0",
+    role: role,
+    "data-a11y-inset-focus": true,
+    "aria-label": ariaLabel,
+    "aria-setsize": ariaSetsize,
+    "aria-posinset": ariaPosinset
+  }, /*#__PURE__*/React.createElement(Container, {
+    alignBox: "row",
+    align: align,
+    className: `${style.innerContainer} ${className ? className : ''}`
+  }, children));
+}
+ListLayout.propTypes = ListLayout_propTypes;
+ListLayout.defaultProps = ListLayout_defaultProps;
+export function Column(props) {
+  let {
+    children,
+    className
+  } = props;
+  return /*#__PURE__*/React.createElement(Box, _extends({
+    className: `${className ? className : ''}`
+  }, props), children);
+}
+Column.propTypes = Column_propTypes; // if (__DOCS__) {
+//   ListLayout.docs = {
+//     folderName: 'List',
+//     componentGroup: 'ListLayout'
+//   };
+// }

package/es/v1/list/ListStencils/ListStencils.js

@@ -0,0 +1,44 @@
+/*** Libraries ***/
+import React from 'react';
+import { defaultProps } from '../../../list/ListStencils/props/defaultProps';
+import { propTypes } from '../../../list/ListStencils/props/propTypes';
+/*** Components ***/
+
+import Stencils from '@zohodesk/components/es/v1/Stencils/Stencils';
+/*** CSS ***/
+
+import style from '../../../list/ListStencils/ListStencils.module.css';
+export default function ListStencils(props) {
+  let {
+    listType
+  } = props;
+  return /*#__PURE__*/React.createElement("div", {
+    className: `${style.container} ${style[listType]}`
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.innerContainer
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.avatar
+  }, /*#__PURE__*/React.createElement(Stencils, {
+    shape: "circle",
+    size: listType === 'classic' ? 'large' : listType === 'compact' ? 'medium' : 'small'
+  })), /*#__PURE__*/React.createElement("div", {
+    className: style.detailsColumn
+  }, /*#__PURE__*/React.createElement("div", {
+    className: `${style.detailsInnerColumn}`
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.primaryRow
+  }, /*#__PURE__*/React.createElement(Stencils, {
+    size: "default"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: style.secondaryRow
+  }, /*#__PURE__*/React.createElement(Stencils, {
+    size: "medium"
+  }))))));
+}
+ListStencils.propTypes = propTypes;
+ListStencils.defaultProps = defaultProps; // if (__DOCS__) {
+//   ListStencils.docs = {
+//     folderName: 'List',
+//     componentGroup: 'ListStencils'
+//   };
+// }

package/es/v1/list/SecondaryText/AccountName.js

@@ -0,0 +1,85 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+/* eslint-disable react/forbid-component-props */
+
+/**** Libraries ****/
+import React, { Component } from 'react';
+import { AccountName_defaultProps } from '../../../list/SecondaryText/props/defaultProps';
+import { AccountName_propTypes } from '../../../list/SecondaryText/props/propTypes';
+/**** Components ****/
+
+import { Container, Box } from '@zohodesk/components/es/v1/Layout';
+import Link from '../../Link/Link';
+/**** CSS ****/
+
+import style from '../../../list/SecondaryText/SecondaryText.module.css';
+export default class AccountName extends Component {
+  render() {
+    let {
+      dataTitle,
+      dataId,
+      urlName,
+      urlData,
+      onClick,
+      isLink,
+      className,
+      text,
+      href,
+      notAccessible = false,
+      fontWeight,
+      secondaryAccountHref,
+      secondaryAccountClick,
+      secondaryAccountText,
+      customProps
+    } = this.props;
+    let {
+      LinkProps = {},
+      TextProps = {},
+      SecondaryTextProps = {}
+    } = customProps;
+    return /*#__PURE__*/React.createElement(Container, {
+      alignBox: "row",
+      align: "baseline",
+      isCover: false,
+      "data-title": dataTitle,
+      dataId: dataId
+    }, /*#__PURE__*/React.createElement(Box, {
+      flexible: true
+    }, /*#__PURE__*/React.createElement(Container, {
+      alignBox: "row",
+      align: "baseline",
+      isCover: false,
+      className: style.primaryAccountNameCnt
+    }, /*#__PURE__*/React.createElement(Box, {
+      className: style.primaryAccountName,
+      shrink: true
+    }, isLink ? /*#__PURE__*/React.createElement(Link, _extends({
+      href: href,
+      urlName: urlName,
+      urlData: urlData,
+      onClick: onClick,
+      dataId: `${dataId}_link`,
+      className: style.link
+    }, LinkProps, {
+      ariaLabel: `Account Name ${text}`
+    }), /*#__PURE__*/React.createElement("div", {
+      className: `${style.textStyle} ${style[`font_${fontWeight}`]} ${className ? className : ''}`
+    }, text)) : /*#__PURE__*/React.createElement("div", _extends({
+      className: `${style.secondaryText} ${style[`font_${fontWeight}`]} ${className ? className : ''} ${notAccessible ? style.disable : ''}`
+    }, TextProps), text)), secondaryAccountText && /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Link, {
+      href: secondaryAccountHref,
+      onClick: secondaryAccountClick,
+      className: style.link
+    }, /*#__PURE__*/React.createElement("div", _extends({
+      className: `${style.textStyle} ${style[`font_${fontWeight}`]} ${className ? className : ''}`
+    }, SecondaryTextProps), secondaryAccountText))))));
+  }
+
+}
+AccountName.propTypes = AccountName_propTypes;
+AccountName.defaultProps = AccountName_defaultProps; // if (__DOCS__) {
+//   AccountName.docs = {
+//     folderName: 'List',
+//     componentGroup: 'AccountName'
+//   };
+// }

package/es/v1/list/SecondaryText/ContactName.js

@@ -0,0 +1,85 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React, { Component } from 'react';
+import { ContactName_defaultProps } from '../../../list/SecondaryText/props/defaultProps';
+import { ContactName_propTypes } from '../../../list/SecondaryText/props/propTypes';
+import { Container, Box } from '@zohodesk/components/es/v1/Layout';
+import Link from '../../Link/Link';
+import SentimentStatus from '../SentimentStatus/SentimentStatus';
+import { Icon } from '@zohodesk/icons';
+import style from '../../../list/SecondaryText/SecondaryText.module.css';
+export default class ContactName extends Component {
+  render() {
+    let {
+      dataTitle,
+      dataId,
+      isPaidUser,
+      urlName,
+      urlData,
+      onClick,
+      sentimentType,
+      isLink,
+      className,
+      text,
+      href,
+      notAccessible = false,
+      fontWeight,
+      i18nKeys,
+      customProps
+    } = this.props;
+    let {
+      sentimentTitles = {
+        positive: 'Positive',
+        negative: 'Negative',
+        neutral: 'Neutral'
+      },
+      paidTitle = 'Paid User'
+    } = i18nKeys;
+    let sentimentDataTitle = sentimentTitles[sentimentType];
+    let {
+      LinkProps = {},
+      TextProps = {}
+    } = customProps;
+    return /*#__PURE__*/React.createElement(Container, {
+      alignBox: "row",
+      align: "baseline",
+      isCover: false,
+      dataId: dataId
+    }, isPaidUser && /*#__PURE__*/React.createElement(Box, {
+      className: style.paidUserIcon,
+      title: paidTitle,
+      "aria-label": "Paid user"
+    }, /*#__PURE__*/React.createElement(Icon, {
+      name: "ZD-paiduser",
+      iconClass: style.icon
+    })), /*#__PURE__*/React.createElement(Box, {
+      flexible: true
+    }, isLink ? /*#__PURE__*/React.createElement(Link, _extends({
+      urlName: urlName,
+      href: href,
+      urlData: urlData,
+      onClick: onClick,
+      title: dataTitle,
+      dataId: `${dataId}_link`,
+      className: style.link
+    }, LinkProps, {
+      ariaLabel: `Contact Name ${text}`
+    }), /*#__PURE__*/React.createElement("div", {
+      className: `${style.textStyle} ${style[`font_${fontWeight}`]} ${className ? className : ''}`
+    }, text)) : /*#__PURE__*/React.createElement("div", _extends({
+      className: `${style.secondaryText} ${style[`font_${fontWeight}`]} ${className ? className : ''} ${notAccessible ? style.disable : ''}`,
+      "data-title": dataTitle
+    }, TextProps), text)), sentimentType && /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(SentimentStatus, {
+      type: sentimentType,
+      dataTitle: sentimentDataTitle
+    })));
+  }
+
+}
+ContactName.propTypes = ContactName_propTypes;
+ContactName.defaultProps = ContactName_defaultProps; // if (__DOCS__) {
+//   ContactName.docs = {
+//     folderName: 'List',
+//     componentGroup: 'ContactName'
+//   };
+// }

package/es/v1/list/SecondaryText/DepartmentText.js

@@ -0,0 +1,30 @@
+import React, { Component } from 'react';
+import { DepartmentText_propTypes } from '../../../list/SecondaryText/props/propTypes';
+import style from '../../../list/SecondaryText/SecondaryText.module.css';
+export default class DepartmentText extends Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    let {
+      className,
+      text,
+      dataTitle,
+      dataId
+    } = this.props;
+    return /*#__PURE__*/React.createElement("div", {
+      className: `${style.departmentText} ${className ? className : ''}`,
+      "data-title": dataTitle,
+      "data-id": dataId,
+      "data-test-id": dataId
+    }, text);
+  }
+
+}
+DepartmentText.propTypes = DepartmentText_propTypes; // if (__DOCS__) {
+//   DepartmentText.docs = {
+//     folderName: 'List',
+//     componentGroup: 'DepartmentText'
+//   };
+// }

package/es/v1/list/SecondaryText/Email.js

@@ -0,0 +1,55 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+/* eslint-disable react/forbid-component-props */
+
+/**** Libraries ****/
+import React, { Component } from 'react';
+import { Email_defaultProps } from '../../../list/SecondaryText/props/defaultProps';
+import { Email_propTypes } from '../../../list/SecondaryText/props/propTypes';
+/**** Components ****/
+
+import Link from '../../Link/Link';
+/**** CSS ****/
+
+import style from '../../../list/SecondaryText/SecondaryText.module.css';
+export default class Email extends Component {
+  render() {
+    let {
+      text,
+      urlData,
+      urlName,
+      className,
+      title,
+      href,
+      isLink,
+      target,
+      fontWeight,
+      customProps
+    } = this.props;
+    let {
+      LinkProps = {},
+      TextProps = {}
+    } = customProps;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, isLink ? /*#__PURE__*/React.createElement(Link, _extends({
+      href: href,
+      title: title,
+      urlData: urlData,
+      urlName: urlName,
+      target: target,
+      className: style.link
+    }, LinkProps), /*#__PURE__*/React.createElement("div", {
+      className: `${style.textStyle} ${style[`font_${fontWeight}`]} ${className ? className : ''}`
+    }, text)) : /*#__PURE__*/React.createElement("div", _extends({
+      className: `${style.secondaryText}  ${style[`font_${fontWeight}`]} ${className ? className : ''}`,
+      "data-title": title
+    }, TextProps), text));
+  }
+
+}
+Email.propTypes = Email_propTypes;
+Email.defaultProps = Email_defaultProps; // if (__DOCS__) {
+//   Email.docs = {
+//     folderName: 'List',
+//     componentGroup: 'EmailText'
+//   };
+// }

package/es/v1/list/SecondaryText/HappinessRating.js

@@ -0,0 +1,31 @@
+/**** Libraries ****/
+import React, { Component } from 'react';
+import { HappinessRating_propTypes } from '../../../list/SecondaryText/props/propTypes';
+/**** CSS ****/
+
+import style from '../../../list/SecondaryText/SecondaryText.module.css';
+export default class HappinessRating extends Component {
+  render() {
+    let {
+      text,
+      className,
+      src
+    } = this.props;
+    return /*#__PURE__*/React.createElement("div", {
+      className: `${style.happinessContainer} ${className ? className : ''}`
+    }, /*#__PURE__*/React.createElement("img", {
+      className: `${style.happinessImg}`,
+      src: src
+    }), /*#__PURE__*/React.createElement("span", {
+      className: style.ratingText,
+      "data-title": text
+    }, `${text}%`));
+  }
+
+}
+HappinessRating.propTypes = HappinessRating_propTypes; // if (__DOCS__) {
+//   HappinessRating.docs = {
+//     folderName: 'List',
+//     componentGroup: 'HappinessRating'
+//   };
+// }

package/es/v1/list/SecondaryText/PhoneNumber.js

@@ -0,0 +1,59 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+/* eslint-disable react/forbid-component-props */
+
+/**** Libraries ****/
+import React, { Component } from 'react';
+import { PhoneNumber_defaultProps } from '../../../list/SecondaryText/props/defaultProps';
+import { PhoneNumber_propTypes } from '../../../list/SecondaryText/props/propTypes';
+/**** Components ****/
+
+import Link from '../../Link/Link';
+/**** CSS ****/
+
+import style from '../../../list/SecondaryText/SecondaryText.module.css';
+export default class PhoneNumber extends Component {
+  render() {
+    let {
+      text,
+      urlData,
+      urlName,
+      className,
+      title,
+      href,
+      dataId,
+      isLink,
+      target,
+      hasReload,
+      fontWeight,
+      customProps
+    } = this.props;
+    let {
+      LinkProps = {},
+      TextProps = {}
+    } = customProps;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, isLink ? /*#__PURE__*/React.createElement(Link, _extends({
+      href: href,
+      title: title,
+      urlData: urlData,
+      urlName: urlName,
+      dataId: dataId,
+      target: target,
+      hasReload: hasReload,
+      className: style.link
+    }, LinkProps), /*#__PURE__*/React.createElement("div", {
+      className: `${style.phoneNumber} ${style[`font_${fontWeight}`]} ${className ? className : ''}`
+    }, text)) : /*#__PURE__*/React.createElement("div", _extends({
+      className: `${style.secondaryText} ${style[`font_${fontWeight}`]} ${className ? className : ''}`,
+      "data-title": title
+    }, TextProps), text));
+  }
+
+}
+PhoneNumber.propTypes = PhoneNumber_propTypes;
+PhoneNumber.defaultProps = PhoneNumber_defaultProps; // if (__DOCS__) {
+//   PhoneNumber.docs = {
+//     folderName: 'List',
+//     componentGroup: 'PhoneNumberText'
+//   };
+// }

package/es/v1/list/SecondaryText/PriorityText.js

@@ -0,0 +1,33 @@
+import React, { Component } from 'react';
+import { PriorityText_defaultProps } from '../../../list/SecondaryText/props/defaultProps';
+import { PriorityText_propTypes } from '../../../list/SecondaryText/props/propTypes';
+import style from '../../../list/SecondaryText/SecondaryText.module.css';
+export default class PriorityText extends Component {
+  constructor(props) {
+    super(props);
+  }
+
+  render() {
+    let {
+      className,
+      color,
+      text,
+      dataTitle,
+      dataId
+    } = this.props;
+    return /*#__PURE__*/React.createElement("div", {
+      className: `${style.priorityText} ${style[color]} ${className ? className : ''}`,
+      "data-title": dataTitle,
+      "data-id": dataId,
+      "data-test-id": dataId
+    }, text);
+  }
+
+}
+PriorityText.propTypes = PriorityText_propTypes;
+PriorityText.defaultProps = PriorityText_defaultProps; // if (__DOCS__) {
+//   PriorityText.docs = {
+//     folderName: 'List',
+//     componentGroup: 'PriorityText'
+//   };
+// }