@heartlandone/vega 2.79.0 → 2.80.0

package/dist/collection/polyfill/tinycolor/tinycolor-polyfill.test.js

@@ -1,361 +0,0 @@
-import { tinycolor } from './tinycolor-polyfill';
-describe('TinyColorPolyfill', () => {
-  describe('Color Parsing', () => {
-    describe('Hex colors', () => {
-      it('should parse 6-digit hex color', () => {
-        const color = tinycolor('#ff5500');
-        const rgb = color.toRgb();
-        expect(rgb).toEqual({ r: 255, g: 85, b: 0, a: 1 });
-      });
-      it('should parse 3-digit shorthand hex color', () => {
-        const color = tinycolor('#f50');
-        const rgb = color.toRgb();
-        expect(rgb).toEqual({ r: 255, g: 85, b: 0, a: 1 });
-      });
-      it('should parse 8-digit hex color with alpha', () => {
-        const color = tinycolor('#ff550080');
-        const rgb = color.toRgb();
-        expect(rgb.r).toBe(255);
-        expect(rgb.g).toBe(85);
-        expect(rgb.b).toBe(0);
-        expect(rgb.a).toBeCloseTo(0.502, 2);
-      });
-      it('should parse uppercase hex color', () => {
-        const color = tinycolor('#FF5500');
-        const rgb = color.toRgb();
-        expect(rgb).toEqual({ r: 255, g: 85, b: 0, a: 1 });
-      });
-      // eslint-disable-next-line spellcheck/spell-checker
-      it('should handle hex with leading/trailing whitespace', () => {
-        const color = tinycolor('  #ff5500  ');
-        const rgb = color.toRgb();
-        expect(rgb).toEqual({ r: 255, g: 85, b: 0, a: 1 });
-      });
-    });
-    describe('RGB/RGBA strings', () => {
-      it('should parse rgb() format', () => {
-        const color = tinycolor('rgb(255, 128, 64)');
-        const rgb = color.toRgb();
-        expect(rgb).toEqual({ r: 255, g: 128, b: 64, a: 1 });
-      });
-      it('should parse rgba() format', () => {
-        const color = tinycolor('rgba(255, 128, 64, 0.5)');
-        const rgb = color.toRgb();
-        expect(rgb).toEqual({ r: 255, g: 128, b: 64, a: 0.5 });
-      });
-      it('should handle rgb() with extra spaces', () => {
-        const color = tinycolor('rgb(  255 ,  128 ,  64  )');
-        const rgb = color.toRgb();
-        expect(rgb).toEqual({ r: 255, g: 128, b: 64, a: 1 });
-      });
-    });
-    describe('RGBA objects', () => {
-      it('should parse RGBA object with alpha', () => {
-        const color = tinycolor({ r: 200, g: 100, b: 50, a: 0.8 });
-        const rgb = color.toRgb();
-        expect(rgb).toEqual({ r: 200, g: 100, b: 50, a: 0.8 });
-      });
-      it('should default alpha to 1 when not provided', () => {
-        const color = tinycolor({ r: 200, g: 100, b: 50 });
-        const rgb = color.toRgb();
-        expect(rgb.a).toBe(1);
-      });
-      it('should clamp RGB values to 0-255', () => {
-        const color = tinycolor({ r: 300, g: -10, b: 128, a: 1 });
-        const rgb = color.toRgb();
-        expect(rgb).toEqual({ r: 255, g: 0, b: 128, a: 1 });
-      });
-      it('should clamp alpha to 0-1', () => {
-        const color = tinycolor({ r: 128, g: 128, b: 128, a: 2 });
-        const rgb = color.toRgb();
-        expect(rgb.a).toBe(1);
-      });
-    });
-    describe('Hex with 4-digit shorthand (#RGBA)', () => {
-      it('should parse 4-digit hex color with alpha', () => {
-        // #f508 expands to #ff550088
-        const color = tinycolor('#f508');
-        const rgb = color.toRgb();
-        expect(rgb.r).toBe(255);
-        expect(rgb.g).toBe(85);
-        expect(rgb.b).toBe(0);
-        expect(rgb.a).toBeCloseTo(0.533, 2);
-      });
-    });
-    describe('Invalid inputs', () => {
-      it('should return black for unsupported format', () => {
-        // eslint-disable-next-line spellcheck/spell-checker
-        const color = tinycolor('hsl(120, 50%, 50%)');
-        const rgb = color.toRgb();
-        expect(rgb).toEqual({ r: 0, g: 0, b: 0, a: 1 });
-      });
-      it('should return black for invalid hex', () => {
-        // eslint-disable-next-line spellcheck/spell-checker
-        const color = tinycolor('#xyz');
-        const rgb = color.toRgb();
-        expect(rgb).toEqual({ r: 0, g: 0, b: 0, a: 1 });
-      });
-      it('should return black for non-string non-object input', () => {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        const color = tinycolor(12345);
-        const rgb = color.toRgb();
-        expect(rgb).toEqual({ r: 0, g: 0, b: 0, a: 1 });
-      });
-      it('should return black for malformed rgb string', () => {
-        // eslint-disable-next-line spellcheck/spell-checker
-        const color = tinycolor('rgb(abc)');
-        const rgb = color.toRgb();
-        expect(rgb).toEqual({ r: 0, g: 0, b: 0, a: 1 });
-      });
-      it('should default alpha to 1 when hex alpha characters are invalid', () => {
-        // eslint-disable-next-line spellcheck/spell-checker
-        const color = tinycolor('#ff5500zz');
-        const rgb = color.toRgb();
-        expect(rgb.a).toBe(1);
-      });
-    });
-  });
-  describe('isDark() / isLight()', () => {
-    it('should identify black as dark', () => {
-      const color = tinycolor('#000000');
-      expect(color.isDark()).toBe(true);
-      expect(color.isLight()).toBe(false);
-    });
-    it('should identify white as light', () => {
-      const color = tinycolor('#ffffff');
-      expect(color.isDark()).toBe(false);
-      expect(color.isLight()).toBe(true);
-    });
-    it('should identify dark blue as dark', () => {
-      const color = tinycolor('#000080');
-      expect(color.isDark()).toBe(true);
-    });
-    it('should identify yellow as light', () => {
-      const color = tinycolor('#ffff00');
-      expect(color.isLight()).toBe(true);
-    });
-    it('should correctly identify mid-gray threshold', () => {
-      // Brightness at 128 threshold
-      // Using YIQ formula: (r * 299 + g * 587 + b * 114) / 1000
-      // For gray: (128 * 299 + 128 * 587 + 128 * 114) / 1000 = 128
-      const darkGray = tinycolor('#7f7f7f'); // brightness ~127
-      const lightGray = tinycolor('#808080'); // brightness = 128
-      expect(darkGray.isDark()).toBe(true);
-      expect(lightGray.isLight()).toBe(true);
-    });
-  });
-  describe('clone()', () => {
-    it('should create an independent copy', () => {
-      const original = tinycolor('#ff5500');
-      const cloned = original.clone();
-      // Modify the clone
-      cloned.lighten(20);
-      // Original should be unchanged
-      const originalRgb = original.toRgb();
-      expect(originalRgb).toEqual({ r: 255, g: 85, b: 0, a: 1 });
-    });
-    it('should preserve alpha when cloning', () => {
-      const original = tinycolor('#ff550080');
-      const cloned = original.clone();
-      const clonedRgb = cloned.toRgb();
-      expect(clonedRgb.a).toBeCloseTo(0.502, 2);
-    });
-  });
-  describe('lighten()', () => {
-    it('should lighten a color', () => {
-      const color = tinycolor('#336699');
-      const originalRgb = color.toRgb();
-      color.lighten(20);
-      const lightenedRgb = color.toRgb();
-      // The lightened color should have higher RGB values
-      expect(lightenedRgb.r).toBeGreaterThan(originalRgb.r);
-      expect(lightenedRgb.g).toBeGreaterThan(originalRgb.g);
-      expect(lightenedRgb.b).toBeGreaterThan(originalRgb.b);
-    });
-    it('should lighten using default amount when no argument is provided', () => {
-      const color1 = tinycolor('#336699');
-      const color2 = tinycolor('#336699');
-      color1.lighten();
-      color2.lighten(10);
-      expect(color1.toRgb()).toEqual(color2.toRgb());
-    });
-    it('should darken a color with negative amount', () => {
-      const color = tinycolor('#668899');
-      const originalRgb = color.toRgb();
-      color.lighten(-20);
-      const darkenedRgb = color.toRgb();
-      // The darkened color should have lower RGB values
-      expect(darkenedRgb.r).toBeLessThan(originalRgb.r);
-      expect(darkenedRgb.g).toBeLessThan(originalRgb.g);
-      expect(darkenedRgb.b).toBeLessThan(originalRgb.b);
-    });
-    it('should not exceed white when over-lightening', () => {
-      const color = tinycolor('#cccccc');
-      color.lighten(100);
-      const rgb = color.toRgb();
-      expect(rgb.r).toBeLessThanOrEqual(255);
-      expect(rgb.g).toBeLessThanOrEqual(255);
-      expect(rgb.b).toBeLessThanOrEqual(255);
-    });
-    it('should be chainable', () => {
-      const color = tinycolor('#336699');
-      const result = color.lighten(10);
-      expect(result).toBe(color);
-    });
-  });
-  describe('darken()', () => {
-    it('should darken a color', () => {
-      const color = tinycolor('#668899');
-      const originalRgb = color.toRgb();
-      color.darken(20);
-      const darkenedRgb = color.toRgb();
-      expect(darkenedRgb.r).toBeLessThan(originalRgb.r);
-      expect(darkenedRgb.g).toBeLessThan(originalRgb.g);
-      expect(darkenedRgb.b).toBeLessThan(originalRgb.b);
-    });
-    it('should darken using default amount when no argument is provided', () => {
-      const color1 = tinycolor('#668899');
-      const color2 = tinycolor('#668899');
-      color1.darken();
-      color2.darken(10);
-      expect(color1.toRgb()).toEqual(color2.toRgb());
-    });
-    it('should not go below black when over-darkening', () => {
-      const color = tinycolor('#333333');
-      color.darken(100);
-      const rgb = color.toRgb();
-      expect(rgb.r).toBeGreaterThanOrEqual(0);
-      expect(rgb.g).toBeGreaterThanOrEqual(0);
-      expect(rgb.b).toBeGreaterThanOrEqual(0);
-    });
-  });
-  describe('setAlpha()', () => {
-    it('should set the alpha value', () => {
-      const color = tinycolor('#ff5500');
-      color.setAlpha(0.5);
-      const rgb = color.toRgb();
-      expect(rgb.a).toBe(0.5);
-    });
-    it('should clamp alpha to 0-1 range', () => {
-      const color = tinycolor('#ff5500');
-      color.setAlpha(-0.5);
-      expect(color.toRgb().a).toBe(0);
-      color.setAlpha(1.5);
-      expect(color.toRgb().a).toBe(1);
-    });
-    it('should be chainable', () => {
-      const color = tinycolor('#ff5500');
-      const result = color.setAlpha(0.5);
-      expect(result).toBe(color);
-    });
-    it('should work with lighten in a chain', () => {
-      const color = tinycolor('#ff5500');
-      color.lighten(10).setAlpha(0.25);
-      const rgb = color.toRgb();
-      expect(rgb.a).toBe(0.25);
-    });
-  });
-  describe('toRgb()', () => {
-    it('should return RGBA object', () => {
-      const color = tinycolor('#ff5500');
-      const rgb = color.toRgb();
-      expect(rgb).toHaveProperty('r');
-      expect(rgb).toHaveProperty('g');
-      expect(rgb).toHaveProperty('b');
-      expect(rgb).toHaveProperty('a');
-    });
-    it('should return integer RGB values', () => {
-      const color = tinycolor('#ff5500');
-      color.lighten(15);
-      const rgb = color.toRgb();
-      expect(Number.isInteger(rgb.r)).toBe(true);
-      expect(Number.isInteger(rgb.g)).toBe(true);
-      expect(Number.isInteger(rgb.b)).toBe(true);
-    });
-  });
-  describe('Theme override use cases', () => {
-    /**
-     * These tests simulate the actual usage patterns from overridable-color-tokens.ts
-     */
-    describe('rgbToHsl branch coverage via lighten/darken', () => {
-      it('should handle color where green is the max component', () => {
-        // Green-dominant color: r=50, g=200, b=100 => max is green
-        const color = tinycolor({ r: 50, g: 200, b: 100, a: 1 });
-        const original = color.toRgb();
-        color.lighten(10);
-        const lightened = color.toRgb();
-        // Lightening should increase at least one channel
-        expect(lightened.r + lightened.g + lightened.b).toBeGreaterThan(original.r + original.g + original.b);
-      });
-      it('should handle color where red is max and green < blue', () => {
-        // Red-dominant with g < b: r=200, g=50, b=100 => max is red, g < b
-        const color = tinycolor({ r: 200, g: 50, b: 100, a: 1 });
-        const original = color.toRgb();
-        color.lighten(10);
-        const lightened = color.toRgb();
-        expect(lightened.r + lightened.g + lightened.b).toBeGreaterThan(original.r + original.g + original.b);
-      });
-      it('should handle pure gray (saturation = 0) in hslToRgb', () => {
-        // Pure gray: r=g=b, saturation is 0
-        const color = tinycolor('#808080');
-        color.lighten(10);
-        const rgb = color.toRgb();
-        // After lightening gray, all channels should still be equal (still gray)
-        expect(rgb.r).toBe(rgb.g);
-        expect(rgb.g).toBe(rgb.b);
-        // And should be lighter
-        expect(rgb.r).toBeGreaterThan(128);
-      });
-    });
-    it('should handle action color hover (dark color)', () => {
-      const actionColor = '#1a237e'; // Dark blue
-      const color = tinycolor(actionColor);
-      const cloned = color.clone();
-      if (color.isDark()) {
-        cloned.lighten(10);
-      }
-      else {
-        cloned.lighten(-10);
-      }
-      const rgb = cloned.toRgb();
-      // Should be lightened since the original is dark
-      expect(rgb.r).toBeGreaterThan(26);
-    });
-    it('should handle action color hover (light color)', () => {
-      const actionColor = '#e3f2fd'; // Light blue
-      const color = tinycolor(actionColor);
-      const cloned = color.clone();
-      if (color.isDark()) {
-        cloned.lighten(10);
-      }
-      else {
-        cloned.lighten(-10);
-      }
-      const rgb = cloned.toRgb();
-      // Should be darkened since the original is light
-      expect(rgb.r).toBeLessThan(227);
-    });
-    it('should handle secondary action with alpha', () => {
-      const actionColor = '#1976d2';
-      const color = tinycolor(actionColor);
-      const cloned = color.clone();
-      if (color.isDark()) {
-        cloned.lighten(10);
-      }
-      else {
-        cloned.lighten(-10);
-      }
-      cloned.setAlpha(0.15);
-      const rgb = cloned.toRgb();
-      expect(rgb.a).toBe(0.15);
-    });
-    it('should format value correctly for CSS variable', () => {
-      const actionColor = '#1976d2';
-      const color = tinycolor(actionColor);
-      const rgb = color.toRgb();
-      // This matches the formatValue function in the generated tokens
-      const cssValue = `${rgb.r} ${rgb.g} ${rgb.b} / ${rgb.a}`;
-      expect(cssValue).toMatch(/^\d+ \d+ \d+ \/ [\d.]+$/);
-    });
-  });
-});

