@momentum-ui/web-components 2.5.7 → 2.6.0

package/src/utils/generateColorTableData.js

@@ -1,42 +0,0 @@
-/**
- * Copyright (c) Cisco Systems, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-/* eslint-disable no-undef */
-/* eslint-disable @typescript-eslint/no-var-requires */
-const path = require("path");
-const handlebars = require("handlebars");
-const semanticColorData = require("@momentum-ui/tokens/dist/semanticColor.json");
-const fse = require("fs-extra");
-const fsPath = require("fs-path");
-
-const _generateFileFromTemplate = async (dest, fileName, data, template) => {
-  const source = await fse.readFile(template, "utf8");
-
-  var hbs = handlebars.create();
-  hbs.registerHelper('nodash', (value) => {
-    return value.replace(/-/g, "");
-  });
-
-  const compile = hbs.compile(source);
-  const finalFile = path.join(dest, fileName);
-  await fsPath.writeFile(finalFile, compile(data), err => {
-    if (err) throw err;
-    else console.warn(`${finalFile} written!`);
-  });
-};
-
-const generateColorTableData = async () => {
-  await _generateFileFromTemplate(
-    path.resolve(__dirname, "../wc_scss/colors/vars/"),
-    "color-table-data-string.ts",
-    semanticColorData,
-    path.resolve(__dirname, "../templates/color-table-data-string.hbs")
-  );
-};
-
-generateColorTableData();

package/src/utils/generateScssFromTokens.js

