@heartlandone/vega 1.8.1 → 1.9.0

package/dist/cjs/{designToken-ac6a4cf5.js → designToken-0b0e6849.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-const typeGuard = require('./typeGuard-7a5746f7.js');
+const typeGuard = require('./typeGuard-f0034f75.js');
 const log = require('./log-7b0974fb.js');
-const ui = require('./ui-2ae913d5.js');
+const ui = require('./ui-313ae2d4.js');
 const number = require('./number-2eb7b8f3.js');
 
 /**

package/dist/cjs/index.cjs.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const designToken = require('./designToken-ac6a4cf5.js');
+const designToken = require('./designToken-0b0e6849.js');
 const log = require('./log-7b0974fb.js');
-const typeGuard = require('./typeGuard-7a5746f7.js');
+const typeGuard = require('./typeGuard-f0034f75.js');
 const icons = require('./icons-5a6aca4a.js');
-const ui = require('./ui-2ae913d5.js');
+const ui = require('./ui-313ae2d4.js');
 const featureFlagController = require('./featureFlagController-7e890692.js');
 require('./number-2eb7b8f3.js');
 

package/dist/cjs/loader.cjs.js

@@ -17,7 +17,7 @@ const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
   appGlobals.globalScripts();
-  return index.bootstrapLazy([["vega-button_22.cjs",[[0,"vega-tab-group",{"selectedTabDataTarget":[1,"selected-tab-data-target"],"gap":[1],"showCloseButton":[4,"show-close-button"],"tabItems":[16],"positionRelativeTo":[1,"position-relative-to"],"tabPages":[32],"tabWidthArray":[32],"currentPageIndex":[32]},[[0,"vegaPageUpdate","onCarouselPageUpdate"]]],[4,"vega-table",{"columns":[16],"dataSource":[16],"rowSelection":[1040],"rowExpandable":[4,"row-expandable"],"rowClickable":[4,"row-clickable"],"rowDivider":[4,"row-divider"],"columnDivider":[4,"column-divider"],"striped":[4],"density":[1],"paddingX":[16],"showHeader":[4,"show-header"],"pagination":[16],"emptyDescription":[1,"empty-description"],"selectedRowKeySet":[32],"expandedRowKeySet":[32],"currentBreakpoint":[32],"sortersMap":[32],"currentData":[32],"currentClickedRowIndex":[32],"currentPage":[32],"openExpandRow":[64],"closeExpandRow":[64],"closeAllExpandRow":[64],"toggleExpandRow":[64],"clearSelection":[64],"getSelection":[64],"setSelection":[64]}],[0,"vega-date-picker",{"mode":[1],"value":[1537],"label":[1],"required":[4],"isValid":[1540,"is-valid"],"autoValidation":[516,"auto-validation"],"format":[1],"size":[1],"formValidation":[2,"form-validation"],"validationRules":[16],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"placeholder":[1],"clearButton":[4,"clear-button"],"readOnly":[4,"read-only"],"allowRepick":[4,"allow-repick"],"dropdownConfig":[16],"disabled":[516],"valid":[64],"doClose":[64],"doOpen":[64]}],[0,"vega-input-select",{"label":[1],"required":[1028],"source":[1040],"value":[1537],"isValid":[1540,"is-valid"],"autoValidation":[4,"auto-validation"],"formValidation":[2,"form-validation"],"validationRules":[16],"prefixIcon":[1,"prefix-icon"],"disabled":[516],"placeholder":[1],"hint":[1],"vegaDropdownProps":[16],"isDropdownShow":[32],"doClose":[64],"doOpen":[64],"doChange":[64],"valid":[64]}],[0,"vega-progress-tracker",{"direction":[1],"steps":[16],"completedStepArray":[16],"canClickStep":[4,"can-click-step"],"current":[32],"nextStep":[64],"prevStep":[64],"setCurrent":[64],"getCurrent":[64]},[[0,"vegaPageUpdate","onVegaPageUpdateHandler"]]],[4,"vega-sidenav",{"source":[16],"footnote":[1],"headerConfig":[16],"openByDefault":[1,"open-by-default"],"openState":[32],"toggle":[64]},[[0,"vegaClick","onVegaClickHandler"],[10,"click","collapseSidenavByBackDropClick"]]],[0,"vega-button",{"size":[1],"variant":[1],"icon":[1],"iconAlign":[1,"icon-align"],"label":[1025],"disabled":[4],"danger":[4],"block":[4]}],[4,"vega-footer",{"tosUrl":[1,"tos-url"],"privacyUrl":[1,"privacy-url"]}],[4,"vega-modal",{"backdrop":[1],"size":[8],"open":[1028],"animation":[4],"modalTitle":[1,"modal-title"],"backdropColor":[1,"backdrop-color"],"isVerticallyCenter":[4,"is-vertically-center"],"showCloseButton":[4,"show-close-button"],"padding":[1],"contentMaxHeight":[2,"content-max-height"],"modal":[64]},[[10,"click","listenDataTarget"],[0,"click","listenDataDismiss"]]],[0,"vega-pagination",{"current":[1538],"total":[2],"pageSize":[2,"page-size"]}],[0,"vega-button-link",{"link":[1],"size":[1],"icon":[513],"iconType":[1,"icon-type"],"iconAlign":[1,"icon-align"],"label":[1025],"disabled":[4],"danger":[4],"eventful":[4]}],[4,"vega-checkbox",{"value":[1],"name":[1],"checked":[1028],"disabled":[4],"size":[1]}],[4,"vega-sidenav-group",{"icon":[1],"label":[1]}],[4,"vega-sidenav-link",{"icon":[1],"selected":[1540],"url":[1],"showSideBarOnClickLink":[4,"show-side-bar-on-click-link"]}],[4,"vega-dropdown",{"size":[8],"trigger":[1],"translocation":[16],"source":[1040],"positionRelativeTo":[1,"position-relative-to"],"selectType":[1,"select-type"],"selectedSourceKey":[1025,"selected-source-key"],"maxHeight":[2,"max-height"],"searchable":[4],"matchTargetWidth":[4,"match-target-width"],"matchContainerHeight":[4,"match-container-height"],"caseSensitive":[4,"case-sensitive"],"searchString":[32],"show":[64],"hide":[64]},[[1,"mouseenter","onMouseEnter"],[0,"click","onClick"],[9,"mousedown","onMouseDown"]]],[4,"vega-carousel",{"perPage":[8,"per-page"],"showSlider":[4,"show-slider"],"spacing":[1],"page":[32],"totalPages":[32],"nextPage":[64],"prevPage":[64],"goToPage":[64]}],[4,"vega-grid",{"column":[2],"row":[2],"gap":[1]}],[0,"vega-input",{"inputId":[513,"id"],"label":[1],"value":[1537],"type":[1],"autocomplete":[1],"prefixIcon":[1,"prefix-icon"],"email":[4],"required":[1028],"min":[2],"max":[2],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"showClearIcon":[4,"show-clear-icon"],"isValid":[1540,"is-valid"],"autoValidation":[516,"auto-validation"],"formValidation":[2,"form-validation"],"validationRules":[16],"size":[1],"placeholder":[1],"disabled":[516],"hint":[1],"maskConfig":[16],"valid":[64]},[[0,"input","handleValueInput"]]],[0,"vega-button-circle",{"size":[1],"variant":[1],"icon":[513],"label":[1],"disabled":[4],"danger":[4]}],[4,"vega-tooltip",{"size":[8],"trigger":[1],"content":[1],"placement":[1],"positionRelativeTo":[1,"position-relative-to"]},[[0,"click","onClick"],[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"],[8,"keyup","onKeyDown"],[9,"mousedown","onMouseDown"]]],[0,"vega-flex",{"gap":[1],"margin":[1],"breakpoint":[1],"direction":[1],"alignItem":[1,"align-item"],"justifyContent":[1,"justify-content"]}],[0,"vega-icon",{"icon":[513],"size":[1]}]]],["vega-accordion.cjs",[[4,"vega-accordion",{"drawsBackground":[4,"draws-background"],"prefixIcon":[1,"prefix-icon"],"accordionTitle":[1,"accordion-title"],"expandIconAlign":[1,"expand-icon-align"],"expand":[1028],"iconPosition":[1,"icon-position"],"showExpandIcon":[4,"show-expand-icon"],"groupId":[1,"group-id"]}]]],["vega-stepper.cjs",[[0,"vega-stepper",{"stepperId":[513,"id"],"max":[2],"min":[2],"value":[1538],"label":[1],"inputEditable":[4,"input-editable"],"disabled":[516],"required":[4],"isValid":[1028,"is-valid"],"formValidation":[2,"form-validation"],"valid":[64]},[[0,"vegaChange","handleValueChange"],[0,"vegaValidate","handleVegaInputValidate"]]]]],["vega-item-toggle.cjs",[[0,"vega-item-toggle",{"itemToggleStatusMap":[16],"isToggled":[1028,"is-toggled"],"isError":[4,"is-error"],"toggleStatus":[32]}]]],["vega-option.cjs",[[4,"vega-option",{"label":[1],"subLabel":[1,"sub-label"],"icon":[1]},[[2,"vegaFocus","handleFocus"],[2,"vegaBlur","handleBlur"],[3,"mousedown","handleMousedown"],[3,"mouseup","handleMouseup"],[3,"mouseout","handleMouseout"],[2,"click","handleClick"]]]]],["vega-checkbox-group.cjs",[[4,"vega-checkbox-group",{"label":[1],"value":[16],"name":[1],"vegaFlexProp":[16],"disabled":[516],"required":[4],"hint":[1],"formValidation":[2,"form-validation"],"isValid":[1028,"is-valid"],"valid":[64]},[[0,"vegaChange","changeValue"]]]]],["vega-header.cjs",[[4,"vega-header",{"menuShown":[32]}]]],["vega-radio-group.cjs",[[4,"vega-radio-group",{"label":[1],"value":[1025],"name":[1],"vegaFlexProp":[16],"required":[4],"hint":[1],"formValidation":[2,"form-validation"],"isValid":[1028,"is-valid"],"disabled":[4],"valid":[64]},[[0,"vegaChange","changeValue"]]]]],["vega-toggle-switch.cjs",[[0,"vega-toggle-switch",{"checked":[1540],"size":[1],"label":[1],"disabled":[4]}]]],["vega-app-footer.cjs",[[0,"vega-app-footer",{"tosUrl":[1,"tos-url"],"privacyUrl":[1,"privacy-url"],"showDisclaimer":[4,"show-disclaimer"]}]]],["vega-badge.cjs",[[0,"vega-badge",{"bgColor":[1,"bg-color"],"textColor":[1,"text-color"],"text":[1],"size":[1]}]]],["vega-form.cjs",[[1,"vega-form",{"isValid":[1028,"is-valid"],"isTouched":[1028,"is-touched"],"valid":[64],"getValue":[64],"setValue":[64],"reset":[64]},[[0,"vegaValidate","updateInternalValidStatus"],[0,"vegaChange","updateInternalTouchedStatus"]]]]],["vega-radio.cjs",[[4,"vega-radio",{"value":[1],"name":[1],"checked":[4],"disabled":[4]}]]],["vega-card.cjs",[[4,"vega-card",{"padding":[1],"margin":[1],"shadow":[1],"backgroundColor":[1,"background-color"]}]]]], options);
+  return index.bootstrapLazy([["vega-button_22.cjs",[[0,"vega-tab-group",{"selectedTabDataTarget":[1,"selected-tab-data-target"],"gap":[1],"showCloseButton":[4,"show-close-button"],"tabItems":[16],"positionRelativeTo":[1,"position-relative-to"],"tabPages":[32],"tabWidthArray":[32],"currentPageIndex":[32]},[[0,"vegaPageUpdate","onCarouselPageUpdate"]]],[4,"vega-table",{"columns":[16],"dataSource":[16],"rowSelection":[1040],"rowExpandable":[4,"row-expandable"],"rowClickable":[4,"row-clickable"],"rowDivider":[4,"row-divider"],"columnDivider":[4,"column-divider"],"striped":[4],"density":[1],"paddingX":[16],"showHeader":[4,"show-header"],"pagination":[16],"emptyDescription":[1,"empty-description"],"selectedRowKeySet":[32],"expandedRowKeySet":[32],"currentBreakpoint":[32],"sortersMap":[32],"currentData":[32],"currentClickedRowIndex":[32],"currentPage":[32],"openExpandRow":[64],"closeExpandRow":[64],"closeAllExpandRow":[64],"toggleExpandRow":[64],"clearSelection":[64],"getSelection":[64],"setSelection":[64]}],[0,"vega-date-picker",{"mode":[1],"value":[1537],"label":[1],"required":[4],"isValid":[1540,"is-valid"],"autoValidation":[516,"auto-validation"],"format":[1],"size":[1],"formValidation":[2,"form-validation"],"validationRules":[16],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"placeholder":[1],"clearButton":[4,"clear-button"],"readOnly":[4,"read-only"],"allowRepick":[4,"allow-repick"],"dropdownConfig":[16],"disabled":[516],"valid":[64],"doClose":[64],"doOpen":[64]}],[0,"vega-input-select",{"label":[1],"required":[1028],"source":[1040],"value":[1537],"isValid":[1540,"is-valid"],"autoValidation":[4,"auto-validation"],"formValidation":[2,"form-validation"],"validationRules":[16],"prefixIcon":[1,"prefix-icon"],"disabled":[516],"placeholder":[1],"hint":[1],"vegaDropdownProps":[16],"isDropdownShow":[32],"doClose":[64],"doOpen":[64],"doChange":[64],"valid":[64]}],[0,"vega-progress-tracker",{"direction":[1],"steps":[16],"completedStepArray":[16],"canClickStep":[4,"can-click-step"],"current":[32],"nextStep":[64],"prevStep":[64],"setCurrent":[64],"getCurrent":[64]},[[0,"vegaPageUpdate","onVegaPageUpdateHandler"]]],[4,"vega-sidenav",{"source":[16],"footnote":[1],"headerConfig":[16],"openByDefault":[1,"open-by-default"],"openState":[32],"toggle":[64]},[[0,"vegaClick","onVegaClickHandler"],[10,"click","collapseSidenavByBackDropClick"]]],[0,"vega-button",{"size":[1],"variant":[1],"icon":[1],"iconAlign":[1,"icon-align"],"label":[1025],"disabled":[4],"danger":[4],"block":[4]}],[4,"vega-footer",{"tosUrl":[1,"tos-url"],"privacyUrl":[1,"privacy-url"]}],[4,"vega-modal",{"backdrop":[1],"size":[8],"open":[1028],"animation":[4],"modalTitle":[1,"modal-title"],"backdropColor":[1,"backdrop-color"],"isVerticallyCenter":[4,"is-vertically-center"],"showCloseButton":[4,"show-close-button"],"padding":[1],"contentMaxHeight":[2,"content-max-height"],"modal":[64]},[[10,"click","listenDataTarget"],[0,"click","listenDataDismiss"]]],[0,"vega-pagination",{"current":[1538],"total":[2],"pageSize":[2,"page-size"]}],[0,"vega-button-link",{"link":[1],"size":[1],"icon":[513],"iconType":[1,"icon-type"],"iconAlign":[1,"icon-align"],"label":[1025],"disabled":[4],"danger":[4],"eventful":[4]}],[4,"vega-checkbox",{"value":[1],"name":[1],"checked":[1028],"disabled":[4],"size":[1]}],[4,"vega-sidenav-group",{"icon":[1],"label":[1]}],[4,"vega-sidenav-link",{"icon":[1],"selected":[1540],"url":[1],"showSideBarOnClickLink":[4,"show-side-bar-on-click-link"]}],[4,"vega-dropdown",{"size":[8],"trigger":[1],"translocation":[16],"source":[1040],"positionRelativeTo":[1,"position-relative-to"],"selectType":[1,"select-type"],"selectedSourceKey":[1025,"selected-source-key"],"maxHeight":[2,"max-height"],"searchable":[4],"matchTargetWidth":[4,"match-target-width"],"matchContainerHeight":[4,"match-container-height"],"caseSensitive":[4,"case-sensitive"],"searchString":[32],"show":[64],"hide":[64]},[[1,"mouseenter","onMouseEnter"],[0,"click","onClick"],[9,"mousedown","onMouseDown"]]],[4,"vega-carousel",{"perPage":[8,"per-page"],"showSlider":[4,"show-slider"],"spacing":[1],"page":[32],"totalPages":[32],"nextPage":[64],"prevPage":[64],"goToPage":[64]}],[4,"vega-grid",{"column":[8],"row":[8],"gap":[1]}],[0,"vega-input",{"inputId":[513,"id"],"label":[1],"value":[1537],"type":[1],"autocomplete":[1],"prefixIcon":[1,"prefix-icon"],"email":[4],"required":[1028],"min":[2],"max":[2],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"showClearIcon":[4,"show-clear-icon"],"isValid":[1540,"is-valid"],"autoValidation":[516,"auto-validation"],"formValidation":[2,"form-validation"],"validationRules":[16],"size":[1],"placeholder":[1],"disabled":[516],"hint":[1],"maskConfig":[16],"valid":[64]},[[0,"input","handleValueInput"]]],[0,"vega-button-circle",{"size":[1],"variant":[1],"icon":[513],"label":[1],"disabled":[4],"danger":[4]}],[4,"vega-tooltip",{"size":[8],"trigger":[1],"content":[1],"placement":[1],"positionRelativeTo":[1,"position-relative-to"]},[[0,"click","onClick"],[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"],[8,"keyup","onKeyDown"],[9,"mousedown","onMouseDown"]]],[0,"vega-flex",{"gap":[1],"margin":[1],"breakpoint":[1],"direction":[1],"alignItem":[1,"align-item"],"justifyContent":[1,"justify-content"]}],[0,"vega-icon",{"icon":[513],"size":[1]}]]],["vega-accordion.cjs",[[4,"vega-accordion",{"drawsBackground":[4,"draws-background"],"prefixIcon":[1,"prefix-icon"],"accordionTitle":[1,"accordion-title"],"expandIconAlign":[1,"expand-icon-align"],"expand":[1028],"iconPosition":[1,"icon-position"],"showExpandIcon":[4,"show-expand-icon"],"groupId":[1,"group-id"]}]]],["vega-stepper.cjs",[[0,"vega-stepper",{"stepperId":[513,"id"],"max":[2],"min":[2],"value":[1538],"label":[1],"inputEditable":[4,"input-editable"],"disabled":[516],"required":[4],"isValid":[1028,"is-valid"],"formValidation":[2,"form-validation"],"valid":[64]},[[0,"vegaChange","handleValueChange"],[0,"vegaValidate","handleVegaInputValidate"]]]]],["vega-item-toggle.cjs",[[0,"vega-item-toggle",{"itemToggleStatusMap":[16],"isToggled":[1028,"is-toggled"],"isError":[4,"is-error"],"toggleStatus":[32]}]]],["vega-option.cjs",[[4,"vega-option",{"label":[1],"subLabel":[1,"sub-label"],"icon":[1]},[[2,"vegaFocus","handleFocus"],[2,"vegaBlur","handleBlur"],[3,"mousedown","handleMousedown"],[3,"mouseup","handleMouseup"],[3,"mouseout","handleMouseout"],[2,"click","handleClick"]]]]],["vega-checkbox-group.cjs",[[4,"vega-checkbox-group",{"label":[1],"value":[16],"name":[1],"vegaFlexProp":[16],"disabled":[516],"required":[4],"hint":[1],"formValidation":[2,"form-validation"],"isValid":[1028,"is-valid"],"valid":[64]},[[0,"vegaChange","changeValue"]]]]],["vega-header.cjs",[[4,"vega-header",{"menuShown":[32]}]]],["vega-radio-group.cjs",[[4,"vega-radio-group",{"label":[1],"value":[1025],"name":[1],"vegaFlexProp":[16],"required":[4],"hint":[1],"formValidation":[2,"form-validation"],"isValid":[1028,"is-valid"],"disabled":[4],"valid":[64]},[[0,"vegaChange","changeValue"]]]]],["vega-toggle-switch.cjs",[[0,"vega-toggle-switch",{"checked":[1540],"size":[1],"label":[1],"disabled":[4]}]]],["vega-app-footer.cjs",[[0,"vega-app-footer",{"tosUrl":[1,"tos-url"],"privacyUrl":[1,"privacy-url"],"showDisclaimer":[4,"show-disclaimer"]}]]],["vega-badge.cjs",[[0,"vega-badge",{"bgColor":[1,"bg-color"],"textColor":[1,"text-color"],"text":[1],"size":[1]}]]],["vega-form.cjs",[[1,"vega-form",{"isValid":[1028,"is-valid"],"isTouched":[1028,"is-touched"],"valid":[64],"getValue":[64],"setValue":[64],"reset":[64]},[[0,"vegaValidate","updateInternalValidStatus"],[0,"vegaChange","updateInternalTouchedStatus"]]]]],["vega-radio.cjs",[[4,"vega-radio",{"value":[1],"name":[1],"checked":[4],"disabled":[4]}]]],["vega-card.cjs",[[4,"vega-card",{"padding":[1],"margin":[1],"shadow":[1],"backgroundColor":[1,"background-color"]}]]]], options);
   });
 };
 

package/dist/cjs/{typeGuard-7a5746f7.js → typeGuard-f0034f75.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const ui = require('./ui-2ae913d5.js');
+const ui = require('./ui-313ae2d4.js');
 
 /* This file is generated by vega-design 2.0.64 */
 /* eslint-disable */
@@ -70,6 +70,9 @@ const Spacing = {
 // prettier-ignore
 const Shadows = ["shadow-card", "shadow-modal", "shadow-popover", "shadow-form-field", "shadow-dropdown-menu", "shadow-app-header", "shadow-modal-header", "shadow-modal-footer", "shadow-modal-footer-no-scroll"];
 
+const GridRowRegex = new RegExp(/^[1-6](-auto)?$/);
+const GridColumnRegex = new RegExp(/^([1-9]|1[0-2])(-auto)?$/);
+
 /**
  * Returns true if the input is a string that is one of the four directions.
  *
@@ -185,22 +188,24 @@ const isShadowsTokenType = (input) => {
   return typeof input === 'string' && Shadows.includes(input);
 };
 /**
- * If the input is a number, and it's greater than 0 and less than or equal to 12, then it's a GridColumnType.
+ * If the input is a number, it must be between 1 and 12. If the input is a string, it must be in the
+ * format of '1-auto' to '12-auto'.
  *
- * @param {unknown} input - The value to be checked.
+ * @param {unknown} input - The input to be tested.
  * @returns {boolean} indicating if the input is {@link GridColumnType}
  */
 const isGridColumnType = (input) => {
-  return !isNaN(Number(input)) && input > 0 && input <= 12;
+  return input && GridColumnRegex.test(input.toString());
 };
 /**
- * If the input is a number, and it's greater than 0 and less than or equal to 6, then it's a GridRowType.
+ * If the input is a number, it must be between 1 and 6. If the input is a string, it must be a number
+ * between 1 and 6 followed by a hyphen and the word 'auto'.
  *
- * @param {unknown} input - The value to be checked.
- * @returns {boolean} indicating if the input is {@link GridRowType}
+ * @param {unknown} input - The input to be tested.
+ * @returns {boolean} indicating if the input is {@link GridColumnType}
  */
 const isGridRowType = (input) => {
-  return !isNaN(Number(input)) && input > 0 && input <= 6;
+  return input && GridRowRegex.test(input.toString());
 };
 /**
  * If the input is a string, and that string is a key in the Breakpoints object, then the input is a GridRowType.

package/dist/cjs/{ui-2ae913d5.js → ui-313ae2d4.js}

@@ -1,8 +1,46 @@
 'use strict';
 
 const BreakpointKeys = ['default', 'S', 'M', 'L', 'XL'];
-const GridColumn = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];
-const GridRow = [1, 2, 3, 4, 5, 6];
+const GridColumn = [
+  1,
+  2,
+  3,
+  4,
+  5,
+  6,
+  7,
+  8,
+  9,
+  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',
+];
+const GridRow = [
+  1,
+  2,
+  3,
+  4,
+  5,
+  6,
+  '1-auto',
+  '2-auto',
+  '3-auto',
+  '4-auto',
+  '5-auto',
+  '6-auto',
+];
 const DefaultModalSize = {
   default: 200,
   S: 246,

package/dist/cjs/vega-accordion.cjs.entry.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-c12bc235.js');
 const component = require('./component-aa3542d1.js');
 const subject = require('./subject-b9a0f7c6.js');
-const typeGuard = require('./typeGuard-7a5746f7.js');
-const designToken = require('./designToken-ac6a4cf5.js');
+const typeGuard = require('./typeGuard-f0034f75.js');
+const designToken = require('./designToken-0b0e6849.js');
 const ui = require('./ui-cd4f8632.js');
 require('./featureFlagController-7e890692.js');
 require('./log-7b0974fb.js');
-require('./ui-2ae913d5.js');
+require('./ui-313ae2d4.js');
 require('./number-2eb7b8f3.js');
 
 const VegaAccordion = class {

package/dist/cjs/vega-badge.cjs.entry.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c12bc235.js');
 const component = require('./component-aa3542d1.js');
-const designToken = require('./designToken-ac6a4cf5.js');
+const designToken = require('./designToken-0b0e6849.js');
 const ui = require('./ui-cd4f8632.js');
 require('./featureFlagController-7e890692.js');
 require('./log-7b0974fb.js');
-require('./typeGuard-7a5746f7.js');
-require('./ui-2ae913d5.js');
+require('./typeGuard-f0034f75.js');
+require('./ui-313ae2d4.js');
 require('./number-2eb7b8f3.js');
 
 const vegaBadgeCss = "vega-badge {\n\t@apply v-inline-block;\n}\n\nvega-badge .vega-badge {\n\t@apply v-inline-flex v-items-center v-justify-center v-rounded-full v-box-border;\n\t@apply v-h-size-40 v-px-size-16 v-py-size-8 v-font-field-label-em;\n}\n\nvega-badge .vega-badge.default {\n\t@apply v-h-size-40 v-px-size-16 v-py-size-8 v-font-field-label-em v-min-w-size-40;\n}\n\nvega-badge .vega-badge.large {\n\t@apply v-h-size-64 v-px-size-24 v-py-size-16 v-font-h4 v-min-w-size-64;\n}\n\nvega-badge .vega-badge.small {\n\t@apply v-px-size-12 v-py-size-4 v-font-field-label-sm-em;\n\theight: 26px;\n\tmin-width: 26px;\n}\n";

package/dist/cjs/vega-button_22.cjs.entry.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-c12bc235.js');
 const component = require('./component-aa3542d1.js');
 const accessibility = require('./accessibility-34d46f85.js');
-const designToken = require('./designToken-ac6a4cf5.js');
+const designToken = require('./designToken-0b0e6849.js');
 const ui$1 = require('./ui-cd4f8632.js');
 const log = require('./log-7b0974fb.js');
 const array = require('./array-a4f013ec.js');
-const ui = require('./ui-2ae913d5.js');
-const typeGuard = require('./typeGuard-7a5746f7.js');
+const ui = require('./ui-313ae2d4.js');
+const typeGuard = require('./typeGuard-f0034f75.js');
 const featureFlagController = require('./featureFlagController-7e890692.js');
 const validatorFacade = require('./validatorFacade-7d489041.js');
 const number = require('./number-2eb7b8f3.js');
@@ -1306,15 +1306,7 @@ class StringMaskStrategy {
   constructor(maskConfig) {
     this.maskConfig = maskConfig;
     this.slotRegex = new RegExp(maskConfig.slot);
-  }
-  /**
-   * Given a string, return an array of all the digits in that string
-   *
-   * @param {string} input - The input string to be parsed.
-   * @returns {string[]} - An array of strings.
-   */
-  static getMatchedInputSlotValue(input) {
-    return input.match(/\d/g) || [];
+    this.acceptRegex = new RegExp(maskConfig.accept, 'g');
   }
   /**
    * Given a string, it replaces the mask with the matched input slot value
@@ -1323,7 +1315,16 @@ class StringMaskStrategy {
    * @returns {string} The formatted string.
    */
   format(input) {
-    return this.replaceMaskWithMatchedInputSlots(input, StringMaskStrategy.getMatchedInputSlotValue(input));
+    return this.replaceMaskWithMatchedInputSlots(input, this.getMatchedInputSlotValue(input));
+  }
+  /**
+   * Given a string, return an array of all the digits in that string
+   *
+   * @param {string} input - The input string to be parsed.
+   * @returns {string[]} - An array of strings.
+   */
+  getMatchedInputSlotValue(input) {
+    return input.match(this.acceptRegex) || [];
   }
   /**
    * Replace the mask with the matched input slots
@@ -1354,17 +1355,17 @@ class StringMaskStrategy {
 StringMaskStrategy.PHONE_MASK = new StringMaskStrategy({
   mask: '(999) 999-9999',
   slot: '9',
-  accept: '\\d',
+  accept: /\d/g,
 });
 StringMaskStrategy.ZIPCODE_MASK = new StringMaskStrategy({
   mask: '99999',
   slot: '9',
-  accept: '\\d',
+  accept: /\d/g,
 });
 StringMaskStrategy.TAX_ID_MASK = new StringMaskStrategy({
   mask: '99-9999999',
   slot: '9',
-  accept: '\\d',
+  accept: /\d/g,
 });
 
 /**
@@ -2214,7 +2215,7 @@ class ElementAppender {
   }
 }
 
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$1 = (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;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
     r = Reflect.decorate(decorators, target, key, desc);
@@ -2464,7 +2465,7 @@ const VegaDatePicker = class {
       return new StringMaskStrategy({
         mask: format.replace(/[MDY]/gi, '9'),
         slot: '9',
-        accept: '\\d',
+        accept: /\d/g,
       });
     };
     this.renderLabel = () => this.label && (index.h("div", { class: "vega-label" }, index.h("span", null, this.label), this.required && index.h("span", { class: "vega-require" }, "*")));
@@ -2668,6 +2669,24 @@ const VegaDatePicker = class {
     this.initInputValidator();
     this.setupStringFormatter(this.format);
   }
+  componentWillRender() {
+    this.oldSingleDateInputRef = this.singleDateInputRef;
+    this.oldStartDateInputRef = this.startDateInputRef;
+    this.oldEndDateInputRef = this.endDateInputRef;
+  }
+  /**
+   * The below method is e2e-test covered in
+   * @see{module:vega-date-picker-re-render-in-single-mode}
+   * @see{module:vega-date-picker-re-render-in-range-mode }
+   */
+  /* istanbul ignore next */
+  componentDidRender() {
+    if ((this.oldSingleDateInputRef && this.oldSingleDateInputRef !== this.singleDateInputRef) ||
+      (this.oldStartDateInputRef && this.oldStartDateInputRef !== this.startDateInputRef) ||
+      (this.oldEndDateInputRef && this.oldEndDateInputRef !== this.endDateInputRef)) {
+      this.refreshLitePicker();
+    }
+  }
   /**
    * call this method to valid the date picker with current value
    * The below method is e2e-test covered in
@@ -2760,6 +2779,22 @@ const VegaDatePicker = class {
   initElementAppender() {
     this.elementAppender || (this.elementAppender = new ElementAppender(this.datePickerContainer, this.litepickerRef, this.dropdownConfig.positionRelativeTo));
   }
+  /**
+   * The below method is e2e-test covered in
+   * @see{module:vega-date-picker-re-render-in-single-mode}
+   * @see{module:vega-date-picker-re-render-in-range-mode}
+   */
+  /* istanbul ignore next */
+  refreshLitePicker() {
+    if (this.elementAppender) {
+      this.elementAppender.destroy();
+      this.elementAppender = null;
+    }
+    if (this.datePicker) {
+      this.datePicker.destroy();
+      this.initDatePicker();
+    }
+  }
   /**
    * The below method is e2e-test covered in
    * @see{module:vega-date-picker-single-date-change}
@@ -2934,7 +2969,7 @@ const VegaDatePicker = class {
     "disabled": ["watchDisabled"]
   }; }
 };
-__decorate([
+__decorate$1([
   ComponentLoadRequired()
 ], VegaDatePicker.prototype, "watchValue", null);
 
@@ -3780,6 +3815,16 @@ class NumberMaskStrategy {
   }
 }
 
+var __decorate = (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;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+    r = Reflect.decorate(decorators, target, key, desc);
+  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;
+};
 const VegaInput = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
@@ -3855,6 +3900,9 @@ const VegaInput = class {
     this.onClearIcon = () => {
       this.value = '';
     };
+    this.isClearIconVisible = () => {
+      return !this.disabled && Boolean(this.value);
+    };
   }
   /**
    * The input component is embedded in other components. If modifying the input value does not meet the requirements of other components,
@@ -3938,6 +3986,8 @@ const VegaInput = class {
   /**
    * The below method is e2e-test covered in
    * @see{module:vega-input-mask-change-with-custom-e2e}
+   * For the ComponentLoadRequired, the test can not be added in e2e at now, we will add it while have better solution,
+   * releated issue: https://gitlab.com/heartland1/vega/tiger/-/issues/646
    */
   /* istanbul ignore next */
   watchMaskChange() {
@@ -4011,6 +4061,9 @@ const VegaInput = class {
         stringFormatStrategy = new StringMaskStrategy(this.maskConfig.options);
         break;
     }
+    if (this.type === 'number' && !this.maskConfig) {
+      stringFormatStrategy = new NumberMaskStrategy();
+    }
     if (this.stringInputFormatter)
       this.stringInputFormatter.destroy();
     if (stringFormatStrategy) {
@@ -4048,7 +4101,7 @@ const VegaInput = class {
     }
   }
   containerDom() {
-    return (index.h("div", { class: "vega-input-input" }, index.h("input", { name: this.name, type: this.type, autoComplete: this.autocomplete, value: this.value, ref: this.setInputRef, placeholder: this.placeholder, disabled: this.disabled, "aria-label": this.label || 'No label defined', minLength: this.minLength, maxLength: this.maxLength, onBlur: this.handleInputBlur })));
+    return (index.h("div", { class: "vega-input-input" }, index.h("input", { name: this.name, type: this.type === 'number' ? 'text' : this.type, autoComplete: this.autocomplete, value: this.value, ref: this.setInputRef, placeholder: this.placeholder, disabled: this.disabled, "aria-label": this.label || 'No label defined', minLength: this.minLength, maxLength: this.maxLength, onBlur: this.handleInputBlur })));
   }
   groupDom() {
     let containerClass = 'vega-input-container';
@@ -4057,7 +4110,7 @@ const VegaInput = class {
     }
     containerClass += this.size === 'small' ? ' vega-input-size-small' : ' vega-input-size-default';
     containerClass += this.disabled ? ' vega-input-disabled' : '';
-    return (index.h("div", { class: "vega-input" }, this.renderLabelDom(), index.h("div", { class: containerClass }, this.prefixDom(), this.containerDom(), this.shouldShowClearIcon() && this.renderClearIcon()), this.renderHintDom()));
+    return (index.h("div", { class: "vega-input" }, this.renderLabelDom(), index.h("div", { class: containerClass }, this.prefixDom(), this.containerDom(), this.showClearIcon && this.renderClearIcon()), this.renderHintDom()));
   }
   renderLabelDom() {
     const labelClass = this.disabled ? 'vega-label-disabled' : null;
@@ -4067,7 +4120,10 @@ const VegaInput = class {
     return this.required ? index.h("span", { class: "vega-require" }, "*") : null;
   }
   renderClearIcon() {
-    return (index.h("div", { class: "vega-input-clear-icon", tabIndex: 0, "aria-label": "clear input", role: "button", onClick: this.onClearIcon, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() }, index.h("vega-icon", { icon: "close", class: "v-min-w-min vega-flex-shrink-0" })));
+    return (index.h("div", { class: {
+        'vega-input-clear-icon': true,
+        'v-invisible': !this.isClearIconVisible(),
+      }, tabIndex: 0, "aria-label": "clear input", role: "button", onClick: this.onClearIcon, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() }, index.h("vega-icon", { icon: "close", class: "v-min-w-min vega-flex-shrink-0" })));
   }
   renderHintDom() {
     return this.hint !== '' ? (index.h("div", { class: "vega-hint" }, index.h("label", null, this.hint))) : null;
@@ -4080,9 +4136,6 @@ const VegaInput = class {
       this.required = true;
     }
   }
-  shouldShowClearIcon() {
-    return this.showClearIcon && !this.disabled && Boolean(this.value);
-  }
   get host() { return index.getElement(this); }
   static get watchers() { return {
     "value": ["watchValue"],
@@ -4099,6 +4152,9 @@ const VegaInput = class {
     "maskConfig": ["watchMaskChange"]
   }; }
 };
+__decorate([
+  ComponentLoadRequired()
+], VegaInput.prototype, "watchMaskChange", null);
 
 const VegaInputSelect = class {
   constructor(hostRef) {
@@ -5400,7 +5456,6 @@ const VegaSidenavGroup = class {
      * The below method is e2e-test covered in
      * @see{module:vega-sidenav-group-toggle}
      */
-    /* istanbul ignore next */
     this.handleClick = (e) => {
       const currentTarget = e.currentTarget;
       if (currentTarget && currentTarget.dataset.root === '$1') {
@@ -5422,7 +5477,7 @@ const VegaSidenavGroup = class {
     subject.ChangeManager.register(subject.SIDENAV_LINK_SELECTED_TOPIC, this.observer);
   }
   render() {
-    return component.sanitizeVegaComponent(index.h("div", { class: "vega-li-main", ref: (ref) => (this.groupContainer = ref) }, index.h("a", { href: `#${this.label}`, role: 'button', tabIndex: 0, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick(), "data-root": "$1", onClick: this.handleClick, "aria-label": this.label || 'No label defined' }, index.h("div", { class: "vega-links-icon" }, index.h("div", null, index.h("vega-icon", { icon: this.icon, size: "size-24" }))), index.h("span", { class: "vega-links-name" }, this.label), index.h(index.Fragment, null, index.h("vega-icon", { icon: "chevron-down", size: "size-12" }), index.h("vega-icon", { icon: "chevron-up", size: "size-12" }))), index.h("div", { class: "vega-nav-list vega-nav-list-sub" }, index.h("slot", null))), this.host);
+    return component.sanitizeVegaComponent(index.h("div", { class: "vega-li-main", ref: (ref) => (this.groupContainer = ref) }, index.h("a", { href: `#${this.label}`, role: 'button', tabIndex: 0, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick(), "data-root": "$1", onClick: this.handleClick, "aria-label": this.label || 'No label defined' }, index.h("div", { class: "vega-links-icon" }, index.h("div", { class: "prefix-icon" }, index.h("vega-icon", { icon: this.icon, size: "size-24" }))), index.h("span", { class: "vega-links-name" }, this.label), index.h("div", { class: "suffix-icons" }, index.h("vega-icon", { icon: "chevron-down", size: "size-12" }), index.h("vega-icon", { icon: "chevron-up", size: "size-12" }))), index.h("div", { class: "vega-nav-list vega-nav-list-sub" }, index.h("slot", null))), this.host);
   }
   /**
    * The below method is e2e-test covered in
@@ -5481,9 +5536,9 @@ const VegaSidenavLink = class {
     }
   }
   render() {
-    const url = this.url || '#';
+    const url = this.url || 'javascript:void(0);';
     const classList = this.selected === true ? 'selected' : '';
-    return component.sanitizeVegaComponent(index.h("div", null, index.h("a", { href: url, onClick: this.handleClick, class: classList }, this.icon ? (index.h("div", { class: "vega-links-icon" }, index.h("div", null, index.h("vega-icon", { icon: this.icon, size: "size-24" })))) : null, index.h("span", { class: "vega-links-name" }, index.h("slot", null)))), this.el);
+    return component.sanitizeVegaComponent(index.h(index.Host, null, index.h("a", { href: url, onClick: this.handleClick, class: classList }, this.icon ? (index.h("div", { class: "vega-links-icon" }, index.h("div", { class: "prefix-icon" }, index.h("vega-icon", { icon: this.icon, size: "size-24" })))) : null, index.h("span", { class: "vega-links-name" }, index.h("slot", null)))), this.el);
   }
   /**
    * The below method is e2e-test covered in
@@ -6039,16 +6094,16 @@ const VegaTable = class {
     /** Customize description for empty data source */
     this.emptyDescription = 'There is no data to display';
     this.renderTableColGroup = () => {
-      return (index.h("colgroup", null, index.h("col", { style: { width: this.paddingX[0] } }), this.rowSelection && index.h("col", null), this.columns.map((column) => {
+      return (index.h("colgroup", null, index.h("col", { style: { minWidth: this.paddingX[0], width: this.paddingX[0] } }), this.rowSelection && index.h("col", { style: { minWidth: '40px', width: '40px' } }), this.columns.map((column) => {
         return index.h("col", { style: { width: column.width ? column.width : null } });
-      }), index.h("col", { style: { width: this.paddingX[1] } })));
+      }), this.rowExpandable && index.h("col", { style: { minWidth: '40px', width: '40px' } }), index.h("col", { style: { minWidth: this.paddingX[1], width: this.paddingX[1] } })));
     };
     this.renderTableHeader = () => {
       return (this.showHeader && (index.h("thead", null, index.h("tr", null, index.h("th", null), this.rowSelection && this.renderSelectionHeader(), this.columns.map((column) => {
         const responsiveClass = this.getResponsiveClass(column.breakpoint);
         const columnAlignClass = this.getColumnAlignClass(column.align);
         return (index.h("th", { key: column.prop, class: `vega-table-cell ${responsiveClass}` }, index.h("div", { class: "vega-table-column" }, index.h("span", { class: `vega-table-column-label ${columnAlignClass}` }, column.label), column.sorter && this.renderSortIconButton(column))));
-      }), index.h("th", null)))));
+      }), this.rowExpandable && index.h("th", null), index.h("th", null)))));
     };
     // TODO:Sort buttons are still in design
     this.renderSortIconButton = (column) => {
@@ -6060,20 +6115,26 @@ const VegaTable = class {
       if (column.render) {
         return column.render(index.h, column.prop ? record[column.prop] : record.key, record, index$1);
       }
-      return record[column.prop];
+      if (typeof record[column.prop] === 'string' || typeof record[column.prop] === 'number') {
+        return String(record[column.prop]);
+      }
+      else {
+        log.LogUtility.error(`Column ${column.prop}'s value has a wrong type(${typeof record[column.prop]}) in table cell. Only 'VegaTableNode | string | number' can be rendered in table cell`);
+      }
     };
     this.renderTableBody = () => {
       return (index.h("tbody", null, this.currentData.map((record, index$1) => {
         const rowKey = record.key;
         const striped = this.striped && (index$1 + 1) % 2 === 0;
         const isVisible = this.isVisible(index$1);
-        return (index.h(index.Fragment, null, index.h("tr", { key: rowKey, class: {
+        return (index.h(index.Fragment, null, this.rowExpandable && isVisible && index.h("tr", { class: "expand-row-space" }), index.h("tr", { key: rowKey, class: {
             'v-hidden': !isVisible,
             'vega-table-row': true,
             'striped': striped,
             'checked': this.selectedRowKeySet.has(rowKey),
             'clickable': this.rowClickable,
             'current-clicked-row': this.currentClickedRowIndex === index$1,
+            'expand-row': this.expandedRowKeySet.has(rowKey),
           },
           /* eslint-disable-next-line react/jsx-no-bind */
           onClick: this.rowClickable ? () => this.handleRowClick(record, index$1) : null }, index.h("td", null), this.rowSelection && this.renderRowSelection(record), this.columns.map((column) => {
@@ -6087,9 +6148,14 @@ const VegaTable = class {
               ellipsis,
               'vega-table-cell',
             ]) }, this.renderTableCell(column, record, index$1)));
-        }), index.h("td", null)), this.renderExpandRow(rowKey, striped, isVisible)));
+        }), this.renderExpandIcon(rowKey), index.h("td", null)), this.renderExpandRow(rowKey, striped, isVisible)));
       })));
     };
