fabric 7.4.0 → 7.5.0-beta.1

package/src/color/color.test.ts

@@ -1,329 +0,0 @@
-import { Color } from './Color';
-
-import { describe, expect, it, test } from 'vitest';
-
-describe('Color regex and conversion tests', () => {
-  it('test color constructor', () => {
-    const color1 = new Color();
-    const color2 = new Color(color1);
-    const color3 = new Color('ff5555');
-    const color4 = new Color('rgb(100,100,100)');
-    const color5 = new Color('rgba(100,100,100, 0.5)');
-    const color6 = new Color('hsl(262,80%,12%)');
-    // empty args
-    const color7 = new Color();
-    // toHexa rounds
-    const color8 = new Color([211.23213213, 0, 128.1233123131]);
-    // transparent
-    const color9 = new Color('transparent');
-
-    expect(color1.getSource().toString()).toBe([0, 0, 0, 1].toString());
-    expect(color2.getSource().toString()).toBe([0, 0, 0, 1].toString());
-
-    expect(color3.toHex()).toBe('FF5555');
-    expect(color3 instanceof Color).toBe(true);
-
-    expect(color4.toRgb()).toBe('rgb(100,100,100)');
-    expect(color4 instanceof Color).toBe(true);
-
-    expect(color5.toRgba()).toBe('rgba(100,100,100,0.5)');
-    expect(color5 instanceof Color).toBe(true);
-
-    expect(color6.toHsl()).toBe('hsl(262,80%,12%)');
-    expect(color6 instanceof Color).toBe(true);
-
-    expect(color7.toHex()).toBe('000000');
-    expect(color7 instanceof Color).toBe(true);
-
-    expect(color8.toHexa()).toBe('D30080FF');
-
-    expect(color9.getSource()).toEqual([255, 255, 255, 0]);
-  });
-
-  it('test getSource & setSource for color', () => {
-    const color = new Color('ffffff');
-    expect(typeof color.getSource).toBe('function');
-    expect(color.getSource()).toEqual([255, 255, 255, 1]);
-
-    expect(typeof color.setSource).toBe('function');
-    color.setSource([0, 0, 0, 1]);
-    expect(color.getSource()).toEqual([0, 0, 0, 1]);
-  });
-
-  it('test sourceFromRgb for color', () => {
-    expect(typeof Color.sourceFromRgb).toBe('function');
-    expect(Color.sourceFromRgb('rgb(255,255,255)')).toEqual([255, 255, 255, 1]);
-    expect(Color.sourceFromRgb('rgb(100,150,200)')).toEqual([100, 150, 200, 1]);
-  });
-
-  it('test static functions for Color class', () => {
-    expect(Color.fromRgb('rgb(255,0,0)').getSource().toString()).toBe(
-      [255, 0, 0, 1].toString(),
-    );
-    expect(Color.fromHsl('hsl(-20, 50.5%, 50%)').getSource().toString()).toBe(
-      '192,63,106,1',
-    );
-    expect(Color.fromHex('FF0000').getSource().toString()).toBe('255,0,0,1');
-  });
-
-  it('Converts a hsl color to rgba', () => {
-    const color1 = new Color('hsl(120, 100%, 50%)');
-    expect(color1.getSource().toString()).toBe([0, 255, 0, 1].toString());
-  });
-
-  it('Converts a hsl color with minuses and decimals to rgba', () => {
-    const color1 = new Color('hsl(-20, 50.5%, 50%)');
-    expect(color1.getSource().toString()).toBe([192, 63, 106, 1].toString());
-  });
-
-  it('Converts a hsla color with minuses and decimals to rgba', () => {
-    const color1 = new Color('hsla(-20, 50.5%, 50%, 0.4)');
-    expect(color1.getSource().toString()).toBe([192, 63, 106, 0.4].toString());
-  });
-
-  it('Converts a hsla color with minuses and decimals and a % alpha to rgba', () => {
-    const color1 = new Color('hsla(-20, 50.5%, 50%, 25%)');
-    expect(color1.getSource().toString()).toBe([192, 63, 106, 0.25].toString());
-  });
-
-  it('Converts a hsla color with angle deg to rgba', () => {
-    const color1 = new Color('hsl(120deg,100%,50%)');
-    expect(color1.getSource().toString()).toBe([0, 255, 0, 1].toString());
-  });
-
-  it('Converts a hsla color with angle rad to rgba', () => {
-    const color1 = new Color('hsl(2.0rad, 60%, 60%)');
-    expect(color1.getSource().toString()).toBe([103, 214, 92, 1].toString());
-  });
-
-  it('Converts a hsla color with angle turn to rgba', () => {
-    const color1 = new Color('hsl(0.5turn , 100%, 50%)');
-    expect(color1.getSource().toString()).toBe([0, 255, 255, 1].toString());
-  });
-
-  it('Creates a color from rgba with decimals', () => {
-    const color1 = new Color('rgba(120.1, 60.2, 30.3, 0.5)');
-    expect(color1.getSource().toString()).toBe(
-      [120.1, 60.2, 30.3, 0.5].toString(),
-    );
-  });
-
-  it('Creates a color from rgb with decimals', () => {
-    const color1 = new Color('rgb(120.1, 60.2, 30.3)');
-    expect(color1.getSource().toString()).toBe(
-      [120.1, 60.2, 30.3, 1].toString(),
-    );
-  });
-
-  it('Create an unrecognised color', () => {
-    const color1 = new Color('not a color');
-    expect(color1.isUnrecognised).toBe(true);
-    expect(color1.getSource().toString()).toBe([0, 0, 0, 1].toString());
-  });
-
-  it('test toGrayscale for colors', () => {
-    const color1 = new Color('red');
-    const color2 = new Color('ff5555');
-    expect(color1.getSource().toString()).toBe([255, 0, 0, 1].toString());
-    color1.toGrayscale();
-    expect(color1.getSource().toString()).toBe([77, 77, 77, 1].toString());
-    color2.toGrayscale();
-    expect(color2.toHex()).toBe('888888');
-  });
-
-  it('test setAlpha & getAlpha  for colors', () => {
-    const color1 = new Color('red');
-    expect(color1.getAlpha()).toBe(1);
-    color1.setAlpha(0.5);
-    expect(color1.getAlpha()).toBe(0.5);
-
-    const color2 = new Color('ffffffcc');
-    expect(color2.getAlpha()).toBe(0.8);
-  });
-
-  it('test overlayWith for colors', () => {
-    const color1 = new Color('red');
-    expect(color1.getSource().toString()).toBe([255, 0, 0, 1].toString());
-    expect(color1.overlayWith(color1).getSource().toString()).toBe(
-      [255, 0, 0, 1].toString(),
-    );
-    expect(color1.overlayWith('green').getSource().toString()).toBe(
-      '128,64,0,1',
-    );
-  });
-
-  it('test toBlackWhite for colors', () => {
-    const color1 = new Color('red');
-    const color2 = new Color('333333');
-    expect(color1.getSource().toString()).toBe([255, 0, 0, 1].toString());
-    color1.toBlackWhite(1);
-    expect(color1.getSource().toString()).toBe([255, 255, 255, 1].toString());
-    // @ts-expect-error
-    color1.toBlackWhite();
-    expect(color1.getSource().toString()).toBe([255, 255, 255, 1].toString());
-    // @ts-expect-error
-    color2.toBlackWhite();
-    expect(color2.toHex()).toBe('000000');
-  });
-
-  it('Create colors through keywords', () => {
-    const color1 = new Color('red');
-    const color2 = new Color('RED');
-    const red = 'rgb(255,0,0)';
-    const RgbaRed = 'rgba(255,0,0,1)';
-    const hslRed = 'hsl(0,100%,50%)';
-    const hslaRed = 'hsla(0,100%,50%,1)';
-    const hexRed = 'FF0000';
-    const hexaRed = 'FF0000FF';
-
-    expect(color1.toRgb()).toBe(red);
-    expect(color2.toRgb()).toBe(red);
-    expect(color2.toRgba()).toBe(RgbaRed);
-    expect(color1.toRgba()).toBe(RgbaRed);
-    expect(color2.toHsl()).toBe(hslRed);
-    expect(color1.toHsl()).toBe(hslRed);
-    expect(color2.toHsla()).toBe(hslaRed);
-    expect(color1.toHsla()).toBe(hslaRed);
-    expect(color2.toHex()).toBe(hexRed);
-    expect(color1.toHex()).toBe(hexRed);
-    expect(color2.toHexa()).toBe(hexaRed);
-    expect(color1.toHexa()).toBe(hexaRed);
-    expect(color2.getAlpha()).toBe(1);
-    expect(color1.getAlpha()).toBe(1);
-  });
-});
-
-describe('test Color.fromHsla for color', () => {
-  test.each([
-    {
-      name: 'fromHsl',
-      stringToParse: 'hsl(262,80%,12%)',
-      expectedSource: [24, 6, 55, 1],
-    },
-    {
-      name: 'fromHsl (with whitespaces)',
-      stringToParse: 'hsl( 262 , 80% , 12% )',
-      expectedSource: [24, 6, 55, 1],
-    },
-    {
-      name: 'fromHsla',
-      stringToParse: 'hsla(108,50%,50%,0.7)',
-      expectedSource: [89, 191, 64, 0.7],
-    },
-    {
-      name: 'fromHsla (with whitespaces)',
-      stringToParse: 'hsla(  108  ,50%  , 50%    ,.2)',
-      expectedSource: [89, 191, 64, 0.2],
-    },
-    {
-      name: 'fromHsla no commas(with whitespaces)',
-      stringToParse: 'hsl( 108  50%   50%  / .5)',
-      expectedSource: [89, 191, 64, 0.5],
-    },
-    {
-      name: 'fromHsla with very counterClockwise value)',
-      stringToParse: 'hsl( -450,  50%,   50%, .5)',
-      expectedSource: [127, 64, 191, 0.5],
-    },
-    {
-      name: 'fromHsla with Saturation 0',
-      stringToParse: 'hsla(0, 0%, 50%, 1)',
-      expectedSource: [128, 128, 128, 1],
-    },
-  ])('$name', ({ stringToParse, expectedSource }) => {
-    const color = Color.fromHsla(stringToParse);
-    expect(color).toBeTruthy();
-    expect(color).toBeInstanceOf(Color);
-    expect(color.getSource()).toEqual(expectedSource);
-
-    const colorUppercase = Color.fromHsla(stringToParse.toUpperCase());
-    expect(colorUppercase).toBeTruthy();
-    expect(colorUppercase).toBeInstanceOf(Color);
-    expect(colorUppercase.getSource()).toEqual(expectedSource);
-  });
-});
-
-describe('parsing colors for color', () => {
-  test.each([
-    {
-      name: 'fromRgb',
-      stringToParse: 'rgb(255,255,255)',
-      expectedSource: [255, 255, 255, 1],
-    },
-    {
-      name: 'fromRgb no commas',
-      stringToParse: 'rgb(255 0 255)',
-      expectedSource: [255, 0, 255, 1],
-    },
-    {
-      name: 'fromRgb (with whitespaces)',
-      stringToParse: 'rgb( 255 , 128 , 64 )',
-      expectedSource: [255, 128, 64, 1],
-    },
-    {
-      name: 'fromRgb no commas (with whitespaces)',
-      stringToParse: 'rgb( 255    128 64 )',
-      expectedSource: [255, 128, 64, 1],
-    },
-    {
-      name: 'fromRgb (percentage values)',
-      stringToParse: 'rgb(100%,50%,25%)',
-      expectedSource: [255, 127, 64, 1],
-    },
-    {
-      name: 'fromRgb (percentage values with whitespaces)',
-      stringToParse: 'rgb(100% ,   50% ,  25%)',
-      expectedSource: [255, 127, 64, 1],
-    },
-    {
-      name: 'fromRgba',
-      stringToParse: 'rgba(255,12,10,0.5)',
-      expectedSource: [255, 12, 10, 0.5],
-    },
-    {
-      name: 'fromRgba without commas',
-      stringToParse: 'rgba(255 12 10 / 0.5)',
-      expectedSource: [255, 12, 10, 0.5],
-    },
-    {
-      name: 'fromRgba (with spaces and missing 0)',
-      stringToParse: 'rgba( 255 , 12 , 10 , .3 )',
-      expectedSource: [255, 12, 10, 0.3],
-    },
-    {
-      name: 'fromRgba (with whitespaces)',
-      stringToParse: 'rgba( 255 , 33 , 44 , 0.6 )',
-      expectedSource: [255, 33, 44, 0.6],
-    },
-    {
-      name: 'fromRgba (percentage values)',
-      stringToParse: 'rgba(100%,50%,25%,33%)',
-      expectedSource: [255, 127, 64, 0.33],
-    },
-    {
-      name: 'fromRgba (percentage values)',
-      stringToParse: 'rgba(  100.00%  ,50.40%,   25.1%   ,  33%  )',
-      expectedSource: [255, 129, 64, 0.33],
-    },
-    {
-      name: 'fromRgba (percentage values with whitespaces)',
-      stringToParse: 'rgba(  100.00%  ,50.80%,   25.1%   ,  33%  )',
-      expectedSource: [255, 130, 64, 0.33],
-    },
-    {
-      name: 'fromRgba (percentage values with whitespaces no zeroes)',
-      stringToParse: 'rgba(  .99%  ,50.40%,   25.1%   ,  .33  )',
-      expectedSource: [3, 129, 64, 0.33],
-    },
-  ])('$name', ({ stringToParse, expectedSource }) => {
-    const color = Color.fromRgba(stringToParse);
-    expect(color).toBeTruthy();
-    expect(color).toBeInstanceOf(Color);
-    expect(color.getSource()).toEqual(expectedSource);
-
-    const colorUppercase = Color.fromRgb(stringToParse.toUpperCase());
-    expect(colorUppercase).toBeTruthy();
-    expect(colorUppercase).toBeInstanceOf(Color);
-    expect(colorUppercase.getSource()).toEqual(expectedSource);
-  });
-});

