@globalpayments/vega 2.25.0 → 2.27.0

package/dist/collection/components/vega-flex/vega-flex.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { Component, Host, h, Prop, Element } from '@stencil/core';
+import { Component, Host, h, Prop, Element, State } from '@stencil/core';
 import { FeatureFlag } from '../../helpers/feature-control/feature-flag-controller';
 import { sanitizeVegaComponent } from '../../utils/component';
 import { formatAndValidFlexBreakpoint, formatAndValidResponsiveToken } from '../../utils/design-token';
@@ -12,25 +12,28 @@ import { arrayToClassString } from '../../utils/ui';
 import { InjectVegaGlobalSlimmer, InjectVegaSlimmer } from 'vega-slimmer/core';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 import { VegaFlexRuntimeMetricsPayloadDefinition } from '../../constants/runtime-metrics-payload-definition/vega-flex/runtime-metrics-payload-definition';
+import { PageResizeObserverSlimmer } from '../../helpers/slimmers/page-resize-observer-slimmer';
+import { formatFlexStyles } from '../../helpers/formatter/style-formatter';
 /**
- * @version 1.0.4
+ * @vegaVersion 1.0.4
  */
 export class VegaFlex {
   constructor() {
     this.globalSlimmers = {};
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer(VegaFlexRuntimeMetricsPayloadDefinition);
+    this.pageResizeSlimmer = new PageResizeObserverSlimmer();
     /**
      * Determines the breakpoint at which the flex direction transitions from
      *    row-based layout to column-based layout, or vice versa.
      *
      * @deprecated Please use the `direction` property instead.
-     * @version 1.0.4
+     * @vegaVersion 1.0.4
      */
     this.breakpoint = 'S';
     /**
      * Specifies the flex direction.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.direction = 'row';
     /**
@@ -38,7 +41,7 @@ export class VegaFlex {
      *
      * @deprecated This property will be removed soon and vega-flex will only support native-based flex behaviors.
      *
-     * @version 1.10.0
+     * @vegaVersion 1.10.0
      */
     this.useNativeFlex = true;
   }
@@ -58,7 +61,8 @@ export class VegaFlex {
       classNames.push('vega-flex-None');
       classNames.push(formatAndValidResponsiveToken(this.direction, 'flexDirection'));
     }
-    return sanitizeVegaComponent(h(Host, { class: arrayToClassString(classNames) },
+    const styles = formatFlexStyles(this.flex, this.flexGrow, this.flexShrink, this.flexBasis);
+    return sanitizeVegaComponent(h(Host, { style: styles, class: arrayToClassString(classNames) },
       h("slot", null)), this.host);
   }
   static get is() { return "vega-flex"; }
@@ -91,7 +95,7 @@ export class VegaFlex {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.0.4"
           }],
         "text": "Determines the gap (spacing) within the flex container.\n\nIt can be provided as a spacing value, such as `size-12` or `size-24`.\n\nAlternatively, it can be set as a responsive map using key-value pairs\n   to define different gaps for various breakpoints,\n   where the `default` key is required."
@@ -120,7 +124,7 @@ export class VegaFlex {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Determines the margin (spacing) around the flex container.\n\nIt can be provided as a spacing value, such as `size-16` or `size-24`.\n\nAlternatively, it can be set as a responsive map using key-value pairs\n   to define different margins for various breakpoints.\n   When using a responsive map, the `default` key is required."
@@ -148,7 +152,7 @@ export class VegaFlex {
             "name": "deprecated",
             "text": "Please use the `direction` property instead."
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.0.4"
           }],
         "text": "Determines the breakpoint at which the flex direction transitions from\n   row-based layout to column-based layout, or vice versa."
@@ -178,7 +182,7 @@ export class VegaFlex {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Specifies the flex direction."
@@ -208,7 +212,7 @@ export class VegaFlex {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.49.0"
           }],
         "text": "Controls the alignment of items within the flex container."
@@ -237,7 +241,7 @@ export class VegaFlex {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Controls the alignment of content items and the distribution of\n   space between and around them within the flex container."
@@ -266,7 +270,7 @@ export class VegaFlex {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.6.0"
           }],
         "text": "Determines whether flex items are confined to a single line or can wrap onto multiple lines based on available space."
@@ -274,6 +278,122 @@ export class VegaFlex {
       "attribute": "flex-wrap",
       "reflect": false
     },
+    "flex": {
+      "type": "any",
+      "mutable": false,
+      "complexType": {
+        "original": "ResponsiveType<FlexType>",
+        "resolved": "FlexType | { S?: FlexType; M?: FlexType; L?: FlexType; XL?: FlexType; default?: FlexType; }",
+        "references": {
+          "ResponsiveType": {
+            "location": "import",
+            "path": "../../types/ui.type"
+          },
+          "FlexType": {
+            "location": "import",
+            "path": "../vega-box/interface"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.26.0"
+          }],
+        "text": "Specifies how the box adjusts its size, growth, and alignment within a flex container."
+      },
+      "attribute": "flex",
+      "reflect": false
+    },
+    "flexBasis": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "ResponsiveType<FlexBasisType>",
+        "resolved": "\"auto\" | \"content\" | \"fit-content\" | \"fix-content\" | \"inherit\" | \"initial\" | \"max-content\" | \"min-content\" | \"revert\" | \"revert-layer\" | \"unset\" | `${number}%` | `${number}em` | `${number}px` | { S?: FlexBasisType; M?: FlexBasisType; L?: FlexBasisType; XL?: FlexBasisType; default?: FlexBasisType; }",
+        "references": {
+          "ResponsiveType": {
+            "location": "import",
+            "path": "../../types/ui.type"
+          },
+          "FlexBasisType": {
+            "location": "import",
+            "path": "../vega-box/interface"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.26.0"
+          }],
+        "text": "Specifies the box's base size, defining its initial\n   width or height in a flex container."
+      },
+      "attribute": "flex-basis",
+      "reflect": false
+    },
+    "flexGrow": {
+      "type": "any",
+      "mutable": false,
+      "complexType": {
+        "original": "ResponsiveType<FlexGrowType>",
+        "resolved": "\"inherit\" | \"initial\" | \"revert\" | \"revert-layer\" | \"unset\" | number | { S?: FlexGrowType; M?: FlexGrowType; L?: FlexGrowType; XL?: FlexGrowType; default?: FlexGrowType; }",
+        "references": {
+          "ResponsiveType": {
+            "location": "import",
+            "path": "../../types/ui.type"
+          },
+          "FlexGrowType": {
+            "location": "import",
+            "path": "../vega-box/interface"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.26.0"
+          }],
+        "text": "Specifies how the box grows to fill available space in a flex container."
+      },
+      "attribute": "flex-grow",
+      "reflect": false
+    },
+    "flexShrink": {
+      "type": "any",
+      "mutable": false,
+      "complexType": {
+        "original": "ResponsiveType<FlexShrinkType>",
+        "resolved": "\"inherit\" | \"initial\" | \"revert\" | \"revert-layer\" | \"unset\" | number | { S?: FlexShrinkType; M?: FlexShrinkType; L?: FlexShrinkType; XL?: FlexShrinkType; default?: FlexShrinkType; }",
+        "references": {
+          "ResponsiveType": {
+            "location": "import",
+            "path": "../../types/ui.type"
+          },
+          "FlexShrinkType": {
+            "location": "import",
+            "path": "../vega-box/interface"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.26.0"
+          }],
+        "text": "Specifies how much the box shrinks to fit within a flex container."
+      },
+      "attribute": "flex-shrink",
+      "reflect": false
+    },
     "useNativeFlex": {
       "type": "boolean",
       "mutable": false,
@@ -289,7 +409,7 @@ export class VegaFlex {
             "name": "deprecated",
             "text": "This property will be removed soon and vega-flex will only support native-based flex behaviors."
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.10.0"
           }],
         "text": "Specifies whether to use the native flex layout."
