@zohodesk/components 1.0.0-temp-46 → 1.0.0-temp-47

package/es/deprecated/Theme/palette/defaultCTAPalette.module.css

@@ -1,116 +0,0 @@
-/* component package - multiple palette core variables */
-[data-theme='default'][data-palette='blue'] {
-    --zdt_cta_primary_text: var(--dot_text_primary);
-    --zdt_cta_primary_hover_text: var(--dot_text_cobalt);
-    --zdt_cta_primary_bg: var(--dot_bg_primary);
-    --zdt_cta_primary_hover_bg: var(--dot_bg_cobalt);
-    --zdt_cta_primary_border: var(--dot_border_primary);
-    --zdt_cta_primary_hover_border: var(--dot_border_cobalt);
-    --zdt_cta_primary_box_shadow: rgb(10, 115, 235, 0.2);
-    --zdt_cta_primary_hover_box_shadow: rgb(0, 83, 184, 0.25);
-    --zdt_cta_primary_light_bg: var(--dot_bg_aliceBlue);
-    --zdt_cta_primary_light_hover_bg: var(--dot_bg_lavender);
-    --zdt_cta_primary_light_border: var(--zd_border_primary13);
-    --zdt_cta_secondary_bg: var(--dot_bg_primary);
-    --zdt_cta_secondary_text: var(--dot_text_white);
-    --zdt_cta_secondary_border: #2381ed;
-    --zdt_cta_secondary_light_border: var(--dot_border_tropicalBlue);
-    --zdt_cta_alpha_text: var(--dot_text_primary);
-    --zdt_cta_alpha_hover_text: var(--dot_text_cobalt);
-    --zdt_cta_alpha_border: var(--dot_border_primary);
-    --zdt_cta_alpha_hover_border: var(--dot_border_cobalt);
-    --zdt_cta_alpha_bg: var(--dot_bg_aliceBlue);
-    --zdt_cta_beta_border: var(--dot_text_primary);
-}
-[data-theme='default'][data-palette='green'] {
-    --zdt_cta_primary_text: #26a942;
-    --zdt_cta_primary_hover_text: #0e7526;
-    --zdt_cta_primary_bg: #26a942;
-    --zdt_cta_primary_hover_bg: #0e7526;
-    --zdt_cta_primary_border: #26a942;
-    --zdt_cta_primary_hover_border: #0e7526;
-    --zdt_cta_primary_box_shadow: rgba(38, 169, 66, 0.2);
-    --zdt_cta_primary_hover_box_shadow: rgba(14, 117, 38, 0.25);
-    --zdt_cta_primary_light_bg: #f2faf5;
-    --zdt_cta_primary_light_hover_bg: #d4eed9;
-    --zdt_cta_primary_light_border: #d4eed9;
-    --zdt_cta_secondary_bg: #26a942;
-    --zdt_cta_secondary_text: var(--dot_text_white);
-    --zdt_cta_secondary_border: #4ac064;
-    --zdt_cta_secondary_light_border: #bee5c6;
-    --zdt_cta_alpha_text: #26a942;
-    --zdt_cta_alpha_hover_text: #0e7526;
-    --zdt_cta_alpha_border: #26a942;
-    --zdt_cta_alpha_hover_border: #0e7526;
-    --zdt_cta_alpha_bg: #eef8f0;
-    --zdt_cta_beta_border: #26a942;
-}
-[data-theme='default'][data-palette='red'] {
-    --zdt_cta_primary_text: #de3535;
-    --zdt_cta_primary_hover_text: #ab1a18;
-    --zdt_cta_primary_bg: #de3535;
-    --zdt_cta_primary_hover_bg: #ab1a18;
-    --zdt_cta_primary_border: #de3535;
-    --zdt_cta_primary_hover_border: #ab1a18;
-    --zdt_cta_primary_box_shadow: rgba(222, 53, 53, 0.2);
-    --zdt_cta_primary_hover_box_shadow: rgba(171, 26, 24, 0.25);
-    --zdt_cta_primary_light_bg: #fdf3f3;
-    --zdt_cta_primary_light_hover_bg: #f8d7d7;
-    --zdt_cta_primary_light_border: #f8d7d7;
-    --zdt_cta_secondary_bg: #de3535;
-    --zdt_cta_secondary_text: var(--dot_text_white);
-    --zdt_cta_secondary_border: #e55d5d;
-    --zdt_cta_secondary_light_border: #f8d7d7;
-    --zdt_cta_alpha_text: #de3535;
-    --zdt_cta_alpha_hover_text: #ab1a18;
-    --zdt_cta_alpha_border: #de3535;
-    --zdt_cta_alpha_hover_border: #ab1a18;
-    --zdt_cta_alpha_bg: #fcebeb;
-    --zdt_cta_beta_border: #de3535;
-}
-[data-theme='default'][data-palette='orange'] {
-    --zdt_cta_primary_text: #e57717;
-    --zdt_cta_primary_hover_text: #b25900;
-    --zdt_cta_primary_bg: #e57717;
-    --zdt_cta_primary_hover_bg: #b25900;
-    --zdt_cta_primary_border: #e57717;
-    --zdt_cta_primary_hover_border: #b25900;
-    --zdt_cta_primary_box_shadow: rgba(229, 119, 23, 0.2);
-    --zdt_cta_primary_hover_box_shadow: rgba(178, 89, 0, 0.25);
-    --zdt_cta_primary_light_bg: #fdf5ef;
-    --zdt_cta_primary_light_hover_bg: #fae4d1;
-    --zdt_cta_primary_light_border: #fae4d1;
-    --zdt_cta_secondary_bg: #e57717;
-    --zdt_cta_secondary_text: var(--dot_text_white);
-    --zdt_cta_secondary_border: #ea9245;
-    --zdt_cta_secondary_light_border: #f7d6b9;
-    --zdt_cta_alpha_text: #e57717;
-    --zdt_cta_alpha_hover_text: #b25900;
-    --zdt_cta_alpha_border: #e57717;
-    --zdt_cta_alpha_hover_border: #b25900;
-    --zdt_cta_alpha_bg: #fcf1e8;
-    --zdt_cta_beta_border: #e57717;
-}
-[data-theme='default'][data-palette='yellow'] {
-    --zdt_cta_primary_text: #b68c07;
-    --zdt_cta_primary_hover_text: #826800;
-    --zdt_cta_primary_bg: #e8b923;
-    --zdt_cta_primary_hover_bg: #b59100;
-    --zdt_cta_primary_border: #e8b923;
-    --zdt_cta_primary_hover_border: #b59100;
-    --zdt_cta_primary_box_shadow: rgb(232, 185, 35, 0.2);
-    --zdt_cta_primary_hover_box_shadow: rgb(181, 145, 0, 0.25);
-    --zdt_cta_primary_light_bg: #fdf8e9;
-    --zdt_cta_primary_light_hover_bg: #f8eabd;
-    --zdt_cta_primary_light_border: #f8eabd;
-    --zdt_cta_secondary_bg: #e8b923;
-    --zdt_cta_secondary_text: var(--dot_text_black);
-    --zdt_cta_secondary_border: rgba(255, 255, 255, 0.2);
-    --zdt_cta_secondary_light_border: #f6e3a7;
-    --zdt_cta_alpha_text: #e8b923;
-    --zdt_cta_alpha_hover_text: #b59100;
-    --zdt_cta_alpha_border: #e8b923;
-    --zdt_cta_alpha_hover_border: #b59100;
-    --zdt_cta_alpha_bg: #faf1d3;
-    --zdt_cta_beta_border: #b68c07;
-}

