carbon-react 106.1.3 → 106.1.6

package/lib/style/themes/mint/mint-theme.config.js

@@ -16,21 +16,23 @@ var _default = palette => {
     },
 
     get compatibility() {
+      var _this$colors, _this$colors2, _this$colors3, _this$colors4, _this$colors5, _this$colors6, _this$colors7, _this$colors8, _this$colors9, _this$colors10, _this$colors11, _this$colors12, _this$colors13, _this$colors14;
+
       return {
-        colorsActionMajor150: this.colors.loadingBarBackground,
-        colorsActionMajor500: this.colors.primary,
-        colorsActionMajor600: this.colors.secondary,
-        colorsActionMajor700: this.colors.tertiary,
-        colorsComponentsMenuAutumnStandard600: this.colors.primary,
-        colorsComponentsMenuSpringChild600: this.colors.primary,
-        colorsComponentsMenuAutumnChild600: this.colors.primary,
-        colorsComponentsMenuSummerChild600: this.colors.primary,
-        colorsComponentsMenuWinterChild600: this.colors.primary,
-        colorsComponentsMenuSpringChildAlt600: this.colors.primary,
-        colorsComponentsMenuAutumnChildAlt600: this.colors.primary,
-        colorsComponentsMenuWinterChildAlt600: this.colors.primary,
-        colorsComponentsMenuSummerChildAlt600: this.colors.primary,
-        colorsBaseTheme: this.colors.primary
+        colorsActionMajor150: this === null || this === void 0 ? void 0 : (_this$colors = this.colors) === null || _this$colors === void 0 ? void 0 : _this$colors.loadingBarBackground,
+        colorsActionMajor500: this === null || this === void 0 ? void 0 : (_this$colors2 = this.colors) === null || _this$colors2 === void 0 ? void 0 : _this$colors2.primary,
+        colorsActionMajor600: this === null || this === void 0 ? void 0 : (_this$colors3 = this.colors) === null || _this$colors3 === void 0 ? void 0 : _this$colors3.secondary,
+        colorsActionMajor700: this === null || this === void 0 ? void 0 : (_this$colors4 = this.colors) === null || _this$colors4 === void 0 ? void 0 : _this$colors4.tertiary,
+        colorsComponentsMenuAutumnStandard600: this === null || this === void 0 ? void 0 : (_this$colors5 = this.colors) === null || _this$colors5 === void 0 ? void 0 : _this$colors5.primary,
+        colorsComponentsMenuSpringChild600: this === null || this === void 0 ? void 0 : (_this$colors6 = this.colors) === null || _this$colors6 === void 0 ? void 0 : _this$colors6.primary,
+        colorsComponentsMenuAutumnChild600: this === null || this === void 0 ? void 0 : (_this$colors7 = this.colors) === null || _this$colors7 === void 0 ? void 0 : _this$colors7.primary,
+        colorsComponentsMenuSummerChild600: this === null || this === void 0 ? void 0 : (_this$colors8 = this.colors) === null || _this$colors8 === void 0 ? void 0 : _this$colors8.primary,
+        colorsComponentsMenuWinterChild600: this === null || this === void 0 ? void 0 : (_this$colors9 = this.colors) === null || _this$colors9 === void 0 ? void 0 : _this$colors9.primary,
+        colorsComponentsMenuSpringChildAlt600: this === null || this === void 0 ? void 0 : (_this$colors10 = this.colors) === null || _this$colors10 === void 0 ? void 0 : _this$colors10.primary,
+        colorsComponentsMenuAutumnChildAlt600: this === null || this === void 0 ? void 0 : (_this$colors11 = this.colors) === null || _this$colors11 === void 0 ? void 0 : _this$colors11.primary,
+        colorsComponentsMenuWinterChildAlt600: this === null || this === void 0 ? void 0 : (_this$colors12 = this.colors) === null || _this$colors12 === void 0 ? void 0 : _this$colors12.primary,
+        colorsComponentsMenuSummerChildAlt600: this === null || this === void 0 ? void 0 : (_this$colors13 = this.colors) === null || _this$colors13 === void 0 ? void 0 : _this$colors13.primary,
+        colorsBaseTheme: this === null || this === void 0 ? void 0 : (_this$colors14 = this.colors) === null || _this$colors14 === void 0 ? void 0 : _this$colors14.primary
       };
     }
 

