@zohodesk/dot 1.0.0-temp-229 → 1.0.0-temp-231

package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_Light_Component.js

@@ -1 +1,2 @@
-import '@zohodesk/components/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css';
+import '@zohodesk/components/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css';
+import '@zohodesk/components/assets/Appearance/light/themes/yellow/yellow_componentsCTA_LightModifyCategory.module.css';

package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js

@@ -1 +1,2 @@
-import '@zohodesk/components/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css';
+import '@zohodesk/components/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css';
+import '@zohodesk/components/assets/Appearance/pureDark/themes/yellow/yellow_componentsCTA_PureDarkModifyCategory.module.css';

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

@@ -1 +1,2 @@
+import "./../../../../../../assets/Appearance/dark/themes/blue/blue_DotCTA_DarkModifyCategory.module.css";
 import "./../../../../../../assets/Appearance/dark/themes/blue/blue_DotTheme_DarkTheme.module.css";

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

@@ -1 +1,2 @@
+import "./../../../../../../assets/Appearance/light/themes/blue/blue_DotCTA_LightModifyCategory.module.css";
 import "./../../../../../../assets/Appearance/light/themes/blue/blue_DotTheme_LightTheme.module.css";

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

@@ -1 +1,2 @@
+import "./../../../../../../assets/Appearance/pureDark/themes/blue/blue_DotCTA_PureDarkModifyCategory.module.css";
 import "./../../../../../../assets/Appearance/pureDark/themes/blue/blue_DotTheme_PureDarkTheme.module.css";

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

@@ -1 +1,2 @@
+import "./../../../../../../assets/Appearance/dark/themes/green/green_DotCTA_DarkModifyCategory.module.css";
 import "./../../../../../../assets/Appearance/dark/themes/green/green_DotTheme_DarkTheme.module.css";

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

@@ -1 +1,2 @@
+import "./../../../../../../assets/Appearance/light/themes/green/green_DotCTA_LightModifyCategory.module.css";
 import "./../../../../../../assets/Appearance/light/themes/green/green_DotTheme_LightTheme.module.css";

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

@@ -1 +1,2 @@
+import "./../../../../../../assets/Appearance/pureDark/themes/green/green_DotCTA_PureDarkModifyCategory.module.css";
 import "./../../../../../../assets/Appearance/pureDark/themes/green/green_DotTheme_PureDarkTheme.module.css";

package/es/DotProvider/libraryChunks/themes/dot/orange/Orange_Dark_Dot.js

@@ -1 +1,2 @@
+import "./../../../../../../assets/Appearance/dark/themes/orange/orange_DotCTA_DarkModifyCategory.module.css";
 import "./../../../../../../assets/Appearance/dark/themes/orange/orange_DotTheme_DarkTheme.module.css";

package/es/DotProvider/libraryChunks/themes/dot/orange/Orange_Light_Dot.js

@@ -1 +1,2 @@
+import "./../../../../../../assets/Appearance/light/themes/orange/orange_DotCTA_LightModifyCategory.module.css";
 import "./../../../../../../assets/Appearance/light/themes/orange/orange_DotTheme_LightTheme.module.css";

package/es/DotProvider/libraryChunks/themes/dot/orange/Orange_PureDark_Dot.js

@@ -1 +1,2 @@
+import "./../../../../../../assets/Appearance/pureDark/themes/orange/orange_DotCTA_PureDarkModifyCategory.module.css";
 import "./../../../../../../assets/Appearance/pureDark/themes/orange/orange_DotTheme_PureDarkTheme.module.css";

package/es/DotProvider/libraryChunks/themes/dot/red/Red_Dark_Dot.js

@@ -1 +1,2 @@
+import "./../../../../../../assets/Appearance/dark/themes/red/red_DotCTA_DarkModifyCategory.module.css";
 import "./../../../../../../assets/Appearance/dark/themes/red/red_DotTheme_DarkTheme.module.css";

package/es/DotProvider/libraryChunks/themes/dot/red/Red_Light_Dot.js

@@ -1 +1,2 @@
+import "./../../../../../../assets/Appearance/light/themes/red/red_DotCTA_LightModifyCategory.module.css";
 import "./../../../../../../assets/Appearance/light/themes/red/red_DotTheme_LightTheme.module.css";

