@zohodesk/dot 1.0.0-temp-218 → 1.0.0-temp-219

package/es/list/SecondaryText/ContactName.js

@@ -2,7 +2,6 @@ import React, { Component } from 'react';
 import { ContactName_defaultProps } from "./props/defaultProps";
 import { ContactName_propTypes } from "./props/propTypes";
 import { Container, Box } from '@zohodesk/components/es/Layout';
-import { highlight as highlightText } from '@zohodesk/components/es/Typography/highlight';
 import Link from "../../Link/Link";
 import SentimentStatus from "../SentimentStatus/SentimentStatus";
 import { Icon } from '@zohodesk/icons';
@@ -24,8 +23,6 @@ export default class ContactName extends Component {
       notAccessible = false,
       fontWeight,
       i18nKeys,
-      highlights,
-      enableHighlight,
       customProps
     } = this.props;
     let {
@@ -41,13 +38,6 @@ export default class ContactName extends Component {
       LinkProps = {},
       TextProps = {}
     } = customProps;
-    const {
-      highlightData = []
-    } = highlights || {};
-    const displayContent = enableHighlight && highlightData && highlightData.length > 0 && text ? highlightText({
-      text,
-      ...highlights
-    }) : text;
     return /*#__PURE__*/React.createElement(Container, {
       alignBox: "row",
       align: "baseline",
@@ -74,11 +64,11 @@ export default class ContactName extends Component {
       ariaLabel: `Contact Name ${text}`
     }, /*#__PURE__*/React.createElement("div", {
       className: `${style.textStyle} ${style[`font_${fontWeight}`]} ${className ? className : ''}`
-    }, displayContent)) : /*#__PURE__*/React.createElement("div", {
+    }, text)) : /*#__PURE__*/React.createElement("div", {
       className: `${style.secondaryText} ${style[`font_${fontWeight}`]} ${className ? className : ''} ${notAccessible ? style.disable : ''}`,
       "data-title": dataTitle,
       ...TextProps
-    }, displayContent)), sentimentType && /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(SentimentStatus, {
+    }, text)), sentimentType && /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(SentimentStatus, {
       type: sentimentType,
       dataTitle: sentimentDataTitle
     })));

package/es/list/SecondaryText/DepartmentText.js

@@ -1,6 +1,5 @@
 import React, { Component } from 'react';
 import { DepartmentText_propTypes } from "./props/propTypes";
-import { highlight as highlightText } from '@zohodesk/components/es/Typography/highlight';
 import style from "./SecondaryText.module.css";
 export default class DepartmentText extends Component {
   constructor(props) {
@@ -12,23 +11,14 @@ export default class DepartmentText extends Component {
       className,
       text,
       dataTitle,
-      dataId,
-      enableHighlight,
-      highlights
+      dataId
     } = this.props;
-    const {
-      highlightData = []
-    } = highlights || {};
-    const displayContent = enableHighlight && highlightData && highlightData.length > 0 && text ? highlightText({
-      text,
-      ...highlights
-    }) : text;
     return /*#__PURE__*/React.createElement("div", {
       className: `${style.departmentText} ${className ? className : ''}`,
       "data-title": dataTitle,
       "data-id": dataId,
       "data-test-id": dataId
-    }, displayContent);
+    }, text);
   }
 
 }

package/es/list/SecondaryText/Email.js

@@ -6,7 +6,6 @@ import { Email_defaultProps } from "./props/defaultProps";
 import { Email_propTypes } from "./props/propTypes";
 /**** Components ****/
 
-import { highlight as highlightText } from '@zohodesk/components/es/Typography/highlight';
 import Link from "../../Link/Link";
 /**** CSS ****/
 
@@ -23,21 +22,12 @@ export default class Email extends Component {
       isLink,
       target,
       fontWeight,
-      customProps,
-      enableHighlight,
-      highlights
+      customProps
     } = this.props;
     let {
       LinkProps = {},
       TextProps = {}
     } = customProps;
