@heartlandone/vega 2.81.0 → 2.82.0

package/dist/cjs/{app-globals-25e1bfac.js → app-globals-3350d580.js}

@@ -1,22 +1,22 @@
 'use strict';
 
 const featureFlagController = require('./feature-flag-controller-9129ef52.js');
-const tokenExtension = require('./token-extension-addc97c1.js');
-const splitCellOperation = require('./split-cell-operation-3596f738.js');
+const tokenExtension = require('./token-extension-9b213b6b.js');
+const splitCellOperation = require('./split-cell-operation-bb388de6.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const vegaDialogController = require('./vega-dialog-controller-03ef4d9a.js');
 const typography = require('./typography-4560e7f1.js');
 const iconManager = require('./icon-manager-c12c6ea9.js');
-const internalTranslationController = require('./internal-translation-controller-9f58a4e4.js');
-const validCreditCardNumberRule = require('./valid-credit-card-number-rule-1d8bf49c.js');
+const internalTranslationController = require('./internal-translation-controller-fb1532f4.js');
+const validCreditCardNumberRule = require('./valid-credit-card-number-rule-99d1bb34.js');
 const vegaEnvManager = require('./vega-env-manager-23b8b23c.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const observer = require('./observer-f49483e8.js');
 const index = require('./index-58ea899e.js');
-const contentState = require('./content-state-0f26036c.js');
+const contentState = require('./content-state-648652b4.js');
 const vegaNonceManager = require('./vega-nonce-manager-df69d3ed.js');
-const codeBlock = require('./code-block-24b3d0e7.js');
+const codeBlock = require('./code-block-b1f8aded.js');
 
 var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -398,7 +398,7 @@ function injectVegaRichTextEditorClassIntoGlobal() {
  * Inject VegaPublicValidationRules to global as a public api
  */
 function injectVegaPublicValidationRules() {
-  void Promise.resolve().then(function () { return require('./public-rules-652ec269.js'); }).then((module) => {
+  void Promise.resolve().then(function () { return require('./public-rules-bce88d4e.js'); }).then((module) => {
     Object.entries(module).forEach(([name, value]) => {
       globalThis[name] = value;
     });

package/dist/cjs/{aria-dialog-focusable-trap-slimmer-ced9566d.js → aria-dialog-focusable-trap-slimmer-5507f917.js}

@@ -5,7 +5,7 @@ const ui = require('./ui-ae4ee13d.js');
 const synchronizeTaskQueue = require('./synchronize-task-queue-1ee80e94.js');
 const observer = require('./observer-f49483e8.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const vegaInternalEventId = require('./vega-internal-event-id-a1837fa2.js');
+const vegaInternalEventId = require('./vega-internal-event-id-87014e4f.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/cjs/{child-nodes-event-prevent-slimmer-dd0bb8b6.js → child-nodes-event-prevent-slimmer-9b7095a4.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const internalVegaEventManager = require('./internal-vega-event-manager-cc0f511c.js');
+const internalVegaEventManager = require('./internal-vega-event-manager-fef893bf.js');
 const vegaEnvManager = require('./vega-env-manager-23b8b23c.js');
 const featureFlagController = require('./feature-flag-controller-9129ef52.js');
 

package/dist/cjs/{code-block-24b3d0e7.js → code-block-b1f8aded.js}

@@ -2,13 +2,13 @@
 
 const changeManager = require('./change-manager-a297e4d2.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
-const vegaInternalEventId = require('./vega-internal-event-id-a1837fa2.js');
+const vegaInternalEventId = require('./vega-internal-event-id-87014e4f.js');
 const string = require('./string-39438062.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const typeGuard = require('./type-guard-362d7da3.js');
+const typeGuard = require('./type-guard-3ec852d7.js');
 const typography = require('./typography-4560e7f1.js');
 const misc = require('./misc-3d30df91.js');
-const darkModeStyleController = require('./dark-mode-style-controller-3a04af3d.js');
+const darkModeStyleController = require('./dark-mode-style-controller-bd765afb.js');
 const object = require('./object-b53e9416.js');
 const ui = require('./ui-ae4ee13d.js');
 

package/dist/cjs/{component-value-history-controller-slimmer.abstract-bd662b32.js → component-value-history-controller-slimmer.abstract-99fbd1f2.js}

@@ -1,17 +1,17 @@
 'use strict';
 
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const codeBlock = require('./code-block-24b3d0e7.js');
+const codeBlock = require('./code-block-b1f8aded.js');
 const timer = require('./timer-5f33058b.js');
 const component = require('./component-1e352960.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
-const vegaInternalEventId = require('./vega-internal-event-id-a1837fa2.js');
+const vegaInternalEventId = require('./vega-internal-event-id-87014e4f.js');
 const observer = require('./observer-f49483e8.js');
-const range = require('./range-cdd61881.js');
+const range = require('./range-5bd6d72b.js');
 const autoRunWhenReRenderTaskQueueSlimmer_abstract = require('./auto-run-when-re-render-task-queue-slimmer.abstract-5734634d.js');
 const ui = require('./ui-ae4ee13d.js');
-const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-93fcbf46.js');
+const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-879ff4f3.js');
 
 let processing = false;
 /**

package/dist/cjs/{content-state-0f26036c.js → content-state-648652b4.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-const codeBlock = require('./code-block-24b3d0e7.js');
+const codeBlock = require('./code-block-b1f8aded.js');
 const misc = require('./misc-3d30df91.js');
-const typeGuard = require('./type-guard-362d7da3.js');
+const typeGuard = require('./type-guard-3ec852d7.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-9110cb94.js');
-const vegaInternalEventId = require('./vega-internal-event-id-a1837fa2.js');
+const vegaInternalEventId = require('./vega-internal-event-id-87014e4f.js');
 const ui = require('./ui-ae4ee13d.js');
 const object = require('./object-b53e9416.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');

package/dist/cjs/{dark-mode-style-controller-3a04af3d.js → dark-mode-style-controller-bd765afb.js}

@@ -3,6 +3,7 @@
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const observer = require('./observer-f49483e8.js');
+const tinycolorPolyfill = require('./tinycolor-polyfill-502efaa8.js');
 const vegaNonceManager = require('./vega-nonce-manager-df69d3ed.js');
 const index = require('./index-592b4052.js');
 
@@ -484,327 +485,6 @@ const DarkModeRingTokens = {
   'ring-action-danger-focus': '255, 56, 97, 0.25',
 };
 
-/**
- * TinyColor Polyfill - A lightweight color manipulation utility.
- *
- * This is a drop-in replacement for tinycolor2, implementing only the methods
- * used in the Vega theme overriding system.
- *
- * @see VD-5026 - [Zero Dependencies] remove tinycolor2 dependency
- */
-/**
- * TinyColor polyfill class for color manipulation.
- * Implements the same interface as tinycolor2.Instance for the methods used in Vega.
- */
-class TinyColorPolyfill {
-  /**
-   * Create a new TinyColorPolyfill instance.
-   *
-   * @param {string | RgbaValue} color - The color to parse.
-   */
-  constructor(color) {
-    const rgba = TinyColorPolyfill.parseColor(color);
-    this._r = rgba.r;
-    this._g = rgba.g;
-    this._b = rgba.b;
-    this._a = rgba.a;
-  }
-  // ==================== Private Static Helper Methods ====================
-  /**
-   * Clamp a value between a minimum and maximum.
-   *
-   * @param {number} value - The value to clamp.
-   * @param {number} min - The minimum allowed value.
-   * @param {number} max - The maximum allowed value.
-   * @returns {number} The clamped value.
-   */
-  static clamp(value, min, max) {
-    return Math.min(Math.max(value, min), max);
-  }
-  /**
-   * Parse a color string or RGBA object into an RgbaValue.
-   *
-   * Supported formats:
-   * - Hex: #RGB, #RRGGBB, #RRGGBBAA
-   * - RGB: rgb(r, g, b)
-   * - RGBA: rgba(r, g, b, a)
-   * - Object: { r, g, b, a? }
-   *
-   * @param {string | RgbaValue} color - The color to parse.
-   * @returns {RgbaValue} The parsed RGBA value.
-   */
-  static parseColor(color) {
-    if (typeof color === 'object' && 'r' in color && 'g' in color && 'b' in color) {
-      return {
-        r: Math.round(TinyColorPolyfill.clamp(color.r, 0, 255)),
-        g: Math.round(TinyColorPolyfill.clamp(color.g, 0, 255)),
-        b: Math.round(TinyColorPolyfill.clamp(color.b, 0, 255)),
-        a: color.a !== undefined ? TinyColorPolyfill.clamp(color.a, 0, 1) : 1,
-      };
-    }
-    if (typeof color !== 'string') {
-      return { r: 0, g: 0, b: 0, a: 1 };
-    }
-    const trimmed = color.trim().toLowerCase();
-    // Hex format
-    if (trimmed.startsWith('#')) {
-      return TinyColorPolyfill.parseHex(trimmed);
-    }
-    // RGB/RGBA format
-    if (trimmed.startsWith('rgb')) {
-      return TinyColorPolyfill.parseRgbString(trimmed);
-    }
-    // Fallback to black for unsupported formats
-    return { r: 0, g: 0, b: 0, a: 1 };
-  }
-  /* eslint-disable spellcheck/spell-checker */
-  /**
-   * Parse a hex color string into RGBA values.
-   *
-   * @param {string} hex - The hex color string (e.g., "#fff", "#ffffff", "#ffffffff").
-   * @returns {RgbaValue} The parsed RGBA value.
-   */
-  static parseHex(hex) {
-    /* eslint-enable spellcheck/spell-checker */
-    // Remove the # prefix
-    let hexValue = hex.slice(1);
-    // Expand shorthand format (#RGB -> #RRGGBB)
-    if (hexValue.length === 3) {
-      hexValue = hexValue
-        .split('')
-        .map((c) => c + c)
-        .join('');
-    }
-    // Handle #RGBA shorthand
-    if (hexValue.length === 4) {
-      hexValue = hexValue
-        .split('')
-        .map((c) => c + c)
-        .join('');
-    }
-    const r = parseInt(hexValue.slice(0, 2), 16);
-    const g = parseInt(hexValue.slice(2, 4), 16);
-    const b = parseInt(hexValue.slice(4, 6), 16);
-    let a = 1;
-    // Handle #RRGGBBAA format
-    if (hexValue.length === 8) {
-      a = parseInt(hexValue.slice(6, 8), 16) / 255;
-    }
-    return {
-      r: Number.isNaN(r) ? 0 : r,
-      g: Number.isNaN(g) ? 0 : g,
-      b: Number.isNaN(b) ? 0 : b,
-      a: Number.isNaN(a) ? 1 : a,
-    };
-  }
-  /**
-   * Parse an RGB or RGBA string into RGBA values.
-   *
-   * @param {string} rgbString - The RGB/RGBA string (e.g., "rgb(255, 128, 0)" or "rgba(255, 128, 0, 0.5)").
-   * @returns {RgbaValue} The parsed RGBA value.
-   */
-  static parseRgbString(rgbString) {
-    // Match rgb(r, g, b) or rgba(r, g, b, a) with comma-separated integer values.
-    // Note: Does NOT support percentage values (e.g., rgb(100%, 50%, 0%)) or
-    // modern CSS space-separated syntax (e.g., rgb(255 128 0 / 0.5)).
-    const match = rgbString.match(/rgba?\s*\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(?:,\s*(\d+\.?\d*))?\s*\)/);
-    if (!match) {
-      return { r: 0, g: 0, b: 0, a: 1 };
-    }
-    return {
-      r: TinyColorPolyfill.clamp(parseInt(match[1], 10), 0, 255),
-      g: TinyColorPolyfill.clamp(parseInt(match[2], 10), 0, 255),
-      b: TinyColorPolyfill.clamp(parseInt(match[3], 10), 0, 255),
-      a: match[4] !== undefined ? TinyColorPolyfill.clamp(parseFloat(match[4]), 0, 1) : 1,
-    };
-  }
-  /**
-   * Convert RGB to HSL.
-   *
-   * @param {number} r - Red (0-255).
-   * @param {number} g - Green (0-255).
-   * @param {number} b - Blue (0-255).
-   * @returns {HslValue} The HSL values (h: 0-360, s: 0-1, l: 0-1).
-   */
-  static rgbToHsl(r, g, b) {
-    r /= 255;
-    g /= 255;
-    b /= 255;
-    const max = Math.max(r, g, b);
-    const min = Math.min(r, g, b);
-    const l = (max + min) / 2;
-    let h = 0;
-    let s = 0;
-    if (max !== min) {
-      const d = max - min;
-      s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
-      switch (max) {
-        case r:
-          h = ((g - b) / d + (g < b ? 6 : 0)) / 6;
-          break;
-        case g:
-          h = ((b - r) / d + 2) / 6;
-          break;
-        case b:
-          h = ((r - g) / d + 4) / 6;
-          break;
-      }
-    }
-    return { h: h * 360, s, l };
-  }
-  /**
-   * Convert HSL to RGB.
-   *
-   * @param {number} h - Hue (0-360).
-   * @param {number} s - Saturation (0-1).
-   * @param {number} l - Lightness (0-1).
-   * @returns {RgbValue} The RGB values (0-255).
-   */
-  static hslToRgb(h, s, l) {
-    h /= 360;
-    let r;
-    let g;
-    let b;
-    if (s === 0) {
-      r = g = b = l;
-    }
-    else {
-      /**
-       * Helper function to convert hue to RGB component.
-       *
-       * @param {number} p - First intermediate value.
-       * @param {number} q - Second intermediate value.
-       * @param {number} t - Hue offset value.
-       * @returns {number} RGB component value (0-1).
-       */
-      const hue2rgb = (p, q, t) => {
-        if (t < 0)
-          t += 1;
-        if (t > 1)
-          t -= 1;
-        if (t < 1 / 6)
-          return p + (q - p) * 6 * t;
-        if (t < 1 / 2)
-          return q;
-        if (t < 2 / 3)
-          return p + (q - p) * (2 / 3 - t) * 6;
-        return p;
-      };
-      const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
-      const p = 2 * l - q;
-      r = hue2rgb(p, q, h + 1 / 3);
-      g = hue2rgb(p, q, h);
-      b = hue2rgb(p, q, h - 1 / 3);
-    }
-    return {
-      r: Math.round(r * 255),
-      g: Math.round(g * 255),
-      b: Math.round(b * 255),
-    };
-  }
-  /**
-   * Calculate the perceived brightness of a color using the YIQ formula.
-   * This matches tinycolor2's brightness calculation.
-   *
-   * @param {number} r - Red (0-255).
-   * @param {number} g - Green (0-255).
-   * @param {number} b - Blue (0-255).
-   * @returns {number} Brightness value (0-255).
-   */
-  static getBrightness(r, g, b) {
-    return (r * 299 + g * 587 + b * 114) / 1000;
-  }
-  // ==================== Public Instance Methods ====================
-  /**
-   * Check if the color is dark (brightness < 128).
-   *
-   * @returns {boolean} True if the color is considered dark.
-   */
-  isDark() {
-    return TinyColorPolyfill.getBrightness(this._r, this._g, this._b) < 128;
-  }
-  /**
-   * Check if the color is light (brightness >= 128).
-   *
-   * @returns {boolean} True if the color is considered light.
-   */
-  isLight() {
-    return !this.isDark();
-  }
-  /**
-   * Create a copy of this color.
-   *
-   * @returns {TinyColorPolyfill} A new TinyColorPolyfill instance with the same values.
-   */
-  clone() {
-    const cloned = new TinyColorPolyfill({
-      r: this._r,
-      g: this._g,
-      b: this._b,
-      a: this._a,
-    });
-    return cloned;
-  }
-  /**
-   * Lighten the color by a given amount.
-   * Note: tinycolor2 accepts negative values to darken.
-   *
-   * @param {number} amount - The amount to lighten (0-100). Negative values darken.
-   * @returns {TinyColorPolyfill} This instance for chaining.
-   */
-  lighten(amount = 10) {
-    const hsl = TinyColorPolyfill.rgbToHsl(this._r, this._g, this._b);
-    hsl.l = TinyColorPolyfill.clamp(hsl.l + amount / 100, 0, 1);
-    const rgb = TinyColorPolyfill.hslToRgb(hsl.h, hsl.s, hsl.l);
-    this._r = rgb.r;
-    this._g = rgb.g;
-    this._b = rgb.b;
-    return this;
-  }
-  /**
-   * Darken the color by a given amount.
-   *
-   * @param {number} amount - The amount to darken (0-100).
-   * @returns {TinyColorPolyfill} This instance for chaining.
-   */
-  darken(amount = 10) {
-    return this.lighten(-amount);
-  }
-  /**
-   * Set the alpha (opacity) of the color.
-   *
-   * @param {number} alpha - The alpha value (0-1).
-   * @returns {TinyColorPolyfill} This instance for chaining.
-   */
-  setAlpha(alpha) {
-    this._a = TinyColorPolyfill.clamp(alpha, 0, 1);
-    return this;
-  }
-  /**
-   * Get the RGBA representation of the color.
-   *
-   * @returns {RgbaValue} The RGBA values.
-   */
-  toRgb() {
-    return {
-      r: this._r,
-      g: this._g,
-      b: this._b,
-      a: this._a,
-    };
-  }
-}
-/**
- * Factory function to create a TinyColorPolyfill instance.
- * This provides API compatibility with tinycolor2's default export.
- *
- * @param {string | RgbaValue} color - The color to parse.
- * @returns {TinyColorPolyfill} A new TinyColorPolyfill instance.
- */
-function tinycolor(color) {
-  return new TinyColorPolyfill(color);
-}
-
 const formatValue$2 = (tinyColor) => {
   if (!tinyColor) {
     return '';
@@ -2069,7 +1749,7 @@ class ColorSchemaOverridingController {
    */
   parseCssVarValue(overrideColorToken, overrideColors) {
     var _a;
-    return (_a = overrideColorToken.overrideGetter) === null || _a === void 0 ? void 0 : _a.call(overrideColorToken, overrideColors, tinycolor);
+    return (_a = overrideColorToken.overrideGetter) === null || _a === void 0 ? void 0 : _a.call(overrideColorToken, overrideColors, tinycolorPolyfill.tinycolor);
   }
 }
 const VegaColorSchemaOverridingController = new ColorSchemaOverridingController();

package/dist/cjs/{date-required-rule-4377217a.js → date-required-rule-6addf5dd.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const typeGuard = require('./type-guard-362d7da3.js');
+const typeGuard = require('./type-guard-3ec852d7.js');
 const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 
 /**

package/dist/cjs/{design-token-40276b11.js → design-token-93070bb8.js}

@@ -1,137 +1,13 @@
 'use strict';
 
-const typeGuard = require('./type-guard-362d7da3.js');
+const typeGuard = require('./type-guard-3ec852d7.js');
 const breakpoints = require('./breakpoints-ebde4837.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const responsiveFormatFacade = require('./responsive-format-facade-9cae7f27.js');
+const responsiveFormatFacade = require('./responsive-format-facade-2cab7344.js');
 const typography = require('./typography-4560e7f1.js');
+const stateBorderFormatter = require('./state-border-formatter-4e5e4ed0.js');
 const ui = require('./ui-32120990.js');
 
-/**
- * The `StateBorderColorFormatter` class in TypeScript formats border color tokens based on
- * input values and provides an array of CSS states.
- */
-class StateBorderColorFormatter extends typeGuard.StateVariantFormatter {
-  constructor() {
-    super(...arguments);
-    this.states = ['default', 'focus-visible', 'hover', 'active'];
-  }
-  /**
-   * The function `formatToken` takes a BorderColorsTokenType input, checks if it is a valid border
-   * color token type, and returns the corresponding CSS border-color value or logs a warning if the
-   * input is invalid.
-   *
-   * @param {BorderColorsTokenType} input - BorderColorsTokenType
-   * @returns {string} The `formatToken` function returns a string that represents a CSS style for border color
-   * based on the input `BorderColorsTokenType`. If the input is a valid border color token type, it
-   * retrieves the corresponding value from the `BorderColorMap` and returns a CSS style string with the
-   * border color value. If the input is not a valid border color token type, it logs a warning message
-   * and returns an
-   */
-  formatToken(input) {
-    if (typeGuard.isBorderColorTokenType(input)) {
-      const tokenValue = typeGuard.BorderColorMap[input];
-      return `border-color: ${tokenValue};`;
-    }
-    else {
-      globalSlimmerRegistry.LogUtility.warn(`The borderColor value ${input} is invalid, it must be a value of: `, typeGuard.BorderColors);
-      return '';
-    }
-  }
-  /**
-   * The function `getStates` returns an array of `CssStatesType` objects.
-   *
-   * @returns {CssStatesType[]} An array of CssStatesType objects is being returned.
-   */
-  getStates() {
-    return this.states;
-  }
-}
-const StateBorderColorFormatter$1 = new StateBorderColorFormatter();
-
-/**
- * The `StateShadowFormatter` class in TypeScript formats a CSS `box-shadow` property based on a
- * ShadowsTokenType input and provides an array of CssStatesType objects.
- */
-class StateShadowFormatter extends typeGuard.StateVariantFormatter {
-  constructor() {
-    super(...arguments);
-    this.states = ['default', 'focus-visible', 'hover'];
-  }
-  /**
-   * The `formatToken` function in TypeScript takes a ShadowsTokenType input, validates it, and returns a
-   * formatted CSS box-shadow property string or logs a warning if the input is invalid.
-   *
-   * @param {ShadowsTokenType} input - ShadowsTokenType
-   * @returns {string} The `formatToken` function takes a `ShadowsTokenType` input and returns a CSS `box-shadow`
-   * property with the corresponding value from the `ShadowMap` object. If the input is not a valid
-   * `ShadowsTokenType`, it logs a warning message using `LogUtility.warn` and returns an empty string.
-   */
-  formatToken(input) {
-    if (typeGuard.isShadowsTokenType(input)) {
-      const tokenValue = typeGuard.ShadowMap[input];
-      return `box-shadow: ${tokenValue};`;
-    }
-    else {
-      globalSlimmerRegistry.LogUtility.warn(`The shadow value ${input} is invalid, it must be a value of: `, typeGuard.Shadows);
-      return '';
-    }
-  }
-  /**
-   * The function `getStates` returns an array of `CssStatesType` objects.
-   *
-   * @returns {CssStatesType[]}An array of CssStatesType objects is being returned.
-   */
-  getStates() {
-    return this.states;
-  }
-}
-const StateShadowFormatter$1 = new StateShadowFormatter();
-
-/**
- * The `StateBorderFormatter` class in TypeScript formats border token values into CSS border properties
- * and provides state information.
- */
-class StateBorderFormatter extends typeGuard.StateVariantFormatter {
-  constructor() {
-    super(...arguments);
-    this.states = ['default', 'focus-visible', 'hover', 'active'];
-  }
-  /**
-   * The `formatToken` function in TypeScript formats a border token value into a CSS border property
-   * string or logs a warning if the input is invalid.
-   *
-   * @param {BordersTokenType} input - The `formatToken` function takes a `BordersTokenType` as input
-   * and returns a formatted string representing a CSS border property based on the input token value.
-   * If the input is a valid border token type, it retrieves the corresponding CSS value from the
-   * `BorderMap` and returns it in a `border
-   * @returns {string} The `formatToken` function returns a string that represents a CSS border property based on
-   * the input `BordersTokenType`. If the input is a valid border token type, it retrieves the
-   * corresponding value from the `BorderMap` and returns a CSS `border` property string. If the input
-   * is not a valid border token type, it logs a warning message using `LogUtility.warn` and returns an
-   * empty
-   */
-  formatToken(input) {
-    if (typeGuard.isBorderTokenType(input)) {
-      const tokenValue = typeGuard.BorderMap[input];
-      return `border: ${tokenValue};`;
-    }
-    else {
-      globalSlimmerRegistry.LogUtility.warn(`The border value ${input} is invalid, it must be a value of: `, typeGuard.Borders);
-      return '';
-    }
-  }
-  /**
-   * The function `getStates` returns an array of `CssStatesType` objects.
-   *
-   * @returns {CssStatesType[] } An array of objects of type CssStatesType, which represents the states.
-   */
-  getStates() {
-    return this.states;
-  }
-}
-const StateBorderFormatter$1 = new StateBorderFormatter();
-
 /**
  * The `StateFormatFacade` class in TypeScript provides a method to format different types of
  * state variants based on a specified flag.
@@ -159,11 +35,11 @@ class StateFormatFacade {
       case 'backgroundColor':
         return typeGuard.StateBackgroundColorFormatter.format(input);
       case 'borderColor':
-        return StateBorderColorFormatter$1.format(input);
+        return stateBorderFormatter.StateBorderColorFormatter.format(input);
       case 'shadow':
-        return StateShadowFormatter$1.format(input);
+        return stateBorderFormatter.StateShadowFormatter.format(input);
       case 'border':
-        return StateBorderFormatter$1.format(input);
+        return stateBorderFormatter.StateBorderFormatter.format(input);
       default:
         throw new Error(`Invalid flag ${flag} passed into StateFormatFacade`);
     }