package/es/deprecated/Theme/palette/defaultPalette.module.css

@@ -1,155 +0,0 @@
-[data-theme='default'][data-palette='blue'] {
-    /* stencil */
-    --zdt_stencil_dark_bg: #383f55;
-    --zdt_stencil_dark_gradient_bg: -webkit-linear-gradient(
-        left,
-        #383f55 0,
-        #414963 33.33%,
-        #414961 66.66%,
-        #383f55 100%
-    );
-
-    /* dropbox */
-    --zdt_dropbox_dark_bg: #383f57;
-
-    /* listitem */
-    --zdt_listitem_dark_bg: #383f57;
-    --zdt_listitem_dark_effect_bg: #444a61;
-    --zdt_listitem_dark_active_bg: #3b4d6d;
-    --zdt_listitem_dark_tickicon: #6cbbfc;
-
-    /* tag */
-    --zdt_tag_dark_bg: #42485f;
-    --zdt_tag_dark_hover_bg: #503348;
-
-    /* multiselect */
-    --zdt_multiselect_dark_border: #4b5168;
-    --zdt_multiselect_darkmsg_bg: #383f57;
-
-    /* avatar */
-    --zdt_avatar_white_border: var(--dot_border_shuttleGrey);
-}
-[data-theme='default'][data-palette='green'] {
-    /* stencil */
-    --zdt_stencil_dark_bg: rgba(255, 255, 255, 0.07);
-    --zdt_stencil_dark_gradient_bg: -webkit-linear-gradient(
-        left,
-        rgba(255, 255, 255, 0.07) 0,
-        rgba(255, 255, 255, 0.03) 33.33%,
-        rgba(255, 255, 255, 0.03) 66.66%,
-        rgba(255, 255, 255, 0.07) 100%
-    );
-
-    /* dropbox */
-    --zdt_dropbox_dark_bg: #1d2f33;
-
-    /* listitem */
-    --zdt_listitem_dark_bg: #1d2f33;
-    --zdt_listitem_dark_effect_bg: rgba(255, 255, 255, 0.12);
-    --zdt_listitem_dark_active_bg: #2d484e;
-    --zdt_listitem_dark_tickicon: #4ac064;
-
-    /* tag */
-    --zdt_tag_dark_bg: rgba(255, 255, 255, 0.07);
-    --zdt_tag_dark_hover_bg: #503348;
-
-    /* multiselect */
-    --zdt_multiselect_dark_border: rgba(255, 255, 255, 0.2);
-    --zdt_multiselect_darkmsg_bg: rgba(255, 255, 255, 0.02);
-
-    /* avatar */
-    --zdt_avatar_white_border: rgba(255, 255, 255, 0.2);
-}
-[data-theme='default'][data-palette='red'] {
-    /* stencil */
-    --zdt_stencil_dark_bg: rgba(255, 255, 255, 0.07);
-    --zdt_stencil_dark_gradient_bg: -webkit-linear-gradient(
-        left,
-        rgba(255, 255, 255, 0.07) 0,
-        rgba(255, 255, 255, 0.03) 33.33%,
-        rgba(255, 255, 255, 0.03) 66.66%,
-        rgba(255, 255, 255, 0.07) 100%
-    );
-
-    /* dropbox */
-    --zdt_dropbox_dark_bg: #34222d;
-
-    /* listitem */
-    --zdt_listitem_dark_bg: #34222d;
-    --zdt_listitem_dark_effect_bg: rgba(255, 255, 255, 0.12);
-    --zdt_listitem_dark_active_bg: #4d3243;
-    --zdt_listitem_dark_tickicon: #ff6363;
-
-    /* tag */
-    --zdt_tag_dark_bg: rgba(255, 255, 255, 0.07);
-    --zdt_tag_dark_hover_bg: #503348;
-
-    /* multiselect */
-    --zdt_multiselect_dark_border: rgba(255, 255, 255, 0.2);
-    --zdt_multiselect_darkmsg_bg: rgba(255, 255, 255, 0.02);
-
-    /* avatar */
-    --zdt_avatar_white_border: rgba(255, 255, 255, 0.2);
-}
-[data-theme='default'][data-palette='orange'] {
-    /* stencil */
-    --zdt_stencil_dark_bg: rgba(255, 255, 255, 0.07);
-    --zdt_stencil_dark_gradient_bg: -webkit-linear-gradient(
-        left,
-        rgba(255, 255, 255, 0.07) 0,
-        rgba(255, 255, 255, 0.03) 33.33%,
-        rgba(255, 255, 255, 0.03) 66.66%,
-        rgba(255, 255, 255, 0.07) 100%
-    );
-
-    /* dropbox */
-    --zdt_dropbox_dark_bg: #332e24;
-
-    /* listitem */
-    --zdt_listitem_dark_bg: #332e24;
-    --zdt_listitem_dark_effect_bg: rgba(255, 255, 255, 0.12);
-    --zdt_listitem_dark_active_bg: #4b4335;
-    --zdt_listitem_dark_tickicon: #e57717;
-
-    /* tag */
-    --zdt_tag_dark_bg: rgba(255, 255, 255, 0.07);
-    --zdt_tag_dark_hover_bg: #503348;
-
-    /* multiselect */
-    --zdt_multiselect_dark_border: rgba(255, 255, 255, 0.2);
-    --zdt_multiselect_darkmsg_bg: rgba(255, 255, 255, 0.02);
-
-    /* avatar */
-    --zdt_avatar_white_border: rgba(255, 255, 255, 0.2);
-}
-[data-theme='default'][data-palette='yellow'] {
-    /* stencil */
-    --zdt_stencil_dark_bg: rgba(255, 255, 255, 0.07);
-    --zdt_stencil_dark_gradient_bg: -webkit-linear-gradient(
-        left,
-        rgba(255, 255, 255, 0.07) 0,
-        rgba(255, 255, 255, 0.03) 33.33%,
-        rgba(255, 255, 255, 0.03) 66.66%,
-        rgba(255, 255, 255, 0.07) 100%
-    );
-
-    /* dropbox */
-    --zdt_dropbox_dark_bg: #313323;
-
-    /* listitem */
-    --zdt_listitem_dark_bg: #313323;
-    --zdt_listitem_dark_effect_bg: rgba(255, 255, 255, 0.12);
-    --zdt_listitem_dark_active_bg: #494c34;
-    --zdt_listitem_dark_tickicon: #e8b923;
-
-    /* tag */
-    --zdt_tag_dark_bg: rgba(255, 255, 255, 0.07);
-    --zdt_tag_dark_hover_bg: #503348;
-
-    /* multiselect */
-    --zdt_multiselect_dark_border: rgba(255, 255, 255, 0.2);
-    --zdt_multiselect_darkmsg_bg: rgba(255, 255, 255, 0.02);
-
-    /* avatar */
-    --zdt_avatar_white_border: rgba(255, 255, 255, 0.2);
-}

