@bryntum/grid-trial 7.3.5 → 7.3.6

package/grid.d.ts

@@ -710,6 +710,13 @@ type AjaxResponse = Response & {
     responseText?: string
 }
 
+/**
+ * A style specification to apply to an element. Accepted by the [style](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-style) config
+ * and by [DomHelper.applyStyle()](https://bryntum.com/products/grid/docs/api/Core/helper/DomHelper#function-applyStyle-static).
+ * [More...](https://bryntum.com/products/grid/docs/api/Core/helper/CSSHelper#typedef-CSSStyleConfig)
+ */
+type CSSStyleConfig = string|Record<string, string|number|null>|CSSStyleDeclaration
+
 /**
  * A string defining a duration unit. Valid values are:
  * [More...](https://bryntum.com/products/grid/docs/api/Core/helper/DateHelper#typedef-DurationUnit)
@@ -778,7 +785,7 @@ type DomConfig = Record<string, any> & {
     /**
      * Style, as a string or an object (keys will be hyphenated)
      */
-    style?: string|object
+    style?: CSSStyleConfig
     /**
      * Data object stored as an expando on the resulting element
      */
@@ -1354,7 +1361,7 @@ type PanelHeader = {
     /**
      * A style string or object to apply to the header
      */
-    style?: Record<string, string|number>|string
+    style?: CSSStyleConfig
 }
 
 /**
@@ -7039,7 +7046,7 @@ export class Store extends Base {
     readonly groupHeaderRecords: Model[]
     /**
      * Currently used groupers.
-     * To set groupers when remote sorting is enabled by [sortParamName](https://bryntum.com/products/grid/docs/api/Core/data/AjaxStore#config-sortParamName) you should
+     * To set groupers when remote sorting is enabled by [remoteSort](https://bryntum.com/products/grid/docs/api/Core/data/Store#config-remoteSort) you should
      * use [setGroupers](https://bryntum.com/products/grid/docs/api/Core/data/mixin/StoreGroup#function-setGroupers) instead to be able to wait for the operation to finish.
      */
     groupers: Grouper[]
@@ -8044,6 +8051,7 @@ export class Store extends Base {
     toggleCollapse(idOrRecord: string|number|Model, collapse?: boolean): Promise<void>;
     /**
      * Traverse all tree nodes (only applicable for Tree Store)
+     * Also callable as `traverse(fn, skipTopNode, options)` to start from [rootNode](https://bryntum.com/products/grid/docs/api/Core/data/Store#property-rootNode).
      * @param {Function} fn The function to call on visiting each node.
      * @param {Core.data.Model} fn.record Current record being visited
      * @param {Core.data.Model} [topNode] The top node to start the traverse at.
@@ -8056,6 +8064,7 @@ export class Store extends Base {
     traverse(fn: (record: Model) => void, topNode?: Model, skipTopNode?: boolean, options?: { includeFilteredOutRecords?: boolean, includeCollapsedGroupRecords?: boolean, useOrderedTree?: boolean }|boolean): void;
     /**
      * Traverse all tree nodes while the passed `fn` returns true
+     * Also callable as `traverseWhile(fn, skipTopNode, options)` to start from [rootNode](https://bryntum.com/products/grid/docs/api/Core/data/Store#property-rootNode).
      * @param {Function} fn The function to call on visiting each node. Returning `false` from it stops the traverse.
      * @param {Core.data.Model} fn.record The record being visited
      * @param {Core.data.Model} [topNode] The top node to start the traverse at.
@@ -10328,7 +10337,7 @@ export class StoreGroupClass {
     readonly groupHeaderRecords: Model[]
     /**
      * Currently used groupers.
-     * To set groupers when remote sorting is enabled by [sortParamName](https://bryntum.com/products/grid/docs/api/Core/data/AjaxStore#config-sortParamName) you should
+     * To set groupers when remote sorting is enabled by [remoteSort](https://bryntum.com/products/grid/docs/api/Core/data/Store#config-remoteSort) you should
      * use [setGroupers](https://bryntum.com/products/grid/docs/api/Core/data/mixin/StoreGroup#function-setGroupers) instead to be able to wait for the operation to finish.
      */
     groupers: Grouper[]
@@ -11784,7 +11793,10 @@ export class StateTrackingManager extends Base {
      */
     hasStore(store: Store): boolean;
     /**
-     * Merges all update actions into one per model, keeping the oldest and the newest values.
+     * Merges all update actions into one per model, keeping the oldest and the newest values. With
+     * [revisionsEnabled](https://bryntum.com/products/grid/docs/api/Core/data/stm/StateTrackingManager#config-revisionsEnabled) the merge is input-aware: engine-calculated actions are dropped
+     * (the engine recalculates them on undo/redo replay) - other consumers of marked transactions
+     * (e.g. the versions feature changelog) need the full queue.
      */
     mergeTransactionUpdateActions(): void;
     /**
@@ -14211,19 +14223,19 @@ export class DateHelper {
     static add(date: Date|string, amount: number|string|Duration|DurationConfig, unit?: DurationUnitShort): Date;
     /**
      * Converts the specified amount of one unit (`fromUnit`) into an amount of another unit (`toUnit`).
-     * @param {string} toUnit The name of units to convert to, eg: `'ms'`
-     * @param {number,string} amount The time to convert. Either the magnitude number form or a duration string such as '2d'
-     * @param {string} [fromUnit] If the amount was passed as a number, the units to use to convert from
+     * @param {DurationUnit,DurationUnitShort} toUnit The name of units to convert to, eg: `'ms'`
+     * @param {number,string,Core.data.Duration} amount The time to convert. Either the magnitude number form, a duration string such as '2d', or a [Duration](https://bryntum.com/products/grid/docs/api/Core/data/Duration) instance, in which case its own unit is used as `fromUnit`
+     * @param {DurationUnit,DurationUnitShort} [fromUnit] If the amount was passed as a number, the units to use to convert from
      */
-    static as(toUnit: string, amount: number|string, fromUnit?: string): number;
+    static as(toUnit: DurationUnit|DurationUnitShort, amount: number|string|Duration, fromUnit?: DurationUnit|DurationUnitShort): number;
     /**
      * Converts the specified amount of desired unit into milliseconds. Can be called by only specifying a unit as the
      * first argument, it then uses `amount = 1`.
      * [More...](https://bryntum.com/products/grid/docs/api/Core/helper/DateHelper#function-asMilliseconds)
      * @param {number,string} amount Amount, what of is decided by specifying unit (also takes a unit which implies an amount of 1)
-     * @param {string} [unit] Time unit (s, hour, months etc.)
+     * @param {DurationUnit,DurationUnitShort} [unit] Time unit (s, hour, months etc.)
      */
-    static asMilliseconds(amount: number|string, unit?: string): number;
+    static asMilliseconds(amount: number|string, unit?: DurationUnit|DurationUnitShort): number;
     /**
      * Converts the passed Date to an accurate number of months passed since the epoch start.
      * @param {Date} time The Date to find the month value of
@@ -14254,11 +14266,11 @@ export class DateHelper {
     static ceil(time: Date, increment: string|number|DurationConfig|object, base?: Date, weekStartDay?: number): Date;
     /**
      * Coerces the passed Date between the passed minimum and maximum values.
-     * @param {Date} date The date to clamp between the `min` and `max`
+     * @param {Date,number,null,undefined} date The date to clamp between the `min` and `max`, either a Date or a ms timestamp. `null` and `undefined` are returned as passed
      * @param {Date} min The minimum Date
      * @param {Date} max The maximum Date
      */
-    static clamp(date: Date, min: Date, max: Date): Date;
+    static clamp(date: Date|number|null|undefined, min: Date, max: Date): Date|null|undefined;
     /**
      * Removes time from a date (same as calling [startOf(date)](https://bryntum.com/products/grid/docs/api/Core/helper/DateHelper#function-startOf-static)).
      * @param {Date} date Date to remove time from
@@ -14274,9 +14286,9 @@ export class DateHelper {
      * Compares two dates using the specified precision.
      * @param {Date} first First date
      * @param {Date} second Second date
-     * @param {string} [unit] Unit to calculate difference in. If not given, the comparison will be done up to a millisecond
+     * @param {DurationUnit} [unit] Unit to calculate difference in. If not given, the comparison will be done up to a millisecond
      */
-    static compare(first: Date, second: Date, unit?: string): number;
+    static compare(first: Date, second: Date, unit?: DurationUnit): number;
     /**
      * Compare two units. Returns `1` if first param is a greater unit than second param, `-1` if the opposite is true or `0` if they're equal.
      * @param {DurationUnit} unit1 The 1st unit
@@ -14387,11 +14399,11 @@ export class DateHelper {
      * @param {number} delta The millisecond delta value
      * @param {object} [options] Formatting options
      * @param {boolean} [options.abbrev] Pass `true` to use abbreviated unit names, eg `{ d: 2, h: 2 }` for the above example
-     * @param {string} [options.precision] The minimum precision unit
+     * @param {DurationUnit} [options.precision] The minimum precision unit
      * @param {boolean} [options.ignoreLocale] Pass true to return unlocalized unit name. Requires `abbrev` to be false
-     * @param {string} [options.maxUnit] Name of the maximum unit in the output. e.g. if you pass `day` then you'll get `{ h: 25 }` instead of `{ d: 1, h: 1 }`
+     * @param {DurationUnit} [options.maxUnit] Name of the maximum unit in the output. e.g. if you pass `day` then you'll get `{ h: 25 }` instead of `{ d: 1, h: 1 }`
      */
-    static getDelta(delta: number, options?: { abbrev?: boolean, precision?: string, ignoreLocale?: boolean, maxUnit?: string }): object;
+    static getDelta(delta: number, options?: { abbrev?: boolean, precision?: DurationUnit, ignoreLocale?: boolean, maxUnit?: DurationUnit }): object;
     /**
      * Returns a duration of the timeframe in the given unit.
      * @param {Date} start The start date of the timeframe
@@ -14505,9 +14517,9 @@ export class DateHelper {
      * Checks if two dates are equal.
      * @param {Date} first First date
      * @param {Date} second Second date
-     * @param {string} [unit] Unit to calculate difference in. If not given, the comparison will be done up to a millisecond
+     * @param {DurationUnit} [unit] Unit to calculate difference in. If not given, the comparison will be done up to a millisecond
      */
-    static isEqual(first: Date, second: Date, unit?: string): boolean;
+    static isEqual(first: Date, second: Date, unit?: DurationUnit): boolean;
     /**
      * Checks if date is the start of specified unit.
      * @param {Date} date Date
@@ -14594,11 +14606,11 @@ export class DateHelper {
      * Sets the date to the start of the specified unit, by default returning a clone of the date instead of changing it
      * in place.
      * @param {Date} date Original date
-     * @param {string} [unit] Start of this unit, `'day'`, `'month'` etc
+     * @param {DurationUnit} [unit] Start of this unit, `'day'`, `'month'` etc
      * @param {boolean} [clone] Manipulate a copy of the date
      * @param {number} [weekStartDay] The first day of week, `0-6` (Sunday-Saturday). Defaults to the [weekStartDay](https://bryntum.com/products/grid/docs/api/Core/helper/DateHelper#property-weekStartDay-static)
      */
-    static startOf(date: Date, unit?: string, clone?: boolean, weekStartDay?: number): Date;
+    static startOf(date: Date, unit?: DurationUnit, clone?: boolean, weekStartDay?: number): Date;
     /**
      * Returns `true` if the first time span completely 'covers' the second time span.
      * [More...](https://bryntum.com/products/grid/docs/api/Core/helper/DateHelper#function-timeSpanContains)
@@ -14680,7 +14692,7 @@ export class DomHelper {
      * @param {number} duration Duration in ms, 0 means cls will not be applied
      * @param {Core.mixin.Delayable,Window} [delayable] The delayable to tie the setTimeout call to
      */
-    static addTemporaryClass(element: HTMLElement, cls: string, duration: number, delayable?: typeof Delayable|Window): void;
+    static addTemporaryClass(element: HTMLElement, cls: string, duration: number, delayable?: DelayableClass|Window): void;
     /**
      * Increase Y position
      * @param {HTMLElement} element
@@ -14716,11 +14728,12 @@ export class DomHelper {
     static append(parentElement: HTMLElement, elementOrConfig: HTMLElement|DomConfig|string): HTMLElement;
     /**
      * Applies specified style to the passed element. Style can be an object or a string.
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/helper/DomHelper#function-applyStyle)
      * @param {HTMLElement} element Target element
-     * @param {string,object} style Style to apply, 'border: 1px solid black' or { border: '1px solid black' }
+     * @param {CSSStyleConfig} style Style to apply
      * @param {boolean} [overwrite] Specify `true` to replace style instead of applying changes
      */
-    static applyStyle(element: HTMLElement, style: string|object, overwrite?: boolean): void;
+    static applyStyle(element: HTMLElement, style: CSSStyleConfig, overwrite?: boolean): void;
     /**
      * Adds or removes the `classes` contained in the specified object based on the truthy or falsy value of that key.
      * [More...](https://bryntum.com/products/grid/docs/api/Core/helper/DomHelper#function-assignClasses)
@@ -15227,6 +15240,14 @@ type DragHelperListenersTypes = {
      * @param {boolean} event.context.valid true if the drop position is valid
      */
     drop: (event: { source: DragHelper, context: { element: HTMLElement, target: HTMLElement, grabbed: HTMLElement, relatedElements: HTMLElement[], valid: boolean } }) => void
+    /**
+     * Fired when a drag operation terminates, after the dragged element, any clone or drag proxy and the
+     * drag listeners have been cleaned up.
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/helper/DragHelper#event-reset)
+     * @param {object} event Event object
+     * @param {Core.helper.DragHelper} event.source
+     */
+    reset: (event: { source: DragHelper }) => void
 }
 
 /**
@@ -15320,6 +15341,14 @@ type DragHelperListeners = {
      * @param {boolean} event.context.valid true if the drop position is valid
      */
     drop?: ((event: { source: DragHelper, context: { element: HTMLElement, target: HTMLElement, grabbed: HTMLElement, relatedElements: HTMLElement[], valid: boolean } }) => void)|string
+    /**
+     * Fired when a drag operation terminates, after the dragged element, any clone or drag proxy and the
+     * drag listeners have been cleaned up.
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/helper/DragHelper#event-reset)
+     * @param {object} event Event object
+     * @param {Core.helper.DragHelper} event.source
+     */
+    reset?: ((event: { source: DragHelper }) => void)|string
 }
 
 /**
@@ -15557,6 +15586,14 @@ type DragHelperConfig = {
      * @param {boolean} event.context.valid true if the drop position is valid
      */
     onDrop?: ((event: { source: DragHelper, context: { element: HTMLElement, target: HTMLElement, grabbed: HTMLElement, relatedElements: HTMLElement[], valid: boolean } }) => void)|string