@@ -1,249 +0,0 @@
-/**
- * Copyright (c) Cisco Systems, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-/* eslint-disable no-undef */
-/* eslint-disable @typescript-eslint/no-var-requires */
-const path = require("path");
-const handlebars = require("handlebars");
-const colorData = require("@momentum-ui/tokens/dist/colors.json");
-const semanticColorData = require("@momentum-ui/tokens/dist/semanticColor.json");
-const tokenFileData = require("../tokens/vars/tokenFiles.js");
-const tokenImports = require("../tokens/tokenImports.js");
-const fse = require("fs-extra");
-const fsPath = require("fs-path");
-
-const createdStyleSheets = [];
-const componentsWithTokens = [];
-
-const _generateFileFromTemplate = async (dest, fileName, data, template) => {
-  const source = await fse.readFile(template, "utf8");
-  const compile = handlebars.compile(source);
-  const finalFile = path.join(dest, fileName);
-  await fsPath.writeFile(finalFile, compile(data), err => {
-    if (err) throw err;
-    else console.warn(`${finalFile} written!`);
-  });
-};
-
-const generateColorsFromTokens = async () => {
-  await _generateFileFromTemplate(
-    path.resolve(__dirname, "../wc_scss/colors/vars/"),
-    "color-settings.scss",
-    colorData,
-    path.resolve(__dirname, "../templates/colors-settings.hbs")
-  );
-  await _generateFileFromTemplate(
-    path.resolve(__dirname, "../wc_scss/colors/vars/"),
-    "color-utilities.scss",
-    colorData,
-    path.resolve(__dirname, "../templates/colors.hbs")
-  );
-  // CSS Momentum Color Variables
-  await _generateFileFromTemplate(
-    path.resolve(__dirname, "../wc_scss/colors/vars/"),
-    "css-color-variables.scss",
-    colorData,
-    path.resolve(__dirname, "../templates/css-color-variables.hbs")
-  );
-};
-
-const generateSemanticColorsFromTokens = async () => {
-  await _generateFileFromTemplate(
-    path.resolve(__dirname, "../wc_scss/colors/vars/"),
-    "semantic-color-settings.scss",
-    semanticColorData,
-    path.resolve(__dirname, "../templates/semantic-color-settings.hbs")
-  );
-
-  // Dark & Light CSS Semantic Color Variables
-  await _generateFileFromTemplate(
-    path.resolve(__dirname, "../wc_scss/colors/vars/"),
-    `semantic-colors--light.scss`,
-    semanticColorData,
-    path.resolve(__dirname, "../templates/semantic-color-light.hbs")
-  );
-
-  await _generateFileFromTemplate(
-    path.resolve(__dirname, "../wc_scss/colors/vars/"),
-    `semantic-colors--dark.scss`,
-    semanticColorData,
-    path.resolve(__dirname, "../templates/semantic-color-dark.hbs")
-  );
-}
-
-const _getDeepestKeys = obj => {
-  let keys = [];
-  for (const key in obj) {
-    if (typeof obj[key] === "object") {
-      const subkeys = _getDeepestKeys(obj[key]);
-      keys = keys.concat(
-        subkeys.map(function(subkey) {
-          return subkey;
-        })
-      );
-    } else {
-      keys.push(key);
-    }
-  }
-  return keys;
-};
-
-const _checkDataFileFormat = (colorDataFileName, colorDataFile) => {
-  const deepestKeys = _getDeepestKeys(colorDataFile);
-
-  let errorMsg = "";
-
-  if (deepestKeys.shift() !== "prefix") {
-    errorMsg += `\nThe token object in ${colorDataFileName} needs to begin with the property key "prefix".`;
-  }
-
-  if (deepestKeys.shift() !== "component") {
-    errorMsg += `\nThe token object in ${colorDataFileName} needs to have it's second property key to be "component".`;
-  }
-
-  for (const key of deepestKeys) {
-    if (key !== "light" && key !== "dark") {
-      errorMsg += `The token object in ${colorDataFileName} needs to have all colors defined with key name "light" or "dark".\n`;
-      break;
-    }
-  }
-  if (errorMsg.length > 0) {
-    console.error(errorMsg);
-    process.exit(1);
-  }
-};
-
-const _generateComponentColors = async (componentName, colorDataFileName, colorDataFile) => {
-  _checkDataFileFormat(colorDataFileName, colorDataFile);
-
-  if (!componentsWithTokens.includes(componentName)) componentsWithTokens.push(componentName);
-  const destination = path.resolve(__dirname, `../components/${componentName}/scss/vars`);
-  const filePrefix = `${colorDataFile.prefix}-${componentName}`;
-
-  // Color Tokens as SCSS Variables
-  await _generateFileFromTemplate(
-    destination,
-    `${filePrefix}-settings.scss`,
-    colorDataFile,
-    path.resolve(__dirname, "../templates/component-colors.hbs")
-  );
-  createdStyleSheets.push(path.join(`${filePrefix}-settings`));
-
-  // Dark & Light CSS Variables
-  await _generateFileFromTemplate(
-    destination,
-    `${filePrefix}--light.scss`,
-    colorDataFile,
-    path.resolve(__dirname, "../templates/light-colors.hbs")
-  );
-  createdStyleSheets.push(path.join(`${filePrefix}--light`));
-
-  await _generateFileFromTemplate(
-    destination,
-    `${filePrefix}--dark.scss`,
-    colorDataFile,
-    path.resolve(__dirname, "../templates/dark-colors.hbs")
-  );
-  createdStyleSheets.push(path.join(`${filePrefix}--dark`));
-};
-
-const _lowercaseFirstLetter = word => {
-  return word.replace(/([A-Z])([a-zA-Z]*)/g, function(group1) {
-    return group1.toLowerCase();
-  });
-};
-
-const generateThemeStylesheets = () => {
-  const lightDarkThemes = ["Light", "Dark"];
-  const designThemes = ["lm", "md"];
-
-  const autoGeneratedMessage = `//----------------------------------------------------------
-// Do not edit this file directly. This is generated from
-// Lumos color tokens & imported Momentum color tokens.
-// src/components/\${componentName}/tokens/*.js
-// @momentum-ui/tokens/src/core/\${componentName}.js
-//----------------------------------------------------------\n
-`;
-
-  const themeStyles = ["lmLight", "mdLight", "lmDark", "mdDark"];
-  const themeStyleFiles = {
-    lmLight: `${autoGeneratedMessage}@import "@/wc_scss/colors/settings.scss";\n`,
-    mdLight: `${autoGeneratedMessage}@import "@/wc_scss/colors/settings.scss";\n`,
-    lmDark: `${autoGeneratedMessage}@import "@/wc_scss/colors/settings.scss";\n`,
-    mdDark: `${autoGeneratedMessage}@import "@/wc_scss/colors/settings.scss";\n`
-  };
-
-  for (const lightDarkTheme of lightDarkThemes) {
-    for (const designTheme of designThemes) {
-      const lowercaseLightDarkTheme = _lowercaseFirstLetter(lightDarkTheme);
-
-      themeStyleFiles[
-        `${designTheme}${lightDarkTheme}`
-      ] += `@import "@/wc_scss/colors/vars/css-color-variables.scss";\n`;
-
-      themeStyleFiles[
-        `${designTheme}${lightDarkTheme}`
-      ] += `@import "@/wc_scss/colors/vars/semantic-color-settings.scss";\n`;
-
-      themeStyleFiles[
-        `${designTheme}${lightDarkTheme}`
-      ] += `@import "@/wc_scss/colors/vars/semantic-colors--${lowercaseLightDarkTheme}.scss";\n`;
-
-      themeStyleFiles[
-        `${designTheme}${lightDarkTheme}`
-      ] += `@import "@/wc_scss/themes/global--${lowercaseLightDarkTheme}.scss";\n`;
-
-      themeStyleFiles[`${designTheme}${lightDarkTheme}`] += `@import "@/wc_scss/themes/global--${designTheme}.scss";\n`;
-
-      for (const componentName of componentsWithTokens) {
-        themeStyleFiles[
-          `${designTheme}${lightDarkTheme}`
-        ] += `@import "@/components/${componentName}/scss/vars/${designTheme}-${componentName}-settings.scss";\n`;
-
-        themeStyleFiles[
-          `${designTheme}${lightDarkTheme}`
-        ] += `@import "@/components/${componentName}/scss/vars/${designTheme}-${componentName}--${lowercaseLightDarkTheme}.scss";\n`;
-      }
-    }
-  }
-
-  for (const themeStyleName of themeStyles) {
-    themeStyleFiles[themeStyleName] += `\n:root,\n:host {\n`;
-    themeStyleFiles[themeStyleName] += `@include css-color-variables\n`;
-    themeStyleFiles[themeStyleName] += `  @include global-vars;\n`;
-    themeStyleFiles[themeStyleName] += `  @include global-theme-specfic-vars;\n`;
-    themeStyleFiles[themeStyleName] += `  @include semantic-color-vars;\n`;
-    for (const componentName of componentsWithTokens) {
-      themeStyleFiles[themeStyleName] += `  @include ${componentName}-vars;\n`;
-    }
-    themeStyleFiles[themeStyleName] += `}\n`;
-
-    const themeStyleFilePath = path.resolve(__dirname + `/../wc_scss/themes/vars/${themeStyleName}.scss`);
-    fsPath.writeFile(themeStyleFilePath, themeStyleFiles[themeStyleName], err => {
-      if (err) throw err;
-      console.log(themeStyleFilePath + " updated");
-    });
-  }
-};
-
-const generateComponentScssFromTokens = async () => {
-  const allTokenFiles = tokenFileData.tokenFiles.concat(tokenImports);
-  let index = 0;
-  for (const tokenObject of allTokenFiles) {
-    const componentName = tokenObject.component;
-    const tokenFileName = tokenFileData.tokenFileNames[index];
-    await _generateComponentColors(componentName, tokenFileName, tokenObject);
-    index++;
-  }
-
-  generateThemeStylesheets();
-};
-
-generateColorsFromTokens();
-generateSemanticColorsFromTokens();
-generateComponentScssFromTokens();

