@heartlandone/vega 2.83.0 → 2.84.0

package/dist/types/components/vega-app-header-button/slimmers/renderers/vega-app-header-button-dropdown-renderer.d.ts

@@ -11,6 +11,7 @@ export declare class VegaAppHeaderButtonDropdownRenderer extends VegaSlimmer {
   protected dropdownEventPrevent: VegaAppHeaderButton['dropdownEventPrevent'];
   protected dropdownClickEventEmitter: VegaAppHeaderButton['dropdownClickEventEmitter'];
   protected resetEventEmitter: VegaAppHeaderButton['resetEventEmitter'];
+  protected searchEventEmitter: VegaAppHeaderButton['searchEventEmitter'];
   private dropdownRef;
   private itemsSlotRef;
   private isTemplateMode;
@@ -51,6 +52,13 @@ export declare class VegaAppHeaderButtonDropdownRenderer extends VegaSlimmer {
    * @param {NotifyObserverPayload<string>} input the reset detail
    */
   private triggerResetEvent;
+  /**
+   * emit dropdown search event when component receives a search input from the dropdown,
+   * but only if `useDefaultFilter` is set to `false`.
+   *
+   * @param {NotifyObserverPayload<string>} input the search detail
+   */
+  private triggerSearchEvent;
   /**
    * Shows the dropdown component.
    */

package/dist/types/components/vega-app-header-button/types.d.ts

@@ -24,7 +24,9 @@ export type VegaAppHeaderButtonDropdownConfig = Partial<
 		| 'searchable'
 		| 'itemDisplayRule'
 		| 'selectType'
+		| 'selectedSourceKey'
 		| 'resettable'
+		| 'useDefaultFilter'
 	>
 >;
 

package/dist/types/components/vega-app-header-button/vega-app-header-button.d.ts

@@ -24,6 +24,7 @@ export declare class VegaAppHeaderButton {
   protected clickEventEmitter: EventEmitSlimmerBase;
   protected dropdownClickEventEmitter: EventEmitSlimmerBase;
   protected resetEventEmitter: EventEmitSlimmerBase;
+  protected searchEventEmitter: EventEmitSlimmerBase;
   protected vegaMenuArrowIconRenderer: VegaMenuArrowIconRenderer;
   protected vegaComponentUsageRuntimeMetricsSlimmer: VegaComponentUsageRuntimeMetricsSlimmer<HTMLVegaAppHeaderButtonElement>;
   protected dropdownRenderer: VegaAppHeaderButtonDropdownRenderer;
@@ -146,6 +147,21 @@ export declare class VegaAppHeaderButton {
    * @vegaVersion 2.73.0
    */
   reset: EventEmitter<string>;
+  /**
+   * An event emitter notifying the search event in the dropdown,
+   *    but only if `useDefaultFilter` is set to `false`.
+   *
+   * @vegaVersion 2.84.0
+   */
+  vegaSearch: EventEmitter<string>;
+  /**
+   * An event emitter notifying the search event in the dropdown,
+   *    but only if `useDefaultFilter` is set to `false`.
+   *
+   * @eventSemantics namespace:native
+   * @vegaVersion 2.84.0
+   */
+  dropdownSearch: EventEmitter<string>;
   render(): VegaAppHeaderButton;
   private renderButton;
   private renderButtonLabel;

package/dist/types/components/vega-checkbox/vega-checkbox.d.ts

@@ -53,6 +53,7 @@ export declare class VegaCheckbox {
    * @vegaVersion 1.0.7
    */
   value: string | boolean;
+  watchValueChange(newValue: string | boolean): void;
   /**
    * Specifies whether the checkbox should be pre-checked.
    *

package/dist/types/components/vega-color-swatch/vega-color-swatch-picker/assets/hashtag.d.ts

@@ -0,0 +1,3 @@
+import { IconPayload } from '../../../../helpers/icon/interface';
+declare const _default: IconPayload;
+export default _default;

package/dist/types/components/vega-color-swatch/vega-color-swatch-picker/slimmers/controllers/color-swatch-picker-color-format-controller.d.ts

@@ -0,0 +1,32 @@
+import { VegaSlimmer } from '../../../../../vega-slimmer/vega-slimmer-core';
+import { VegaColorSwatchPicker } from '../../vega-color-swatch-picker';
+import { VegaColorStageType, VegaColorSwatchPickerFormatOption } from '../../types';
+/**
+ * Controller for handling color format in VegaColorSwatchPicker.
+ */
+export declare class ColorSwatchPickerColorFormatController extends VegaSlimmer {
+  static DEFAULT_INPUT_FORMATTER: VegaColorSwatchPickerFormatOption;
+  protected inputFormatter: VegaColorSwatchPicker['inputFormatter'];
+  protected internalColor: VegaColorSwatchPicker['internalColor'];
+  protected colorSwatchPickerValueController: VegaColorSwatchPicker['colorSwatchPickerValueController'];
+  /**
+   * watch the prop, update the internal color when changes.
+   */
+  updateTheColor(): void;
+  /**
+   * Formats a color value based on the specified color stage type.
+   *
+   * @param {VegaColorStageType} colorStageType - The stage of color processing ('input' or 'output').
+   * @param {string} color - The color value to format.
+   * @returns {string} The formatted color value.
+   */
+  formatColor(colorStageType: 'input' | 'output', color: string): string;
+  /**
+   * Handles the formatting of a color value when the inputFormatter is set to 'hexColorFormatter'.
+   *
+   * @param {VegaColorStageType} colorStageType The stage of color processing ('input' or 'output').
+   * @param {string} color The color value to format.
+   * @returns {string} The formatted color value.
+   */
+  handleHexFormat(colorStageType: VegaColorStageType, color: string): string;
+}

package/dist/types/components/vega-color-swatch/vega-color-swatch-picker/slimmers/controllers/color-swatch-picker-value-controller.d.ts

@@ -0,0 +1,31 @@
+import { VegaSlimmer } from '../../../../../vega-slimmer/vega-slimmer-core';
+import { VegaColorSwatchPicker } from '../../vega-color-swatch-picker';
+/**
+ * Controller for managing the value state of the color swatch picker.
+ */
+export declare class ColorSwatchPickerValueController extends VegaSlimmer {
+  protected host: VegaColorSwatchPicker['host'];
+  protected value: VegaColorSwatchPicker['value'];
+  protected internalColor: VegaColorSwatchPicker['internalColor'];
+  protected changeEventEmitter: VegaColorSwatchPicker['changeEventEmitter'];
+  /**
+   * Update the value of the color swatch picker.
+   *
+   * @param {string} newValue - The new color value to set.
+   */
+  updateValue(newValue: string): void;
+  /**
+   * Update the internal color state of the color swatch picker.
+   *
+   * @param {string} newValue - The new internal color value to set.
+   */
+  updateInternalColor(newValue: string): void;
+  /**
+   * Initializes the `internalColor` state with the initial value of the `value` prop when the component loads.
+   */
+  protected initializeInternalColor(): void;
+  /**
+   * Listens to changes in the `value` prop and updates the `internalColor` state accordingly.
+   */
+  protected listenToValueChange(): void;
+}

package/dist/types/components/vega-color-swatch/vega-color-swatch-picker/slimmers/renderers/color-swatch-grid-renderer.d.ts

@@ -0,0 +1,26 @@
+import { VegaSlimmer } from '../../../../../vega-slimmer/vega-slimmer-core';
+import { VegaColorSwatchPicker } from '../../vega-color-swatch-picker';
+/**
+ * Renderer for the color swatch list in the color swatch picker popover.
+ */
+export declare class ColorSwatchGridRenderer extends VegaSlimmer {
+  protected colors: VegaColorSwatchPicker['colors'];
+  protected internalColor: VegaColorSwatchPicker['internalColor'];
+  protected swatchGridColumns: VegaColorSwatchPicker['swatchGridColumns'];
+  protected colorSwatchPickerValueController: VegaColorSwatchPicker['colorSwatchPickerValueController'];
+  render(): HTMLElement;
+  /**
+   * Handle for adding click listener to each color swatch in the grid.
+   *
+   * @param {HTMLVegaColorSwatchElement} el - The color swatch element.
+   */
+  private handleColorSwatchClick;
+  /**
+   * Checks if two colors match, ignoring case.
+   *
+   * @param {Nullable<string>} color1 - The first color to compare.
+   * @param {Nullable<string>} color2 - The second color to compare.
+   * @returns {boolean} True if the colors match, false otherwise.
+   */
+  private isColorMatched;
+}

package/dist/types/components/vega-color-swatch/vega-color-swatch-picker/slimmers/renderers/color-swatch-input-renderer.d.ts

@@ -0,0 +1,25 @@
+import { VegaSlimmer } from '../../../../../vega-slimmer/vega-slimmer-core';
+import { VegaColorSwatchPicker } from '../../vega-color-swatch-picker';
+import { Nullable } from '../../../../../types/general';
+/**
+ * Renderer for the custom color input in the color swatch picker popover.
+ */
+export declare class ColorSwatchInputRenderer extends VegaSlimmer {
+  static DEFAULT_INPUT_ICON: string;
+  protected internalColor: VegaColorSwatchPicker['internalColor'];
+  protected showInput: VegaColorSwatchPicker['showInput'];
+  protected inputPlaceholder: VegaColorSwatchPicker['inputPlaceholder'];
+  protected inputPrefixIcon: VegaColorSwatchPicker['inputPrefixIcon'];
+  protected colorSwatchPickerValueController: VegaColorSwatchPicker['colorSwatchPickerValueController'];
+  protected colorSwatchPickerColorFormatController: VegaColorSwatchPicker['colorSwatchPickerColorFormatController'];
+  protected translationSlimmer: VegaColorSwatchPicker['translationSlimmer'];
+  render(): Nullable<HTMLElement>;
+  private handleInputEvent;
+  /**
+   * A simple validation function to check if the provided value is a valid CSS color. It's used to reduce unnecessary updates to the color swatch when the user is typing in the custom color input.
+   *
+   * @param {string} value The value to validate.
+   * @returns {boolean} True if the value is a valid CSS color, false otherwise.
+   */
+  private isValidColor;
+}

package/dist/types/components/vega-color-swatch/vega-color-swatch-picker/slimmers/renderers/color-swatch-picker-renderer.d.ts

@@ -0,0 +1,43 @@
+import { VegaSlimmer } from '../../../../../vega-slimmer/vega-slimmer-core';
+import { VegaColorSwatchPicker } from '../../vega-color-swatch-picker';
+export declare class ColorSwatchPickerRenderer extends VegaSlimmer {
+  protected value: VegaColorSwatchPicker['value'];
+  protected internalColor: VegaColorSwatchPicker['internalColor'];
+  protected label: VegaColorSwatchPicker['label'];
+  protected required: VegaColorSwatchPicker['required'];
+  protected isPopoverOpen: VegaColorSwatchPicker['isPopoverOpen'];
+  protected disabled: VegaColorSwatchPicker['disabled'];
+  protected showClearButton: VegaColorSwatchPicker['showClearButton'];
+  protected colorSwatchGridRenderer: VegaColorSwatchPicker['colorSwatchGridRenderer'];
+  protected colorSwatchInputRenderer: VegaColorSwatchPicker['colorSwatchInputRenderer'];
+  protected colorSwatchPickerValueController: VegaColorSwatchPicker['colorSwatchPickerValueController'];
+  protected translationSlimmer: VegaColorSwatchPicker['translationSlimmer'];
+  private containerRef;
+  private popoverRef;
+  /**
+   * Hides the color swatch picker popover.
+   */
+  hidePopover(): void;
+  /**
+   * Gets the reference to the container element of the color swatch picker, which can be used for positioning the popover or other related functionalities.
+   *
+   * @returns {HTMLDivElement} The container element of the color swatch picker.
+   */
+  getContainerRef(): HTMLDivElement;
+  render(): HTMLElement;
+  private renderButtonGroup;
+  /**
+   * Synchronizes the internal color state with the value prop each time the popover is shown, ensuring that the color swatch grid and input reflect the current value when opened.
+   */
+  private handlePopoverShow;
+  /**
+   * Updates the aria-expanded attribute of the color swatch to false when the popover is hidden.
+   */
+  private handlePopoverHide;
+  /**
+   * Clear or apply button click handler.
+   *
+   * @param {HTMLVegaButtonLinkElement} btn - The button element that was clicked.
+   */
+  private registerButtonClickHandler;
+}

package/dist/types/components/vega-color-swatch/vega-color-swatch-picker/types.d.ts

@@ -0,0 +1,17 @@
+export type VegaColorStageType = 'input' | 'output';
+
+/**
+ * Format input value for display in the input field and format output value for emitting in the change event, allowing for different formatting logic if needed.
+ *
+ * @param {VegaColorStageType} colorStageType - Indicates the stage of color processing, either 'input' for formatting the value for display in the input field or 'output' for formatting the value before emitting it in the change event.
+ * @param {string} color - The color value to be formatted.
+ * @returns {string} The formatted color value.
+ */
+export type VegaColorFormatter = (colorStageType: VegaColorStageType, color: string) => string;
+
+/**
+ * Predefined color format options or a custom color formatter function.
+ * - 'hexColorFormatter': Auto add # prefix when outputting the color value and remove it when inputting the color value.
+ * - VegaColorFormatter: A custom function that formats the color value based on the specified logic for input and output stages.
+ */
+export type VegaColorSwatchPickerFormatOption = 'hexColorFormatter' | VegaColorFormatter;

package/dist/types/components/vega-color-swatch/vega-color-swatch-picker/vega-color-swatch-picker.d.ts

@@ -0,0 +1,149 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
+import { FormFieldValidationRule } from '../../../helpers/validator/rules/form-field-validation-rule';
+import { GlobalSlimmers } from '../../../vega-slimmer/vega-slimmer-core';
+import { FormFieldControllerSlimmer } from '../../../helpers/slimmers/form-field-controller-slimmer';
+import { ColorSwatchPickerRenderer } from './slimmers/renderers/color-swatch-picker-renderer';
+import { EventEmitSlimmerBase } from '../../../helpers/event-manager/slimmers/event-emit-slimmer';
+import { ColorSwatchGridRenderer } from './slimmers/renderers/color-swatch-grid-renderer';
+import { GridColumnsType } from '../../../types/ui.type';
+import { ColorSwatchInputRenderer } from './slimmers/renderers/color-swatch-input-renderer';
+import { ColorSwatchPickerValueController } from './slimmers/controllers/color-swatch-picker-value-controller';
+import { TranslationSlimmer } from '../../../helpers/slimmers/translation';
+import { VegaColorSwatchPickerFormatOption } from './types';
+import { ColorSwatchPickerColorFormatController } from './slimmers/controllers/color-swatch-picker-color-format-controller';
+import { ChildNodesEventPreventSlimmer } from '../../../helpers/event-manager/slimmers/child-nodes-event-prevent-slimmer';
+/**
+ * A color swatch picker component.
+ *
+ * @vegaVersion 2.84.0
+ */
+export declare class VegaColorSwatchPicker {
+  protected readonly globalSlimmers: GlobalSlimmers;
+  protected vegaComponentUsageRuntimeMetricsSlimmer: VegaComponentUsageRuntimeMetricsSlimmer<HTMLVegaColorSwatchPickerElement>;
+  protected readonly formFieldController: FormFieldControllerSlimmer<string>;
+  protected translationSlimmer: TranslationSlimmer<HTMLVegaColorSwatchPickerElement>;
+  protected colorSwatchPickerRenderer: ColorSwatchPickerRenderer;
+  protected colorSwatchGridRenderer: ColorSwatchGridRenderer;
+  protected colorSwatchInputRenderer: ColorSwatchInputRenderer;
+  protected colorSwatchPickerValueController: ColorSwatchPickerValueController;
+  protected colorSwatchPickerColorFormatController: ColorSwatchPickerColorFormatController;
+  protected childNodeEventPreventSlimmer: ChildNodesEventPreventSlimmer;
+  protected changeEventEmitter: EventEmitSlimmerBase;
+  host: HTMLVegaColorSwatchPickerElement;
+  internalColor: string;
+  isPopoverOpen: boolean;
+  /**
+   * Specifies the currently selected color value.
+   *
+   * @vegaVersion 2.84.0
+   */
+  value: string;
+  watchValue(): void;
+  /**
+   * Specifies the label or title for the color swatch picker.
+   *   It provides descriptive text that helps identify the purpose
+   *   or content expected in the color swatch picker.
+   *
+   * @vegaVersion 2.84.0
+   */
+  label: string;
+  /**
+   * Specifies whether the color swatch picker is disabled.
+   *
+   * @vegaVersion 2.84.0
+   */
+  disabled: boolean;
+  watchDisabled(): void;
+  /**
+   * Specifies whether a color value must be selected for the color swatch picker to pass form validation.
+   *
+   * @vegaVersion 2.84.0
+   */
+  required: boolean;
+  /**
+   * Specifies the validation status of the color swatch picker.
+   *
+   * @vegaVersion 2.84.0
+   */
+  isValid: boolean | null;
+  /**
+   * Determines whether automatic validation should be implemented for the color swatch picker.
+   *
+   * @vegaVersion 2.84.0
+   */
+  autoValidation: boolean;
+  /**
+   * Specifies custom validation rules for the color swatch picker.
+   *
+   * @vegaVersion 2.84.0
+   */
+  validationRules: FormFieldValidationRule<string>[];
+  watchValidationRules(): void;
+  /**
+   * Specifies the available color options for the color swatch picker.
+   *
+   * @vegaVersion 2.84.0
+   */
+  colors: string[];
+  /**
+   * Specifies the number or configuration of columns in the color
+   *   swatch picker grid layout within the popover.
+   *
+   * @vegaVersion 2.84.0
+   */
+  swatchGridColumns: GridColumnsType;
+  /**
+   * Determines whether the custom color input is shown in the color swatch picker popover.
+   *
+   * @vegaVersion 2.84.0
+   */
+  showInput: boolean;
+  /**
+   * Specifies a placeholder string that displays as a temporary hint
+   *   or example inside the color swatch picker.
+   * It indicates the expected format or pattern of the picker.
+   *
+   * @vegaVersion 2.84.0
+   */
+  inputPlaceholder: string;
+  /**
+   * The icon for the custom color input in the color swatch picker popover.
+   * Specifies the icon displayed in the custom color input field
+   *   within the color swatch picker popover.
+   *
+   * @vegaVersion 2.84.0
+   */
+  inputPrefixIcon: string;
+  /**
+   * Determines whether the clear button is shown in the color swatch picker popover.
+   *
+   * @vegaVersion 2.84.0
+   */
+  showClearButton: boolean;
+  /**
+   * Specifies the formatting method for color values in the color swatch picker.
+   * It can be set to a predefined format (`hexColorFormatter`) or a custom
+   *   formatter function. The `hexColorFormatter` automatically adds a # prefix on output and removes it on input. A custom formatter function
+   *   allows more complex formatting logic based on the processing stage (input or output).
+   * Applies only when `showInput` is set to `true`.
+   *
+   * @vegaVersion 2.84.0
+   */
+  inputFormatter: VegaColorSwatchPickerFormatOption;
+  watchInputFormatter(): void;
+  /**
+   * An event emitter notifying the change of the selected color value.
+   *
+   * @vegaVersion 2.84.0
+   */
+  vegaChange: EventEmitter<string>;
+  /**
+   * An event emitter notifying the change of the selected color value.
+   *
+   * @eventSemantics namespace:native
+   * @vegaVersion 2.84.0
+   */
+  change: EventEmitter<string>;
+  render(): VegaColorSwatchPicker;
+}

package/dist/types/components/vega-modal/slimmers/controllers/vega-modal-padding-state-controller.d.ts

@@ -0,0 +1,21 @@
+import { VegaSlimmer } from '../../../../vega-slimmer/vega-slimmer-core';
+import { VegaModal } from '../../vega-modal';
+/**
+ * Modal section padding state controller
+ */
+export declare class VegaModalPaddingStateController extends VegaSlimmer {
+  sectionPaddingState: VegaModal['sectionPaddingState'];
+  padding: VegaModal['padding'];
+  /**
+   * Component lifecycle - [componentWillLoad]
+   */
+  componentWillLoad(): void;
+  /**
+   * Watch for changes in padding and update the section padding state accordingly.
+   */
+  watchPadding(): void;
+  /**
+   * Set the section padding state based on the current padding prop.
+   */
+  private setSectionPaddingState;
+}

package/dist/types/components/vega-modal/slimmers/models/vega-modal-section-padding-state.d.ts

@@ -0,0 +1,29 @@
+import { ResponsiveType, PaddingType } from '../../../../types/ui.type';
+import type { VegaModalSectionPadding } from '../../types';
+/**
+ * Represents the modal section padding state.
+ */
+export declare class VegaModalSectionPaddingState {
+  private static readonly defaultPadding;
+  private static readonly defaultSectionPadding;
+  private readonly sectionPadding;
+  constructor(padding: ResponsiveType<PaddingType> | VegaModalSectionPadding);
+  /**
+   * Gets the padding for the header section of the modal.
+   *
+   * @returns {ResponsiveType<PaddingType>} The padding for the header section.
+   */
+  getHeaderPadding(): ResponsiveType<PaddingType>;
+  /**
+   * Gets the padding for the content section of the modal.
+   *
+   * @returns {ResponsiveType<PaddingType>} The padding for the content section.
+   */
+  getContentPadding(): ResponsiveType<PaddingType>;
+  /**
+   * Gets the padding for the footer section of the modal.
+   *
+   * @returns {ResponsiveType<PaddingType>} The padding for the footer section.
+   */
+  getFooterPadding(): ResponsiveType<PaddingType>;
+}

package/dist/types/components/vega-modal/slimmers/renderers/vega-modal-renderer.d.ts

@@ -18,6 +18,7 @@ export declare class VegaModalRenderer extends VegaSlimmer {
   handleClose: VegaModal['handleClose'];
   deprecatedPropertySlimmer: VegaModal['deprecatedPropertySlimmer'];
   openStateController: VegaModal['openStateController'];
+  sectionPaddingState: VegaModal['sectionPaddingState'];
   private readonly titleId;
   private modalContent;
   private modalFooter;
@@ -35,5 +36,4 @@ export declare class VegaModalRenderer extends VegaSlimmer {
   private hasModalFooter;
   private isContentScrollable;
   private hasModalTitle;
-  private useModalSlotTitle;
 }

package/dist/types/components/vega-modal/types.d.ts

@@ -1,3 +1,5 @@
+import { PaddingType, ResponsiveType } from '../../types/ui.type';
+
 /**
  * Options for how the backdrop behaves when the modal is open.
  */
@@ -7,6 +9,15 @@ export type VegaModalBackdrop = 'static' | 'none' | 'default';
  */
 export type VegaModalBackdropColor = 'semi' | 'none' | 'default';
 
+/**
+ * Section Padding options for the modal.
+ */
+export type VegaModalSectionPadding = {
+	header?: ResponsiveType<PaddingType>;
+	content?: ResponsiveType<PaddingType>;
+	footer?: ResponsiveType<PaddingType>;
+};
+
 /**
  * Describes what caused a modal's open state to change.
  */

package/dist/types/components/vega-modal/vega-modal.d.ts

@@ -1,7 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { MarginType, PaddingType, ResponsiveType, SizeType } from '../../types/ui.type';
 import { BreakpointsTokenType } from '../../types/design-token.type';
-import { VegaModalBackdrop, VegaModalBackdropColor } from './types';
+import { VegaModalBackdrop, VegaModalBackdropColor, VegaModalSectionPadding } from './types';
 import { GlobalSlimmers } from '../../vega-slimmer/vega-slimmer-core';
 import { EventEmitSlimmerBase } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
 import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/child-nodes-event-prevent-slimmer';
@@ -17,6 +17,8 @@ import { VegaModalBackdropController } from './slimmers/controllers/vega-modal-b
 import { VegaModalOpenedModalStackController } from './slimmers/controllers/vega-modal-opened-modal-stack-controller';
 import { VegaModalZIndexController } from './slimmers/controllers/vega-modal-z-index-controller';
 import { VegaModalOpenState } from './slimmers/models/vega-modal-open-state';
+import { VegaModalSectionPaddingState } from './slimmers/models/vega-modal-section-padding-state';
+import { VegaModalPaddingStateController } from './slimmers/controllers/vega-modal-padding-state-controller';
 /**
  * @vegaVersion 1.0.6
  */
@@ -29,6 +31,7 @@ export declare class VegaModal {
   protected readonly backdropController: VegaModalBackdropController;
   protected readonly openedModalStackController: VegaModalOpenedModalStackController;
   protected readonly zIndexController: VegaModalZIndexController;
+  protected readonly paddingStateController: VegaModalPaddingStateController;
   protected readonly renderer: VegaModalRenderer;
   protected openEventEmitter: EventEmitSlimmerBase;
   protected closeEventEmitter: EventEmitSlimmerBase;
@@ -39,6 +42,7 @@ export declare class VegaModal {
   host: HTMLVegaModalElement;
   currentBreakpoint: BreakpointsTokenType;
   openState: VegaModalOpenState;
+  sectionPaddingState: VegaModalSectionPaddingState;
   watchOpenState(): void;
   /**
    * Provides options for controlling the behavior of the backdrop.
@@ -146,7 +150,8 @@ export declare class VegaModal {
    *
    * @vegaVersion 1.0.10
    */
-  padding: ResponsiveType<PaddingType>;
+  padding: ResponsiveType<PaddingType> | VegaModalSectionPadding;
+  watchPadding(): void;
   /**
    * Specifies the margin around the modal dialog.
    *

package/dist/types/components/vega-rich-text-editor/dto/annotations/text-style-annotation.d.ts

@@ -1,13 +1,6 @@
 import { BlockAnnotation, BlockAnnotationTypeEnum } from './block-annotation.abstract';
 import { AnnotationStyle, RTERenderContext, VegaRTETextStyleType } from '../../interface';
 import { Nullable } from '../../../../types/general';
-export declare type RTETextStyleBaseType = {
-  fontFamily: string;
-  fontWeight: string;
-  fontSize: string;
-  lineHeight: string;
-  minHeight: string;
-};
 /**
  * Text style annotation
  */

package/dist/types/components/vega-rich-text-editor/dto/annotations/text-style-default-styles.d.ts

@@ -0,0 +1,3 @@
+import { AnnotationStyle, VegaRTETextStyleType } from '../../interface';
+export declare const TEXT_STYLE_VALUES: VegaRTETextStyleType[];
+export declare const TEXT_STYLE_DEFAULTS: Record<VegaRTETextStyleType, AnnotationStyle>;

package/dist/types/components/vega-time-picker/slimmers/renderers/vega-time-picker-range-clear-button-renderer.d.ts

@@ -3,6 +3,7 @@ import { VegaTimePicker } from '../../vega-time-picker';
 export declare class VegaTimePickerRangeClearButtonRenderer extends VegaSlimmer {
   disabled: VegaTimePicker['disabled'];
   value: VegaTimePicker['value'];
+  showClearIcon: VegaTimePicker['showClearIcon'];
   valueController: VegaTimePicker['valueController'];
   endDropdownController: VegaTimePicker['endDropdownController'];
   rangeInputRenderer: VegaTimePicker['rangeInputRenderer'];
@@ -10,9 +11,11 @@ export declare class VegaTimePickerRangeClearButtonRenderer extends VegaSlimmer
   /** The `onClickClearIcon` function is a private method that is called when the clear icon is clicked. It performs the following actions: */
   private onClickClearIcon;
   /**
-   * The function checks if the value is an array and if either of the elements in the array is truthy, returning true if so.
+   * Determines whether the range clear button should be visible. The button
+   * is shown only when the clear icon feature is enabled, the component is
+   * not disabled, and at least one end of the range value is non-empty.
    *
-   * @returns {boolean} a boolean value.
+   * @returns {boolean} `true` when the clear button should be visible.
    */
-  private isInvisible;
+  private shouldShowClearButton;
 }

package/dist/types/components/vega-time-picker/slimmers/renderers/vega-time-picker-single-input-renderer.d.ts

@@ -9,6 +9,7 @@ export declare class VegaTimePickerSingleInputRenderer extends VegaSlimmer {
   private singleDropdownController;
   private translationSlimmer;
   private readOnly;
+  private showClearIcon;
   private timeInputRef;
   /**
    * The function returns a reference to an HTML input element.

package/dist/types/components/vega-time-picker/vega-time-picker.d.ts

@@ -148,6 +148,26 @@ export declare class VegaTimePicker {
    * @vegaVersion 2.79.0
    */
   readOnly: boolean;
+  /**
+   * Controls whether a clear (✕) icon button is displayed inside the time
+   * picker input when the field has a non-empty value.
+   *
+   * When `true`, clicking the clear icon resets the time picker value to an
+   * empty value (or `['', '']` in `range` mode) and emits a `vegaChange`
+   * event. Set to `false` to hide the clear icon (e.g., for time pickers
+   * where clearing is not desired).
+   *
+   * The clear icon is also hidden when the component is `disabled`.
+   *
+   * When the component is `readOnly`, the clear icon remains visible by
+   * design: read-only only suppresses manual keyboard text entry, while
+   * users can still update the value via the dropdown UI, so clearing the
+   * selected value is still a valid interaction.
+   *
+   * @default true
+   * @vegaVersion 2.84.0
+   */
+  showClearIcon: boolean;
   /**
    * Specifies the validation status of the time picker component.
    *