+    /**
+     * Fired when a drag operation terminates, after the dragged element, any clone or drag proxy and the
+     * drag listeners have been cleaned up.
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/helper/DragHelper#event-reset)
+     * @param {object} event Event object
+     * @param {Core.helper.DragHelper} event.source
+     */
+    onReset?: ((event: { source: DragHelper }) => void)|string
 }
 
 /**
@@ -15677,6 +15714,14 @@ export class DragHelper extends Base {
      * @param {boolean} event.context.valid true if the drop position is valid
      */
     onDrop: ((event: { source: DragHelper, context: { element: HTMLElement, target: HTMLElement, grabbed: HTMLElement, relatedElements: HTMLElement[], valid: boolean } }) => void)|string
+    /**
+     * Fired when a drag operation terminates, after the dragged element, any clone or drag proxy and the
+     * drag listeners have been cleaned up.
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/helper/DragHelper#event-reset)
+     * @param {object} event Event object
+     * @param {Core.helper.DragHelper} event.source
+     */
+    onReset: ((event: { source: DragHelper }) => void)|string
     /**
      * Initializes a new DragHelper.
      * @param {DragHelperConfig} config Configuration object, accepts options specified under Configs above ```javascript new DragHelper({   containers: [div1, div2],   isElementDraggable: element => element.className.contains('handle'),   outerElement: topParent,   listeners: {     drop: onDrop,     thisObj: this   } }); ```
@@ -16337,13 +16382,13 @@ export class DataGenerator {
      * @param {number} [config.nbrResources] Number of resources to generate
      * @param {number} [config.nbrEvents] Number of events per resource
      * @param {boolean} [config.dependencies] Whether to generate dependencies between events
-     * @param {string} [config.tickUnit] The time unit for event duration ('days', 'hours', etc.)
+     * @param {DurationUnit} [config.tickUnit] The time unit for event duration ('days', 'hours', etc.)
      * @param {number} [config.minDuration] Minimum duration for events
      * @param {number} [config.maxDuration] Maximum duration for events
      * @param {number} [config.gap] Gap between consecutive events
      * @param {Function} [config.eventCallback] Callback function called for each generated event
      */