package/lib/style/themes/none/index.d.ts

@@ -1,5 +1,2 @@
-import { ThemeObject } from "../base";
-
-declare const noneTheme: ThemeObject;
-
-export default noneTheme;
+declare const _default: Partial<import("../base").ThemeObject>;
+export default _default;

package/lib/style/themes/none/none-theme.config.d.ts

@@ -1,4 +1,3 @@
-declare function _default(): {
-    name: string;
-};
+import { ThemeObject } from "../base";
+declare const _default: () => Partial<ThemeObject>;
 export default _default;

package/lib/style/themes/sage/index.d.ts

@@ -446,17 +446,14 @@ declare var _default: {
         opacity800: string;
     };
     name: string;
-    palette: import("../../palette").Palette & import("../base").ColorsWithHex & {
-        blackOpacity: (opacity: number) => string;
-        whiteOpacity: (opacity: number) => string;
-    };
-    spacing: number;
-    space: string[];
-    colors: import("../base").Colors;
-    disabled: {
+    palette?: import("../base/base-theme.config").BasePalette | undefined;
+    spacing?: number | undefined;
+    space?: string[] | undefined;
+    colors?: Partial<import("../base/base-theme.config").Colors> | undefined;
+    disabled?: {
         background: string;
-    };
-    zIndex: {
+    } | undefined;
+    zIndex?: {
         smallOverlay: number;
         overlay: number;
         popover: number;
@@ -466,6 +463,6 @@ declare var _default: {
         fullScreenModal: number;
         notification: number;
         aboveAll: number;
-    };
+    } | undefined;
 };
 export default _default;

package/lib/style/themes/small/index.d.ts

@@ -1,2 +1,2 @@
-declare var _default: import("../base").ThemeObject;
+declare const _default: Partial<import("../base").ThemeObject>;
 export default _default;

package/lib/style/themes/test-utils.d.ts

@@ -1 +1 @@
-export function assertIsSubset(obj: any, comparison: any): void;
+export declare const assertIsSubset: (obj: Record<string, unknown>, comparison: Record<string, unknown>) => void;

package/lib/style/utils/add-hex-symbols.d.ts

@@ -1,2 +1,2 @@
-declare function _default(configObject: any): any;
+declare const _default: (configObject: Record<string, string>) => Record<string, string>;
 export default _default;

package/lib/style/utils/at-opacity.d.ts

@@ -1,2 +1,7 @@
-declare function _default(base: any): (opacity: any) => string;
+declare const _default: (base: string) => (opacity: number | string) => string;
+/**
+ * Given a base color hex will return a function that expects
+ * some given opactiy and returns the base color at that
+ * opacity.
+ */
 export default _default;

package/lib/style/utils/at-opacity.js