+    this.renderExpandIcon = (rowKey) => {
+      return (this.rowExpandable && (index.h("td", null, index.h("div", { class: "vega-table-expand-icon-wrapper" }, index.h("vega-icon", { icon: "chevron-down",
+        /* eslint-disable-next-line react/jsx-no-bind */
+        onClick: (e) => this.handleExpandIconClick(e, rowKey) })))));
+    };
     this.renderExpandRow = (rowKey, striped, isVisibleInCurrentPage) => {
       if (!this.rowExpandable)
         return;
@@ -6097,7 +6163,8 @@ const VegaTable = class {
           'vega-table-expanded-row': true,
           'expanded': this.expandedRowKeySet.has(rowKey) && isVisibleInCurrentPage,
           'striped': striped,
-        }, key: `vega-table-expanded-row-${rowKey}`, "data-expanded-row-key": rowKey }, index.h("td", null), this.rowSelection && index.h("td", null), index.h("td", { colSpan: this.columns.length, key: `${this.expandRowSlotNamePrefix}${rowKey}` }, index.h("slot", { name: `${this.expandRowSlotNamePrefix}${rowKey}` })), index.h("td", null)));
+          'checked': this.selectedRowKeySet.has(rowKey),
+        }, key: `vega-table-expanded-row-${rowKey}`, "data-expanded-row-key": rowKey }, index.h("td", null), index.h("td", { colSpan: this.rowSelection ? this.columns.length + 2 : this.columns.length + 1, key: `${this.expandRowSlotNamePrefix}${rowKey}`, class: "vega-table-expanded-row-slot-container" }, index.h("slot", { name: `${this.expandRowSlotNamePrefix}${rowKey}` })), index.h("td", null)));
     };
     this.renderRowSelection = (item) => {
       return (index.h("td", { class: "vega-table-selection-column" }, index.h("div", { class: "vega-table-checkbox-wrapper" }, index.h("vega-checkbox", { size: "small", checked: this.isChecked(item.key),
@@ -6121,7 +6188,8 @@ const VegaTable = class {
       return (total > 0 && (index.h("div", { class: ui$1.arrayToClassString(paginationWrapperClasses) }, index.h("vega-pagination", { total: total, pageSize: this.getPaginationConfig().pageSize, current: this.currentPage, onVegaChange: this.handlePaginationChange }))));
     };
     this.renderEmpty = () => {
-      return (this.currentData.length === 0 && (index.h("div", { class: "vega-table-empty-description" }, this.emptyDescription)));
+      return (this.currentData.length === 0 &&
+        this.emptyDescription && index.h("div", { class: "vega-table-empty-description" }, this.emptyDescription));
     };
     this.setupRowSelection = (config) => {
       this.rowSelection = Object.assign({ hideSelectAll: false, type: 'checkbox' }, config);
@@ -6329,6 +6397,10 @@ const VegaTable = class {
       const end = current * pageSize;
       return index >= start && index < end;
     };
+    this.handleExpandIconClick = async (e, rowKey) => {
+      e.stopPropagation();
+      await this.toggleExpandRow(rowKey);
+    };
   }
   watchCurrentData(currentData) {
     this.syncUpSelectedKeySetWithCurrentData(currentData);

package/dist/cjs/vega-card.cjs.entry.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c12bc235.js');
 const component = require('./component-aa3542d1.js');
-const designToken = require('./designToken-ac6a4cf5.js');
+const designToken = require('./designToken-0b0e6849.js');
 const log = require('./log-7b0974fb.js');
 const ui = require('./ui-cd4f8632.js');
 require('./featureFlagController-7e890692.js');
-require('./typeGuard-7a5746f7.js');
-require('./ui-2ae913d5.js');
+require('./typeGuard-f0034f75.js');
+require('./ui-313ae2d4.js');
 require('./number-2eb7b8f3.js');
 
 /**

package/dist/cjs/vega-form.cjs.entry.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-c12bc235.js');
 const subject = require('./subject-b9a0f7c6.js');
 const featureFlagController = require('./featureFlagController-7e890692.js');
-const typeGuard = require('./typeGuard-7a5746f7.js');
+const typeGuard = require('./typeGuard-f0034f75.js');
 const array = require('./array-a4f013ec.js');
 const component = require('./component-aa3542d1.js');
 const ui = require('./ui-cd4f8632.js');
 const formFieldController = require('./formFieldController-baa64b89.js');
 require('./log-7b0974fb.js');
-require('./ui-2ae913d5.js');
+require('./ui-313ae2d4.js');
 require('./number-2eb7b8f3.js');
 
 const vegaFormCss = ":host{display:block}";

package/dist/cjs/vega-item-toggle.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c12bc235.js');
 const component = require('./component-aa3542d1.js');
-const ui = require('./ui-2ae913d5.js');
+const ui = require('./ui-313ae2d4.js');
 require('./featureFlagController-7e890692.js');
 require('./log-7b0974fb.js');