package/es/DotProvider/libraryChunks/themes/dot/red/Red_PureDark_Dot.js

@@ -1 +1,2 @@
+import "./../../../../../../assets/Appearance/pureDark/themes/red/red_DotCTA_PureDarkModifyCategory.module.css";
 import "./../../../../../../assets/Appearance/pureDark/themes/red/red_DotTheme_PureDarkTheme.module.css";

package/es/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Dark_Dot.js

@@ -1 +1,2 @@
+import "./../../../../../../assets/Appearance/dark/themes/yellow/yellow_DotCTA_DarkModifyCategory.module.css";
 import "./../../../../../../assets/Appearance/dark/themes/yellow/yellow_DotTheme_DarkTheme.module.css";

package/es/DotProvider/libraryChunks/themes/dot/yellow/Yellow_Light_Dot.js

@@ -1 +1,2 @@
+import "./../../../../../../assets/Appearance/light/themes/yellow/yellow_DotCTA_LightModifyCategory.module.css";
 import "./../../../../../../assets/Appearance/light/themes/yellow/yellow_DotTheme_LightTheme.module.css";

package/es/DotProvider/libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot.js

@@ -1 +1,2 @@
+import "./../../../../../../assets/Appearance/pureDark/themes/yellow/yellow_DotCTA_PureDarkModifyCategory.module.css";
 import "./../../../../../../assets/Appearance/pureDark/themes/yellow/yellow_DotTheme_PureDarkTheme.module.css";

package/es/DotProvider/props/defaultProps.js

@@ -1,5 +1,5 @@
 import { THEME_APPEARANCE_LIGHT, THEME_COLOR_BLUE } from "../utils/constants";
-import { DUMMY_ARRAY } from '@zohodesk/utils';
+import { DUMMY_ARRAY } from '@zohodesk/utils/es/constantProps/constant';
 export const defaultProps = {
   themeAppearance: THEME_APPEARANCE_LIGHT,
   themeColor: THEME_COLOR_BLUE,

package/es/common/dot_boxShadow.module.css

@@ -40,6 +40,4 @@
     --zd_bs_onboarding_close_icon: var(--zd_bs_contrast_outline, 0px 2px 15px var(--zd-shadow-saturation, rgba(0, 0, 0, 0.09)));
     --zd_bs_onboarding_gradient: var(--zd_bs_contrast_outline, 0px 20px 30px 0px var(--zdt_onboarding_bg_box_shadow));
     --zd_bs_onboarding_primary_button: var(--zd_bs_contrast_outline, 0px 4px 20px 0px var(--zdt_onboarding_primary_button_shadow));
-/* status dropdown */
-    --zd_bs_statusdropdown_wrapper_container: var(--zd_bs_contrast_outline, 3px 3px 26px 0 var(--zdt_texteditor_menu_after_box_shadow));
 }

package/es/form/fields/SelectField/SelectField.js

@@ -97,8 +97,7 @@ export default class SelectField extends PureComponent {
       onFocus,
       iconOnHover,
       customProps,
-      renderLabelProps,
-      renderSuggestedStatus
+      renderLabelProps
     } = this.props;
     const {
       LabelProps = {},
@@ -168,8 +167,7 @@ export default class SelectField extends PureComponent {
       iconOnHover: iconOnHover,
       title: title
     }, SelectProps, {
-      ariaLabelledby: uniqueId,
-      renderSuggestedStatus: renderSuggestedStatus
+      ariaLabelledby: uniqueId
     }), children ? children : null)), validationMessage && /*#__PURE__*/React.createElement(ValidationMessage, _extends({
       text: validationMessage,
       palette: validationPalette,

package/es/form/fields/SelectField/props/propTypes.js

@@ -45,7 +45,6 @@ export const propTypes = {
     ValidationMessageProps1: PropTypes.object,
     ValidationMessageProps2: PropTypes.object
   }),
-  renderSuggestedStatus: PropTypes.node,
   htmlId: PropTypes.string,
   ...FieldCommonPropTypes
 };

package/es/list/status/StatusDropdown/StatusDropdown.js

@@ -13,7 +13,6 @@ import StatusListItem from "../StatusListItem/StatusListItem";
 import commonStyle from '@zohodesk/components/es/common/common.module.css';
 import ResponsiveDropBox from '@zohodesk/components/es/ResponsiveDropBox/ResponsiveDropBox';
 import { ResponsiveReceiver } from '@zohodesk/components/es/Responsive/CustomResponsive';
-import Flex from '@zohodesk/layout/es/Flex/Flex';
 import { getUniqueId } from '@zohodesk/components/es/Provider/IdProvider';
 import btnStyle from '@zohodesk/components/es/semantic/Button/semanticButton.module.css';
 import style from "./StatusDropdown.module.css";
@@ -31,11 +30,6 @@ export class StatusDropdown extends React.Component {
     this.searchList = this.searchList.bind(this);
     this.handleScroll = this.handleScroll.bind(this);
     this.emptySearchSVG = this.emptySearchSVG.bind(this);
-    this.getSearchA11y = this.getSearchA11y.bind(this);
-    this.getHeadingA11y = this.getHeadingA11y.bind(this);
-    this.getListItemA11y = this.getListItemA11y.bind(this);
-    this.getTextBoxIconCustomProps = this.getTextBoxIconCustomProps.bind(this);
-    this.handleListItemClick = this.handleListItemClick.bind(this);
     this.getAriaId = getUniqueId(this);
   }
 
@@ -130,44 +124,6 @@ export class StatusDropdown extends React.Component {
     };
   }
 