@@ -299,6 +419,9 @@ export class VegaFlex {
       "defaultValue": "true"
     }
   }; }
+  static get states() { return {
+    "currentBreakpoint": {}
+  }; }
   static get elementRef() { return "host"; }
 }
 __decorate([
@@ -307,3 +430,6 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaFlex.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaFlex.prototype, "pageResizeSlimmer", void 0);

package/dist/collection/components/vega-font/vega-font.js

@@ -17,7 +17,7 @@ import { VegaFontRenderer } from './slimmers/renderers/vega-font-renderer';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 import { VegaFontRuntimeMetricsPayloadDefinition } from '../../constants/runtime-metrics-payload-definition/vega-font/runtime-metrics-payload-definition';
 /**
- * @version 1.46.0
+ * @vegaVersion 1.46.0
  */
 export class VegaFont {
   constructor() {
@@ -32,27 +32,27 @@ export class VegaFont {
     /**
      * Specifies the typography token used for styling the text within this component. A typography token includes values for font size and line height.
      *
-     * @version 1.46.0
+     * @vegaVersion 1.46.0
      */
     this.variant = 'font-field-label';
     /**
      * Specifies the font color represented by a valid text color token.
      *
-     * @version 1.46.0
+     * @vegaVersion 1.46.0
      */
     this.color = 'text-primary';
     /**
      * Specifies the capability to enable or disable the font's
      *      responsiveness from native code.
      *
-     * @version 1.46.0
+     * @vegaVersion 1.46.0
      */
     this.disableResponsive = false;
     /**
      * Indicates the rendering of an additional node with a
      *     value that is an HTML tag name. It can be set as `ResponsiveType`.
      *
-     * @version 1.46.0
+     * @vegaVersion 1.46.0
      */
     this.as = '';
   }
@@ -100,7 +100,7 @@ export class VegaFont {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.46.0"
           }],
         "text": "Specifies the typography token used for styling the text within this component. A typography token includes values for font size and line height."
@@ -126,7 +126,7 @@ export class VegaFont {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.46.0"
           }],
         "text": "Specifies the font color represented by a valid text color token."
@@ -147,7 +147,7 @@ export class VegaFont {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.46.0"
           }],
         "text": "Specifies the capability to enable or disable the font's\n     responsiveness from native code."