-    const {
-      highlightData = []
-    } = highlights || {};
-    const displayContent = enableHighlight && highlightData && highlightData.length > 0 && text ? highlightText({
-      text,
-      ...highlights
-    }) : text;
     return /*#__PURE__*/React.createElement(React.Fragment, null, isLink ? /*#__PURE__*/React.createElement(Link, {
       href: href,
       title: title,
@@ -48,11 +38,11 @@ export default class Email extends Component {
       ...LinkProps
     }, /*#__PURE__*/React.createElement("div", {
       className: `${style.textStyle} ${style[`font_${fontWeight}`]} ${className ? className : ''}`
-    }, displayContent)) : /*#__PURE__*/React.createElement("div", {
+    }, text)) : /*#__PURE__*/React.createElement("div", {
       className: `${style.secondaryText}  ${style[`font_${fontWeight}`]} ${className ? className : ''}`,
       "data-title": title,
       ...TextProps
-    }, displayContent));
+    }, text));
   }
 
 }

package/es/list/SecondaryText/PhoneNumber.js

@@ -6,7 +6,6 @@ import { PhoneNumber_defaultProps } from "./props/defaultProps";
 import { PhoneNumber_propTypes } from "./props/propTypes";
 /**** Components ****/
 
-import { highlight as highlightText } from '@zohodesk/components/es/Typography/highlight';
 import Link from "../../Link/Link";
 /**** CSS ****/
 
@@ -25,21 +24,12 @@ export default class PhoneNumber extends Component {
       target,
       hasReload,
       fontWeight,
-      customProps,
-      enableHighlight,
-      highlights
+      customProps
     } = this.props;
     let {
       LinkProps = {},
       TextProps = {}
     } = customProps;
-    const {
-      highlightData = []
-    } = highlights || {};
-    const displayContent = enableHighlight && highlightData && highlightData.length > 0 && text ? highlightText({
-      text,
-      ...highlights
-    }) : text;
     return /*#__PURE__*/React.createElement(React.Fragment, null, isLink ? /*#__PURE__*/React.createElement(Link, {
       href: href,
       title: title,
@@ -51,12 +41,12 @@ export default class PhoneNumber extends Component {
       className: style.link,
       ...LinkProps
     }, /*#__PURE__*/React.createElement("div", {
-      className: `${style.phoneNumber} ${style[`font_${fontWeight}`]} ${className ? className : ''}`
-    }, displayContent)) : /*#__PURE__*/React.createElement("div", {
-      className: `${style.secondaryText} ${style[`font_${fontWeight}`]} ${className ? className : ''}`,
+      className: `${style.phoneNumber} ${style.phonetxt} ${style[`font_${fontWeight}`]} ${className ? className : ''}`
+    }, text)) : /*#__PURE__*/React.createElement("div", {
+      className: `${style.secondaryText} ${style.phonetxt} ${style[`font_${fontWeight}`]} ${className ? className : ''}`,
       "data-title": title,
       ...TextProps
-    }, displayContent));
+    }, text));
   }
 
 }

package/es/list/SecondaryText/PriorityText.js

@@ -1,7 +1,6 @@
 import React, { Component } from 'react';
 import { PriorityText_defaultProps } from "./props/defaultProps";
 import { PriorityText_propTypes } from "./props/propTypes";
-import { highlight as highlightText } from '@zohodesk/components/es/Typography/highlight';
 import style from "./SecondaryText.module.css";
 export default class PriorityText extends Component {
   constructor(props) {
@@ -14,23 +13,14 @@ export default class PriorityText extends Component {
       color,
       text,
       dataTitle,
-      dataId,
-      enableHighlight,
-      highlights
+      dataId
     } = this.props;
-    const {
-      highlightData = []
-    } = highlights || {};
-    const displayContent = enableHighlight && highlightData && highlightData.length > 0 && text ? highlightText({
-      text,
-      ...highlights
-    }) : text;
     return /*#__PURE__*/React.createElement("div", {
       className: `${style.priorityText} ${style[color]} ${className ? className : ''}`,
       "data-title": dataTitle,
       "data-id": dataId,
       "data-test-id": dataId
-    }, displayContent);
+    }, text);
   }
 
 }

package/es/list/SecondaryText/SecondaryText.js

@@ -1,7 +1,6 @@
 import React, { Component } from 'react';
 import { SecondaryText_defaultProps } from "./props/defaultProps";
 import { SecondaryText_propTypes } from "./props/propTypes";