package/dist/collection/test-assets/test-icons.js

@@ -1,5 +0,0 @@
-export const TestIcons = {
-  'arrow-right': {
-    icon: `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.6485 5.35147C17.1799 4.88284 16.4201 4.88284 15.9515 5.35147C15.4828 5.8201 15.4828 6.5799 15.9515 7.04853L19.903 11H1.15C0.514873 11 0 11.5373 0 12.2C0 12.8627 0.514873 13.4 1.15 13.4H19.903L15.9515 17.3515C15.4828 17.8201 15.4828 18.5799 15.9515 19.0485C16.4201 19.5172 17.1799 19.5172 17.6485 19.0485L23.6485 13.0485C24.1172 12.5799 24.1172 11.8201 23.6485 11.3515L17.6485 5.35147Z" fill="currentColor"></path></svg>`,
-  },
-};

package/dist/collection/types/test/type-guard.test.js

@@ -1,46 +0,0 @@
-import { ClickOutsideOnlyToDismissStrategy } from '../../helpers/slimmers/element-appender/trigger-strategies/click-outside-only-to-dismiss-strategy';
-import { isEATriggerStrategy, isFlexWrapType, isResponsiveType, isSpacingDirection, isStateVariantTokenType, } from '../type-guard';
-test('should get expect result when call function isResponsiveType', async () => {
-  const sizeWithDefault = {
-    default: 'default',
-    M: 'small',
-  };
-  const sizeNoDefault = {
-    M: 'small',
-  };
-  const size = 'small';
-  const sizeEmpty = null;
-  expect(isResponsiveType(sizeWithDefault)).toBeTruthy();
-  expect(isResponsiveType(sizeNoDefault)).toBeTruthy();
-  expect(isResponsiveType(size)).toBeFalsy();
-  expect(isResponsiveType(sizeEmpty)).toBeFalsy();
-});
-test('should get expect result when call function isSpacingDirection', async () => {
-  const num = 8;
-  const stringInvalid = 'top1';
-  const stringValid1 = 'top';
-  const stringValid2 = 'x';
-  expect(isSpacingDirection(num)).toBeFalsy();
-  expect(isSpacingDirection(stringInvalid)).toBeFalsy();
-  expect(isSpacingDirection(stringValid1)).toBeTruthy();
-  expect(isSpacingDirection(stringValid2)).toBeTruthy();
-});
-test('should get expect result when call function isStateVariantTokenType', async () => {
-  expect(isStateVariantTokenType(undefined)).toBeFalsy();
-  expect(isStateVariantTokenType(null)).toBeFalsy();
-  expect(isStateVariantTokenType({})).toBeTruthy();
-  expect(isStateVariantTokenType({ default: '' })).toBeTruthy();
-  expect(isStateVariantTokenType({ default: '', valid: '' })).toBeFalsy();
-});
-test('should get expect result when call function isFlexWrapType', async () => {
-  expect(isFlexWrapType(undefined)).toBeFalsy();
-  expect(isFlexWrapType(null)).toBeFalsy();
-  expect(isFlexWrapType('wrap')).toBeTruthy();
-  expect(isFlexWrapType('wrap1')).toBeFalsy();
-});
-test('should get expect result when call function isEATriggerStrategy', async () => {
-  expect(isEATriggerStrategy(undefined)).toBeFalsy();
-  expect(isEATriggerStrategy(null)).toBeFalsy();
-  expect(isEATriggerStrategy('wrap')).toBeFalsy();
-  expect(isEATriggerStrategy(new ClickOutsideOnlyToDismissStrategy())).toBeTruthy();
-});