package/src/color/color_map.ts

@@ -1,154 +0,0 @@
-/**
- * Map of the 148 color names with HEX code
- * @see: https://www.w3.org/TR/css3-color/#svg-color
- */
-export const ColorNameMap = {
-  aliceblue: '#F0F8FF',
-  antiquewhite: '#FAEBD7',
-  aqua: '#0FF',
-  aquamarine: '#7FFFD4',
-  azure: '#F0FFFF',
-  beige: '#F5F5DC',
-  bisque: '#FFE4C4',
-  black: '#000',
-  blanchedalmond: '#FFEBCD',
-  blue: '#00F',
-  blueviolet: '#8A2BE2',
-  brown: '#A52A2A',
-  burlywood: '#DEB887',
-  cadetblue: '#5F9EA0',
-  chartreuse: '#7FFF00',
-  chocolate: '#D2691E',
-  coral: '#FF7F50',
-  cornflowerblue: '#6495ED',
-  cornsilk: '#FFF8DC',
-  crimson: '#DC143C',
-  cyan: '#0FF',
-  darkblue: '#00008B',
-  darkcyan: '#008B8B',
-  darkgoldenrod: '#B8860B',
-  darkgray: '#A9A9A9',
-  darkgrey: '#A9A9A9',
-  darkgreen: '#006400',
-  darkkhaki: '#BDB76B',
-  darkmagenta: '#8B008B',
-  darkolivegreen: '#556B2F',
-  darkorange: '#FF8C00',
-  darkorchid: '#9932CC',
-  darkred: '#8B0000',
-  darksalmon: '#E9967A',
-  darkseagreen: '#8FBC8F',
-  darkslateblue: '#483D8B',
-  darkslategray: '#2F4F4F',
-  darkslategrey: '#2F4F4F',
-  darkturquoise: '#00CED1',
-  darkviolet: '#9400D3',
-  deeppink: '#FF1493',
-  deepskyblue: '#00BFFF',
-  dimgray: '#696969',
-  dimgrey: '#696969',
-  dodgerblue: '#1E90FF',
-  firebrick: '#B22222',
-  floralwhite: '#FFFAF0',
-  forestgreen: '#228B22',
-  fuchsia: '#F0F',
-  gainsboro: '#DCDCDC',
-  ghostwhite: '#F8F8FF',
-  gold: '#FFD700',
-  goldenrod: '#DAA520',
-  gray: '#808080',
-  grey: '#808080',
-  green: '#008000',
-  greenyellow: '#ADFF2F',
-  honeydew: '#F0FFF0',
-  hotpink: '#FF69B4',
-  indianred: '#CD5C5C',
-  indigo: '#4B0082',
-  ivory: '#FFFFF0',
-  khaki: '#F0E68C',
-  lavender: '#E6E6FA',
-  lavenderblush: '#FFF0F5',
-  lawngreen: '#7CFC00',
-  lemonchiffon: '#FFFACD',
-  lightblue: '#ADD8E6',
-  lightcoral: '#F08080',
-  lightcyan: '#E0FFFF',
-  lightgoldenrodyellow: '#FAFAD2',
-  lightgray: '#D3D3D3',
-  lightgrey: '#D3D3D3',
-  lightgreen: '#90EE90',
-  lightpink: '#FFB6C1',
-  lightsalmon: '#FFA07A',
-  lightseagreen: '#20B2AA',
-  lightskyblue: '#87CEFA',
-  lightslategray: '#789',
-  lightslategrey: '#789',
-  lightsteelblue: '#B0C4DE',
-  lightyellow: '#FFFFE0',
-  lime: '#0F0',
-  limegreen: '#32CD32',
-  linen: '#FAF0E6',
-  magenta: '#F0F',
-  maroon: '#800000',
-  mediumaquamarine: '#66CDAA',
-  mediumblue: '#0000CD',
-  mediumorchid: '#BA55D3',
-  mediumpurple: '#9370DB',
-  mediumseagreen: '#3CB371',
-  mediumslateblue: '#7B68EE',
-  mediumspringgreen: '#00FA9A',
-  mediumturquoise: '#48D1CC',
-  mediumvioletred: '#C71585',
-  midnightblue: '#191970',
-  mintcream: '#F5FFFA',
-  mistyrose: '#FFE4E1',
-  moccasin: '#FFE4B5',
-  navajowhite: '#FFDEAD',
-  navy: '#000080',
-  oldlace: '#FDF5E6',
-  olive: '#808000',
-  olivedrab: '#6B8E23',
-  orange: '#FFA500',
-  orangered: '#FF4500',
-  orchid: '#DA70D6',
-  palegoldenrod: '#EEE8AA',
-  palegreen: '#98FB98',
-  paleturquoise: '#AFEEEE',
-  palevioletred: '#DB7093',
-  papayawhip: '#FFEFD5',
-  peachpuff: '#FFDAB9',
-  peru: '#CD853F',
-  pink: '#FFC0CB',
-  plum: '#DDA0DD',
-  powderblue: '#B0E0E6',
-  purple: '#800080',
-  rebeccapurple: '#639',
-  red: '#F00',
-  rosybrown: '#BC8F8F',
-  royalblue: '#4169E1',
-  saddlebrown: '#8B4513',
-  salmon: '#FA8072',
-  sandybrown: '#F4A460',
-  seagreen: '#2E8B57',
-  seashell: '#FFF5EE',
-  sienna: '#A0522D',
-  silver: '#C0C0C0',
-  skyblue: '#87CEEB',
-  slateblue: '#6A5ACD',
-  slategray: '#708090',
-  slategrey: '#708090',
-  snow: '#FFFAFA',
-  springgreen: '#00FF7F',
-  steelblue: '#4682B4',
-  tan: '#D2B48C',
-  teal: '#008080',
-  thistle: '#D8BFD8',
-  tomato: '#FF6347',
-  turquoise: '#40E0D0',
-  violet: '#EE82EE',
-  wheat: '#F5DEB3',
-  white: '#FFF',
-  whitesmoke: '#F5F5F5',
-  yellow: '#FF0',
-  yellowgreen: '#9ACD32',
-};

