@zohodesk/dot 1.0.0-temp-231.1 → 1.0.0-temp-229.2

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

@@ -13,6 +13,7 @@ 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";
@@ -30,6 +31,11 @@ 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);
   }
 
@@ -124,6 +130,44 @@ 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
@@ -179,10 +223,12 @@ export class StatusDropdown extends React.Component {
       renderTargetElement,
       renderFooterElement,
       a11y = {},
-      customClass
+      customClass,
+      renderCustomDropBoxHeader
     } = this.props;
     const {
-      dropBoxClass = ''
+      dropBoxClass = '',
+      customDropBoxHeader = ''
     } = customClass;
     const {
       tabIndex = 0,
@@ -195,6 +241,9 @@ 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,
@@ -251,8 +300,8 @@ export class StatusDropdown extends React.Component {
         isAnimate: true,
         getRef: getContainerRef,
         customClass: {
-          customDropBoxWrap: style.dropBoxContainer,
-          customDropBox: dropBoxClass
+          customDropBoxWrap: `${style.dropBoxContainer} `,
+          customDropBox: `${dropBoxClass} ${renderCustomDropBoxHeader ? style.dropBoxWithCustomHeader : ''}`
         },
         needResponsive: needResponsive,
         isResponsivePadding: true,
@@ -270,81 +319,74 @@ export class StatusDropdown extends React.Component {
             isFetchingOptions: isFetchingOptions
           }
         }
-      }, /*#__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));
+      }, (() => {
+        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 renderCustomDropBoxHeader ? /*#__PURE__*/React.createElement("div", {
+          className: style.dropBoxListContainer
+        }, /*#__PURE__*/React.createElement(Flex, {
+          $ui_className: `${customDropBoxHeader} ${style.customDropBoxHeaderContainer}`
+        }, renderCustomDropBoxHeader), /*#__PURE__*/React.createElement("div", {
+          className: style.dropdownOptions
+        }, dropdownContent)) : dropdownContent;
+      })());
     }) : null);
   }
 

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

@@ -1,83 +1,130 @@
 .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_statusdropdown_wrapper_dropdown_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);
 }
+
+.customDropBoxHeaderContainer {
+  margin-block-end: var(--zd_size6) ;
+  margin-inline: var(--zd_size1) ;
+}
+
+.dropBoxWithCustomHeader {
+  border-radius: 7px;
+}

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

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

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

@@ -59,5 +59,6 @@ export const propTypes = {
   targetOffset: PropTypes.object,
   customClass: PropTypes.shape({
     dropBoxClass: PropTypes.string
-  })
+  }),
+  renderCustomDropBoxHeader: PropTypes.node
 };

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

@@ -1,5 +1,3 @@
 "use strict";
 
-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");
+require("@zohodesk/components/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css");

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

@@ -1,5 +1,3 @@
 "use strict";
 
-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");
+require("@zohodesk/components/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css");

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

@@ -1,5 +1,3 @@
 "use strict";
 
-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");
+require("@zohodesk/components/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css");

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

@@ -1,5 +1,3 @@
 "use strict";
 
-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");
+require("@zohodesk/components/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css");

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

@@ -1,5 +1,3 @@
 "use strict";
 
-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");
+require("@zohodesk/components/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css");

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

@@ -1,5 +1,3 @@
 "use strict";
 
-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");
+require("@zohodesk/components/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css");

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

@@ -1,5 +1,3 @@
 "use strict";
 
-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");
+require("@zohodesk/components/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css");

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

@@ -1,5 +1,3 @@
 "use strict";
 
-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");
+require("@zohodesk/components/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css");

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

@@ -1,5 +1,3 @@
 "use strict";
 
-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");
+require("@zohodesk/components/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css");

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

@@ -1,5 +1,3 @@
 "use strict";
 
-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");
+require("@zohodesk/components/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css");

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

@@ -1,5 +1,3 @@
 "use strict";
 
-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");
+require("@zohodesk/components/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css");

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

@@ -1,5 +1,3 @@
 "use strict";
 
-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");
+require("@zohodesk/components/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_Dark_Component.js

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

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

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

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

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

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

@@ -1,5 +1,3 @@
 "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,5 +1,3 @@
 "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,5 +1,3 @@
 "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,5 +1,3 @@
 "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,5 +1,3 @@
 "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,5 +1,3 @@
 "use strict";
 
-require("./../../../../../../assets/Appearance/pureDark/themes/green/green_DotCTA_PureDarkModifyCategory.module.css");
-
 require("./../../../../../../assets/Appearance/pureDark/themes/green/green_DotTheme_PureDarkTheme.module.css");

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

@@ -1,5 +1,3 @@
 "use strict";
 
-require("./../../../../../../assets/Appearance/dark/themes/orange/orange_DotCTA_DarkModifyCategory.module.css");
-
 require("./../../../../../../assets/Appearance/dark/themes/orange/orange_DotTheme_DarkTheme.module.css");

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

@@ -1,5 +1,3 @@
 "use strict";
 
-require("./../../../../../../assets/Appearance/light/themes/orange/orange_DotCTA_LightModifyCategory.module.css");
-
 require("./../../../../../../assets/Appearance/light/themes/orange/orange_DotTheme_LightTheme.module.css");

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

@@ -1,5 +1,3 @@
 "use strict";
 
-require("./../../../../../../assets/Appearance/pureDark/themes/orange/orange_DotCTA_PureDarkModifyCategory.module.css");
-
 require("./../../../../../../assets/Appearance/pureDark/themes/orange/orange_DotTheme_PureDarkTheme.module.css");

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

@@ -1,5 +1,3 @@
 "use strict";
 
-require("./../../../../../../assets/Appearance/dark/themes/red/red_DotCTA_DarkModifyCategory.module.css");
-
 require("./../../../../../../assets/Appearance/dark/themes/red/red_DotTheme_DarkTheme.module.css");

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

@@ -1,5 +1,3 @@
 "use strict";
 
-require("./../../../../../../assets/Appearance/light/themes/red/red_DotCTA_LightModifyCategory.module.css");
-
 require("./../../../../../../assets/Appearance/light/themes/red/red_DotTheme_LightTheme.module.css");

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

@@ -1,5 +1,3 @@
 "use strict";
 
-require("./../../../../../../assets/Appearance/pureDark/themes/red/red_DotCTA_PureDarkModifyCategory.module.css");
-
 require("./../../../../../../assets/Appearance/pureDark/themes/red/red_DotTheme_PureDarkTheme.module.css");

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

@@ -1,5 +1,3 @@
 "use strict";
 
-require("./../../../../../../assets/Appearance/dark/themes/yellow/yellow_DotCTA_DarkModifyCategory.module.css");
-
 require("./../../../../../../assets/Appearance/dark/themes/yellow/yellow_DotTheme_DarkTheme.module.css");

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

@@ -1,5 +1,3 @@
 "use strict";
 
-require("./../../../../../../assets/Appearance/light/themes/yellow/yellow_DotCTA_LightModifyCategory.module.css");
-
 require("./../../../../../../assets/Appearance/light/themes/yellow/yellow_DotTheme_LightTheme.module.css");

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

@@ -1,5 +1,3 @@
 "use strict";
 
-require("./../../../../../../assets/Appearance/pureDark/themes/yellow/yellow_DotCTA_PureDarkModifyCategory.module.css");
-
 require("./../../../../../../assets/Appearance/pureDark/themes/yellow/yellow_DotTheme_PureDarkTheme.module.css");