@zohodesk/svg 1.0.0-beta.38 → 1.0.0-beta.41

package/preprocess/json/svgAppearanceVariableJson.js

@@ -1,163 +0,0 @@
-/* sample color order => 
---zdt_cta_variable_name,
-[['defaultMode'], ['blue', 'green', 'orange', 'red', 'yellow']],
-[['darkMode'], ['blue', 'green', 'orange', 'red', 'yellow']],
-['css comment name'] */
-
-const svgAppearanceVariables = [
-  [
-    'default_primary_fill',
-    [['default'], ['var(--zdt_cta_primary_fill)']],
-    [['dark'], ['var(--zdt_cta_primary_fill)']],
-    ['default palette']
-  ],
-  [
-    'default_primary_stroke',
-    [['default'], ['var(--zdt_cta_primary_stroke)']],
-    [['dark'], ['var(--zdt_cta_primary_stroke)']]
-  ],
-  [
-    'default_secondary_fill',
-    [['default'], ['var(--zdt_cta_secondary_fill)']],
-    [['dark'], ['var(--zdt_cta_secondary_fill)']]
-  ],
-  [
-    'default_secondary_plainfill',
-    [['default'], ['var(--zdt_cta_secondary_plainfill)']],
-    [['dark'], ['var(--zdt_cta_secondary_plainfill)']]
-  ],
-  [
-    'default_plus',
-    [['default'], ['#3f70b7']],
-    [['dark'], ['#479dff']]
-  ],
-  [
-    'default_cross',
-    [['default'], ['#5cc1a5']],
-    [['dark'], ['#5cc1a5']]
-  ],
-  [
-    'default_medium_circle',
-    [['default'], ['#e56471']],
-    [['dark'], ['#ff6b6b']]
-  ],
-  [
-    'default_tiny_circle',
-    [['default'], ['#5cc1a5']],
-    [['dark'], ['#4ac064']]
-  ],
-  [
-    'default_small_circle',
-    [['default'], ['#010101']],
-    [['dark'], ['#ff6b6b']]
-  ],
-  [
-    'default_circle_fill',
-    [['default'], ['var(--dot_white)']],
-    [['dark'], ['var(--dot_white)']]
-  ],
-  [
-    'dark_primary_fill',
-    [['default'], ['var(--zdt_cta_primary_dark_fill)']],
-    [['dark'], ['var(--zdt_cta_primary_dark_fill)']],
-    ['dark palette']
-  ],
-  [
-    'dark_primary_stroke',
-    [['default'], ['var(--zdt_cta_primary_dark_stroke)']],
-    [['dark'], ['var(--zdt_cta_primary_dark_stroke)']]
-  ],
-  [
-    'dark_secondary_fill',
-    [['default'], ['var(--zdt_cta_secondary_dark_fill)']],
-    [['dark'], ['var(--zdt_cta_secondary_dark_fill)']]
-  ],
-  [
-    'dark_secondary_plainfill',
-    [['default'], ['var(--zdt_cta_secondary_dark_plainfill)']],
-    [['dark'], ['var(--zdt_cta_secondary_dark_plainfill)']]
-  ],
-  [
-    'dark_plus',
-    [['default'], ['#479dff']],
-    [['dark'], ['#479dff']]
-  ],
-  [
-    'dark_cross',
-    [['default'], ['#5cc1a5']],
-    [['dark'], ['#5cc1a5']]
-  ],
-  [
-    'dark_medium_circle',
-    [['default'], ['#e56471']],
-    [['dark'], ['#ff6b6b']]
-  ],
-  [
-    'dark_tiny_circle',
-    [['default'], ['#5cc1a5']],
-    [['dark'], ['#4ac064']]
-  ],
-  [
-    'dark_small_circle',
-    [['default'], ['#010101']],
-    [['dark'], ['#ff6b6b']]
-  ],
-  [
-    'dark_circle_fill',
-    [['default'], ['var(--dot_white)']],
-    [['dark'], ['var(--dot_white)']]
-  ],
-  [
-    'danger_primary_fill',
-    [['default'], ['#ff6f00']],
-    [['dark'], ['#ff6f00']],
-    ['danger palette']
-  ],
-  [
-    'danger_primary_stroke',
-    [['default'], ['#010101']],
-    [['dark'], ['#479dff']]
-  ],
-  [
-    'danger_secondary_fill',
-    [['default'], ['rgba(63, 112, 183, 0.25)']],
-    [['dark'], ['#334b68']]
-  ],
-  [
-    'danger_secondary_plainfill',
-    [['default'], ['#3f70b7']],
-    [['dark'], ['#334b68']]
-  ],
-  [
-    'danger_plus',
-    [['default'], ['#3f70b7']],
-    [['dark'], ['#479dff']]
-  ],
-  [
-    'danger_cross',
-    [['default'], ['#5cc1a5']],
-    [['dark'], ['#5cc1a5']]
-  ],
-  [
-    'danger_medium_circle',
-    [['default'], ['#e56471']],
-    [['dark'], ['#ff6b6b']]
-  ],
-  [
-    'danger_tiny_circle',
-    [['default'], ['#5cc1a5']],
-    [['dark'], ['#4ac064']]
-  ],
-  [
-    'danger_small_circle',
-    [['default'], ['#010101']],
-    [['dark'], ['#ff6b6b']]
-  ],
-  [
-    'danger_circle_fill',
-    [['default'], ['var(--dot_white)']],
-    [['dark'], ['var(--dot_white)']]
-  ]
-];
-
-module.exports = { svgAppearanceVariables: svgAppearanceVariables };