-    static generateEvents(config: { viewStartDate: Date, viewEndDate?: Date, nbrResources?: number, nbrEvents?: number, dependencies?: boolean, tickUnit?: string, minDuration?: number, maxDuration?: number, gap?: number, eventCallback?: () => void }): object;
+    static generateEvents(config: { viewStartDate: Date, viewEndDate?: Date, nbrResources?: number, nbrEvents?: number, dependencies?: boolean, tickUnit?: DurationUnit, minDuration?: number, maxDuration?: number, gap?: number, eventCallback?: () => void }): object;
     /**
      * Generates a pseudo random dataset with one scheduled event per resource &amp; date tick.
      * @param {object} data
@@ -21308,9 +21353,10 @@ type BooleanComboConfig = {
      */
     store?: Store|StoreConfig
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/BooleanCombo#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -22365,9 +22411,10 @@ type ButtonConfig = {
      */
     split?: boolean|'mouseover'|'hover'
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Button#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * Set to `true` to perform action on clicking the button if it's already pressed
      * and belongs to a [toggleGroup](https://bryntum.com/products/grid/docs/api/Core/widget/Button#config-toggleGroup).
@@ -23145,7 +23192,7 @@ type ButtonGroupConfig = {
      */
     ariaLabel?: string
     /**
-     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
+     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes.
      */
     autoUpdateRecord?: boolean
     /**
@@ -23566,9 +23613,10 @@ type ButtonGroupConfig = {
      */
     strictRecordMapping?: boolean
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/ButtonGroup#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -24339,7 +24387,7 @@ type CalendarPanelConfig = {
      */
     ariaLabel?: string
     /**
-     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
+     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes.
      */
     autoUpdateRecord?: boolean
     /**
@@ -24953,9 +25001,10 @@ type CalendarPanelConfig = {
      */
     strips?: Record<string, ContainerItemConfig>
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/CalendarPanel#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -25778,7 +25827,7 @@ type CarouselConfig = {
      */
     ariaLabel?: string
     /**
-     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
+     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes.
      */
     autoUpdateRecord?: boolean
     /**
@@ -26359,9 +26408,10 @@ type CarouselConfig = {
      */
     strips?: Record<string, ContainerItemConfig>
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Carousel#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -27646,9 +27696,10 @@ type CheckboxConfig = {
      */
     spellCheck?: boolean
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Checkbox#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -28405,7 +28456,7 @@ type CheckboxGroupConfig = {
      */
     ariaLabel?: string
     /**
-     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
+     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes.
      */
     autoUpdateRecord?: boolean
     /**
@@ -28957,9 +29008,10 @@ type CheckboxGroupConfig = {
      */
     strips?: Record<string, ContainerItemConfig>
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/CheckboxGroup#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -30113,9 +30165,10 @@ type ChipViewConfig = {
      */
     store?: object|object[]|StoreConfig|Store|StoreConfig[]
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/ChipView#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -30744,7 +30797,7 @@ type CodeEditorConfig = {
      */
     ariaLabel?: string
     /**
-     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
+     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes.
      */
     autoUpdateRecord?: boolean
     /**
@@ -31271,9 +31324,10 @@ type CodeEditorConfig = {
      */
     strips?: Record<string, ContainerItemConfig>
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/CodeEditor#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -32495,9 +32549,10 @@ type ColorFieldConfig = {
      */
     spellCheck?: boolean
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/ColorField#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -33584,9 +33639,10 @@ type ColorPickerConfig = {
      */
     store?: object|object[]|StoreConfig|Store|StoreConfig[]
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/ColorPicker#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -34915,9 +34971,10 @@ type ComboConfig = {
      */
     store?: Store|StoreConfig
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Combo#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -35657,7 +35714,7 @@ type ConfirmationBarConfig = {
      */
     ariaLabel?: string
     /**
-     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
+     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes.
      */
     autoUpdateRecord?: boolean
     /**
@@ -36094,9 +36151,10 @@ type ConfirmationBarConfig = {
      */
     strictRecordMapping?: boolean
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/ConfirmationBar#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * Set to `false` to disable synchronizing button widths. By default, buttons are assigned a `minWidth` based
      * on the longest [text](https://bryntum.com/products/grid/docs/api/Core/widget/Button#config-text). The default OK and Cancel buttons (in the en-US locale)
@@ -36713,7 +36771,7 @@ type ContainerConfig = {
      */
     ariaLabel?: string
     /**
-     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
+     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes.
      */
     autoUpdateRecord?: boolean
     /**
@@ -37140,9 +37198,10 @@ type ContainerConfig = {
      */
     strictRecordMapping?: boolean
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -37339,6 +37398,10 @@ export class Container extends Widget {
      * Identifies an object as an instance of [Container](https://bryntum.com/products/grid/docs/api/Core/widget/Container) class, or subclass thereof.
      */
     static readonly isContainer: boolean
+    /**
+     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes.
+     */
+    autoUpdateRecord: boolean
     /**
      * Returns the first widget in this Container.
      */
@@ -38445,9 +38508,10 @@ type DateFieldConfig = {
      */
     strictParsing?: boolean
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DateField#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -39244,7 +39308,7 @@ type DatePickerConfig = {
      */
     ariaLabel?: string
     /**
-     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
+     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes.
      */
     autoUpdateRecord?: boolean
     /**
@@ -39912,9 +39976,10 @@ type DatePickerConfig = {
      */
     strips?: Record<string, ContainerItemConfig>
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DatePicker#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -41233,9 +41298,10 @@ type DateRangeFieldConfig = {
      */
     spellCheck?: boolean
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DateRangeField#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -41284,9 +41350,10 @@ type DateRangeFieldConfig = {
      */
     validateOnInput?: boolean
     /**
-     * Default value
+     * Value, which is an array of two Dates, or two strings which will be converted using the specified
+     * [format](https://bryntum.com/products/grid/docs/api/Core/widget/DateRangeField#config-format).
      */
-    value?: string
+    value?: string[]|Date[]
     /**
      * The week start day in the [picker](https://bryntum.com/products/grid/docs/api/Core/widget/DateRangeField#config-picker), 0 meaning Sunday, 6 meaning Saturday.
      * Uses localized value per default.
@@ -41469,7 +41536,7 @@ type DateRangeFieldConfig = {
 
 /**
  * A compound field for editing a start/end date pair. The two `Date` values are stored together in the
- * [value](https://bryntum.com/products/grid/docs/api/Core/widget/DateRangeField#config-value) property as an object with `startDate` and `endDate` keys. A dropdown picker with dual
+ * [value](https://bryntum.com/products/grid/docs/api/Core/widget/DateRangeField#config-value) property as an array, `[startDate, endDate]`. A dropdown picker with dual
  * month calendars lets the user select the range visually. By default the picker edits the value live; enable
  * [confirmable](https://bryntum.com/products/grid/docs/api/Core/widget/DateRangeField#config-confirmable) to require explicit OK/Cancel confirmation. Clicking or arrow-keying in the
  * picker adjusts whichever date field currently has focus. Calendar cells can be customized via
@@ -41521,8 +41588,8 @@ export class DateRangeField extends PickerField {
      */
     min: string|Date
     /**
-     * Value, which can be a Date or a string. If a string is specified, it will be converted using the
-     * specified [format](https://bryntum.com/products/grid/docs/api/Core/widget/mixin/AbstractDateRange#config-format)
+     * The start and end of the range, as an array of two dates: `[startDate, endDate]`. Strings are
+     * accepted and converted using the specified [format](https://bryntum.com/products/grid/docs/api/Core/widget/mixin/AbstractDateRange#config-format).
      */
     value: string[]|Date[]
     /**
@@ -41931,7 +41998,7 @@ type DateRangePickerConfig = {
      */
     ariaLabel?: string
     /**
-     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
+     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes.
      */
     autoUpdateRecord?: boolean
     /**
@@ -42585,9 +42652,10 @@ type DateRangePickerConfig = {
      */
     strips?: Record<string, ContainerItemConfig>
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DateRangePicker#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -42655,8 +42723,9 @@ type DateRangePickerConfig = {
      */
     ui?: 'plain'|'toolbar'|string|object
     /**
-     * Value, which can be a Date or a string. If a string is specified, it will be converted using the
-     * specified [format](https://bryntum.com/products/grid/docs/api/Core/widget/mixin/AbstractDateRange#config-format)
+     * The start and end of the range, as an array of two dates: `[startDate, endDate]`. Strings are
+     * accepted and converted using the specified [format](https://bryntum.com/products/grid/docs/api/Core/widget/mixin/AbstractDateRange#config-format).
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DateRangePicker#config-value)
      */
     value?: string[]|Date[]
     /**
@@ -42899,8 +42968,8 @@ export class DateRangePicker extends MultiDatePicker {
      */
     readonly isDateRangePicker: boolean
     /**
-     * Value, which can be a Date or a string. If a string is specified, it will be converted using the
-     * specified [format](https://bryntum.com/products/grid/docs/api/Core/widget/mixin/AbstractDateRange#config-format)
+     * The start and end of the range, as an array of two dates: `[startDate, endDate]`. Strings are
+     * accepted and converted using the specified [format](https://bryntum.com/products/grid/docs/api/Core/widget/mixin/AbstractDateRange#config-format).
      */
     value: string[]|Date[]
     /**
@@ -43778,9 +43847,10 @@ type DateTimeFieldConfig = {
      */
     span?: number
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DateTimeField#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -44427,7 +44497,7 @@ type DemoCodeEditorConfig = {
      */
     ariaLabel?: string
     /**
-     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
+     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes.
      */
     autoUpdateRecord?: boolean
     /**
@@ -44963,9 +45033,10 @@ type DemoCodeEditorConfig = {
      */
     strips?: Record<string, ContainerItemConfig>
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DemoCodeEditor#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -45581,7 +45652,7 @@ type DemoHeaderConfig = {
      */
     ariaLabel?: string
     /**
-     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
+     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes.
      */
     autoUpdateRecord?: boolean
     /**
@@ -46006,9 +46077,10 @@ type DemoHeaderConfig = {
      */
     strictRecordMapping?: boolean
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DemoHeader#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -47091,9 +47163,10 @@ type DisplayFieldConfig = {
      */
     spellCheck?: boolean
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -48264,9 +48337,10 @@ type DurationFieldConfig = {
      */
     step?: DurationConfig|number|string
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/DurationField#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -49059,7 +49133,7 @@ type EditorConfig = {
      */
     ariaLabel?: string
     /**
-     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
+     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes.
      */
     autoUpdateRecord?: boolean
     /**
@@ -49538,9 +49612,10 @@ type EditorConfig = {
      */
     strictRecordMapping?: boolean
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Editor#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -50802,9 +50877,10 @@ type FieldConfig = {
      */
     spellCheck?: boolean
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Field#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -51554,7 +51630,7 @@ type FieldContainerConfig = {
      */
     ariaLabel?: string
     /**
-     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
+     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes.
      */
     autoUpdateRecord?: boolean
     /**
@@ -51986,9 +52062,10 @@ type FieldContainerConfig = {
      */
     strictRecordMapping?: boolean
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/FieldContainer#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -52541,7 +52618,7 @@ type FieldFilterPickerConfig = {
      */
     ariaLabel?: string
     /**
-     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
+     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes.
      */
     autoUpdateRecord?: boolean
     /**
@@ -53013,9 +53090,10 @@ type FieldFilterPickerConfig = {
      */
     strictRecordMapping?: boolean
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/FieldFilterPicker#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -53624,7 +53702,7 @@ type FieldFilterPickerGroupConfig = {
      */
     ariaLabel?: string
     /**
-     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
+     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes.
      */
     autoUpdateRecord?: boolean
     /**
@@ -54114,9 +54192,10 @@ type FieldFilterPickerGroupConfig = {
      */
     strictRecordMapping?: boolean
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/FieldFilterPickerGroup#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -54782,7 +54861,7 @@ type FieldSetConfig = {
      */
     ariaLabel?: string
     /**
-     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
+     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes.
      */
     autoUpdateRecord?: boolean
     /**
@@ -55307,9 +55386,10 @@ type FieldSetConfig = {
      */
     strips?: Record<string, ContainerItemConfig>
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/FieldSet#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -56488,9 +56568,10 @@ type FileFieldConfig = {
      */
     spellCheck?: boolean
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/FileField#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -57091,7 +57172,7 @@ type FilePickerConfig = {
      */
     ariaLabel?: string
     /**
-     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
+     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes.
      */
     autoUpdateRecord?: boolean
     /**
@@ -57530,9 +57611,10 @@ type FilePickerConfig = {
      */
     strictRecordMapping?: boolean
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/FilePicker#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -58691,9 +58773,10 @@ type FilterFieldConfig = {
      */
     store?: Store
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/FilterField#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -59347,7 +59430,7 @@ type HintConfig = {
      */
     autoNext?: string|number
     /**
-     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
+     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes.
      */
     autoUpdateRecord?: boolean
     /**
@@ -59922,9 +60005,10 @@ type HintConfig = {
      */
     strips?: Record<string, ContainerItemConfig>
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Hint#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -60837,9 +60921,10 @@ type LabelConfig = {
      */
     span?: number
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Label#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -61832,9 +61917,10 @@ type ListConfig = {
      */
     store?: object|object[]|StoreConfig|Store|StoreConfig[]
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/List#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -62856,9 +62942,10 @@ type MaskConfig = {
      */
     span?: number
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Mask#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -63532,7 +63619,7 @@ type MenuConfig = {
      */
     autoShow?: boolean
     /**
-     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
+     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes.
      */
     autoUpdateRecord?: boolean
     /**
@@ -64102,9 +64189,10 @@ type MenuConfig = {
      */
     strips?: Record<string, ContainerItemConfig>
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Menu#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -65170,6 +65258,7 @@ type MenuItemConfig = {
     scrollable?: boolean|ScrollerConfig|Scroller
     /**
      * Set to `true` to display a border above this menu item, if there are other visible menu items before it.
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/MenuItem#config-separator)
      */
     separator?: boolean
     /**
@@ -65186,9 +65275,10 @@ type MenuItemConfig = {
      */
     span?: number
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/MenuItem#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -65895,8 +65985,9 @@ export class MessageDialogSingleton extends Popup {
      * @param {string} [options.message] The message to show in the dialog body.
      * @param {string} [options.rootElement] The root element of this widget, defaults to document.body. Use this if you use the MessageDialog inside a web component ShadowRoot
      * @param {string,ButtonConfig} [options.okButton] A text or config object to apply to the OK button.
+     * @param {AlignSpec,string} [options.align] Align the dialog to a target instead of centering it.
      */
-    alert(options: { modal?: boolean, title?: string, message?: string, rootElement?: string, okButton?: string|ButtonConfig }): Promise<void>;
+    alert(options: { modal?: boolean, title?: string, message?: string, rootElement?: string, okButton?: string|ButtonConfig, align?: AlignSpec|string }): Promise<void>;
     /**
      * Shows a confirm dialog with "Ok" and "Cancel" buttons. The returned promise resolves passing the button identifier
      * of the button that was pressed ([okButton](https://bryntum.com/products/grid/docs/api/Core/widget/MessageDialog#property-okButton) or [cancelButton](#Core/widget/MessageDialog#property-cancelButton)).
@@ -65907,8 +65998,9 @@ export class MessageDialogSingleton extends Popup {
      * @param {string} [options.rootElement] The root element of this widget, defaults to document.body. Use this if you use the MessageDialog inside a web component ShadowRoot
      * @param {string,ButtonConfig} [options.cancelButton] A text or a config object to apply to the Cancel button.
      * @param {string,ButtonConfig} [options.okButton] A text or config object to apply to the OK button.
+     * @param {AlignSpec,string} [options.align] Align the dialog to a target instead of centering it.
      */
-    confirm(options: { modal?: boolean, title?: string, message?: string, rootElement?: string, cancelButton?: string|ButtonConfig, okButton?: string|ButtonConfig }): Promise<number>;
+    confirm(options: { modal?: boolean, title?: string, message?: string, rootElement?: string, cancelButton?: string|ButtonConfig, okButton?: string|ButtonConfig, align?: AlignSpec|string }): Promise<number>;
     /**
      * Shows a popup with a basic [TextField](https://bryntum.com/products/grid/docs/api/Core/widget/TextField) along with a message. The returned promise resolves when
      * the dialog is closed and yields an Object with a `button` ([okButton](https://bryntum.com/products/grid/docs/api/Core/widget/MessageDialog#property-okButton) or [cancelButton](#Core/widget/MessageDialog#property-cancelButton))
@@ -65921,8 +66013,9 @@ export class MessageDialogSingleton extends Popup {
      * @param {TextFieldConfig} [options.textField] A config object to apply to the TextField.
      * @param {string,ButtonConfig} [options.cancelButton] A text or a config object to apply to the Cancel button.
      * @param {string,ButtonConfig} [options.okButton] A text or config object to apply to the OK button.
+     * @param {AlignSpec,string} [options.align] Align the dialog to a target instead of centering it.
      */
-    prompt(options: { modal?: boolean, title?: string, message?: string, rootElement?: string, textField?: TextFieldConfig, cancelButton?: string|ButtonConfig, okButton?: string|ButtonConfig }): Promise<MessageDialogPromptResult>;
+    prompt(options: { modal?: boolean, title?: string, message?: string, rootElement?: string, textField?: TextFieldConfig, cancelButton?: string|ButtonConfig, okButton?: string|ButtonConfig, align?: AlignSpec|string }): Promise<MessageDialogPromptResult>;
 }
 export const MessageDialog : MessageDialogSingleton
 
@@ -66318,7 +66411,7 @@ type MonthPickerConfig = {
      */
     ariaLabel?: string
     /**
-     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
+     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes.
      */
     autoUpdateRecord?: boolean
     /**
@@ -66833,9 +66926,10 @@ type MonthPickerConfig = {
      */
     strips?: Record<string, ContainerItemConfig>
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/MonthPicker#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -67541,7 +67635,7 @@ type MultiDatePickerConfig = {
      */
     ariaLabel?: string
     /**
-     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
+     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes.
      */
     autoUpdateRecord?: boolean
     /**
@@ -68180,9 +68274,10 @@ type MultiDatePickerConfig = {
      */
     strips?: Record<string, ContainerItemConfig>
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/MultiDatePicker#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -69421,9 +69516,10 @@ type NumberFieldConfig = {
      */
     step?: number
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/NumberField#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -70071,7 +70167,7 @@ type PagingToolbarConfig = {
      */
     ariaLabel?: string
     /**
-     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
+     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes.
      */
     autoUpdateRecord?: boolean
     /**
@@ -70452,6 +70548,15 @@ type PagingToolbarConfig = {
      * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/PagingToolbar#config-rendition)
      */
     rendition?: string|Record<string, string>|null
+    /**
+     * Enables [responsive](https://bryntum.com/products/grid/docs/api/Core/widget/mixin/Responsive) behavior. In the `small` state the first/last
+     * page buttons are hidden to fit a narrow toolbar, but only when [overflow](https://bryntum.com/products/grid/docs/api/Core/widget/Toolbar#config-overflow) is `null`.
+     */
+    responsive?: object
+    /**
+     * Score the responsive state from this toolbar's own width rather than an ancestor's.
+     */
+    responsiveTarget?: string
     /**
      * Configure as `true` to have the component display a translucent ripple when its
      * [focusElement](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#property-focusElement), or [element](#Core/widget/Widget#property-element) is tapped <em>if the
@@ -70516,9 +70621,10 @@ type PagingToolbarConfig = {
      */
     strictRecordMapping?: boolean
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/PagingToolbar#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -71148,7 +71254,7 @@ type PanelConfig = {
      */
     ariaLabel?: string
     /**
-     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
+     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes.
      */
     autoUpdateRecord?: boolean
     /**
@@ -71659,9 +71765,10 @@ type PanelConfig = {
      */
     strips?: Record<string, ContainerItemConfig>
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Panel#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -72082,7 +72189,7 @@ export class Panel extends Container {
      * Toggles collapsed state of the panel.
      * @param {boolean} [collapse] Pass `true` to collapse or `false` to expand the panel, or omit to toggle.
      */
-    toggleCollapsed(collapse?: boolean): boolean;
+    toggleCollapsed(collapse?: boolean): Promise<boolean>;
 }
 
 /**
@@ -72940,9 +73047,10 @@ type PasswordFieldConfig = {
      */
     spellCheck?: boolean
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/PasswordField#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -74085,9 +74193,10 @@ type PickerFieldConfig = {
      */
     spellCheck?: boolean
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/PickerField#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -74761,7 +74870,7 @@ type PopupConfig = {
      */
     autoShow?: boolean
     /**
-     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
+     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes.
      */
     autoUpdateRecord?: boolean
     /**
@@ -75335,9 +75444,10 @@ type PopupConfig = {
      */
     strips?: Record<string, ContainerItemConfig>
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Popup#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -76285,9 +76395,10 @@ type ProgressBarConfig = {
      */
     span?: number
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/ProgressBar#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -77420,9 +77531,10 @@ type RadioConfig = {
      */
     spellCheck?: boolean
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Radio#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -78084,7 +78196,7 @@ type RadioGroupConfig = {
      */
     ariaLabel?: string
     /**
-     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
+     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes.
      */
     autoUpdateRecord?: boolean
     /**
@@ -78628,9 +78740,10 @@ type RadioGroupConfig = {
      */
     strips?: Record<string, ContainerItemConfig>
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/RadioGroup#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -79791,9 +79904,10 @@ type RichTextFieldConfig = {
      */
     spellCheck?: boolean
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/RichTextField#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -80950,9 +81064,10 @@ type SlideToggleConfig = {
      */
     spellCheck?: boolean
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/SlideToggle#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -81924,9 +82039,10 @@ type SliderConfig = {
      */
     step?: number
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Slider#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -82902,9 +83018,10 @@ type SplitterConfig = {
      */
     span?: number
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Splitter#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -83922,9 +84039,10 @@ type TabConfig = {
      */
     split?: boolean|'mouseover'|'hover'
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Tab#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * Set to `true` to perform action on clicking the button if it's already pressed
      * and belongs to a [toggleGroup](https://bryntum.com/products/grid/docs/api/Core/widget/Button#config-toggleGroup).
@@ -84584,7 +84702,7 @@ type TabBarConfig = {
      */
     ariaLabel?: string
     /**
-     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
+     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes.
      */
     autoUpdateRecord?: boolean
     /**
@@ -85029,9 +85147,10 @@ type TabBarConfig = {
      */
     strictRecordMapping?: boolean
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/TabBar#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -85712,7 +85831,7 @@ type TabPanelConfig = {
      */
     autoHeight?: boolean
     /**
-     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
+     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes.
      */
     autoUpdateRecord?: boolean
     /**
@@ -86223,9 +86342,10 @@ type TabPanelConfig = {
      */
     strips?: Record<string, ContainerItemConfig>
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -87452,9 +87572,10 @@ type TextAreaFieldConfig = {
      */
     spellCheck?: boolean
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/TextAreaField#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -88607,9 +88728,10 @@ type TextAreaPickerFieldConfig = {
      */
     spellCheck?: boolean
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/TextAreaPickerField#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -89747,9 +89869,10 @@ type TextFieldConfig = {
      */
     spellCheck?: boolean
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/TextField#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -90949,9 +91072,10 @@ type TimeFieldConfig = {
      */
     stepTriggers?: boolean
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/TimeField#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -91585,7 +91709,7 @@ type TimePickerConfig = {
      */
     ariaLabel?: string
     /**
-     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
+     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes.
      */
     autoUpdateRecord?: boolean
     /**
@@ -92027,9 +92151,10 @@ type TimePickerConfig = {
      */
     strictRecordMapping?: boolean
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/TimePicker#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -92916,9 +93041,10 @@ type ToastConfig = {
      */
     span?: number
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Toast#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -93797,9 +93923,10 @@ type ToolConfig = {
      */
     span?: number
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Tool#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -94381,7 +94508,7 @@ type ToolbarConfig = {
      */
     ariaLabel?: string
     /**
-     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
+     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes.
      */
     autoUpdateRecord?: boolean
     /**
@@ -94820,9 +94947,10 @@ type ToolbarConfig = {
      */
     strictRecordMapping?: boolean
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Toolbar#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -95557,7 +95685,7 @@ type TooltipConfig = {
      */
     autoShow?: boolean
     /**
-     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
+     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes.
      */
     autoUpdateRecord?: boolean
     /**
@@ -96192,9 +96320,10 @@ type TooltipConfig = {
      */
     strips?: Record<string, ContainerItemConfig>
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Tooltip#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -97169,9 +97298,10 @@ type WidgetConfig = {
      */
     span?: number
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -97633,7 +97763,7 @@ export class Widget extends Base {
      * Get/set widgets elements style. The setter accepts a cssText string or a style config object, the getter always
      * returns a CSSStyleDeclaration
      */
-    style: string|object|CSSStyleDeclaration
+    style: CSSStyleConfig|CSSStyleDeclaration
     /**
      * The [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel).
@@ -98456,7 +98586,7 @@ type YearPickerConfig = {
      */
     ariaLabel?: string
     /**
-     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
+     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes.
      */
     autoUpdateRecord?: boolean
     /**
@@ -98979,9 +99109,10 @@ type YearPickerConfig = {
      */
     strips?: Record<string, ContainerItemConfig>
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/YearPicker#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -99615,7 +99746,7 @@ type UndoRedoBaseConfig = {
      */
     ariaLabel?: string
     /**
-     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
+     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes.
      */
     autoUpdateRecord?: boolean
     /**
@@ -100045,9 +100176,10 @@ type UndoRedoBaseConfig = {
      */
     strictRecordMapping?: boolean
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/base/UndoRedoBase#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -100581,7 +100713,7 @@ type AISettingsPanelConfig = {
      */
     ariaLabel?: string
     /**
-     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
+     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes.
      */
     autoUpdateRecord?: boolean
     /**
@@ -101008,9 +101140,10 @@ type AISettingsPanelConfig = {
      */
     strictRecordMapping?: boolean
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/chat/AISettingsPanel#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -101673,7 +101806,7 @@ type ChatPanelConfig = {
      */
     ariaLabel?: string
     /**
-     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
+     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes.
      */
     autoUpdateRecord?: boolean
     /**
@@ -102219,9 +102352,10 @@ type ChatPanelConfig = {
      */
     strips?: Record<string, ContainerItemConfig>
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/chat/ChatPanel#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -103495,9 +103629,10 @@ type ConfirmationDialogConfig = {
      */
     strips?: Record<string, ContainerItemConfig>
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/chat/ConfirmationDialog#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * The tag name of this Widget's root element
      */
@@ -104473,9 +104608,10 @@ type HistogramConfig = {
      */
     span?: number
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/graph/Histogram#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -105295,9 +105431,10 @@ type ScaleConfig = {
      */
     span?: number
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/graph/Scale#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -105804,8 +105941,9 @@ type AbstractDateRangeClassConfig = {
      */
     format?: string
     /**
-     * Value, which can be a Date or a string. If a string is specified, it will be converted using the
-     * specified [format](https://bryntum.com/products/grid/docs/api/Core/widget/mixin/AbstractDateRange#config-format)
+     * The start and end of the range, as an array of two dates: `[startDate, endDate]`. Strings are
+     * accepted and converted using the specified [format](https://bryntum.com/products/grid/docs/api/Core/widget/mixin/AbstractDateRange#config-format).
+     * [More...](https://bryntum.com/products/grid/docs/api/Core/widget/mixin/AbstractDateRange#config-value)
      */
     value?: string[]|Date[]
 }
@@ -105833,8 +105971,8 @@ export class AbstractDateRangeClass {
      */
     readonly isAbstractDateRange: boolean
     /**
-     * Value, which can be a Date or a string. If a string is specified, it will be converted using the
-     * specified [format](https://bryntum.com/products/grid/docs/api/Core/widget/mixin/AbstractDateRange#config-format)
+     * The start and end of the range, as an array of two dates: `[startDate, endDate]`. Strings are
+     * accepted and converted using the specified [format](https://bryntum.com/products/grid/docs/api/Core/widget/mixin/AbstractDateRange#config-format).
      */
     value: string[]|Date[]
     /**
@@ -107448,8 +107586,9 @@ type AggregateColumnConfig = {
      */
     hideable?: boolean
     /**
-     * By default, any rendered column cell content is HTML-encoded. Set this flag to `false` disable this and
-     * allow rendering html elements
+     * By default, any rendered column cell content is HTML-encoded (`true`). Set this to `false` to allow rendering
+     * HTML elements.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/column/AggregateColumn#config-htmlEncode)
      */
     htmlEncode?: boolean
     /**
@@ -108180,8 +108319,9 @@ type ChartColumnConfig = {
      */
     hideable?: boolean
     /**
-     * By default, any rendered column cell content is HTML-encoded. Set this flag to `false` disable this and
-     * allow rendering html elements
+     * By default, any rendered column cell content is HTML-encoded (`true`). Set this to `false` to allow rendering
+     * HTML elements.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/column/ChartColumn#config-htmlEncode)
      */
     htmlEncode?: boolean
     /**
@@ -108917,8 +109057,9 @@ type CheckColumnConfig = {
      */
     hideable?: boolean
     /**
-     * By default, any rendered column cell content is HTML-encoded. Set this flag to `false` disable this and
-     * allow rendering html elements
+     * By default, any rendered column cell content is HTML-encoded (`true`). Set this to `false` to allow rendering
+     * HTML elements.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/column/CheckColumn#config-htmlEncode)
      */
     htmlEncode?: boolean
     /**
@@ -109669,8 +109810,9 @@ type ColorColumnConfig = {
      */
     hideable?: boolean
     /**
-     * By default, any rendered column cell content is HTML-encoded. Set this flag to `false` disable this and
-     * allow rendering html elements
+     * By default, any rendered column cell content is HTML-encoded (`true`). Set this to `false` to allow rendering
+     * HTML elements.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/column/ColorColumn#config-htmlEncode)
      */
     htmlEncode?: boolean
     /**
@@ -110366,8 +110508,9 @@ type ColumnConfig = {
      */
     hideable?: boolean
     /**
-     * By default, any rendered column cell content is HTML-encoded. Set this flag to `false` disable this and
-     * allow rendering html elements
+     * By default, any rendered column cell content is HTML-encoded (`true`). Set this to `false` to allow rendering
+     * HTML elements.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/column/Column#config-htmlEncode)
      */
     htmlEncode?: boolean
     /**
@@ -110902,8 +111045,8 @@ export class Column extends Model {
      */
     hideable: boolean
     /**
-     * By default, any rendered column cell content is HTML-encoded. Set this flag to `false` disable this and
-     * allow rendering html elements
+     * By default, any rendered column cell content is HTML-encoded (`true`). Set this to `false` to allow rendering
+     * HTML elements.
      */
     htmlEncode: boolean
     /**
@@ -111651,8 +111794,9 @@ type CurrencyColumnConfig = {
      */
     hideable?: boolean
     /**
-     * By default, any rendered column cell content is HTML-encoded. Set this flag to `false` disable this and
-     * allow rendering html elements
+     * By default, any rendered column cell content is HTML-encoded (`true`). Set this to `false` to allow rendering
+     * HTML elements.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/column/CurrencyColumn#config-htmlEncode)
      */
     htmlEncode?: boolean
     /**
@@ -112360,8 +112504,9 @@ type DateColumnConfig = {
      */
     hideable?: boolean
     /**
-     * By default, any rendered column cell content is HTML-encoded. Set this flag to `false` disable this and
-     * allow rendering html elements
+     * By default, any rendered column cell content is HTML-encoded (`true`). Set this to `false` to allow rendering
+     * HTML elements.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/column/DateColumn#config-htmlEncode)
      */
     htmlEncode?: boolean
     /**
@@ -113084,8 +113229,9 @@ type NumberColumnConfig = {
      */
     hideable?: boolean
     /**
-     * By default, any rendered column cell content is HTML-encoded. Set this flag to `false` disable this and
-     * allow rendering html elements
+     * By default, any rendered column cell content is HTML-encoded (`true`). Set this to `false` to allow rendering
+     * HTML elements.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/column/NumberColumn#config-htmlEncode)
      */
     htmlEncode?: boolean
     /**
@@ -114562,8 +114708,9 @@ type RatingColumnConfig = {
      */
     hideable?: boolean
     /**
-     * By default, any rendered column cell content is HTML-encoded. Set this flag to `false` disable this and
-     * allow rendering html elements
+     * By default, any rendered column cell content is HTML-encoded (`true`). Set this to `false` to allow rendering
+     * HTML elements.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/column/RatingColumn#config-htmlEncode)
      */
     htmlEncode?: boolean
     /**
@@ -115208,8 +115355,9 @@ type RowNumberColumnConfig = {
      */
     hideable?: boolean
     /**
-     * By default, any rendered column cell content is HTML-encoded. Set this flag to `false` disable this and
-     * allow rendering html elements
+     * By default, any rendered column cell content is HTML-encoded (`true`). Set this to `false` to allow rendering
+     * HTML elements.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/column/RowNumberColumn#config-htmlEncode)
      */
     htmlEncode?: boolean
     /**
@@ -115852,8 +116000,9 @@ type SparklineColumnConfig = {
      */
     highlightMinMax?: boolean
     /**
-     * By default, any rendered column cell content is HTML-encoded. Set this flag to `false` disable this and
-     * allow rendering html elements
+     * By default, any rendered column cell content is HTML-encoded (`true`). Set this to `false` to allow rendering
+     * HTML elements.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/column/SparklineColumn#config-htmlEncode)
      */
     htmlEncode?: boolean
     /**
@@ -116528,8 +116677,9 @@ type TemplateColumnConfig = {
      */
     hideable?: boolean
     /**
-     * By default, any rendered column cell content is HTML-encoded. Set this flag to `false` disable this and
-     * allow rendering html elements
+     * By default, any rendered column cell content is HTML-encoded (`true`). Set this to `false` to allow rendering
+     * HTML elements.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/column/TemplateColumn#config-htmlEncode)
      */
     htmlEncode?: boolean
     /**
@@ -117219,8 +117369,9 @@ type TimeColumnConfig = {
      */
     hideable?: boolean
     /**
-     * By default, any rendered column cell content is HTML-encoded. Set this flag to `false` disable this and
-     * allow rendering html elements
+     * By default, any rendered column cell content is HTML-encoded (`true`). Set this to `false` to allow rendering
+     * HTML elements.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/column/TimeColumn#config-htmlEncode)
      */
     htmlEncode?: boolean
     /**
@@ -117913,8 +118064,9 @@ type TreeColumnConfig = {
      */
     hideable?: boolean
     /**
-     * By default, any rendered column cell content is HTML-encoded. Set this flag to `false` disable this and
-     * allow rendering html elements
+     * By default, any rendered column cell content is HTML-encoded (`true`). Set this to `false` to allow rendering
+     * HTML elements.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/column/TreeColumn#config-htmlEncode)
      */
     htmlEncode?: boolean
     /**
@@ -118633,8 +118785,9 @@ type WidgetColumnConfig = {
      */
     hideable?: boolean
     /**
-     * By default, any rendered column cell content is HTML-encoded. Set this flag to `false` disable this and
-     * allow rendering html elements
+     * By default, any rendered column cell content is HTML-encoded (`true`). Set this to `false` to allow rendering
+     * HTML elements.
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/column/WidgetColumn#config-htmlEncode)
      */
     htmlEncode?: boolean
     /**
@@ -121978,7 +122131,7 @@ type CellTooltipConfig = {
      */
     autoShow?: boolean
     /**
-     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
+     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes.
      */
     autoUpdateRecord?: boolean
     /**
@@ -122616,9 +122769,10 @@ type CellTooltipConfig = {
      */
     strips?: Record<string, ContainerItemConfig>
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/feature/CellTooltip#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -125244,6 +125398,7 @@ export class GridFeatureManager {
      * @param {Function} featureClass The feature class constructor to register
      * @param {boolean} [onByDefault] Specify true to have the feature enabled per default
      * @param {string,string[]} [forType] Specify a type to let the class applying the feature to determine if it should use it
+     * @deprecated 7.3.6 GridFeatureManager will be removed in 8.0.0, where a feature registers itself when extending one of the new feature base classes
      */
     static registerFeature(featureClass: typeof InstancePlugin, onByDefault?: boolean, forType?: string|string[]): void;
 }
@@ -135107,6 +135262,23 @@ type GridListenersTypes = {
      * @param {Core.widget.Widget} event.source The widget
      */
     hide: (event: { source: Widget }) => void
+    /**
+     * Fires when the Grid is scrolling horizontally in one of its SubGrids.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance
+     * @param {number} event.scrollLeft The horizontal scroll position
+     * @param {number} event.scrollX The horizontal scroll position in the RTL-safe coordinate system
+     */
+    horizontalScroll: (event: { source: GridBase, subGrid: SubGrid, scrollLeft: number, scrollX: number }) => void
+    /**
+     * Fires after the Grid is done scrolling horizontally in one of its SubGrids.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance
+     * @param {number} [event.scrollLeft] The horizontal scroll position. Only supplied when the event follows a SubGrid resize, the scroll driven path does not report a position
+     */
+    horizontalScrollEnd: (event: { source: GridBase, subGrid: SubGrid, scrollLeft?: number }) => void
     /**
      * Fires when row locking is enabled.
      * @param {object} event Event object
@@ -136122,6 +136294,23 @@ type GridListeners = {
      * @param {Core.widget.Widget} event.source The widget
      */
     hide?: ((event: { source: Widget }) => void)|string
+    /**
+     * Fires when the Grid is scrolling horizontally in one of its SubGrids.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance
+     * @param {number} event.scrollLeft The horizontal scroll position
+     * @param {number} event.scrollX The horizontal scroll position in the RTL-safe coordinate system
+     */
+    horizontalScroll?: ((event: { source: GridBase, subGrid: SubGrid, scrollLeft: number, scrollX: number }) => void)|string
+    /**
+     * Fires after the Grid is done scrolling horizontally in one of its SubGrids.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance
+     * @param {number} [event.scrollLeft] The horizontal scroll position. Only supplied when the event follows a SubGrid resize, the scroll driven path does not report a position
+     */
+    horizontalScrollEnd?: ((event: { source: GridBase, subGrid: SubGrid, scrollLeft?: number }) => void)|string
     /**
      * Fires when row locking is enabled.
      * @param {object} event Event object
@@ -137127,9 +137316,10 @@ type GridConfig = {
      */
     strips?: Record<string, ContainerItemConfig>
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/view/Grid#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * An object containing sub grid configuration objects keyed by a `region` property.
      * By default, grid has a 'locked' region (if configured with locked columns) and a 'normal' region.
@@ -137944,6 +138134,23 @@ type GridConfig = {
      * @param {Core.widget.Widget} event.source The widget
      */
     onHide?: ((event: { source: Widget }) => void)|string
+    /**
+     * Fires when the Grid is scrolling horizontally in one of its SubGrids.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance
+     * @param {number} event.scrollLeft The horizontal scroll position
+     * @param {number} event.scrollX The horizontal scroll position in the RTL-safe coordinate system
+     */
+    onHorizontalScroll?: ((event: { source: GridBase, subGrid: SubGrid, scrollLeft: number, scrollX: number }) => void)|string
+    /**
+     * Fires after the Grid is done scrolling horizontally in one of its SubGrids.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance
+     * @param {number} [event.scrollLeft] The horizontal scroll position. Only supplied when the event follows a SubGrid resize, the scroll driven path does not report a position
+     */
+    onHorizontalScrollEnd?: ((event: { source: GridBase, subGrid: SubGrid, scrollLeft?: number }) => void)|string
     /**
      * Fires when row locking is enabled.
      * @param {object} event Event object
@@ -139175,6 +139382,23 @@ type GridBaseListenersTypes = {
      * @param {Core.widget.Widget} event.source The widget
      */
     hide: (event: { source: Widget }) => void
+    /**
+     * Fires when the Grid is scrolling horizontally in one of its SubGrids.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance
+     * @param {number} event.scrollLeft The horizontal scroll position
+     * @param {number} event.scrollX The horizontal scroll position in the RTL-safe coordinate system
+     */
+    horizontalScroll: (event: { source: GridBase, subGrid: SubGrid, scrollLeft: number, scrollX: number }) => void
+    /**
+     * Fires after the Grid is done scrolling horizontally in one of its SubGrids.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance
+     * @param {number} [event.scrollLeft] The horizontal scroll position. Only supplied when the event follows a SubGrid resize, the scroll driven path does not report a position
+     */
+    horizontalScrollEnd: (event: { source: GridBase, subGrid: SubGrid, scrollLeft?: number }) => void
     /**
      * Fires when row locking is enabled.
      * @param {object} event Event object
@@ -140190,6 +140414,23 @@ type GridBaseListeners = {
      * @param {Core.widget.Widget} event.source The widget
      */
     hide?: ((event: { source: Widget }) => void)|string
+    /**
+     * Fires when the Grid is scrolling horizontally in one of its SubGrids.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance
+     * @param {number} event.scrollLeft The horizontal scroll position
+     * @param {number} event.scrollX The horizontal scroll position in the RTL-safe coordinate system
+     */
+    horizontalScroll?: ((event: { source: GridBase, subGrid: SubGrid, scrollLeft: number, scrollX: number }) => void)|string
+    /**
+     * Fires after the Grid is done scrolling horizontally in one of its SubGrids.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance
+     * @param {number} [event.scrollLeft] The horizontal scroll position. Only supplied when the event follows a SubGrid resize, the scroll driven path does not report a position
+     */
+    horizontalScrollEnd?: ((event: { source: GridBase, subGrid: SubGrid, scrollLeft?: number }) => void)|string
     /**
      * Fires when row locking is enabled.
      * @param {object} event Event object
@@ -141194,9 +141435,10 @@ type GridBaseConfig = {
      */
     strips?: Record<string, ContainerItemConfig>
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/view/GridBase#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * An object containing sub grid configuration objects keyed by a `region` property.
      * By default, grid has a 'locked' region (if configured with locked columns) and a 'normal' region.
@@ -142011,6 +142253,23 @@ type GridBaseConfig = {
      * @param {Core.widget.Widget} event.source The widget
      */
     onHide?: ((event: { source: Widget }) => void)|string
+    /**
+     * Fires when the Grid is scrolling horizontally in one of its SubGrids.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance
+     * @param {number} event.scrollLeft The horizontal scroll position
+     * @param {number} event.scrollX The horizontal scroll position in the RTL-safe coordinate system
+     */
+    onHorizontalScroll?: ((event: { source: GridBase, subGrid: SubGrid, scrollLeft: number, scrollX: number }) => void)|string
+    /**
+     * Fires after the Grid is done scrolling horizontally in one of its SubGrids.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance
+     * @param {number} [event.scrollLeft] The horizontal scroll position. Only supplied when the event follows a SubGrid resize, the scroll driven path does not report a position
+     */
+    onHorizontalScrollEnd?: ((event: { source: GridBase, subGrid: SubGrid, scrollLeft?: number }) => void)|string
     /**
      * Fires when row locking is enabled.
      * @param {object} event Event object
@@ -143269,6 +143528,23 @@ export class GridBase extends Panel {
      * @param {boolean} event.checked Checked or not
      */
     onHeaderMenuToggleItem: ((event: { source: Grid, menu: Menu, item: MenuItem, column: Column, checked: boolean }) => void)|string
+    /**
+     * Fires when the Grid is scrolling horizontally in one of its SubGrids.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance
+     * @param {number} event.scrollLeft The horizontal scroll position
+     * @param {number} event.scrollX The horizontal scroll position in the RTL-safe coordinate system
+     */
+    onHorizontalScroll: ((event: { source: GridBase, subGrid: SubGrid, scrollLeft: number, scrollX: number }) => void)|string
+    /**
+     * Fires after the Grid is done scrolling horizontally in one of its SubGrids.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance
+     * @param {number} [event.scrollLeft] The horizontal scroll position. Only supplied when the event follows a SubGrid resize, the scroll driven path does not report a position
+     */
+    onHorizontalScrollEnd: ((event: { source: GridBase, subGrid: SubGrid, scrollLeft?: number }) => void)|string
     /**
      * Fires when row locking is enabled.
      * @param {object} event Event object
@@ -144148,22 +144424,6 @@ type SubGridListenersTypes = {
      * @param {Core.widget.Widget} event.source The widget
      */
     hide: (event: { source: Widget }) => void
-    /**
-     * Fires when the Grid is scrolling horizontally in one of its SubGrids
-     * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance.
-     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance.
-     * @param {number} event.scrollLeft The horizontal scroll position.
-     */
-    horizontalScroll: (event: { source: Grid, subGrid: SubGrid, scrollLeft: number }) => void
-    /**
-     * Fires after the Grid is done scrolling horizontally in one of its SubGrids
-     * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance.
-     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance.
-     * @param {number} event.scrollLeft The horizontal scroll position.
-     */
-    horizontalScrollEnd: (event: { source: Grid, subGrid: SubGrid, scrollLeft: number }) => void
     /**
      * Triggered when a widget which had been in a non-visible state for any reason
      * achieves visibility.
@@ -144278,22 +144538,6 @@ type SubGridListeners = {
      * @param {Core.widget.Widget} event.source The widget
      */
     hide?: ((event: { source: Widget }) => void)|string
-    /**
-     * Fires when the Grid is scrolling horizontally in one of its SubGrids
-     * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance.
-     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance.
-     * @param {number} event.scrollLeft The horizontal scroll position.
-     */
-    horizontalScroll?: ((event: { source: Grid, subGrid: SubGrid, scrollLeft: number }) => void)|string
-    /**
-     * Fires after the Grid is done scrolling horizontally in one of its SubGrids
-     * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance.
-     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance.
-     * @param {number} event.scrollLeft The horizontal scroll position.
-     */
-    horizontalScrollEnd?: ((event: { source: Grid, subGrid: SubGrid, scrollLeft: number }) => void)|string
     /**
      * Triggered when a widget which had been in a non-visible state for any reason
      * achieves visibility.
@@ -144664,9 +144908,10 @@ type SubGridConfig = {
      */
     span?: number
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/view/SubGrid#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -144774,22 +145019,6 @@ type SubGridConfig = {
      * @param {Core.widget.Widget} event.source The widget
      */
     onHide?: ((event: { source: Widget }) => void)|string
-    /**
-     * Fires when the Grid is scrolling horizontally in one of its SubGrids
-     * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance.
-     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance.
-     * @param {number} event.scrollLeft The horizontal scroll position.
-     */
-    onHorizontalScroll?: ((event: { source: Grid, subGrid: SubGrid, scrollLeft: number }) => void)|string
-    /**
-     * Fires after the Grid is done scrolling horizontally in one of its SubGrids
-     * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance.
-     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance.
-     * @param {number} event.scrollLeft The horizontal scroll position.
-     */
-    onHorizontalScrollEnd?: ((event: { source: Grid, subGrid: SubGrid, scrollLeft: number }) => void)|string
     /**
      * Triggered when a widget which had been in a non-visible state for any reason
      * achieves visibility.
@@ -144884,22 +145113,6 @@ export class SubGrid extends Widget {
      * @param {Core.Base} event.source The Object that is being destroyed.
      */
     onDestroy: ((event: { source: Base }) => void)|string
-    /**
-     * Fires when the Grid is scrolling horizontally in one of its SubGrids
-     * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance.
-     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance.
-     * @param {number} event.scrollLeft The horizontal scroll position.
-     */
-    onHorizontalScroll: ((event: { source: Grid, subGrid: SubGrid, scrollLeft: number }) => void)|string
-    /**
-     * Fires after the Grid is done scrolling horizontally in one of its SubGrids
-     * @param {object} event Event object
-     * @param {Grid.view.Grid} event.source The firing Grid instance.
-     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance.
-     * @param {number} event.scrollLeft The horizontal scroll position.
-     */
-    onHorizontalScrollEnd: ((event: { source: Grid, subGrid: SubGrid, scrollLeft: number }) => void)|string
     /**
      * Creates an instance of the class using the supplied configuration
      * @param {GridChartDesignerConfig} [config]
@@ -145676,6 +145889,23 @@ type TreeGridListenersTypes = {
      * @param {Core.widget.Widget} event.source The widget
      */
     hide: (event: { source: Widget }) => void
+    /**
+     * Fires when the Grid is scrolling horizontally in one of its SubGrids.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance
+     * @param {number} event.scrollLeft The horizontal scroll position
+     * @param {number} event.scrollX The horizontal scroll position in the RTL-safe coordinate system
+     */
+    horizontalScroll: (event: { source: GridBase, subGrid: SubGrid, scrollLeft: number, scrollX: number }) => void
+    /**
+     * Fires after the Grid is done scrolling horizontally in one of its SubGrids.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance
+     * @param {number} [event.scrollLeft] The horizontal scroll position. Only supplied when the event follows a SubGrid resize, the scroll driven path does not report a position
+     */
+    horizontalScrollEnd: (event: { source: GridBase, subGrid: SubGrid, scrollLeft?: number }) => void
     /**
      * Fires when row locking is enabled.
      * @param {object} event Event object
@@ -146691,6 +146921,23 @@ type TreeGridListeners = {
      * @param {Core.widget.Widget} event.source The widget
      */
     hide?: ((event: { source: Widget }) => void)|string
+    /**
+     * Fires when the Grid is scrolling horizontally in one of its SubGrids.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance
+     * @param {number} event.scrollLeft The horizontal scroll position
+     * @param {number} event.scrollX The horizontal scroll position in the RTL-safe coordinate system
+     */
+    horizontalScroll?: ((event: { source: GridBase, subGrid: SubGrid, scrollLeft: number, scrollX: number }) => void)|string
+    /**
+     * Fires after the Grid is done scrolling horizontally in one of its SubGrids.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance
+     * @param {number} [event.scrollLeft] The horizontal scroll position. Only supplied when the event follows a SubGrid resize, the scroll driven path does not report a position
+     */
+    horizontalScrollEnd?: ((event: { source: GridBase, subGrid: SubGrid, scrollLeft?: number }) => void)|string
     /**
      * Fires when row locking is enabled.
      * @param {object} event Event object
@@ -147696,9 +147943,10 @@ type TreeGridConfig = {
      */
     strips?: Record<string, ContainerItemConfig>
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/view/TreeGrid#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * An object containing sub grid configuration objects keyed by a `region` property.
      * By default, grid has a 'locked' region (if configured with locked columns) and a 'normal' region.
@@ -148513,6 +148761,23 @@ type TreeGridConfig = {
      * @param {Core.widget.Widget} event.source The widget
      */
     onHide?: ((event: { source: Widget }) => void)|string
+    /**
+     * Fires when the Grid is scrolling horizontally in one of its SubGrids.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance
+     * @param {number} event.scrollLeft The horizontal scroll position
+     * @param {number} event.scrollX The horizontal scroll position in the RTL-safe coordinate system
+     */
+    onHorizontalScroll?: ((event: { source: GridBase, subGrid: SubGrid, scrollLeft: number, scrollX: number }) => void)|string
+    /**
+     * Fires after the Grid is done scrolling horizontally in one of its SubGrids.
+     * @param {object} event Event object
+     * @param {Grid.view.GridBase} event.source The firing Grid instance
+     * @param {Grid.view.SubGrid} event.subGrid The scrolling SubGrid instance
+     * @param {number} [event.scrollLeft] The horizontal scroll position. Only supplied when the event follows a SubGrid resize, the scroll driven path does not report a position
+     */
+    onHorizontalScrollEnd?: ((event: { source: GridBase, subGrid: SubGrid, scrollLeft?: number }) => void)|string
     /**
      * Fires when row locking is enabled.
      * @param {object} event Event object
@@ -149445,7 +149710,7 @@ type ExportDialogConfig = {
      */
     autoShow?: boolean
     /**
-     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
+     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes.
      */
     autoUpdateRecord?: boolean
     /**
@@ -150027,9 +150292,10 @@ type ExportDialogConfig = {
      */
     strips?: Record<string, ContainerItemConfig>
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/view/export/ExportDialog#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -151951,9 +152217,10 @@ type AIFilterFieldConfig = {
      */
     spellCheck?: boolean
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -153017,7 +153284,7 @@ type ChecklistFilterComboConfig = {
     /**
      * Template to render optional content next to list items.
      * @param {Core.data.Model} record The list item's backing record
-     * @returns {string}
+     * @returns {string} *When returning HTML, ensure any user data from the record is encoded using [StringHelper.encodeHtml()](https://bryntum.com/products/grid/docs/api/Core/helper/StringHelper#function-encodeHtml-static) to prevent XSS vulnerabilities.*
      */
     listItemPillTpl?: (record: Model) => string
     /**
@@ -153282,9 +153549,10 @@ type ChecklistFilterComboConfig = {
      */
     store?: Store|StoreConfig
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/ChecklistFilterCombo#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -154199,9 +154467,10 @@ type GridChartDesignerConfig = {
      */
     span?: number
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GridChartDesigner#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * Whether to update the chart designer's data series options and preview data as the
      * grid selection changes.
@@ -154732,7 +155001,7 @@ type GridFieldFilterPickerConfig = {
      */
     ariaLabel?: string
     /**
-     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
+     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes.
      */
     autoUpdateRecord?: boolean
     /**
@@ -155207,9 +155476,10 @@ type GridFieldFilterPickerConfig = {
      */
     strictRecordMapping?: boolean
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GridFieldFilterPicker#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -155804,7 +156074,7 @@ type GridFieldFilterPickerGroupConfig = {
      */
     ariaLabel?: string
     /**
-     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
+     * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes.
      */
     autoUpdateRecord?: boolean
     /**
@@ -156290,9 +156560,10 @@ type GridFieldFilterPickerGroupConfig = {
      */
     strictRecordMapping?: boolean
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GridFieldFilterPickerGroup#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -157347,9 +157618,10 @@ type GroupBarConfig = {
      */
     store?: object|object[]|StoreConfig|Store|StoreConfig[]
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/GroupBar#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
@@ -158657,9 +158929,10 @@ type TreeComboConfig = {
      */
     store?: Store|StoreConfig
     /**
-     * Custom style spec to add to element
+     * Custom style spec to add to element, either as a cssText string:
+     * [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-style)
      */
-    style?: string
+    style?: CSSStyleConfig
     /**
      * A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
      * [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for