-import { highlight as highlightText } from '@zohodesk/components/es/Typography/highlight';
 import style from "./SecondaryText.module.css";
 export default class SecondaryText extends Component {
   constructor(props) {
@@ -15,20 +14,11 @@ export default class SecondaryText extends Component {
       dataTitle,
       dataId,
       onClick,
-      customProps,
-      enableHighlight,
-      highlights
+      customProps
     } = this.props;
     let {
       SecondaryTextProps
     } = customProps;
-    const {
-      highlightData = []
-    } = highlights || {};
-    const displayContent = enableHighlight && highlightData && highlightData.length > 0 && text ? highlightText({
-      text,
-      ...highlights
-    }) : text;
     return /*#__PURE__*/React.createElement("div", {
       className: `${style.secondaryText} ${className ? className : ''}`,
       "data-title": dataTitle,
@@ -36,7 +26,7 @@ export default class SecondaryText extends Component {
       "data-test-id": dataId,
       onClick: onClick,
       ...SecondaryTextProps
-    }, displayContent);
+    }, text);
   }
 
 }

package/es/list/SecondaryText/SecondaryText.module.css

@@ -19,7 +19,7 @@
   color: var(--zdt_secondaryText_black_text);
 }
 .textStyle, .link{
-display: block
+  display: block
 }
 .textStyle.textBold {
   font-family: var(--zd_bold);
@@ -134,3 +134,7 @@ display: block
 .black {
   color: var(--zdt_secondaryText_black_text);
 }
+
+.phonetxt {
+  composes: ltr-dir from '~@zohodesk/components/es/common/common.module.css';
+}

package/es/list/SecondaryText/StatusText.js

@@ -1,7 +1,6 @@
 import React, { Component } from 'react';
 import { StatusText_defaultProps } from "./props/defaultProps";
 import { StatusText_propTypes } from "./props/propTypes";
-import { highlight as highlightText } from '@zohodesk/components/es/Typography/highlight';
 import style from "./SecondaryText.module.css";
 export default class StatusText extends Component {
   constructor(props) {
@@ -15,23 +14,14 @@ export default class StatusText extends Component {
       text,
       dataTitle,
       fontWeight,
-      dataId,
-      enableHighlight,
-      highlights
+      dataId
     } = this.props;
-    const {
-      highlightData = []
-    } = highlights || {};
-    const displayContent = enableHighlight && highlightData && highlightData.length > 0 && text ? highlightText({
-      text,
-      ...highlights
-    }) : text;
     return /*#__PURE__*/React.createElement("div", {
       className: `${style.statusText} ${style[color]} ${style[`font_${fontWeight}`]} ${className ? className : ''}`,
       "data-title": dataTitle,
       "data-id": dataId,
       "data-test-id": dataId
-    }, displayContent);
+    }, text);
   }
 
 }

package/es/list/SecondaryText/TicketId.js

@@ -2,7 +2,6 @@ import React, { Component } from 'react';
 import { TicketId_defaultProps } from "./props/defaultProps";
 import { TicketId_propTypes } from "./props/propTypes";
 import Link from "../../Link/Link";
-import { highlight as highlightText } from '@zohodesk/components/es/Typography/highlight';
 import style from "./SecondaryText.module.css";
 export default class TicketId extends Component {
   constructor(props) {
@@ -21,22 +20,12 @@ export default class TicketId extends Component {
       target,
       urlName,
       urlData,
-      customProps,
-      enableHighlight,
-      highlights
+      customProps
     } = this.props;
     let {
       LinkProps = {},
       TicketIdProps = {}
     } = customProps;
-    const {
-      highlightData = []
-    } = highlights;
-    const processedText = enableHighlight && highlightData && highlightData.length > 0 && typeof text === 'string' ? highlightText({
-      text,
-      ...highlights
-    }) : text;
-    const textContent = Array.isArray(processedText) ? /*#__PURE__*/React.createElement(React.Fragment, null, processedText) : processedText;
     return /*#__PURE__*/React.createElement("div", {
       className: `${style.ticketId} ${isLink ? style.ticketIdLink : ''} ${className ? className : ''}`,
       "data-id": dataId,
@@ -51,7 +40,7 @@ export default class TicketId extends Component {
       target: target,
       onClick: onClick,
       ...LinkProps
-    }, textContent) : textContent);
+    }, text) : text);
   }
 
 }

package/es/list/SecondaryText/Website.js

@@ -6,7 +6,6 @@ import { Website_defaultProps } from "./props/defaultProps";
 import { Website_propTypes } from "./props/propTypes";
 /**** Components ****/
 
-import { highlight as highlightText } from '@zohodesk/components/es/Typography/highlight';
 import ExternalLink from "../../ExternalLink/ExternalLink";
 /**** CSS ****/
 