-  getSearchA11y() {
-    return {
-      ariaHaspopup: this.props.isSearch ? 'listbox' : 'menu',
-      ariaExpanded: this.props.isPopupReady,
-      role: 'combobox',
-      ariaActivedescendant: this.props.isPopupReady ? this.props.value : '',
-      ariaOwns: this.getAriaId()
-    };
-  }
-
-  getHeadingA11y() {
-    return {
-      role: 'heading'
-    };
-  }
-
-  getListItemA11y(isActive, listItemText) {
-    return {
-      role: this.props.isSearch ? 'option' : 'menuitem',
-      ariaSelected: isActive,
-      ariaLabel: listItemText
-    };
-  }
-
-  getTextBoxIconCustomProps() {
-    return {
-      TextBoxProps: {
-        'data-a11y-autofocus': true
-      }
-    };
-  }
-
-  handleListItemClick(item) {
-    return e => {
-      this.onSelect(item, e);
-    };
-  }
-
   render() {
     let {
       options
@@ -223,12 +179,10 @@ export class StatusDropdown extends React.Component {
       renderTargetElement,
       renderFooterElement,
       a11y = {},
-      customClass,
-      renderSuggestedStatus
+      customClass
     } = this.props;
     const {
-      dropBoxClass = '',
-      suggestedStatusWrapper = ''
+      dropBoxClass = ''
     } = customClass;
     const {
       tabIndex = 0,
@@ -241,9 +195,6 @@ export class StatusDropdown extends React.Component {
     } = this.state;
     let containerClass = `${className ? className : ''} ${isPopupReady ? activeStyle ? activeStyle : '' : showIconOnHover ? style.hoverIcon : ''} ${isDisabled ? commonStyle.disabled : isReadOnly ? style.readOnly : !isEditable ? style.cursorDefault : !showOnHover ? `${style.cursor} ${hoverStyle ? hoverStyle : ''}` : `${hoverStyle ? hoverStyle : ''} ${style.cursorDefault}`}`;
     let ariaTitleId = this.getAriaId();
-    let textBoxA11y = this.getSearchA11y();
-    let headingA11y = this.getHeadingA11y();
-    let textBoxIconCustomProps = this.getTextBoxIconCustomProps();
     return /*#__PURE__*/React.createElement("div", {
       className: style.posRel,
       onMouseEnter: showOnHover && !isDisabled && !isReadOnly && isEditable ? this.handleTogglePopup : undefined,
@@ -300,8 +251,8 @@ export class StatusDropdown extends React.Component {
         isAnimate: true,
         getRef: getContainerRef,
         customClass: {
-          customDropBoxWrap: `${style.dropBoxContainer} `,
-          customDropBox: `${dropBoxClass} ${renderSuggestedStatus ? style.dropBoxWithSuggestedStatus : ''}`
+          customDropBoxWrap: style.dropBoxContainer,
+          customDropBox: dropBoxClass
         },
         needResponsive: needResponsive,
         isResponsivePadding: true,
@@ -319,74 +270,81 @@ export class StatusDropdown extends React.Component {
             isFetchingOptions: isFetchingOptions
           }
         }
-      }, (() => {
-        const dropdownContent = /*#__PURE__*/React.createElement(React.Fragment, null, isSearch ? /*#__PURE__*/React.createElement(Box, {
-          className: style.search
-        }, /*#__PURE__*/React.createElement(TextBoxIcon, {
-          placeHolder: placeHolderText,
-          onChange: this.handleChange,
-          value: searchString,
-          onClear: this.onSearchClear,
-          size: searchBoxSize,
-          customProps: textBoxIconCustomProps,
-          a11y: textBoxA11y,
-          dataId: `${dataId}_search`
-        })) : null, title && options.length != 0 && /*#__PURE__*/React.createElement(Box, {
-          className: style.title
-        }, /*#__PURE__*/React.createElement(DropDownHeading, {
-          htmlId: ariaTitleId,
-          text: title,
-          a11y: headingA11y
-        })), /*#__PURE__*/React.createElement(Box, {
-          scroll: "vertical",
-          flexible: true,
-          shrink: true,
-          dataId: `${dataId}_list`,
-          preventParentScroll: "vertical",
-          className: `${tabletMode ? style.responsivemaxHgt : style.maxHgt}`,
-          onScroll: this.handleScroll,
-          role: isSearch ? 'listbox' : 'menu',
-          tabindex: "-1",
-          isScrollAttribute: true
-        }, options.length != 0 && isDataLoaded ? /*#__PURE__*/React.createElement(React.Fragment, null, options.map((item, i) => {
-          const listItemText = item[keyName];
-          const isActive = value === listItemText;
-          return /*#__PURE__*/React.createElement(StatusListItem, {
-            key: item[idName] || i,
-            dataId: `dataid_${i}`,
-            value: listItemText,
-            id: item[idName],
-            active: isActive,
-            onClick: this.handleListItemClick(item),
-            index: i,
-            needTick: needTick,
-            needBorder: false,
-            bulletColor: item[statusColor],
-            title: listItemText,
-            needMultiLineText: needMultiLineText,
-            autoHover: true,
-            a11y: this.getListItemA11y(isActive, listItemText)
-          });
-        }), isFetchingOptions && /*#__PURE__*/React.createElement(Container, {
-          isCover: false,
-          align: "both"
-        }, /*#__PURE__*/React.createElement(Loader, null))) : isDataLoaded ? /*#__PURE__*/React.createElement(CommonEmptyState, {
-          className: style.svgWrapper,
-          title: searchErrorText || 'No results',
-          description: searchEmptyHint,
-          size: "small",
-          getEmptyState: this.emptySearchSVG
-        }) : /*#__PURE__*/React.createElement("div", {
-          className: style.loader
-        }, /*#__PURE__*/React.createElement(Loader, null))), renderFooterElement ? renderFooterElement : null);
-        return renderSuggestedStatus ? /*#__PURE__*/React.createElement("div", {
-          className: style.dropBoxListContainer
-        }, /*#__PURE__*/React.createElement(Flex, {
-          $ui_className: `${suggestedStatusWrapper} ${style.suggestedStatusContainer}`
-        }, renderSuggestedStatus), /*#__PURE__*/React.createElement("div", {
-          className: style.dropdownOptions
-        }, dropdownContent)) : dropdownContent;
-      })());
+      }, /*#__PURE__*/React.createElement(React.Fragment, null, isSearch ? /*#__PURE__*/React.createElement(Box, {
+        className: style.search
+      }, /*#__PURE__*/React.createElement(TextBoxIcon, {
+        placeHolder: placeHolderText,
+        onChange: this.handleChange,
+        value: searchString,
+        onClear: this.onSearchClear,
+        size: searchBoxSize,
+        customProps: {
+          TextBoxProps: {
+            'data-a11y-autofocus': true
+          }
+        },
+        a11y: {
+          ariaHaspopup: isSearch ? 'listbox' : 'menu',
+          ariaExpanded: isPopupReady,
+          role: 'combobox',
+          ariaActivedescendant: isPopupReady ? value : '',
+          ariaOwns: ariaTitleId
+        },
+        dataId: `${dataId}_search`
+      })) : null, title && options.length != 0 && /*#__PURE__*/React.createElement(Box, {
+        className: style.title
+      }, /*#__PURE__*/React.createElement(DropDownHeading, {
+        htmlId: ariaTitleId,
+        text: title,
+        a11y: {
+          role: 'heading'
+        }
+      })), /*#__PURE__*/React.createElement(Box, {
+        scroll: "vertical",
+        flexible: true,
+        shrink: true,
+        dataId: `${dataId}_list`,
+        preventParentScroll: "vertical",
+        className: `${tabletMode ? style.responsivemaxHgt : style.maxHgt}`,
+        onScroll: this.handleScroll,
+        role: isSearch ? 'listbox' : 'menu',
+        tabindex: "-1",
+        isScrollAttribute: true
+      }, options.length != 0 && isDataLoaded ? /*#__PURE__*/React.createElement(React.Fragment, null, options.map((item, i) => {
+        const listItemText = item[keyName];
+        const isActive = value === listItemText;
+        return /*#__PURE__*/React.createElement(StatusListItem, {
+          key: i,
+          dataId: `dataid_${i}`,
+          value: listItemText,
+          id: item[idName],
+          active: isActive,
+          onClick: this.onSelect.bind(this, item),
+          index: i,
+          needTick: needTick,
+          needBorder: false,
+          bulletColor: item[statusColor],
+          title: listItemText,
+          needMultiLineText: needMultiLineText,
+          autoHover: true,
+          a11y: {
+            role: isSearch ? 'option' : 'menuitem',
+            ariaSelected: isActive,
+            ariaLabel: listItemText
+          }
+        });
+      }), isFetchingOptions && /*#__PURE__*/React.createElement(Container, {
+        isCover: false,
+        align: "both"
+      }, /*#__PURE__*/React.createElement(Loader, null))) : isDataLoaded ? /*#__PURE__*/React.createElement(CommonEmptyState, {
+        className: style.svgWrapper,
+        title: searchErrorText || 'No results',
+        description: searchEmptyHint,
+        size: "small",
+        getEmptyState: this.emptySearchSVG
+      }) : /*#__PURE__*/React.createElement("div", {
+        className: style.loader
+      }, /*#__PURE__*/React.createElement(Loader, null))), renderFooterElement ? renderFooterElement : null));
     }) : null);
   }
 

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