package/es/deprecated/customscroll_Old.module.css

@@ -1,46 +0,0 @@
-.customscroll ::-webkit-scrollbar {
-  height: var(--zd_size12);
-  overflow: visible;
-  width: var(--zd_size12);
-  background-color: var(--dot_bg_white);
-  box-shadow: inset var(--zd_size1) 0 0 rgba(0, 0, 0, 0.1);
-}
-
-.customscroll ::-webkit-scrollbar-button {
-  height: 0;
-  width: 0;
-  display: none;
-}
-
-.customscroll ::-webkit-scrollbar-track {
-  background-color: rgba(0, 0, 0, 0.04);
-  background-clip: padding-box;
-}
-
-.customscroll ::-webkit-scrollbar-track:horizontal {
-  box-shadow: inset 0 var(--zd_size1) 0 rgba(0, 0, 0, 0.1);
-}
-
-.customscroll ::-webkit-scrollbar-track:hover {
-  background-color: rgba(0, 0, 0, 0.03);
-}
-
-.customscroll ::-webkit-scrollbar-track:active {
-  background-color: rgba(0, 0, 0, 0.04);
-}
-
-.customscroll ::-webkit-scrollbar-thumb {
-  background-color: rgba(0, 0, 0, 0.2);
-  background-clip: padding-box;
-  border: solid transparent;
-  min-height: var(--zd_size28);
-  border-radius: var(--zd_size10);
-}
-
-.customscroll ::-webkit-scrollbar-thumb:hover {
-  background-color: rgba(0, 0, 0, 0.4);
-}
-
-.customscroll ::-webkit-scrollbar-thumb:active {
-  background-color: rgba(0, 0, 0, 0.5);
-}