package/preprocess/json/svgThemeVariableJson.js

@@ -1,85 +0,0 @@
-/* sample color order => 
---zdt_cta_variable_name, 
-[['defaultMode'], ['blue', 'green', 'orange', 'red', 'yellow']], 
-[['darkMode'], ['blue', 'green', 'orange', 'red', 'yellow']] */
-
-const svgThemeVariables = [
-  [
-    'primary_fill',
-    [['default'], ['#0a73eb', '#26a942', '#e57717', '#de3535', '#e8b923']],
-    [['dark'], ['#828994', '#45a159', '#ff801f', '#e94f4f', '#d79835']]
-  ],
-  [
-    'primary_stroke',
-    [['default'], ['#221f1f', '#010101', '#010101', '#010101', '#010101']],
-    [['dark'], ['#479dff', '#45a159', '#ff801f', '#e94f4f', '#d79835']]
-  ],
-  [
-    'secondary_fill',
-    [
-      ['default'],
-      [
-        'rgba(10, 115, 235, 0.25)',
-        'rgba(38, 169, 66, 0.25)',
-        'rgba(229, 119, 23, 0.25)',
-        'rgba(222, 53, 53, 0.25)',
-        'rgba(232, 185, 35, 0.25)'
-      ]
-    ],
-    [
-      ['dark'],
-      [
-        '#334b68',
-        'rgba(69, 161, 89, 0.25)',
-        'rgba(255, 128, 31, 0.25)',
-        'rgba(233, 79, 79, 0.25)',
-        'rgba(215, 152, 53, 0.25)'
-      ]
-    ]
-  ],
-  [
-    'secondary_plainfill',
-    [['default'], ['#0a73eb', '#26a942', '#e57717', '#de3535', '#e8b923']],
-    [['dark'], ['#334b68', '#45a159', '#ff801f', '#e94f4f', '#d79835']]
-  ],
-  [
-    'primary_dark_fill',
-    [['default'], ['#a6add7', '#26a942', '#e57717', '#de3535', '#e8b923']],
-    [['dark'], ['#828994', '#45a159', '#ff801f', '#e94f4f', '#d79835']]
-  ],
-  [
-    'primary_dark_stroke',
-    [['default'], ['#fff', '#fff', '#fff', '#fff', '#fff']],
-    [['dark'], ['#479dff', '#45a159', '#ff801f', '#e94f4f', '#d79835']]
-  ],
-  [
-    'secondary_dark_fill',
-    [
-      ['default'],
-      [
-        '#3f70b7',
-        'rgba(38, 169, 66, 0.25)',
-        'rgba(229, 119, 23, 0.25)',
-        'rgba(222, 53, 53, 0.25)',
-        'rgba(232, 185, 35, 0.25)'
-      ]
-    ],
-    [
-      ['dark'],
-      [
-        '#334b68',
-        'rgba(69, 161, 89, 0.25)',
-        'rgba(255, 128, 31, 0.25)',
-        'rgba(233, 79, 79, 0.25)',
-        'rgba(215, 152, 53, 0.25)'
-      ]
-    ]
-  ],
-  [
-    'secondary_dark_plainfill',
-    [['default'], ['#3f70b7', '#26a942', '#e57717', '#de3535', '#e8b923']],
-    [['dark'], ['#334b68', '#45a159', '#ff801f', '#e94f4f', '#d79835']]
-  ]
-];
-
-module.exports = { svgThemeVariables: svgThemeVariables };