@@ -177,7 +177,7 @@ export class VegaFont {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.9.0"
           }],
         "text": "Specifies the horizontal alignment of the vega-font content.\n\nThis property determines how the text is aligned\n  \twithin its container, and it is effective only when\n  \tthe vega-font is styled as a block-level element."
@@ -206,7 +206,7 @@ export class VegaFont {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.46.0"
           }],
         "text": "Indicates the rendering of an additional node with a\n    value that is an HTML tag name. It can be set as `ResponsiveType`."

package/dist/collection/components/vega-form/vega-form.js

@@ -22,7 +22,7 @@ import domNodeSubjectFactory from '../../helpers/change-manager/subject/dom-node
 import { VegaInternalValid } from '../../helpers/event-manager/event-id/vega-internal-event-id';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 /**
- * @version 1.3.0
+ * @vegaVersion 1.3.0
  */
 export class VegaForm {
   constructor() {
@@ -74,7 +74,7 @@ export class VegaForm {
      *      form-controlled elements to ensure that the value reflects
      *      the most up-to-date form validation status.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.isValid = null;
@@ -87,7 +87,7 @@ export class VegaForm {
      *   2. When resetting the form, this parameter is set to `false`.
      *   3. When invoking the `setValue` method, this parameter is set to `false`.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.isTouched = false;
     /**
@@ -148,7 +148,7 @@ export class VegaForm {
    *
    * @param {boolean | 'rule'} showError determine whether the validation result should be reflected in UI
    * @return {Promise<FormValidateResult> } validation result
-   * @version 1.3.0
+   * @vegaVersion 1.3.0
    */
   async valid(showError = true) {
     const result = { isValid: true, invalidFields: [] };
@@ -176,7 +176,7 @@ export class VegaForm {
    *
    * @param {FormControlOption} [option] form control option to skip disabled/invisible components
    * @return {Promise<T>} object with key and field value as key-value pair
-   * @version 1.3.0
+   * @vegaVersion 1.3.0
    */
   async getValue(option) {
     const result = {};
@@ -198,7 +198,7 @@ export class VegaForm {
    *
    * @param value to prefill into the vega-form
    * @param {FormControlOption} [option] form control option to skip disabled/invisible components
-   * @version 1.3.0
+   * @vegaVersion 1.3.0
    */
   async setValue(value, option) {
     if (value) {
@@ -228,7 +228,7 @@ export class VegaForm {
    * @param defaultValueMap map of the vega form field name to default value
    * @param {FormControlOption} [option] form control option to skip disabled/invisible components
    *
-   * @version 1.3.0
+   * @vegaVersion 1.3.0
    */
   async reset(defaultValueMap = {}, option) {
     await this.navigateVegaFormChildren(async (element, isForm) => {
@@ -441,7 +441,7 @@ export class VegaForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Indicates whether the current form-controlled elements are valid.\n\nForm-controlled elements are considered for validation if they\n   have the `data-vega-form` property.\n\nDisabled and invisible elements are excluded from validation.\n\nIf the value is `undefined`, it means there are no\n   form-controlled elements that can be validated.\n\n**Additional Notes:**\n  1. When depending on `isValid` for form validation, it is advised\n     not to modify the following properties of the monitored DOM:\n     - `disabled` property\n     - Element visibility style\n  2. As this property relies heavily on the `VegaValidate` event emitted,\n     it is highly recommended to enable auto-validation for all\n     form-controlled elements to ensure that the value reflects\n     the most up-to-date form validation status."
@@ -462,7 +462,7 @@ export class VegaForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Indicates whether the value of any current\n   form-controlled elements has been changed.\n\n  1. When the value of any form-controlled element is changed,\n     this parameter is set to `true`.\n  2. When resetting the form, this parameter is set to `false`.\n  3. When invoking the `setValue` method, this parameter is set to `false`."
@@ -480,7 +480,7 @@ export class VegaForm {
       "composed": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.9.1"
           }],
         "text": "An event emitter notifying the change in the validation result."
@@ -501,7 +501,7 @@ export class VegaForm {
             "name": "eventSemantics",
             "text": "namespace:native"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.0.0"
           }],
         "text": "An event emitter notifying the change in the validation result."
@@ -519,7 +519,7 @@ export class VegaForm {
       "composed": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.24.0"
           }],
         "text": "An event emitter notifying the submission of the form."
@@ -540,7 +540,7 @@ export class VegaForm {
             "name": "eventSemantics",
             "text": "namespace:native"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.0.0"
           }],
         "text": "An event emitter notifying the submission of the form."
@@ -558,7 +558,7 @@ export class VegaForm {
       "composed": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.24.0"
           }],
         "text": "An event emitter notifying the reset of the form."
@@ -579,7 +579,7 @@ export class VegaForm {
             "name": "eventSemantics",
             "text": "namespace:native"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "2.0.0"
           }],
         "text": "An event emitter notifying the reset of the form."
@@ -627,7 +627,7 @@ export class VegaForm {
             "name": "return",
             "text": "validation result"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }]
       }
@@ -674,7 +674,7 @@ export class VegaForm {
             "name": "return",
             "text": "object with key and field value as key-value pair"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }]
       }
@@ -724,7 +724,7 @@ export class VegaForm {
             "name": "param",
             "text": "option form control option to skip disabled/invisible components"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }]
       }
@@ -771,7 +771,7 @@ export class VegaForm {
             "name": "param",
             "text": "option form control option to skip disabled/invisible components"
           }, {
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }]
       }