@@ -1,130 +1,83 @@
 .container {
   max-width: 100% ;
 }
-
-.dropBoxListContainer {
-  border-radius: 7px;
-  padding: var(--zd_size10) ;
-  border: 1px solid var(--zdt_statusdropdown_wrapper_container_border);
-  background: var(--zdt_statusdropdown_wrapper_container_bg);
-  box-shadow: var(--zd_bs_statusdropdown_wrapper_container);
-}
-
-.dropdownOptions {
-  padding-inline: var(--zd_size1) ;
-  padding-block: var(--zd_size1) ;
-  background-color: var(--zdt_commentList_normal_bg);
-  border: 1px solid var(--zdt_statusdropdown_wrapper_container_border);
-  border-radius: 7px;
-}
-
 .posRel {
   position: relative;
 }
-
 .maxHgt {
   max-height: var(--zd_size265) ;
   padding-block: var(--zd_size10) ;
-  padding-inline: 0 ;
+  padding-inline:0 ;
 }
-
-.responsivemaxHgt {
+.responsivemaxHgt{
   padding-block: var(--zd_size10) 0 ;
-  padding-inline: 0 ;
+  padding-inline:0 ;
 }
-
 .title {
   padding-block-start: var(--zd_size6) ;
 }
-
 .default_arrow,
 .overlay_arrow {
   padding-inline: var(--zd_size5) 0 ;
-  padding-block: 0 ;
+  padding-block:0 ;
 }
-
 .overlay_arrow {
   position: absolute;
   top: 50% ;
   transform: translateY(-50%) perspective(1px);
 }
-
 [dir=ltr] .overlay_arrow {
   left: 100% ;
 }
-
 [dir=rtl] .overlay_arrow {
   right: 100% ;
 }
-
 .hoverIcon .arrow {
   opacity: 0;
   visibility: hidden;
 }
-
 .hoverIcon:hover .arrow {
   opacity: 1;
   visibility: visible;
 }
-
 .value {
   composes: dotted from '~@zohodesk/components/es/common/common.module.css';
 }
-
 .search {
   padding-block: var(--zd_size6) 0 ;
-  padding-inline: var(--zd_size20) ;
+  padding-inline:var(--zd_size20) ;
 }
-
 .svgWrapper {
   padding-block-end: var(--zd_size25) ;
 }
-
 .readOnly {
   cursor: no-drop;
 }
-
 .cursorDefault {
   cursor: default;
 }
-
 .cursor {
   cursor: pointer;
 }
-
 [dir=ltr] .dropBoxContainer {
   text-align: left;
 }
-
 [dir=rtl] .dropBoxContainer {
   text-align: right;
 }
-
 .iconBox {
   margin-inline-end: var(--zd_size4) ;
 }
-
-.iconBox>i {
+.iconBox > i {
   display: block;
 }
-
 .loader {
   width: var(--zd_size40) ;
   margin: 0 auto ;
 }
-
 .seperatedLine {
   height: var(--zd_size1) ;
   margin-block: var(--zd_size9) var(--zd_size10) ;
-  margin-inline: 0 ;
+  margin-inline:0 ;
   border-bottom: 1px solid var(--zdt_statusdropdown_line_border);
 }
-
-.suggestedStatusContainer {
-  margin-block-end: var(--zd_size6) ;
-  margin-inline: var(--zd_size1) ;
-}
-
-.dropBoxWithSuggestedStatus {
-  border-radius: 7px;
-}

package/es/list/status/StatusDropdown/props/defaultProps.js

@@ -19,6 +19,5 @@ export const defaultProps = {
   isFetchingOptions: false,
   isAbsolutePositioningNeeded: true,
   isRestrictScroll: false,
-  customClass: {},
-  renderSuggestedStatus: null
+  customClass: {}
 };

package/es/list/status/StatusDropdown/props/propTypes.js

@@ -56,7 +56,6 @@ export const propTypes = {
   positionsOffset: PropTypes.object,
   renderTargetElement: PropTypes.func,
   renderFooterElement: PropTypes.node,
-  renderSuggestedStatus: PropTypes.node,
   targetOffset: PropTypes.object,
   customClass: PropTypes.shape({
     dropBoxClass: PropTypes.string

package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_Dark_Component.js

@@ -1,3 +1,5 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css");
+require("@zohodesk/components/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/dark/themes/blue/blue_componentsCTA_DarkModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_Light_Component.js

@@ -1,3 +1,5 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css");
+require("@zohodesk/components/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/light/themes/blue/blue_componentsCTA_LightModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_PureDark_Component.js

@@ -1,3 +1,5 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css");
+require("@zohodesk/components/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/pureDark/themes/blue/blue_componentsCTA_PureDarkModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/component/green/Green_Dark_Component.js

@@ -1,3 +1,5 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css");
+require("@zohodesk/components/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/dark/themes/green/green_componentsCTA_DarkModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/component/green/Green_Light_Component.js

@@ -1,3 +1,5 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css");
+require("@zohodesk/components/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/light/themes/green/green_componentsCTA_LightModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/component/green/Green_PureDark_Component.js

@@ -1,3 +1,5 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css");
+require("@zohodesk/components/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/pureDark/themes/green/green_componentsCTA_PureDarkModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_Dark_Component.js

@@ -1,3 +1,5 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css");
+require("@zohodesk/components/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/dark/themes/orange/orange_componentsCTA_DarkModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_Light_Component.js

@@ -1,3 +1,5 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css");
+require("@zohodesk/components/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/light/themes/orange/orange_componentsCTA_LightModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_PureDark_Component.js

@@ -1,3 +1,5 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css");
+require("@zohodesk/components/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/pureDark/themes/orange/orange_componentsCTA_PureDarkModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/component/red/Red_Dark_Component.js

@@ -1,3 +1,5 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css");
+require("@zohodesk/components/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/dark/themes/red/red_componentsCTA_DarkModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/component/red/Red_Light_Component.js

@@ -1,3 +1,5 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css");
+require("@zohodesk/components/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/light/themes/red/red_componentsCTA_LightModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/component/red/Red_PureDark_Component.js

@@ -1,3 +1,5 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css");
+require("@zohodesk/components/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css");
+
+require("@zohodesk/components/assets/Appearance/pureDark/themes/red/red_componentsCTA_PureDarkModifyCategory.module.css");