package/preprocess/svgAppearanceColors.js

@@ -1,60 +0,0 @@
-var { svgAppearanceVariables } = require('./json/svgAppearanceVariableJson');
-let fs = require('fs');
-let path = require('path');
-let baseFolder = 'Appearance';
-let mode = ['default', 'dark'];
-let modeFiles = [];
-mode.forEach(mode => {
-    let modeFilesString = `../src/svg/${baseFolder}/${mode}/mode/${mode}EmptyStates.module.css`;
-    modeFiles.push(path.join(__dirname, modeFilesString));
-});
-let files = modeFiles;
-
-function generate(mode) {
-  let exportVariables = [];
-  let counter = 0;
-  let newLine = '';
-  svgAppearanceVariables.map(svgVariable => {
-    let commentName = svgVariable[3];
-    counting = counter++;
-    if (counting != 0) {
-      newLine = `\n\t`;
-    }
-    if (mode == 'default') {
-      let svgDefaultColors = svgVariable[1][1];
-
-      colorsResult = [
-        `\n\t--zdt_svg_${svgVariable[0]}: ${svgDefaultColors};`
-      ];
-      exportVariables.push(
-        commentName ? `${newLine}\n\t/* ${commentName} */` : '',
-        colorsResult
-      );
-    } else if (mode == 'dark') {
-      let svgDarkColors = svgVariable[2][1];
-
-      colorsResult = [
-        `\n\t--zdt_svg_${svgVariable[0]}: ${svgDarkColors};`
-      ];
-      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;
-    fs.writeFileSync(
-      fileString,
-      `[data-mode='${getMode}'] {${generate(
-        getMode
-      )}\n}`
-    );
-    arrayIndexCounter++;
-});

package/preprocess/svgThemeColors.js

@@ -1,90 +0,0 @@
-var { svgThemeVariables } = require('./json/svgThemeVariableJson');
-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/svg/${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 = [];
-  svgThemeVariables.map(svgVariable => {
-    if (mode == 'default') {
-      let svgDefaultColors = svgVariable[1][1];
-      let colorsResult = '';
-      if (theme == 'blue') {
-        colorsResult = [
-          `\n\t--zdt_cta_${svgVariable[0]}: ${svgDefaultColors[0]}`
-        ];
-      } else if (theme == 'green') {
-        colorsResult = [
-          `\n\t--zdt_cta_${svgVariable[0]}: ${svgDefaultColors[1]}`
-        ];
-      } else if (theme == 'orange') {
-        colorsResult = [
-          `\n\t--zdt_cta_${svgVariable[0]}: ${svgDefaultColors[2]}`
-        ];
-      } else if (theme == 'red') {
-        colorsResult = [
-          `\n\t--zdt_cta_${svgVariable[0]}: ${svgDefaultColors[3]}`
-        ];
-      } else if (theme == 'yellow') {
-        colorsResult = [
-          `\n\t--zdt_cta_${svgVariable[0]}: ${svgDefaultColors[4]}`
-        ];
-      }
-      exportVariables.push(colorsResult);
-    } else if (mode == 'dark') {
-      let svgDarkColors = svgVariable[2][1];
-      let colorsResult = '';
-      if (theme == 'blue') {
-        colorsResult = [`\n\t--zdt_cta_${svgVariable[0]}: ${svgDarkColors[0]}`];
-      } else if (theme == 'green') {
-        colorsResult = [`\n\t--zdt_cta_${svgVariable[0]}: ${svgDarkColors[1]}`];
-      } else if (theme == 'orange') {
-        colorsResult = [`\n\t--zdt_cta_${svgVariable[0]}: ${svgDarkColors[2]}`];
-      } else if (theme == 'red') {
-        colorsResult = [`\n\t--zdt_cta_${svgVariable[0]}: ${svgDarkColors[3]}`];
-      } else if (theme == 'yellow') {
-        colorsResult = [`\n\t--zdt_cta_${svgVariable[0]}: ${svgDarkColors[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;
-    fs.writeFileSync(
-      fileString,
-      `[data-mode='${getMode}'][data-theme='${getTheme}'] {${generate(
-        getMode,
-        getTheme
-      )}\n}`
-    );
-    arrayIndexCounter++;
-  });
-});
-
-// files.forEach(file => {
-
-// })

package/src/Provider.js

@@ -1,141 +0,0 @@
-import React from 'react';
-import AppContainer from '@zohodesk/components/lib/AppContainer/AppContainer';
-import { Container } from '@zohodesk/components/lib/Layout';
-import Switch from '@zohodesk/components/lib/Switch/Switch';
-import '@zohodesk/components/lib/Appearance/default/mode/defaultMode.module.css';
-import '@zohodesk/components/lib/Appearance/dark/mode/darkMode.module.css';
-/* default mode & themes */
-import './svg/Appearance/default/themes/blue/blueDefaultCTATheme.module.css';
-import './svg/Appearance/default/themes/green/greenDefaultCTATheme.module.css';
-import './svg/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css';
-import './svg/Appearance/default/themes/red/redDefaultCTATheme.module.css';
-import './svg/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css';
-import './svg/Appearance/default/mode/defaultEmptyStates.module.css';
-/* dark mode & themes */
-import './svg/Appearance/dark/themes/blue/blueDarkCTATheme.module.css';
-import './svg/Appearance/dark/themes/green/greenDarkCTATheme.module.css';
-import './svg/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css';
-import './svg/Appearance/dark/themes/red/redDarkCTATheme.module.css';
-import './svg/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css';
-import './svg/Appearance/dark/mode/darkEmptyStates.module.css';
-
-export default class Provider extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      appearanceName: 'default',
-      themeName: 'blue'
-    };
-
-    this.switchMode = this.switchMode.bind(this);
-    this.setTheme = this.setTheme.bind(this);
-  }
-
-  switchMode() {
-    let appearanceName = this.state.appearanceName;
-    if (appearanceName == 'default') {
-      this.setState({
-        appearanceName: 'dark'
-      });
-    } else {
-      this.setState({
-        appearanceName: 'default'
-      });
-    }
-  }
-
-  setTheme(theme) {
-    this.setState({
-      themeName: theme
-    });
-  }
-
-  render() {
-    let { appearanceName, themeName } = this.state;
-    let themeClass = {
-      width: '20px',
-      height: '20px',
-      borderRadius: '3px',
-      display: 'flex',
-      border: '1px solid #ccc',
-      margin: '0 5px',
-      cursor: 'pointer',
-      backgroundColor: '#0a73eb'
-    };
-    let green = {
-      backgroundColor: '#26a942'
-    };
-    let red = {
-      backgroundColor: '#de3535'
-    };
-    let orange = {
-      backgroundColor: '#e57717'
-    };
-    let yellow = {
-      backgroundColor: '#e8b923'
-    };
-    
-    return (
-      <AppContainer 
-        customProps={{ExtraProps:{'data-mode':appearanceName,'data-theme':themeName}}}
-      >
-        <Container scroll='vertical'>{this.props.children}</Container>
-        <div
-          style={{
-            position: 'fixed',
-            bottom: '0',
-            backgroundColor: '#272727',
-            padding: '10px',
-            borderRadius: '15px 15px 0 0',
-            minWidth: '100px',
-            textAlign: 'center',
-            left: '50%',
-            transform: 'translate(-50%)',
-            boxShadow: '0 0 3px #000',
-            fontSize: '12px',
-            zIndex: '3',
-            display: 'flex',
-            alignItems: 'center'
-          }}
-        >
-          <div>
-            <Switch
-              id='switchMode'
-              text='Light/Night Mode'
-              labelSize='small'
-              onChange={this.switchMode}
-              checked={appearanceName == 'dark'}
-            />
-          </div>
-          <div style={{display: 'flex'}}>
-            <span 
-              title='Blue Theme' 
-              style={themeClass}
-              onClick={() => this.setTheme('blue')}
-            ></span>
-            <span 
-              title='Green Theme' 
-              style={Object.assign({}, themeClass, green)}
-              onClick={() => this.setTheme('green')}
-            ></span>
-            <span 
-              title='Red Theme' 
-              style={Object.assign({}, themeClass, red)}
-              onClick={() => this.setTheme('red')}
-            ></span>
-            <span 
-              title='Orange Theme' 
-              style={Object.assign({}, themeClass, orange)}
-              onClick={() => this.setTheme('orange')}
-            ></span>
-            <span 
-              title='Yellow Theme' 
-              style={Object.assign({}, themeClass, yellow)}
-              onClick={() => this.setTheme('yellow')}
-            ></span>
-          </div>
-        </div>
-      </AppContainer>
-    );
-  }
-}

package/src/index.js

@@ -1,10 +0,0 @@
-export { default as React } from 'react';
-export { default as ReactDOM } from 'react-dom';
-export { renderToStaticMarkup } from 'react-dom/server';
-import '@zohodesk/variables/lib/sizeVariables.module.css';
-
-export { default as _provider } from './Provider';
-export { default as SVG } from './svg/SVG';
-export { default as SVG__emptystate } from './svg/docs/SVG__default.docs';
-export { default as SVG__common } from './svg/docs/SVG__common.docs';
-export { default as SVG__errorstate } from './svg/docs/SVG__errorstate.docs';

package/src/svg/Appearance/dark/mode/darkEmptyStates.module.css

@@ -1,37 +0,0 @@
-[data-mode='dark'] {
-	/* default palette */
-	--zdt_svg_default_primary_fill: var(--zdt_cta_primary_fill);
-	--zdt_svg_default_primary_stroke: var(--zdt_cta_primary_stroke);
-	--zdt_svg_default_secondary_fill: var(--zdt_cta_secondary_fill);
-	--zdt_svg_default_secondary_plainfill: var(--zdt_cta_secondary_plainfill);
-	--zdt_svg_default_plus: #479dff;
-	--zdt_svg_default_cross: #5cc1a5;
-	--zdt_svg_default_medium_circle: #ff6b6b;
-	--zdt_svg_default_tiny_circle: #4ac064;
-	--zdt_svg_default_small_circle: #ff6b6b;
-	--zdt_svg_default_circle_fill: var(--dot_white);
-	
-	/* dark palette */
-	--zdt_svg_dark_primary_fill: var(--zdt_cta_primary_dark_fill);
-	--zdt_svg_dark_primary_stroke: var(--zdt_cta_primary_dark_stroke);
-	--zdt_svg_dark_secondary_fill: var(--zdt_cta_secondary_dark_fill);
-	--zdt_svg_dark_secondary_plainfill: var(--zdt_cta_secondary_dark_plainfill);
-	--zdt_svg_dark_plus: #479dff;
-	--zdt_svg_dark_cross: #5cc1a5;
-	--zdt_svg_dark_medium_circle: #ff6b6b;
-	--zdt_svg_dark_tiny_circle: #4ac064;
-	--zdt_svg_dark_small_circle: #ff6b6b;
-	--zdt_svg_dark_circle_fill: var(--dot_white);
-	
-	/* danger palette */
-	--zdt_svg_danger_primary_fill: #ff6f00;
-	--zdt_svg_danger_primary_stroke: #479dff;
-	--zdt_svg_danger_secondary_fill: #334b68;
-	--zdt_svg_danger_secondary_plainfill: #334b68;
-	--zdt_svg_danger_plus: #479dff;
-	--zdt_svg_danger_cross: #5cc1a5;
-	--zdt_svg_danger_medium_circle: #ff6b6b;
-	--zdt_svg_danger_tiny_circle: #4ac064;
-	--zdt_svg_danger_small_circle: #ff6b6b;
-	--zdt_svg_danger_circle_fill: var(--dot_white);
-}

package/src/svg/Appearance/dark/themes/blue/blueDarkCTATheme.module.css

@@ -1,10 +0,0 @@
-[data-mode='dark'][data-theme='blue'] {
-	--zdt_cta_primary_fill: #828994;
-	--zdt_cta_primary_stroke: #479dff;
-	--zdt_cta_secondary_fill: #334b68;
-	--zdt_cta_secondary_plainfill: #334b68;
-	--zdt_cta_primary_dark_fill: #828994;
-	--zdt_cta_primary_dark_stroke: #479dff;
-	--zdt_cta_secondary_dark_fill: #334b68;
-	--zdt_cta_secondary_dark_plainfill: #334b68
-}

package/src/svg/Appearance/dark/themes/green/greenDarkCTATheme.module.css

@@ -1,10 +0,0 @@
-[data-mode='dark'][data-theme='green'] {
-	--zdt_cta_primary_fill: #45a159;
-	--zdt_cta_primary_stroke: #45a159;
-	--zdt_cta_secondary_fill: rgba(69, 161, 89, 0.25);
-	--zdt_cta_secondary_plainfill: #45a159;
-	--zdt_cta_primary_dark_fill: #45a159;
-	--zdt_cta_primary_dark_stroke: #45a159;
-	--zdt_cta_secondary_dark_fill: rgba(69, 161, 89, 0.25);
-	--zdt_cta_secondary_dark_plainfill: #45a159
-}

package/src/svg/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css

@@ -1,10 +0,0 @@
-[data-mode='dark'][data-theme='orange'] {
-	--zdt_cta_primary_fill: #ff801f;
-	--zdt_cta_primary_stroke: #ff801f;
-	--zdt_cta_secondary_fill: rgba(255, 128, 31, 0.25);
-	--zdt_cta_secondary_plainfill: #ff801f;
-	--zdt_cta_primary_dark_fill: #ff801f;
-	--zdt_cta_primary_dark_stroke: #ff801f;
-	--zdt_cta_secondary_dark_fill: rgba(255, 128, 31, 0.25);
-	--zdt_cta_secondary_dark_plainfill: #ff801f
-}

package/src/svg/Appearance/dark/themes/red/redDarkCTATheme.module.css

@@ -1,10 +0,0 @@
-[data-mode='dark'][data-theme='red'] {
-	--zdt_cta_primary_fill: #e94f4f;
-	--zdt_cta_primary_stroke: #e94f4f;
-	--zdt_cta_secondary_fill: rgba(233, 79, 79, 0.25);
-	--zdt_cta_secondary_plainfill: #e94f4f;
-	--zdt_cta_primary_dark_fill: #e94f4f;
-	--zdt_cta_primary_dark_stroke: #e94f4f;
-	--zdt_cta_secondary_dark_fill: rgba(233, 79, 79, 0.25);
-	--zdt_cta_secondary_dark_plainfill: #e94f4f
-}

package/src/svg/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css

@@ -1,10 +0,0 @@
-[data-mode='dark'][data-theme='yellow'] {
-	--zdt_cta_primary_fill: #d79835;
-	--zdt_cta_primary_stroke: #d79835;
-	--zdt_cta_secondary_fill: rgba(215, 152, 53, 0.25);
-	--zdt_cta_secondary_plainfill: #d79835;
-	--zdt_cta_primary_dark_fill: #d79835;
-	--zdt_cta_primary_dark_stroke: #d79835;
-	--zdt_cta_secondary_dark_fill: rgba(215, 152, 53, 0.25);
-	--zdt_cta_secondary_dark_plainfill: #d79835
-}

package/src/svg/Appearance/default/mode/defaultEmptyStates.module.css

@@ -1,37 +0,0 @@
-[data-mode='default'] {
-	/* default palette */
-	--zdt_svg_default_primary_fill: var(--zdt_cta_primary_fill);
-	--zdt_svg_default_primary_stroke: var(--zdt_cta_primary_stroke);
-	--zdt_svg_default_secondary_fill: var(--zdt_cta_secondary_fill);
-	--zdt_svg_default_secondary_plainfill: var(--zdt_cta_secondary_plainfill);
-	--zdt_svg_default_plus: #3f70b7;
-	--zdt_svg_default_cross: #5cc1a5;
-	--zdt_svg_default_medium_circle: #e56471;
-	--zdt_svg_default_tiny_circle: #5cc1a5;
-	--zdt_svg_default_small_circle: #010101;
-	--zdt_svg_default_circle_fill: var(--dot_white);
-	
-	/* dark palette */
-	--zdt_svg_dark_primary_fill: var(--zdt_cta_primary_dark_fill);
-	--zdt_svg_dark_primary_stroke: var(--zdt_cta_primary_dark_stroke);
-	--zdt_svg_dark_secondary_fill: var(--zdt_cta_secondary_dark_fill);
-	--zdt_svg_dark_secondary_plainfill: var(--zdt_cta_secondary_dark_plainfill);
-	--zdt_svg_dark_plus: #479dff;
-	--zdt_svg_dark_cross: #5cc1a5;
-	--zdt_svg_dark_medium_circle: #e56471;
-	--zdt_svg_dark_tiny_circle: #5cc1a5;
-	--zdt_svg_dark_small_circle: #010101;
-	--zdt_svg_dark_circle_fill: var(--dot_white);
-	
-	/* danger palette */
-	--zdt_svg_danger_primary_fill: #ff6f00;
-	--zdt_svg_danger_primary_stroke: #010101;
-	--zdt_svg_danger_secondary_fill: rgba(63, 112, 183, 0.25);
-	--zdt_svg_danger_secondary_plainfill: #3f70b7;
-	--zdt_svg_danger_plus: #3f70b7;
-	--zdt_svg_danger_cross: #5cc1a5;
-	--zdt_svg_danger_medium_circle: #e56471;
-	--zdt_svg_danger_tiny_circle: #5cc1a5;
-	--zdt_svg_danger_small_circle: #010101;
-	--zdt_svg_danger_circle_fill: var(--dot_white);
-}