@@ -20,27 +19,18 @@ export default class Website extends Component {
       href,
       dataId,
       isLink,
-      target,
-      enableHighlight,
-      highlights
+      target
     } = this.props;
-    const {
-      highlightData = []
-    } = highlights || {};
-    const displayContent = enableHighlight && highlightData && highlightData.length > 0 && text ? highlightText({
-      text,
-      ...highlights
-    }) : text;
     return /*#__PURE__*/React.createElement(React.Fragment, null, isLink ? /*#__PURE__*/React.createElement(ExternalLink, {
       className: `${style.textStyle} ${className ? className : ''}`,
       href: href,
       title: title,
       dataId: dataId,
       target: target
-    }, displayContent) : /*#__PURE__*/React.createElement("div", {
+    }, text) : /*#__PURE__*/React.createElement("div", {
       className: `${style.secondaryText} ${className ? className : ''}`,
       "data-title": text
-    }, displayContent));
+    }, text));
   }
 
 }

package/es/list/SecondaryText/__tests__/__snapshots__/PhoneNumber.spec.js.snap

@@ -8,7 +8,7 @@ exports[`PhoneNumber rendering the defult props 1`] = `
     rel="noopener noreferrer"
   >
     <div
-      class="phoneNumber font_regular "
+      class="phoneNumber phonetxt font_regular "
     />
   </a>
 </DocumentFragment>

package/es/list/SecondaryText/props/defaultProps.js

@@ -2,8 +2,6 @@ export const AccountName_defaultProps = {
   isLink: true,
   dataId: 'accountName',
   fontWeight: 'regular',
-  enableHighlight: false,
-  highlights: {},
   customProps: {}
 };
 export const ContactName_defaultProps = {
@@ -12,51 +10,35 @@ export const ContactName_defaultProps = {
   dataId: 'contactName',
   fontWeight: 'regular',
   i18nKeys: {},
-  enableHighlight: false,
-  highlights: {},
   customProps: {}
 };
 export const Email_defaultProps = {
   isLink: true,
   fontWeight: 'regular',
-  enableHighlight: false,
-  highlights: {},
   customProps: {}
 };
 export const PhoneNumber_defaultProps = {
   isLink: true,
   hasReload: false,
   fontWeight: 'regular',
-  enableHighlight: false,
-  highlights: {},
   customProps: {}
 };
 export const PriorityText_defaultProps = {
   color: 'black',
-  enableHighlight: false,
-  highlights: {},
   dataId: 'priority'
 };
 export const SecondaryText_defaultProps = {
-  enableHighlight: false,
-  highlights: {},
   customProps: {}
 };
 export const StatusText_defaultProps = {
   color: 'black',
   dataId: 'statusContainer',
-  enableHighlight: false,
-  highlights: {},
   fontWeight: 'regular'
 };
 export const TicketId_defaultProps = {
   dataId: 'ticketId',
-  enableHighlight: false,
-  highlights: {},
   customProps: {}
 };
 export const Website_defaultProps = {
-  enableHighlight: false,
-  highlights: {},
   isLink: true
 };

package/es/list/SecondaryText/props/propTypes.js

@@ -14,8 +14,6 @@ export const AccountName_propTypes = {
   secondaryAccountHref: PropTypes.string,
   secondaryAccountClick: PropTypes.func,
   secondaryAccountText: PropTypes.string,
-  enableHighlight: PropTypes.bool,
-  highlights: PropTypes.object,
   customProps: PropTypes.shape({
     LinkProps: PropTypes.object,
     TextProps: PropTypes.object,
@@ -44,8 +42,6 @@ export const ContactName_propTypes = {
     }),
     paidTitle: PropTypes.string
   }),
-  enableHighlight: PropTypes.bool,
-  highlights: PropTypes.object,
   customProps: PropTypes.shape({
     LinkProps: PropTypes.object,
     TextProps: PropTypes.object
@@ -55,8 +51,6 @@ export const DepartmentText_propTypes = {
   className: PropTypes.string,
   dataId: PropTypes.string,
   dataTitle: PropTypes.string,
-  enableHighlight: PropTypes.bool,
-  highlights: PropTypes.object,
   text: PropTypes.string
 };
 export const Email_propTypes = {
@@ -69,8 +63,6 @@ export const Email_propTypes = {
   title: PropTypes.string,
   urlData: PropTypes.object,
   urlName: PropTypes.string,
-  enableHighlight: PropTypes.bool,
-  highlights: PropTypes.object,
   customProps: PropTypes.shape({
     LinkProps: PropTypes.object,
     TextProps: PropTypes.object
@@ -93,8 +85,6 @@ export const PhoneNumber_propTypes = {
   title: PropTypes.string,
   urlData: PropTypes.object,
   urlName: PropTypes.string,
-  enableHighlight: PropTypes.bool,
-  highlights: PropTypes.object,
   customProps: PropTypes.shape({
     LinkProps: PropTypes.object,
     TextProps: PropTypes.object
@@ -105,8 +95,6 @@ export const PriorityText_propTypes = {
   color: PropTypes.oneOf(['red', 'green', 'gray', 'orange']),
   dataId: PropTypes.string,
   dataTitle: PropTypes.string,
-  enableHighlight: PropTypes.bool,
-  highlights: PropTypes.object,
   text: PropTypes.string
 };
 export const SecondaryText_propTypes = {
@@ -115,8 +103,6 @@ export const SecondaryText_propTypes = {
   dataTitle: PropTypes.string,
   onClick: PropTypes.func,
   text: PropTypes.string,
-  enableHighlight: PropTypes.bool,
-  highlights: PropTypes.object,
   customProps: PropTypes.shape({
     SecondaryTextProps: PropTypes.object
   })
@@ -127,8 +113,6 @@ export const StatusText_propTypes = {
   dataId: PropTypes.string,
   dataTitle: PropTypes.string,
   fontWeight: PropTypes.oneOf(['regular', 'semibold', 'bold']),
-  enableHighlight: PropTypes.bool,
-  highlights: PropTypes.object,
   text: PropTypes.string
 };
 export const TicketId_propTypes = {
@@ -142,8 +126,6 @@ export const TicketId_propTypes = {
   url: PropTypes.string,
   urlData: PropTypes.string,
   urlName: PropTypes.string,
-  enableHighlight: PropTypes.bool,
-  highlights: PropTypes.object,
   customProps: PropTypes.shape({
     TicketIdProps: PropTypes.object,
     LinkProps: PropTypes.object
@@ -156,7 +138,5 @@ export const Website_propTypes = {
   isLink: PropTypes.bool,
   target: PropTypes.string,
   text: PropTypes.string,
-  enableHighlight: PropTypes.bool,
-  highlights: PropTypes.object,
   title: PropTypes.string
 };

package/es/list/Subject/Subject.js

@@ -3,7 +3,6 @@ import { defaultProps } from "./props/defaultProps";
 import { propTypes } from "./props/propTypes";
 import Link from "../../Link/Link";
 import { whiteSpaceClassMapping } from '@zohodesk/components/es/utils/cssUtils';
-import { highlight as highlightText } from '@zohodesk/components/es/Typography/highlight';
 import style from "./Subject.module.css";
 export default class Subject extends Component {
   constructor(props) {
@@ -25,21 +24,12 @@ export default class Subject extends Component {
       isDotted,
       children,
       customProps,
-      whiteSpace,
-      enableHighlight,
-      highlights
+      whiteSpace
     } = this.props;
     let {
       LinkProps = {},
       TextProps = {}
     } = customProps;
-    const {
-      highlightData = []
-    } = highlights || {};
-    const displayContent = enableHighlight && highlightData && highlightData.length > 0 && text ? highlightText({
-      text,
-      ...highlights
-    }) : children ? children : text;
     return /*#__PURE__*/React.createElement(React.Fragment, null, isLink ? /*#__PURE__*/React.createElement(Link, {
       urlName: urlName,
       href: href,
@@ -51,14 +41,14 @@ export default class Subject extends Component {
       target: target,
       "data-title-wrap": whiteSpace,
       ...LinkProps
-    }, displayContent) : /*#__PURE__*/React.createElement("span", {
+    }, children ? children : text) : /*#__PURE__*/React.createElement("span", {
       className: `${style.subject} ${isDotted ? style.dotted : ''} ${whiteSpaceClassMapping[whiteSpace]} ${className} ${style[`font_${fontWeight}`]}`,
       "data-title": text,
       "data-id": dataId,
       "data-test-id": dataId,
       "data-title-wrap": whiteSpace,
       ...TextProps
-    }, displayContent));
+    }, text));
   }
 
 }

package/es/list/Subject/props/defaultProps.js

@@ -4,7 +4,5 @@ export const defaultProps = {
   className: '',
   isDotted: true,
   customProps: {},
-  whiteSpace: 'pre',
-  enableHighlight: false,
-  highlights: {}
+  whiteSpace: 'pre'
 };

package/es/list/Subject/props/propTypes.js

@@ -1,20 +1,4 @@
 import PropTypes from 'prop-types';
-const highlightsStyleShape = PropTypes.shape({
-  weight: PropTypes.oneOf(['regular', 'light', 'semibold', 'bold']),
-  transform: PropTypes.oneOf(['default', 'upper', 'lower', 'capital']),
-  decoration: PropTypes.oneOf(['default', 'underline', 'strike', 'overline']),
-  typeFace: PropTypes.oneOf(['normal', 'italic']),
-  customClass: PropTypes.object
-});
-const commonHighlightProps = {
-  customStyle: PropTypes.object,
-  isExcludedIndex: PropTypes.bool,
-  isCaseSensitive: PropTypes.bool,
-  isWholeWord: PropTypes.bool,
-  tagName: PropTypes.string,
-  render: PropTypes.element,
-  highlightsStyle: PropTypes.objectOf(highlightsStyleShape)
-};
 export const propTypes = {
   className: PropTypes.string,
   dataId: PropTypes.string,
@@ -32,16 +16,5 @@ export const propTypes = {
     LinkProps: PropTypes.object,
     TextProps: PropTypes.object
   }),
-  whiteSpace: PropTypes.oneOf(['normal', 'nowrap', 'pre', 'pre-line', 'pre-wrap', 'break-spaces']),
-  // Highlight props
-  enableHighlight: PropTypes.bool,
-  highlights: PropTypes.objectOf(PropTypes.shape({
-    text: PropTypes.string,
-    highlightData: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.shape({
-      highlightText: PropTypes.string,
-      index: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.number), PropTypes.number]),
-      ...commonHighlightProps
-    })])),
-    ...commonHighlightProps
-  }))
+  whiteSpace: PropTypes.oneOf(['normal', 'nowrap', 'pre', 'pre-line', 'pre-wrap', 'break-spaces'])
 };

package/lib/DotProvider/libraryChunks/themes/dot/blue/Blue_Dark_Dot.js

@@ -1,3 +1,5 @@
 "use strict";
 
+require("./../../../../../../assets/Appearance/dark/themes/blue/blue_DotCTA_DarkModifyCategory.module.css");
+
 require("./../../../../../../assets/Appearance/dark/themes/blue/blue_DotTheme_DarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/dot/blue/Blue_Light_Dot.js

@@ -1,3 +1,5 @@
 "use strict";
 
+require("./../../../../../../assets/Appearance/light/themes/blue/blue_DotCTA_LightModifyCategory.module.css");
+
 require("./../../../../../../assets/Appearance/light/themes/blue/blue_DotTheme_LightTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/dot/blue/Blue_PureDark_Dot.js

@@ -1,3 +1,5 @@
 "use strict";
 
+require("./../../../../../../assets/Appearance/pureDark/themes/blue/blue_DotCTA_PureDarkModifyCategory.module.css");
+
 require("./../../../../../../assets/Appearance/pureDark/themes/blue/blue_DotTheme_PureDarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/dot/green/Green_Dark_Dot.js

@@ -1,3 +1,5 @@
 "use strict";
 
+require("./../../../../../../assets/Appearance/dark/themes/green/green_DotCTA_DarkModifyCategory.module.css");
+
 require("./../../../../../../assets/Appearance/dark/themes/green/green_DotTheme_DarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/dot/green/Green_Light_Dot.js

@@ -1,3 +1,5 @@
 "use strict";
 
+require("./../../../../../../assets/Appearance/light/themes/green/green_DotCTA_LightModifyCategory.module.css");
+
 require("./../../../../../../assets/Appearance/light/themes/green/green_DotTheme_LightTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/dot/green/Green_PureDark_Dot.js

@@ -1,3 +1,5 @@
 "use strict";
 
+require("./../../../../../../assets/Appearance/pureDark/themes/green/green_DotCTA_PureDarkModifyCategory.module.css");
+
 require("./../../../../../../assets/Appearance/pureDark/themes/green/green_DotTheme_PureDarkTheme.module.css");