package/es/semantic/Button/docs/Button__default.docs.js

@@ -1,20 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import Button from '../Button';
-export default class Button__default extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement(Button, null);
-  }
-
-}
-
-if (false) {
-  Button__default.docs = {
-    componentGroup: 'semantic',
-    folderName: 'DefaultComponents'
-  };
-}

package/externalDocsBuild.js

@@ -1,21 +0,0 @@
-/* eslint-disable no-console */
-let fs = require('fs');
-fs.readFile('./build/index.html', 'utf8', (err, data) => {
-  if (err) {
-    return console.log(err);
-  }
-  var result = data.replace(
-    /<script src='\/docs\/js\/vendor.js'><\/script>/g,
-    ''
-  );
-  var result = result.replace(
-    /<script src='\/docs\/js\/main.js'><\/script>/g,
-    '<script src="./main.js"></script>'
-  );
-
-  fs.writeFile('./build/index.html', result, 'utf8', err => {
-    if (err) {
-      return console.log(err);
-    }
-  });
-});

package/preprocess/componentAppearanceColors.js

@@ -1,65 +0,0 @@
-var { componentAppearanceVariables } = require('./json/componentAppearanceVariableJson');
-let fs = require('fs');
-let path = require('path');
-let baseFolder = 'Appearance';
-let mode = ['default', 'dark'];
-let modeFiles = [];
-mode.forEach(mode => {
-    let modeFilesString = `../src/${baseFolder}/${mode}/mode/${mode}Mode.module.css`;
-    modeFiles.push(path.join(__dirname, modeFilesString));
-});
-let files = modeFiles;
-
-function generate(mode) {
-  let exportVariables = [];
-  let counter = 0;
-  let newLine = '';
-  componentAppearanceVariables.map(componentVariable => {
-    let commentName = componentVariable[3];
-    counting = counter++;
-    if (counting != 0) {
-      newLine = `\n\t`;
-    }
-    if (mode == 'default') {
-      let componentDefaultColors = componentVariable[1][1];
-
-      colorsResult = [
-        `\n\t--${componentVariable[0]}: ${componentDefaultColors};`
-      ];
-      exportVariables.push(
-        commentName ? `${newLine}\n\t/* ${commentName} */` : '',
-        colorsResult
-      );
-    } else if (mode == 'dark') {
-      let componentDarkColors = componentVariable[2][1];
-
-      colorsResult = [
-        `\n\t--${componentVariable[0]}: ${componentDarkColors};`
-      ];
-      exportVariables.push(
-        commentName ? `${newLine}\n\t/* ${commentName} */` : '',
-        colorsResult
-      );
-    }
-  });
-  return exportVariables.join('');
-}
-
-let arrayIndexCounter = 0;
-mode.forEach(mode => {
-    let fileString = files[arrayIndexCounter];
-    // let splitPath = fileString.split(/\\/g);
-    let getMode = mode;
-    if (mode == 'default') {
-      blueSelector = ', :global(.blueDefaultTheme) [data-desk-theme="blue"]';
-    } else if (mode == 'dark') {
-      blueSelector = '';
-    }
-    fs.writeFileSync(
-      fileString,
-      `[data-mode='${getMode}']${blueSelector} {${generate(
-        getMode
-      )}\n}`
-    );
-    arrayIndexCounter++;
-});