package/src/color/constants.ts

@@ -1,120 +0,0 @@
-/**
- * Regex matching color in RGB or RGBA formats (ex: `rgb(0, 0, 0)`, `rgba(255, 100, 10, 0.5)`, `rgba( 255 , 100 , 10 , 0.5 )`, `rgb(1,1,1)`, `rgba(100%, 60%, 10%, 0.5)`)
- * Also matching rgba(r g b / a) as per new specs
- * https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/rgb
- *
- * In order to avoid performance issues, you have to clean the input string for this regex from multiple spaces before.
- * ex: colorString.replace(/\s+/g, ' ');
- *
- * Formal syntax at the time of writing:
- * <rgb()> =
- *  rgb( [ <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )  |
- *  rgb( [ <number> | none ]{3} [ / [ <alpha-value> | none ] ]? )
- * <alpha-value> = <number> | <percentage>
- *
- * For learners this is how you can read this regex
- * Regular expression for matching an rgba or rgb CSS color value
- *
- * /^          # Beginning of the string
- * rgba?       # "rgb" or "rgba"
- * \(\s?       # Opening parenthesis and zero or one whitespace character
- * (\d{0,3}    # 0 to three digits R channel
- *  (?:\.\d+)? # Optional decimal with one or more digits
- * )           # End of capturing group for the first color component
- * %?          # Optional percent sign after the first color component
- * \s?         # Zero or one whitespace character
- * [\s|,]      # Separator between color components can be a space or comma
- * \s?         # Zero or one whitespace character
- * (\d{0,3}    # 0 to three digits G channel
- *  (?:\.\d+)? # Optional decimal with one or more digits
- * )           # End of capturing group for the second color component
- * %?          # Optional percent sign after the second color component
- * \s?         # Zero or one whitespace character
- * [\s|,]      # Separator between color components can be a space or comma
- * \s?         # Zero or one whitespace character
- * (\d{0,3}    # 0 to three digits B channel
- *  (?:\.\d+)? # Optional decimal with one or more digits
- * )           # End of capturing group for the third color component
- * %?          # Optional percent sign after the third color component
- * \s?         # Zero or one whitespace character
- * (?:         # Beginning of non-capturing group for alpha value
- *  \s?        # Zero or one whitespace character
- *  [,/]       # Comma or slash separator for alpha value
- *  \s?        # Zero or one whitespace character
- *  (\d{0,3}   # Zero to three digits
- *    (?:\.\d+)? # Optional decimal with one or more digits
- *  )          # End of capturing group for alpha value
- *  %?         # Optional percent sign after alpha value
- *  \s?        # Zero or one whitespace character
- * )?          # End of non-capturing group for alpha value (optional)
- * \)          # Closing parenthesis
- * $           # End of the string
- *
- * The alpha channel can be in the format 0.4 .7 or 1 or 73%
- *
- * WARNING this regex doesn't fail on off spec colors. it matches everything that could be a color.
- * So the spec does not allow for `rgba(30 , 45%  35, 49%)` but this will work anyways for us
- */
-export const reRGBa = () =>
-  /^rgba?\(\s?(\d{0,3}(?:\.\d+)?%?)\s?[\s|,]\s?(\d{0,3}(?:\.\d+)?%?)\s?[\s|,]\s?(\d{0,3}(?:\.\d+)?%?)\s?(?:\s?[,/]\s?(\d{0,3}(?:\.\d+)?%?)\s?)?\)$/i;
-
-/**
- * Regex matching color in HSL or HSLA formats (ex: hsl(0deg 0%, 0%), hsla(160, 100, 10, 0.5), hsla( 180 , 100 , 10 , 0.5 ), hsl(1,1,1))
- * Also matching hsla(h s l / a) as per new specs
- * https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/hsl
- * In order to avoid performance issues, you have to clean the input string for this regex from multiple spaces before.
- * ex: colorString.replace(/\s+/g, ' ');
- * Formal syntax at the time of writing:
- * <hsl()> =
- *   hsl( [ <hue> | none ] [ <percentage> | none ] [ <percentage> | none ] [ / [ <alpha-value> | none ] ]? )
- *
- * <hue> =
- *   <number>  |
- *   <angle>
- *
- * <alpha-value> =
- *   <number>      |
- *   <percentage>
- *
- * For learners this is how you can read this regex
- * Regular expression for matching an hsla or hsl CSS color value
- *
- * /^hsla?\(         // Matches the beginning of the string and the opening parenthesis of "hsl" or "hsla"
- * \s?               // Matches any whitespace character (space, tab, etc.) zero or one time
- * (\d{0,3}          // Hue: 0 to three digits - start capture in a group
- * (?:\.\d+)?        // Hue: Optional (non capture group) decimal with one or more digits.
- * (?:deg|turn|rad)? // Hue: Optionally include suffix deg or turn or rad
- * )                 // Hue: End capture group
- * \s?               // Matches any whitespace character zero or one time
- * [\s|,]            // Matches a space, tab or comma
- * \s?               // Matches any whitespace character zero or one time
- * (\d{0,3}          // Saturation: 0 to three digits - start capture in a group
- * (?:\.\d+)?        // Saturation: Optional decimal with one or more digits in a non-capturing group
- * %?)               // Saturation: match optional % character and end capture group
- * \s?               // Matches any whitespace character zero or one time
- * [\s|,]            // Matches a space, tab or comma
- * \s?               // Matches any whitespace character zero or one time
- * (\d{0,3}          // Lightness: 0 to three digits - start capture in a group
- * (?:\.\d+)?        // Lightness: Optional decimal with one or more digits in a non-capturing group
- * %?)                // Lightness: match % character and end capture group
- * \s?               // Matches any whitespace character zero or one time
- * (?:               // Alpha: Begins a non-capturing group for the alpha value
- *   \s?             // Matches any whitespace character zero or one time
- *   [,/]            // Matches a comma or forward slash
- *   \s?             // Matches any whitespace character zero or one time
- *   (\d*(?:\.\d+)?%?) // Matches zero or more digits, optionally followed by a decimal point and one or more digits, followed by an optional percentage sign and captures it in a group
- *   \s?             // Matches any whitespace character zero or one time
- * )?                // Makes the alpha value group optional
- * \)                // Matches the closing parenthesis
- * $/i               // Matches the end of the string and sets the regular expression to case-insensitive mode
- *
- * WARNING this regex doesn't fail on off spec colors. It matches everything that could be a color.
- * So the spec does not allow `hsl(30 , 45%  35, 49%)` but this will work anyways for us.
- */
-export const reHSLa = () =>
-  /^hsla?\(\s?([+-]?\d{0,3}(?:\.\d+)?(?:deg|turn|rad)?)\s?[\s|,]\s?(\d{0,3}(?:\.\d+)?%?)\s?[\s|,]\s?(\d{0,3}(?:\.\d+)?%?)\s?(?:\s?[,/]\s?(\d*(?:\.\d+)?%?)\s?)?\)$/i;
-
-/**
- * Regex matching color in HEX format (ex: #FF5544CC, #FF5555, 010155, aff)
- */
-export const reHex = () => /^#?(([0-9a-f]){3,4}|([0-9a-f]{2}){3,4})$/i;

package/src/color/typedefs.ts

@@ -1,18 +0,0 @@
-import type { Color } from './Color';
-
-/**
- * RGB format
- */
-export type TRGBColorSource = [red: number, green: number, blue: number];
-
-/**
- * RGBA format
- */
-export type TRGBAColorSource = [
-  red: number,
-  green: number,
-  blue: number,
-  alpha: number,
-];
-
-export type TColorArg = string | TRGBColorSource | TRGBAColorSource | Color;