package/src/utils/helpers.ts

@@ -1,150 +0,0 @@
-/**
- * Copyright (c) Cisco Systems, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-export const indicesOf = (text: string, searchString: string) => {
-  const searchStringLen = searchString.length;
-
-  if (searchStringLen === 0) {
-    return [];
-  }
-
-  const indices = [];
-  const strCpy = text.toLowerCase();
-  const searchStringCpy = searchString.toLowerCase();
-
-  let startIndex = 0;
-  let index = strCpy.indexOf(searchStringCpy, startIndex);
-  while (index > -1) {
-    startIndex = index + searchStringLen;
-    indices.push([index, startIndex]);
-
-    index = strCpy.indexOf(searchStringCpy, index + 1);
-  }
-
-  return indices;
-};
-
-export const mergeRange = ([...ranges]) => {
-  if (!ranges.length) return [];
-
-  ranges.sort((fir, sec) => {
-    if (fir[0] !== sec[0]) return fir[0] - sec[0];
-    return fir[1] - sec[1];
-  });
-
-  const merged = [];
-
-  let curStart = ranges[0][0];
-  let curEnd = ranges[0][1];
-
-  ranges.shift();
-
-  ranges.forEach(([start, end]) => {
-    if (start >= curEnd) {
-      merged.push([curStart, curEnd]);
-      curStart = start;
-      curEnd = end;
-    } else if (end > curEnd) curEnd = end;
-  });
-
-  merged.push([curStart, curEnd]);
-
-  return merged;
-};
-
-export const findHighlight = (text: string, query: string) => {
-  const queries = [query];
-  const matches: number[][] = [];
-
-  queries.forEach(query => {
-    matches.push(...indicesOf(text, query));
-  });
-
-  const highlights = mergeRange(matches);
-
-  const chunks = [];
-  let lastEnd = 0;
-
-  highlights.forEach(([start, end]) => {
-    if (lastEnd !== start) {
-      chunks.push({
-        range: [start, end],
-        matching: false,
-        text: text.slice(lastEnd, start)
-      });
-    }
-    chunks.push({
-      range: [start, end],
-      matching: true,
-      text: text.slice(start, end)
-    });
-
-    lastEnd = end;
-  });
-
-  if (lastEnd !== text.length) {
-    chunks.push({
-      range: [lastEnd],
-      matching: false,
-      text: text.slice(lastEnd)
-    });
-  }
-  return chunks;
-};
-
-export function debounce<T>(func: Function, wait: number, immediate?: boolean) {
-  let timeout: ReturnType<typeof setTimeout> | null;
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  return function(this: T, ...args: any[]) {
-    // eslint-disable-next-line @typescript-eslint/no-this-alias
-    const context = this;
-    const later = function() {
-      timeout = null;
-      if (!immediate) {
-        func.apply(context, args);
-      }
-    };
-    const callNow = immediate && !timeout;
-    clearTimeout(timeout!);
-    timeout = setTimeout(later, wait);
-    if (callNow) {
-      func.apply(context, args);
-    }
-  };
-}
-
-export const throttle = (fn: (...args: any[]) => unknown, delay = 1000 / 60) => {
-  let lastTimeoutRef: number | undefined = undefined;
-  let last = Date.now();
-
-  // Throttling
-  const next = (...args: any[]) => {
-    const now = Date.now();
-    window.clearTimeout(lastTimeoutRef);
-
-    if (!last || now - last >= delay) {
-      last = now;
-      fn.call(fn, ...args);
-    } else {
-      lastTimeoutRef = window.setTimeout(() => next(...args), delay - (now - last));
-    }
-  };
-
-  return (...args: any[]) => next(...args);
-};
-
-export function closestElement(selector: string, base: HTMLElement) {
-  function __closestFrom(el: unknown): HTMLElement | null {
-    if (!el || el === document || el === window) return null;
-    // @ts-ignore
-    const found = el.closest(selector);
-    // @ts-ignore
-    return found ? found : __closestFrom(el.getRootNode().host);
-  }
-  return __closestFrom(base);
-}

package/src/utils/validations.ts

@@ -1,28 +0,0 @@
-/**
- * Copyright (c) Cisco Systems, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-export const ValidationRegex = {
-  textString: "[sS]*",
-  integerString: "^([+-]?[1-9]\\d*|0)$",
-  decimalString: "^[0-9]+([,.]?)+([0-9]+)?$",
-  dateString: "^(0?[1-9]|1[0-2])[/](0?[1-9]|[12]\\d|3[01])[/](19|20)\\d{2}$",
-  dateRangeString: "^(((19|20)?[0-9]{2}[- /.]0?[1-9]|1[012])[- /.](0?[1-9]|[12][0-9]|3[01])) - (((19|20)?[0-9]{2}[- /.]0?[1-9]|1[012])[- /.](0?[1-9]|[12][0-9]|3[01]))",
-  ISODateString: "^\\d{4}-([1][0-2]|[0][1-9])-(0[1-9]|[12][0-9]|3[01])$",
-  ISOTimeString: "^([0][1-9]|[1][0-9]|[2][0-3]):([0-5][0-9]):([0-5][0-9])$",
-  ISOString:
-    "^\\d{4}-([1][0-2]|[0][1-9])-(0[1-9]|[12][0-9]|3[01])T([01][0-9]|[2][0-3]):([0-5][0-9]):([0-5][0-9])(-|\\+)[01]\\d:[0-5]\\d$",
-  noPrecedingZerosString: "^(0|[1-9][0-9]?)$",
-  allLeadingZeros: "^0+",
-  timeString:
-    "(^(([0-1]?\\d)|(2[0-3]))(:|.|)?[0-5][0-9]$)|(^((0?[1-9])|(1[0-2]))(:|.|)([0-5][0-9])( ||,)([aA]|[pP])[mM]$)|(^([aA]|[pP])[mM]( |,|)((0?[1-9])|(1[0-2]))(|:|.)([0-5][0-9])$)",
-  hourString: "^([1-9]|1[012]|0[1-9])$",
-  twentyFourHourString: "^([0-9]|0[0-9]|1[0-9]|2[0-3])$",
-  minuteSecondString: "^(?:[0-5][0-9]|[0-9])$",
-  amPmString: "([AaPp][Mm])",
-  booleanString: "^(?:tru|fals)e$"
-};

package/src/wc_scss/colors/settings-base.scss

@@ -1,208 +0,0 @@
-//------------------------------------------------------
-// Do not edit this file directly. These variables are
-// generated from the Momentum Design color tokens.
-// @momentum-ui/tokens/dist/colors.json
-//------------------------------------------------------
-
-$md-blue-10: #c9f4ff !default;
-$md-blue-20: #91ebff !default;
-$md-blue-30: #52dcff !default;
-$md-blue-40: #07c1f5 !default;
-$md-blue-50: #00a0d1 !default;
-$md-blue-60: #007aa3 !default;
-$md-blue-70: #005e7d !default;
-$md-blue-80: #064157 !default;
-$md-blue-90: #092d3b !default;
-$md-blue-95: #091e26 !default;
-$md-blue-05: #ebfcff !default;
-
-$md-red-10: #ffe8e3 !default;
-$md-red-20: #ffd5cc !default;
-$md-red-30: #ffbbad !default;
-$md-red-40: #ff9580 !default;
-$md-red-50: #f7644a !default;
-$md-red-60: #d4371c !default;
-$md-red-70: #a12512 !default;
-$md-red-80: #6e1d13 !default;
-$md-red-90: #4a1812 !default;
-$md-red-95: #301210 !default;
-$md-red-05: #fff5f2 !default;
-
-$md-yellow-10: #ffecc2 !default;
-$md-yellow-20: #ffd98c !default;
-$md-yellow-30: #ffc14f !default;
-$md-yellow-40: #fc9d03 !default;
-$md-yellow-50: #d97f00 !default;
-$md-yellow-60: #a85f00 !default;
-$md-yellow-70: #7d4705 !default;
-$md-yellow-80: #54330d !default;
-$md-yellow-90: #38240e !default;
-$md-yellow-95: #261a0d !default;
-$md-yellow-05: #fff7e3 !default;
-
-$md-green-10: #befade !default;
-$md-green-20: #78f5b8 !default;
-$md-green-30: #31e88c !default;
-$md-green-40: #00cf64 !default;
-$md-green-50: #00ab50 !default;
-$md-green-60: #00853c !default;
-$md-green-70: #03612c !default;
-$md-green-80: #08421f !default;
-$md-green-90: #092e16 !default;
-$md-green-95: #081f10 !default;
-$md-green-05: #edfaf4 !default;
-
-$md-gray-10: #ededed !default;
-$md-gray-20: #dedede !default;
-$md-gray-30: #ccc !default;
-$md-gray-40: #b2b2b2 !default;
-$md-gray-50: #949494 !default;
-$md-gray-60: #707070 !default;
-$md-gray-70: #545454 !default;
-$md-gray-80: #3b3b3b !default;
-$md-gray-90: #292929 !default;
-$md-gray-95: #1c1c1c !default;
-$md-gray-100: #121212 !default;
-$md-gray-05: #f7f7f7 !default;
-
-$md-white-60: #fff !default;
-$md-white-100: #fff !default;
-$md-white: #fff !default;
-
-$md-black-100: #000 !default;
-$md-black: #000 !default;
-
-$md-orange-10: #faf4eb !default;
-$md-orange-20: #fce4c7 !default;
-$md-orange-30: #ffca99 !default;
-$md-orange-40: #ff9d52 !default;
-$md-orange-50: #f26b1d !default;
-$md-orange-60: #c74f0e !default;
-$md-orange-70: #914017 !default;
-$md-orange-80: #59311e !default;
-$md-orange-90: #33221b !default;
-$md-orange-100: #211916 !default;
-
-$md-gold-10: #f7f6dc !default;
-$md-gold-20: #f5eaa2 !default;
-$md-gold-30: #ebd460 !default;
-$md-gold-40: #d6b220 !default;
-$md-gold-50: #ba8c00 !default;
-$md-gold-60: #996e00 !default;
-$md-gold-70: #735107 !default;
-$md-gold-80: #4d370c !default;
-$md-gold-90: #30240d !default;
-$md-gold-100: #21190b !default;
-
-$md-olive-10: #f3f5e4 !default;
-$md-olive-20: #e7edb7 !default;
-$md-olive-30: #d3db7b !default;
-$md-olive-40: #b4ba43 !default;
-$md-olive-50: #999923 !default;
-$md-olive-60: #7d7a18 !default;
-$md-olive-70: #5c5813 !default;
-$md-olive-80: #403d11 !default;
-$md-olive-90: #29260d !default;
-$md-olive-100: #1c1a0a !default;
-
-$md-lime-10: #f3f7e9 !default;
-$md-lime-20: #ddf2ae !default;
-$md-lime-30: #bce36f !default;
-$md-lime-40: #93c437 !default;
-$md-lime-50: #73a321 !default;
-$md-lime-60: #588219 !default;
-$md-lime-70: #416116 !default;
-$md-lime-80: #2d4214 !default;
-$md-lime-90: #1e2b10 !default;
-$md-lime-100: #141c0c !default;
-
-$md-mint-10: #e9f7f3 !default;
-$md-mint-20: #baf5e7 !default;
-$md-mint-30: #74e8d1 !default;
-$md-mint-40: #30c9b0 !default;
-$md-mint-50: #16a693 !default;
-$md-mint-60: #148579 !default;
-$md-mint-70: #12615a !default;
-$md-mint-80: #12423f !default;
-$md-mint-90: #102b2a !default;
-$md-mint-100: #0c1c1b !default;
-
-$md-cyan-10: #e6f9fa !default;
-$md-cyan-20: #b2f4f7 !default;
-$md-cyan-30: #67e7f0 !default;
-$md-cyan-40: #22c7d6 !default;
-$md-cyan-50: #00a3b5 !default;
-$md-cyan-60: #008094 !default;
-$md-cyan-70: #066070 !default;
-$md-cyan-80: #0a414d !default;
-$md-cyan-90: #0b2a30 !default;
-$md-cyan-100: #091c21 !default;
-
-$md-cobalt-10: #e6f8ff !default;
-$md-cobalt-20: #c7eeff !default;
-$md-cobalt-30: #9df !default;
-$md-cobalt-40: #5ebff6 !default;
-$md-cobalt-50: #279be7 !default;
-$md-cobalt-60: #0a78cc !default;
-$md-cobalt-70: #08599c !default;
-$md-cobalt-80: #103c62 !default;
-$md-cobalt-90: #12283d !default;
-$md-cobalt-100: #0f1a25 !default;
-
-$md-slate-10: #f2f4ff !default;
-$md-slate-20: #e3e7fa !default;
-$md-slate-30: #ced2ed !default;
-$md-slate-40: #b0b4d9 !default;
-$md-slate-50: #8c91bd !default;
-$md-slate-60: #6f739e !default;
-$md-slate-70: #535573 !default;
-$md-slate-80: #393a47 !default;
-$md-slate-90: #26262b !default;
-$md-slate-100: #1a1a1c !default;
-
-$md-violet-10: #f8f2fc !default;
-$md-violet-20: #f0e3fc !default;
-$md-violet-30: #e2cafc !default;
-$md-violet-40: #c7a5fa !default;
-$md-violet-50: #a87ff1 !default;
-$md-violet-60: #875ae1 !default;
-$md-violet-70: #643abd !default;
-$md-violet-80: #432c77 !default;
-$md-violet-90: #29223d !default;
-$md-violet-100: #1b1823 !default;
-
-$md-purple-10: #fcf2fc !default;
-$md-purple-20: #fce1fc !default;
-$md-purple-30: #fac3f8 !default;
-$md-purple-40: #f294f1 !default;
-$md-purple-50: #e060de !default;
-$md-purple-60: #c233c4 !default;
-$md-purple-70: #932099 !default;
-$md-purple-80: #601e66 !default;
-$md-purple-90: #3b1840 !default;
-$md-purple-100: #251329 !default;
-
-$md-pink-10: #fff2f5 !default;
-$md-pink-20: #ffe0e7 !default;
-$md-pink-30: #ffc7d2 !default;
-$md-pink-40: #fc97aa !default;
-$md-pink-50: #f0677e !default;
-$md-pink-60: #d43b52 !default;
-$md-pink-70: #a12a3a !default;
-$md-pink-80: #66262d !default;
-$md-pink-90: #3b1e21 !default;
-$md-pink-100: #241617 !default;
-
-$md-theme-10: #c9f4ff !default;
-$md-theme-20: #91ebff !default;
-$md-theme-30: #52dcff !default;
-$md-theme-40: #07c1f5 !default;
-$md-theme-50: #00a0d1 !default;
-$md-theme-60: #007aa3 !default;
-$md-theme-70: #005e7d !default;
-$md-theme-80: #064157 !default;
-$md-theme-90: #092d3b !default;
-$md-theme-95: #091e26 !default;
-$md-theme-05: #ebfcff !default;
-
-