package/preprocess/componentThemeColors.js

@@ -1,119 +0,0 @@
-var { componentThemeVariables } = require('./json/componentThemeVariableJson');
-let fs = require('fs');
-let path = require('path');
-let baseFolder = 'Appearance';
-let mode = ['default', 'dark'];
-let themes = ['blue', 'green', 'orange', 'red', 'yellow'];
-let themeFiles = [];
-mode.forEach(mode => {
-  themes.forEach(theme => {
-    let themeFilesString = `../src/${baseFolder}/${mode}/themes/${theme}/${
-      theme + capitalizeFirstLetter(mode)
-    }ComponentTheme.module.css`;
-    themeFiles.push(path.join(__dirname, themeFilesString));
-  });
-});
-let files = themeFiles;
-
-function capitalizeFirstLetter(string) {
-  return string.charAt(0).toUpperCase() + string.slice(1);
-}
-
-function generate(mode, theme) {
-  let exportVariables = [];
-  let counter = 0;
-  let newLine = '';
-  componentThemeVariables.map(componentVariable => {
-    let commentName = componentVariable[3];
-    counting = counter++;
-    if (counting != 0) {
-      newLine = `\n\t`;
-    }
-    if (mode == 'default') {
-      let componentDefaultColors = componentVariable[1][1];
-
-      let colorsResult = '';
-      if (theme == 'blue') {
-        colorsResult = [
-          `\n\t--zdt_${componentVariable[0]}: ${componentDefaultColors[0]};`
-        ];
-      } else if (theme == 'green') {
-        colorsResult = [
-          `\n\t--zdt_${componentVariable[0]}: ${componentDefaultColors[1]};`
-        ];
-      } else if (theme == 'orange') {
-        colorsResult = [
-          `\n\t--zdt_${componentVariable[0]}: ${componentDefaultColors[2]};`
-        ];
-      } else if (theme == 'red') {
-        colorsResult = [
-          `\n\t--zdt_${componentVariable[0]}: ${componentDefaultColors[3]};`
-        ];
-      } else if (theme == 'yellow') {
-        colorsResult = [
-          `\n\t--zdt_${componentVariable[0]}: ${componentDefaultColors[4]};`
-        ];
-      }
-      exportVariables.push(
-        commentName ? `${newLine}\n\t/* ${commentName} */` : '',
-        colorsResult
-      );
-    } else if (mode == 'dark') {
-      let componentDarkColors = componentVariable[2][1];
-      let colorsResult = '';
-      if (theme == 'blue') {
-        colorsResult = [
-          `\n\t--zdt_${componentVariable[0]}: ${componentDarkColors[0]};`
-        ];
-      } else if (theme == 'green') {
-        colorsResult = [
-          `\n\t--zdt_${componentVariable[0]}: ${componentDarkColors[1]};`
-        ];
-      } else if (theme == 'orange') {
-        colorsResult = [
-          `\n\t--zdt_${componentVariable[0]}: ${componentDarkColors[2]};`
-        ];
-      } else if (theme == 'red') {
-        colorsResult = [
-          `\n\t--zdt_${componentVariable[0]}: ${componentDarkColors[3]};`
-        ];
-      } else if (theme == 'yellow') {
-        colorsResult = [
-          `\n\t--zdt_${componentVariable[0]}: ${componentDarkColors[4]};`
-        ];
-      }
-      exportVariables.push(
-        commentName ? `${newLine}\n\t/* ${commentName} */` : '',
-        colorsResult
-      );
-    }
-  });
-  return exportVariables.join('');
-}
-
-let arrayIndexCounter = 0;
-mode.forEach(mode => {
-  themes.forEach(theme => {
-    let fileString = files[arrayIndexCounter];
-    // let splitPath = fileString.split(/\\/g);
-    let getMode = mode;
-    let getTheme = theme;
-    if (theme == 'blue') {
-      if (mode == 'default') {
-        blueSelector = ', :global(.blueDefaultTheme) [data-desk-theme="blue"]';
-      } else if (mode == 'dark') {
-        blueSelector = ', :global(.blueDarkTheme) [data-desk-theme="blue"]';
-      }
-    } else {
-      blueSelector = '';
-    }
-    fs.writeFileSync(
-      fileString,
-      `[data-mode='${getMode}'][data-theme='${getTheme}']${blueSelector} {${generate(
-        getMode,
-        getTheme
-      )}\n}`
-    );
-    arrayIndexCounter++;
-  });
-});