package/dist/collection/components/vega-grid/vega-grid.js

@@ -11,7 +11,7 @@ import { arrayToClassString } from '../../utils/ui';
 import { InjectVegaGlobalSlimmer, InjectVegaSlimmer } from 'vega-slimmer/core';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 /**
- * @version 1.3.0
+ * @vegaVersion 1.3.0
  */
 export class VegaGrid {
   constructor() {
@@ -35,7 +35,7 @@ export class VegaGrid {
      *    such as `default` or `L`, and the values can be integers or strings following the
      *    same patterns mentioned above.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.column = 1;
     /**
@@ -56,7 +56,7 @@ export class VegaGrid {
      *    such as `default` or `L`, and the values can be integers or strings following the
      *    same patterns mentioned above.
      *
-     * @version 1.3.0
+     * @vegaVersion 1.3.0
      */
     this.row = 1;
   }
@@ -83,7 +83,7 @@ export class VegaGrid {
       "mutable": false,
       "complexType": {
         "original": "ResponsiveType<GridColumnsType>",
-        "resolved": "2 | 4 | 9 | 3 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\" | { S?: 2 | 4 | 9 | 3 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; M?: 2 | 4 | 9 | 3 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; L?: 2 | 4 | 9 | 3 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; XL?: 2 | 4 | 9 | 3 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; default?: 2 | 4 | 9 | 3 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; }",
+        "resolved": "3 | 4 | 9 | 2 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\" | { S?: 3 | 4 | 9 | 2 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; M?: 3 | 4 | 9 | 2 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; L?: 3 | 4 | 9 | 2 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; XL?: 3 | 4 | 9 | 2 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; default?: 3 | 4 | 9 | 2 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; }",
         "references": {
           "ResponsiveType": {
             "location": "import",
@@ -99,7 +99,7 @@ export class VegaGrid {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Determines the configuration of the grid columns.\n   It can be provided as an integer, string, or a responsive map\n   using key-value pairs.\n\nIf provided as an integer from 1 to 12, each column will have the same width.\n   The CSS for this configuration is `grid-template-columns: repeat(number, minmax(0, 1fr))`.\n\nIf provided as a string in the format of n-auto\n   (e.g., `1-auto`, `2-auto`, ..., `12-auto`),\n   each column will have auto width. The CSS for this configuration is\n   `grid-template-columns: repeat(number, auto)`.\n\nAlternatively, you can use a responsive map to define different column configurations\n   for various breakpoints. The keys in the map should represent the breakpoints,\n   such as `default` or `L`, and the values can be integers or strings following the\n   same patterns mentioned above."
@@ -113,7 +113,7 @@ export class VegaGrid {
       "mutable": false,
       "complexType": {
         "original": "ResponsiveType<GridRowsType>",
-        "resolved": "2 | 4 | 9 | 3 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\" | { S?: 2 | 4 | 9 | 3 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; M?: 2 | 4 | 9 | 3 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; L?: 2 | 4 | 9 | 3 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; XL?: 2 | 4 | 9 | 3 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; default?: 2 | 4 | 9 | 3 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; }",
+        "resolved": "3 | 4 | 9 | 2 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\" | { S?: 3 | 4 | 9 | 2 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; M?: 3 | 4 | 9 | 2 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; L?: 3 | 4 | 9 | 2 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; XL?: 3 | 4 | 9 | 2 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; default?: 3 | 4 | 9 | 2 | 1 | 5 | 6 | 7 | 8 | 10 | 11 | 12 | \"1-auto\" | \"2-auto\" | \"3-auto\" | \"4-auto\" | \"5-auto\" | \"6-auto\" | \"7-auto\" | \"8-auto\" | \"9-auto\" | \"10-auto\" | \"11-auto\" | \"12-auto\"; }",
         "references": {
           "ResponsiveType": {
             "location": "import",
@@ -129,7 +129,7 @@ export class VegaGrid {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Determines the configuration of the grid rows.\n   It can be provided as an integer, string, or a responsive map\n   using key-value pairs.\n\nIf provided as an integer from 1 to 6, each row will have the same height.\n   The CSS for this configuration is `grid-template-rows: repeat(number, minmax(0, 1fr))`.\n\nIf provided as a string in the format of n-auto\n   (e.g., `1-auto`, `2-auto`, ..., `6-auto`),\n   each row will have auto height. The CSS for this configuration is\n   `grid-template-rows: repeat(number, auto)`.\n\nAlternatively, you can use a responsive map to define different row configurations\n   for various breakpoints. The keys in the map should represent the breakpoints,\n   such as `default` or `L`, and the values can be integers or strings following the\n   same patterns mentioned above."
@@ -159,7 +159,7 @@ export class VegaGrid {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.3.0"
           }],
         "text": "Determines the spacing between grid cells.\n\nIt can be provided as a spacing value, such as `size-16` or `size-24`.\n\nAlternatively, you can use a responsive map to define different gap values for\n   various breakpoints. The keys in the map should represent the breakpoints,\n   such as `default` or `L`, and the values should be spacing values."

package/dist/collection/components/vega-hint/vega-hint.js

@@ -10,7 +10,7 @@ import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/
 import { sanitizeVegaComponent } from '../../utils/component';
 /**
  * @VegaInternalComponent
- * @version 2.20.1
+ * @vegaVersion 2.20.1
  */
 /**
  * This is an internal used component and shouldn't be used by client,

package/dist/collection/components/vega-icon/vega-icon.js

@@ -15,7 +15,7 @@ import { InjectVegaGlobalSlimmer, InjectVegaSlimmer } from 'vega-slimmer/core';
 import { LogUtility } from '../../utils/log';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 /**
- * @version 1.0.4
+ * @vegaVersion 1.0.4
  */
 export class VegaIcon {
   constructor() {
@@ -26,7 +26,7 @@ export class VegaIcon {
      *    For Third Party Icons (e.g., Font Awesome),
      *    it sets the icon's font-size.
      *
-     * @version 1.0.4
+     * @vegaVersion 1.0.4
      */
     this.size = 'size-16';
     /**
@@ -216,7 +216,7 @@ export class VegaIcon {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.0.4"
           }],
         "text": "Specifies the required icon design token for the icon."
@@ -241,7 +241,7 @@ export class VegaIcon {
       "optional": false,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.0.4"
           }],
         "text": "Specifies the width and height of the icon.\n   For Third Party Icons (e.g., Font Awesome),\n   it sets the icon's font-size."
@@ -267,7 +267,7 @@ export class VegaIcon {
       "optional": true,
       "docs": {
         "tags": [{
-            "name": "version",
+            "name": "vegaVersion",
             "text": "1.26.0"
           }],
         "text": "Specifies the color of the icon.\n\nIf the color prop is `undefined`, it defaults to `currentColor`."