@@ -11,8 +11,10 @@ exports.default = void 0;
  * opacity.
  */
 var _default = base => {
-  const rgb = base.match(/[^#]{2}/g).map(pair => parseInt(pair, 16));
-  return opacity => `rgba(${rgb.join(",")},${opacity})`;
+  var _base$match;
+
+  const rgb = base === null || base === void 0 ? void 0 : (_base$match = base.match(/[^#]{2}/g)) === null || _base$match === void 0 ? void 0 : _base$match.map(pair => parseInt(pair, 16));
+  return opacity => `rgba(${rgb === null || rgb === void 0 ? void 0 : rgb.join(",")},${opacity})`;
 };
 
 exports.default = _default;

package/lib/style/utils/color.d.ts

@@ -1,8 +1,4 @@
-export function toColor(theme: any, color: any): any;
-declare function _default({ color, bg, backgroundColor, ...rest }: {
-    [x: string]: any;
-    color: any;
-    bg: any;
-    backgroundColor: any;
-}): any;
+import { ThemeObject } from "style/themes/base";
+export declare const toColor: (theme: ThemeObject, color: string) => string;
+declare const _default: ({ color, bg, backgroundColor, ...rest }: Record<string, unknown>) => any;
 export default _default;

package/lib/style/utils/color.js

@@ -33,6 +33,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * This allows us to keep our themes as plain objects.
  */
 const toColor = (theme, color) => {
+  var _color$match;
+
   if (color.startsWith("--") && color.slice(2) in _common.default) {
     return `var(${color})`;
   }
@@ -41,13 +43,13 @@ const toColor = (theme, color) => {
     palette
   } = theme;
   const percentage = color.match(/\d+/);
-  const method = color.match(/[a-zA-Z]+/);
+  const method = (_color$match = color.match(/[a-zA-Z]+/)) === null || _color$match === void 0 ? void 0 : _color$match.toString();
 
-  if (method in palette) {
+  if (method && method in palette) {
     const match = palette[method];
 
     if (typeof match === "function") {
-      const arg = ["blackOpacity", "whiteOpacity"].includes(method.toString()) ? `0.${percentage}` : percentage;
+      const arg = ["blackOpacity", "whiteOpacity"].includes(method) ? `0.${percentage}` : percentage;
       return match(arg);
     }
 
@@ -65,13 +67,11 @@ var _default = ({
   backgroundColor,
   ...rest
 }) => {
+  const obj = {};
+  obj.color = color ? toColor(rest.theme, color) : undefined;
+  obj.bg = bg || backgroundColor ? toColor(rest.theme, bg || backgroundColor) : undefined;
   return (0, _styledSystem.color)({ ...rest,
-    ...(color && {
-      color: toColor(rest.theme, color)
-    }),
-    ...((bg || backgroundColor) && {
-      bg: toColor(rest.theme, bg || backgroundColor)
-    })
+    ...obj
   });
 };
 

package/lib/style/utils/filter-out-styled-system-spacing-props.d.ts

@@ -1,4 +1,2 @@
+declare const filterOutStyledSystemSpacingProps: (obj: Record<string, unknown>) => Record<string, unknown>;
 export default filterOutStyledSystemSpacingProps;
-declare function filterOutStyledSystemSpacingProps(obj: any): {
-    [k: string]: any;
-};

package/lib/style/utils/filter-styled-system-margin-props.d.ts

@@ -1 +1,3 @@
-export default function filterStyledSystemMarginProps(originalObject: any): {};
+import { MarginProps } from "styled-system";
+export declare const marginPropertyNames: string[];
+export default function filterStyledSystemMarginProps(originalObject: Record<string, unknown> | MarginProps): MarginProps;

package/lib/style/utils/filter-styled-system-margin-props.js

@@ -4,12 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = filterStyledSystemMarginProps;
+exports.marginPropertyNames = void 0;
 
 var _filterObjectProperties = _interopRequireDefault(require("../../__internal__/filter-object-properties"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const marginPropertyNames = ["margin", "m", "marginLeft", "ml", "marginRight", "mr", "marginTop", "mt", "marginBottom", "mb", "marginX", "mx", "marginY", "my"];
+exports.marginPropertyNames = marginPropertyNames;
 
 function filterStyledSystemMarginProps(originalObject) {
   return (0, _filterObjectProperties.default)(originalObject, marginPropertyNames);

package/lib/style/utils/filter-styled-system-padding-props.d.ts

@@ -1 +1,3 @@
-export default function filterStyledSystemPaddingProps(originalObject: any): {};
+import { PaddingProps } from "styled-system";
+export declare const paddingPropertyNames: string[];
+export default function filterStyledSystemPaddingProps(originalObject: Record<string, unknown>): PaddingProps;

package/lib/style/utils/filter-styled-system-padding-props.js

@@ -4,12 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = filterStyledSystemPaddingProps;
+exports.paddingPropertyNames = void 0;
 
 var _filterObjectProperties = _interopRequireDefault(require("../../__internal__/filter-object-properties"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const paddingPropertyNames = ["padding", "p", "paddingLeft", "pl", "paddingRight", "pr", "paddingTop", "pt", "paddingBottom", "pb", "paddingX", "px", "paddingY", "py"];
+exports.paddingPropertyNames = paddingPropertyNames;
 
 function filterStyledSystemPaddingProps(originalObject) {
   return (0, _filterObjectProperties.default)(originalObject, paddingPropertyNames);

package/lib/style/utils/get-rgb-values.d.ts

@@ -1,3 +1,3 @@
-export default getRgbValues;
 /** Given a base color in hex will return its rgb values. */
-declare function getRgbValues(baseColor: any): number[];
+declare const getRgbValues: (baseColor: string) => number[];
+export default getRgbValues;

package/lib/style/utils/get-rgb-values.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 
 /** Given a base color in hex will return its rgb values. */
 const getRgbValues = baseColor => {
-  return [parseInt(baseColor.substr(1, 2), 16), parseInt(baseColor.substr(3, 2), 16), parseInt(baseColor.substr(5, 2), 16)];
+  return [parseInt(baseColor.substring(1, 3), 16), parseInt(baseColor.substring(3, 5), 16), parseInt(baseColor.substring(5, 6), 16)];
 };
 
 var _default = getRgbValues;

package/lib/style/utils/index.d.ts

@@ -1,4 +1,4 @@
 import filterStyledSystemPaddingProps from "./filter-styled-system-padding-props";
 import filterStyledSystemMarginProps from "./filter-styled-system-margin-props";
 import filterOutStyledSystemSpacingProps from "./filter-out-styled-system-spacing-props";
-export { filterStyledSystemPaddingProps, filterStyledSystemMarginProps, filterOutStyledSystemSpacingProps };
+export { filterStyledSystemPaddingProps, filterStyledSystemMarginProps, filterOutStyledSystemSpacingProps, };

package/lib/style/utils/merge-deep.d.ts

@@ -1,12 +1,8 @@
 /**
  * Simple object check.
- * @param item
- * @returns {boolean}
  */
-export function isObject(item: any): boolean;
+export declare function isObject(item: unknown): unknown;
 /**
  * Deep merge two objects.
- * @param target
- * @param ...sources
  */
-export function mergeDeep(target: any, ...sources: any[]): any;
+export declare function mergeDeep(target: Record<string, unknown>, ...sources: Record<string, unknown>[]): Record<string, unknown>;

package/lib/style/utils/merge-deep.js

@@ -8,41 +8,37 @@ exports.mergeDeep = mergeDeep;
 
 /**
  * Simple object check.
- * @param item
- * @returns {boolean}
  */
 function isObject(item) {
   return item && typeof item === "object" && !Array.isArray(item);
 }
-/**
- * Deep merge two objects.
- * @param target
- * @param ...sources
- */
 
+function merge(_target, ..._sources) {
+  if (!_sources.length) return _target;
 
-function mergeDeep(target, ...sources) {
-  const merge = (_target, ..._sources) => {
-    if (!_sources.length) return _target;
-
-    const source = _sources.shift();
-
-    if (isObject(_target) && isObject(source)) {
-      for (const key in source) {
-        if (isObject(source[key])) {
-          merge(_target[key], source[key]);
-        } else {
-          Object.assign(_target, {
-            [key]: source[key]
-          });
-        }
+  const source = _sources.shift();
+
+  if (isObject(_target) && isObject(source)) {
+    for (const key in source) {
+      if (isObject(source[key])) {
+        merge(_target[key], source[key]);
+      } else {
+        Object.assign(_target, {
+          [key]: source[key]
+        });
       }
     }
+  }
 
-    return merge(_target, ..._sources);
-  }; // ensure function is not mutative
+  return merge(_target, ..._sources);
+}
+/**
+ * Deep merge two objects.
+ */
 
 
+function mergeDeep(target, ...sources) {
+  // ensure function is not mutative
   const newTarget = JSON.parse(JSON.stringify(target));
   return merge(newTarget, ...sources);
 }

package/lib/style/utils/mix.d.ts

@@ -1,2 +1,5 @@
-declare function _default(inputColorA: any, inputColorB: any, weight?: number): string;
+declare const _default: (inputColorA: string, inputColorB: string, weight?: number) => string;
+/**
+ * A Javascript implementation of the Sass `mix` mixin.
+ */
 export default _default;

package/lib/style/utils/mix.js

@@ -23,11 +23,16 @@ const processHexes = (...hexes) => {
 
 var _default = (inputColorA, inputColorB, weight = 50) => {
   const [colorA, colorB] = processHexes(inputColorA, inputColorB);
-  const colorAPairs = colorA.match(/.{1,2}/g),
-        colorBPairs = colorB.match(/.{1,2}/g);
-  const hex = colorAPairs.reduce((acc, pair, i) => {
-    const val1 = hexToDec(pair),
-          val2 = hexToDec(colorBPairs[i]);
+  const colorAPairs = colorA.match(/.{1,2}/g);
+  const colorBPairs = colorB.match(/.{1,2}/g);
+
+  if (!colorBPairs) {
+    return "";
+  }
+
+  const hex = colorAPairs === null || colorAPairs === void 0 ? void 0 : colorAPairs.reduce((acc, pair, i) => {
+    const val1 = hexToDec(pair);
+    const val2 = hexToDec(colorBPairs[i]);
     const combination = decToHex(Math.round(val2 + (val1 - val2) * (weight / 100.0)));
     return acc + combination.padStart(2, "0");
   }, "").toUpperCase();

package/lib/style/utils/shade.d.ts

@@ -1,2 +1,2 @@
-declare function _default(color: any): (weight: any) => string;
+declare const _default: (color: string) => (weight: number | string) => string;
 export default _default;

package/lib/style/utils/tint.d.ts

@@ -1,2 +1,2 @@
-declare function _default(color: any): (weight: any) => string;
+declare const _default: (color: string) => (weight: number | string) => string;
 export default _default;

package/lib/style/utils/width.d.ts

@@ -1,4 +1,3 @@
-declare function _default({ width }: {
-    width: any;
-}): any;
+import { styleFn } from "styled-system";
+declare const _default: ({ width }: Record<string, string>) => styleFn;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "106.1.3",
+  "version": "106.1.6",
   "description": "A library of reusable React components for easily building user interfaces.",
   "engineStrict": true,
   "engines": {

package/esm/style/__spec__.d.ts

@@ -1 +0,0 @@
-export {};

package/esm/style/__spec__.js

@@ -1,76 +0,0 @@
-import config from "./color-config";
-import mix from "./utils/mix";
-import generatePalette from "./palette";
-
-const assertCorrectColorMix = (config, paletteObject) => {
-  Object.keys(config).forEach(col => {
-    const match = col.match(/([a-z]+)([\d]{0,2})/i);
-    const func = match[1],
-          weight = Number(match[2]);
-    expect(paletteObject[func](weight)).toEqual("#" + config[col]);
-  });
-};
-
-describe("style", () => {
-  let colorConfig = {
-    brilliantGreenShade20: "00B000",
-    brilliantGreenTint50: "80EE80",
-    goldTint50: "FFDA80",
-    errorRedShade20: "9F2D3F",
-    genericGreenTint50: "80CC80",
-    genericGreenTint30: "4DB84D",
-    genericGreenShade15: "008200",
-    genericGreenShade35: "006300",
-    genericGreenShade55: "004500",
-    productGreenTint50: "80D1BB",
-    productGreenTint30: "4DBF9F",
-    productGreenShade21: "00815D",
-    productGreenShade41: "006046",
-    productGreenShade61: "00402E",
-    productBlueTint50: "80BBE4",
-    productBlueTint30: "4DA0D9",
-    productBlueShade3: "0073C2",
-    productBlueShade23: "005C9A",
-    productBlueShade43: "004472",
-    amethystTint50: "AC96C1",
-    amethystTint30: "8A6BA8",
-    amethystTint10: "69418F",
-    amethystShade10: "4F2876",
-    amethystShade30: "3E1F5C",
-    slateTint95: "F2F5F6",
-    slateTint90: "E6EBED",
-    slateTint80: "CCD6DB",
-    slateTint60: "99ADB6",
-    slateTint40: "668592",
-    slateTint20: "335C6D",
-    slateShade60: "00141D"
-  };
-  describe("palette", () => {
-    let palette;
-    beforeEach(() => {
-      palette = generatePalette(config);
-    });
-    it("produces the correct color mix", () => {
-      assertCorrectColorMix(colorConfig, palette);
-    });
-  });
-  describe("mix", () => {
-    it("defaults to a weight of 50", () => {
-      expect(mix(config.genericGreen, "FFFFFF")).toEqual("#" + colorConfig.genericGreenTint50);
-    });
-    it("accepts colors without a hash symbol", () => {
-      expect(mix(config.genericGreen, "FFFFFF")).toEqual("#" + colorConfig.genericGreenTint50);
-    });
-    it("accepts colors with a hash symbol", () => {
-      expect(mix("#" + config.genericGreen, "#FFFFFF")).toEqual("#" + colorConfig.genericGreenTint50);
-    });
-    it("accepts three-digit hashes", () => {
-      expect(mix(config.genericGreen, "FFF")).toEqual("#" + colorConfig.genericGreenTint50);
-      expect(mix("FFF", config.genericGreen)).toEqual("#" + colorConfig.genericGreenTint50);
-    });
-    it("accepts colors with combinations of with and without hash symbols", () => {
-      expect(mix("#" + config.genericGreen, "FFFFFF")).toEqual("#" + colorConfig.genericGreenTint50);
-      expect(mix(config.genericGreen, "#FFFFFF")).toEqual("#" + colorConfig.genericGreenTint50);
-    });
-  });
-});

package/lib/style/__spec__.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/style/__spec__.js

@@ -1,82 +0,0 @@
-"use strict";
-
-var _colorConfig = _interopRequireDefault(require("./color-config"));
-
-var _mix = _interopRequireDefault(require("./utils/mix"));
-
-var _palette = _interopRequireDefault(require("./palette"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const assertCorrectColorMix = (config, paletteObject) => {
-  Object.keys(config).forEach(col => {
-    const match = col.match(/([a-z]+)([\d]{0,2})/i);
-    const func = match[1],
-          weight = Number(match[2]);
-    expect(paletteObject[func](weight)).toEqual("#" + config[col]);
-  });
-};
-
-describe("style", () => {
-  let colorConfig = {
-    brilliantGreenShade20: "00B000",
-    brilliantGreenTint50: "80EE80",
-    goldTint50: "FFDA80",
-    errorRedShade20: "9F2D3F",
-    genericGreenTint50: "80CC80",
-    genericGreenTint30: "4DB84D",
-    genericGreenShade15: "008200",
-    genericGreenShade35: "006300",
-    genericGreenShade55: "004500",
-    productGreenTint50: "80D1BB",
-    productGreenTint30: "4DBF9F",
-    productGreenShade21: "00815D",
-    productGreenShade41: "006046",
-    productGreenShade61: "00402E",
-    productBlueTint50: "80BBE4",
-    productBlueTint30: "4DA0D9",
-    productBlueShade3: "0073C2",
-    productBlueShade23: "005C9A",
-    productBlueShade43: "004472",
-    amethystTint50: "AC96C1",
-    amethystTint30: "8A6BA8",
-    amethystTint10: "69418F",
-    amethystShade10: "4F2876",
-    amethystShade30: "3E1F5C",
-    slateTint95: "F2F5F6",
-    slateTint90: "E6EBED",
-    slateTint80: "CCD6DB",
-    slateTint60: "99ADB6",
-    slateTint40: "668592",
-    slateTint20: "335C6D",
-    slateShade60: "00141D"
-  };
-  describe("palette", () => {
-    let palette;
-    beforeEach(() => {
-      palette = (0, _palette.default)(_colorConfig.default);
-    });
-    it("produces the correct color mix", () => {
-      assertCorrectColorMix(colorConfig, palette);
-    });
-  });
-  describe("mix", () => {
-    it("defaults to a weight of 50", () => {
-      expect((0, _mix.default)(_colorConfig.default.genericGreen, "FFFFFF")).toEqual("#" + colorConfig.genericGreenTint50);
-    });
-    it("accepts colors without a hash symbol", () => {
-      expect((0, _mix.default)(_colorConfig.default.genericGreen, "FFFFFF")).toEqual("#" + colorConfig.genericGreenTint50);
-    });
-    it("accepts colors with a hash symbol", () => {
-      expect((0, _mix.default)("#" + _colorConfig.default.genericGreen, "#FFFFFF")).toEqual("#" + colorConfig.genericGreenTint50);
-    });
-    it("accepts three-digit hashes", () => {
-      expect((0, _mix.default)(_colorConfig.default.genericGreen, "FFF")).toEqual("#" + colorConfig.genericGreenTint50);
-      expect((0, _mix.default)("FFF", _colorConfig.default.genericGreen)).toEqual("#" + colorConfig.genericGreenTint50);
-    });
-    it("accepts colors with combinations of with and without hash symbols", () => {
-      expect((0, _mix.default)("#" + _colorConfig.default.genericGreen, "FFFFFF")).toEqual("#" + colorConfig.genericGreenTint50);
-      expect((0, _mix.default)(_colorConfig.default.genericGreen, "#FFFFFF")).toEqual("#" + colorConfig.genericGreenTint50);
-    });
-  });
-});