package/preprocess/ctaThemeColors.js

@@ -1,95 +0,0 @@
-var { ctaThemeVariables } = require('./json/ctaThemeVariableJson');
-let fs = require('fs');
-let path = require('path');
-let baseFolder = 'Appearance';
-let mode = ['default', 'dark'];
-let themes = ['blue', 'green', 'orange', 'red', 'yellow'];
-let themeFiles = [];
-mode.forEach(mode => {
-  themes.forEach(theme => {
-    let themeFilesString = `../src/${baseFolder}/${mode}/themes/${theme}/${
-      theme + capitalizeFirstLetter(mode)
-    }CTATheme.module.css`;
-    themeFiles.push(path.join(__dirname, themeFilesString));
-  });
-});
-let files = themeFiles;
-
-function capitalizeFirstLetter(string) {
-  return string.charAt(0).toUpperCase() + string.slice(1);
-}
-
-function generate(mode, theme) {
-  let exportVariables = [];
-  ctaThemeVariables.map(ctaVariable => {
-    if (mode == 'default') {
-      let ctaDefaultColors = ctaVariable[1][1];
-      let colorsResult = '';
-      if (theme == 'blue') {
-        colorsResult = [
-          `\n\t--zdt_cta_${ctaVariable[0]}: ${ctaDefaultColors[0]}`
-        ];
-      } else if (theme == 'green') {
-        colorsResult = [
-          `\n\t--zdt_cta_${ctaVariable[0]}: ${ctaDefaultColors[1]}`
-        ];
-      } else if (theme == 'orange') {
-        colorsResult = [
-          `\n\t--zdt_cta_${ctaVariable[0]}: ${ctaDefaultColors[2]}`
-        ];
-      } else if (theme == 'red') {
-        colorsResult = [
-          `\n\t--zdt_cta_${ctaVariable[0]}: ${ctaDefaultColors[3]}`
-        ];
-      } else if (theme == 'yellow') {
-        colorsResult = [
-          `\n\t--zdt_cta_${ctaVariable[0]}: ${ctaDefaultColors[4]}`
-        ];
-      }
-      exportVariables.push(colorsResult);
-    } else if (mode == 'dark') {
-      let ctaDarkColors = ctaVariable[2][1];
-      let colorsResult = '';
-      if (theme == 'blue') {
-        colorsResult = [`\n\t--zdt_cta_${ctaVariable[0]}: ${ctaDarkColors[0]}`];
-      } else if (theme == 'green') {
-        colorsResult = [`\n\t--zdt_cta_${ctaVariable[0]}: ${ctaDarkColors[1]}`];
-      } else if (theme == 'orange') {
-        colorsResult = [`\n\t--zdt_cta_${ctaVariable[0]}: ${ctaDarkColors[2]}`];
-      } else if (theme == 'red') {
-        colorsResult = [`\n\t--zdt_cta_${ctaVariable[0]}: ${ctaDarkColors[3]}`];
-      } else if (theme == 'yellow') {
-        colorsResult = [`\n\t--zdt_cta_${ctaVariable[0]}: ${ctaDarkColors[4]}`];
-      }
-      exportVariables.push(colorsResult);
-    }
-  });
-  return exportVariables.join(';');
-}
-
-let arrayIndexCounter = 0;
-mode.forEach(mode => {
-  themes.forEach(theme => {
-    let fileString = files[arrayIndexCounter];
-    // let splitPath = fileString.split(/\\/g);
-    let getMode = mode;
-    let getTheme = theme;
-    if (theme == 'blue') {
-      if (mode == 'default') {
-        blueSelector = ', :global(.blueDefaultTheme) [data-desk-theme="blue"]';
-      } else if (mode == 'dark') {
-        blueSelector = ', :global(.blueDarkTheme) [data-desk-theme="blue"]';
-      }
-    } else {
-      blueSelector = '';
-    }
-    fs.writeFileSync(
-      fileString,
-      `[data-mode='${getMode}'][data-theme='${getTheme}']${blueSelector} {${generate(
-        getMode,
-        getTheme
-      )}\n}`
-    );
-    arrayIndexCounter++;
-  });
-});

package/preprocess/index.js

@@ -1,3 +0,0 @@
-require('./ctaThemeColors');
-require('./componentThemeColors');
-require('./componentAppearanceColors');