@bryntum/grid-vue-3 7.1.3 → 7.2.1

package/src/components/BryntumDateRangeField.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, ConfirmationBar, ConfirmationBarConfig, ContainerItemConfig, DateField, DateFieldConfig, DateRangeFieldListeners, DateRangePickerConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, MultiDatePickerConfig, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, Color, ConfirmationBar, ConfirmationBarConfig, ContainerItemConfig, DateField, DateFieldConfig, DateRangeFieldListeners, DateRangePickerConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, MultiDatePickerConfig, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/grid';
 import { DateRangeField } from '@bryntum/grid';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -122,7 +122,7 @@ defineProps<{
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DateRangeField#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/components/BryntumDateRangeFieldProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, ConfirmationBar, ConfirmationBarConfig, ContainerItemConfig, DateField, DateFieldConfig, DateRangeFieldListeners, DateRangePickerConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, MultiDatePickerConfig, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, Color, ConfirmationBar, ConfirmationBarConfig, ContainerItemConfig, DateField, DateFieldConfig, DateRangeFieldListeners, DateRangePickerConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, MultiDatePickerConfig, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/grid';
 import {  } from '@bryntum/grid';
 
 export declare type BryntumDateRangeFieldProps = {
@@ -108,7 +108,7 @@ export declare type BryntumDateRangeFieldProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DateRangeField#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/components/BryntumDateTimeField.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, ContainerItemConfig, DateFieldConfig, DateTimeFieldListeners, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, TabConfig, TimeFieldConfig, TooltipConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, Color, ContainerItemConfig, DateFieldConfig, DateTimeFieldListeners, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, TabConfig, TimeFieldConfig, TooltipConfig, Widget } from '@bryntum/grid';
 import { DateTimeField } from '@bryntum/grid';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -113,7 +113,7 @@ defineProps<{
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DateTimeField#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/components/BryntumDateTimeFieldProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, ContainerItemConfig, DateFieldConfig, DateTimeFieldListeners, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Rectangle, TabConfig, TimeFieldConfig, TooltipConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, Color, ContainerItemConfig, DateFieldConfig, DateTimeFieldListeners, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Rectangle, TabConfig, TimeFieldConfig, TooltipConfig, Widget } from '@bryntum/grid';
 import {  } from '@bryntum/grid';
 
 export declare type BryntumDateTimeFieldProps = {
@@ -99,7 +99,7 @@ export declare type BryntumDateTimeFieldProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DateTimeField#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/components/BryntumDemoCodeEditor.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, Container, ContainerItemConfig, ContainerLayoutConfig, DemoCodeEditorListeners, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, Color, Container, ContainerItemConfig, ContainerLayoutConfig, DemoCodeEditorListeners, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import { DemoCodeEditor } from '@bryntum/grid';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -81,6 +81,10 @@ defineProps<{
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DemoCodeEditor#config-bodyCls)
      */
     bodyCls ? : string|object
+    /**
+     * Set `true` to add a border to this container's element.
+     */
+    border ? : Boolean
     /**
      * An object where property names with a truthy value indicate which events should bubble up the ownership
      * hierarchy when triggered.
@@ -137,7 +141,7 @@ defineProps<{
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DemoCodeEditor#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -943,6 +947,7 @@ const widgetData = {
         'autoUpdateRecord',
         'bbar',
         'bodyCls',
+        'border',
         'bubbleEvents',
         'centered',
         'codePath',

package/src/components/BryntumDemoCodeEditorProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, ContainerItemConfig, ContainerLayoutConfig, DemoCodeEditorListeners, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, Color, ContainerItemConfig, ContainerLayoutConfig, DemoCodeEditorListeners, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import {  } from '@bryntum/grid';
 
 export declare type BryntumDemoCodeEditorProps = {
@@ -67,6 +67,10 @@ export declare type BryntumDemoCodeEditorProps = {
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DemoCodeEditor#config-bodyCls)
      */
     bodyCls ? : string|object
+    /**
+     * Set `true` to add a border to this container's element.
+     */
+    border ? : Boolean
     /**
      * An object where property names with a truthy value indicate which events should bubble up the ownership
      * hierarchy when triggered.
@@ -123,7 +127,7 @@ export declare type BryntumDemoCodeEditorProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DemoCodeEditor#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/components/BryntumDisplayField.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, ContainerItemConfig, DisplayFieldListeners, DomConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, Color, ContainerItemConfig, DisplayFieldListeners, DomConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/grid';
 import { DisplayField } from '@bryntum/grid';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -118,7 +118,7 @@ defineProps<{
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/components/BryntumDisplayFieldProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, ContainerItemConfig, DisplayFieldListeners, DomConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, Color, ContainerItemConfig, DisplayFieldListeners, DomConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/grid';
 import {  } from '@bryntum/grid';
 
 export declare type BryntumDisplayFieldProps = {
@@ -104,7 +104,7 @@ export declare type BryntumDisplayFieldProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DisplayField#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/components/BryntumDurationField.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, ContainerItemConfig, Duration, DurationConfig, DurationFieldListeners, DurationUnit, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, Color, ContainerItemConfig, Duration, DurationConfig, DurationFieldListeners, DurationUnit, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/grid';
 import { DurationField } from '@bryntum/grid';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -127,7 +127,7 @@ defineProps<{
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DurationField#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/components/BryntumDurationFieldProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, ContainerItemConfig, Duration, DurationConfig, DurationFieldListeners, DurationUnit, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, Color, ContainerItemConfig, Duration, DurationConfig, DurationFieldListeners, DurationUnit, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/grid';
 import {  } from '@bryntum/grid';
 
 export declare type BryntumDurationFieldProps = {
@@ -113,7 +113,7 @@ export declare type BryntumDurationFieldProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/DurationField#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/components/BryntumEditor.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, EditorListeners, InputFieldConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, Color, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, EditorListeners, InputFieldConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import { Editor } from '@bryntum/grid';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -72,6 +72,10 @@ defineProps<{
      * leaving the application to listen for the [focusOut](https://bryntum.com/products/grid/docs/api/Core/widget/Editor#event-focusOut) event.
      */
     blurAction ? : 'complete'|'cancel'|null
+    /**
+     * Set `true` to add a border to this container's element.
+     */
+    border ? : Boolean
     /**
      * An object where property names with a truthy value indicate which events should bubble up the ownership
      * hierarchy when triggered.
@@ -117,7 +121,7 @@ defineProps<{
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Editor#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -892,6 +896,7 @@ const widgetData = {
         'ariaLabel',
         'autoUpdateRecord',
         'blurAction',
+        'border',
         'bubbleEvents',
         'cancelKey',
         'centered',

package/src/components/BryntumEditorProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, ContainerItemConfig, ContainerLayoutConfig, DomConfig, EditorListeners, InputFieldConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, Color, ContainerItemConfig, ContainerLayoutConfig, DomConfig, EditorListeners, InputFieldConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import {  } from '@bryntum/grid';
 
 export declare type BryntumEditorProps = {
@@ -58,6 +58,10 @@ export declare type BryntumEditorProps = {
      * leaving the application to listen for the [focusOut](https://bryntum.com/products/grid/docs/api/Core/widget/Editor#event-focusOut) event.
      */
     blurAction ? : 'complete'|'cancel'|null
+    /**
+     * Set `true` to add a border to this container's element.
+     */
+    border ? : Boolean
     /**
      * An object where property names with a truthy value indicate which events should bubble up the ownership
      * hierarchy when triggered.
@@ -103,7 +107,7 @@ export declare type BryntumEditorProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Editor#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/components/BryntumFieldFilterPicker.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, CollectionFilter, CollectionFilterConfig, ComboConfig, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, FieldFilterPickerListeners, FieldOption, KeyMapConfig, MaskConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, Store, TabConfig, ToolbarItems, TooltipConfig, ValueFieldPlaceholders, VueConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, CollectionFilter, CollectionFilterConfig, Color, ComboConfig, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, FieldFilterPickerListeners, FieldOption, KeyMapConfig, MaskConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, Store, TabConfig, ToolbarItems, TooltipConfig, ValueFieldPlaceholders, VueConfig, Widget } from '@bryntum/grid';
 import { FieldFilterPicker } from '@bryntum/grid';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -64,6 +64,10 @@ defineProps<{
      * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
      */
     autoUpdateRecord ? : Boolean
+    /**
+     * Set `true` to add a border to this container's element.
+     */
+    border ? : Boolean
     /**
      * An object where property names with a truthy value indicate which events should bubble up the ownership
      * hierarchy when triggered.
@@ -103,7 +107,7 @@ defineProps<{
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/FieldFilterPicker#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -812,6 +816,7 @@ const widgetData = {
         'ariaDescription',
         'ariaLabel',
         'autoUpdateRecord',
+        'border',
         'bubbleEvents',
         'centered',
         'color',

package/src/components/BryntumFieldFilterPickerGroup.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, CollectionFilterConfig, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, FieldFilterPicker, FieldFilterPickerConfig, FieldFilterPickerGroupListeners, FieldOption, KeyMapConfig, MaskConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, Store, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, CollectionFilterConfig, Color, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, FieldFilterPicker, FieldFilterPickerConfig, FieldFilterPickerGroupListeners, FieldOption, KeyMapConfig, MaskConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, Store, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import { FieldFilterPickerGroup } from '@bryntum/grid';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -74,6 +74,10 @@ defineProps<{
      * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
      */
     autoUpdateRecord ? : Boolean
+    /**
+     * Set `true` to add a border to this container's element.
+     */
+    border ? : Boolean
     /**
      * An object where property names with a truthy value indicate which events should bubble up the ownership
      * hierarchy when triggered.
@@ -129,7 +133,7 @@ defineProps<{
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/FieldFilterPickerGroup#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -846,6 +850,7 @@ const widgetData = {
         'ariaDescription',
         'ariaLabel',
         'autoUpdateRecord',
+        'border',
         'bubbleEvents',
         'canDeleteFilter',
         'canManageFilter',

package/src/components/BryntumFieldFilterPickerGroupProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, CollectionFilterConfig, ContainerItemConfig, ContainerLayoutConfig, DomConfig, FieldFilterPickerConfig, FieldFilterPickerGroupListeners, FieldOption, KeyMapConfig, MaskConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, Store, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, CollectionFilterConfig, Color, ContainerItemConfig, ContainerLayoutConfig, DomConfig, FieldFilterPickerConfig, FieldFilterPickerGroupListeners, FieldOption, KeyMapConfig, MaskConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, Store, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import {  } from '@bryntum/grid';
 
 export declare type BryntumFieldFilterPickerGroupProps = {
@@ -60,6 +60,10 @@ export declare type BryntumFieldFilterPickerGroupProps = {
      * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
      */
     autoUpdateRecord ? : Boolean
+    /**
+     * Set `true` to add a border to this container's element.
+     */
+    border ? : Boolean
     /**
      * An object where property names with a truthy value indicate which events should bubble up the ownership
      * hierarchy when triggered.
@@ -115,7 +119,7 @@ export declare type BryntumFieldFilterPickerGroupProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/FieldFilterPickerGroup#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/components/BryntumFieldFilterPickerProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, CollectionFilter, CollectionFilterConfig, ComboConfig, ContainerItemConfig, ContainerLayoutConfig, DomConfig, FieldFilterPickerListeners, FieldOption, KeyMapConfig, MaskConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, Store, TabConfig, ToolbarItems, TooltipConfig, ValueFieldPlaceholders, VueConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, CollectionFilter, CollectionFilterConfig, Color, ComboConfig, ContainerItemConfig, ContainerLayoutConfig, DomConfig, FieldFilterPickerListeners, FieldOption, KeyMapConfig, MaskConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, Store, TabConfig, ToolbarItems, TooltipConfig, ValueFieldPlaceholders, VueConfig, Widget } from '@bryntum/grid';
 import {  } from '@bryntum/grid';
 
 export declare type BryntumFieldFilterPickerProps = {
@@ -50,6 +50,10 @@ export declare type BryntumFieldFilterPickerProps = {
      * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
      */
     autoUpdateRecord ? : Boolean
+    /**
+     * Set `true` to add a border to this container's element.
+     */
+    border ? : Boolean
     /**
      * An object where property names with a truthy value indicate which events should bubble up the ownership
      * hierarchy when triggered.
@@ -89,7 +93,7 @@ export declare type BryntumFieldFilterPickerProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/FieldFilterPicker#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/components/BryntumFieldSet.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, FieldSetListeners, KeyMapConfig, MaskConfig, MenuItemEntry, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, Color, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, FieldSetListeners, KeyMapConfig, MaskConfig, MenuItemEntry, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import { FieldSet } from '@bryntum/grid';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -77,6 +77,10 @@ defineProps<{
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/FieldSet#config-bodyCls)
      */
     bodyCls ? : string|object
+    /**
+     * Set `true` to add a border to this container's element.
+     */
+    border ? : Boolean
     /**
      * An object where property names with a truthy value indicate which events should bubble up the ownership
      * hierarchy when triggered.
@@ -127,7 +131,7 @@ defineProps<{
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/FieldSet#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -924,6 +928,7 @@ const widgetData = {
         'autoUpdateRecord',
         'bbar',
         'bodyCls',
+        'border',
         'bubbleEvents',
         'centered',
         'collapsible',

package/src/components/BryntumFieldSetProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, ContainerItemConfig, ContainerLayoutConfig, DomConfig, FieldSetListeners, KeyMapConfig, MaskConfig, MenuItemEntry, Model, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, Color, ContainerItemConfig, ContainerLayoutConfig, DomConfig, FieldSetListeners, KeyMapConfig, MaskConfig, MenuItemEntry, Model, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import {  } from '@bryntum/grid';
 
 export declare type BryntumFieldSetProps = {
@@ -63,6 +63,10 @@ export declare type BryntumFieldSetProps = {
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/FieldSet#config-bodyCls)
      */
     bodyCls ? : string|object
+    /**
+     * Set `true` to add a border to this container's element.
+     */
+    border ? : Boolean
     /**
      * An object where property names with a truthy value indicate which events should bubble up the ownership
      * hierarchy when triggered.
@@ -113,7 +117,7 @@ export declare type BryntumFieldSetProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/FieldSet#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/components/BryntumFileField.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, ContainerItemConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, FileFieldListeners, KeyMapConfig, MaskConfig, Model, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, Color, ContainerItemConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, FileFieldListeners, KeyMapConfig, MaskConfig, Model, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/grid';
 import { FileField } from '@bryntum/grid';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -123,7 +123,7 @@ defineProps<{
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/FileField#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/components/BryntumFileFieldProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, ContainerItemConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, FileFieldListeners, KeyMapConfig, MaskConfig, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, Color, ContainerItemConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, FileFieldListeners, KeyMapConfig, MaskConfig, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/grid';
 import {  } from '@bryntum/grid';
 
 export declare type BryntumFileFieldProps = {
@@ -109,7 +109,7 @@ export declare type BryntumFileFieldProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/FileField#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/components/BryntumFilePicker.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, ButtonConfig, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, FileFieldConfig, FilePickerListeners, KeyMapConfig, MaskConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, ButtonConfig, Color, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, FileFieldConfig, FilePickerListeners, KeyMapConfig, MaskConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import { FilePicker } from '@bryntum/grid';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -64,6 +64,10 @@ defineProps<{
      * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
      */
     autoUpdateRecord ? : Boolean
+    /**
+     * Set `true` to add a border to this container's element.
+     */
+    border ? : Boolean
     /**
      * An object where property names with a truthy value indicate which events should bubble up the ownership
      * hierarchy when triggered.
@@ -107,7 +111,7 @@ defineProps<{
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/FilePicker#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -765,6 +769,7 @@ const widgetData = {
         'ariaDescription',
         'ariaLabel',
         'autoUpdateRecord',
+        'border',
         'bubbleEvents',
         'buttonConfig',
         'centered',

package/src/components/BryntumFilePickerProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, ButtonConfig, ContainerItemConfig, ContainerLayoutConfig, DomConfig, FileFieldConfig, FilePickerListeners, KeyMapConfig, MaskConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, ButtonConfig, Color, ContainerItemConfig, ContainerLayoutConfig, DomConfig, FileFieldConfig, FilePickerListeners, KeyMapConfig, MaskConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import {  } from '@bryntum/grid';
 
 export declare type BryntumFilePickerProps = {
@@ -50,6 +50,10 @@ export declare type BryntumFilePickerProps = {
      * Update assigned [record](https://bryntum.com/products/grid/docs/api/Core/widget/Container#config-record) automatically on field changes
      */
     autoUpdateRecord ? : Boolean
+    /**
+     * Set `true` to add a border to this container's element.
+     */
+    border ? : Boolean
     /**
      * An object where property names with a truthy value indicate which events should bubble up the ownership
      * hierarchy when triggered.
@@ -93,7 +97,7 @@ export declare type BryntumFilePickerProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/FilePicker#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/components/BryntumFilterField.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, ContainerItemConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, FilterFieldListeners, KeyMapConfig, MaskConfig, Model, Rectangle, Store, TabConfig, TooltipConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, Color, ContainerItemConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, FilterFieldListeners, KeyMapConfig, MaskConfig, Model, Rectangle, Store, TabConfig, TooltipConfig, Widget } from '@bryntum/grid';
 import { FilterField } from '@bryntum/grid';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -118,7 +118,7 @@ defineProps<{
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/FilterField#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/components/BryntumFilterFieldProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, ContainerItemConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, FilterFieldListeners, KeyMapConfig, MaskConfig, Model, Rectangle, Store, TabConfig, TooltipConfig, Widget } from '@bryntum/grid';
+import type { AlignSpec, Base, Color, ContainerItemConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, FilterFieldListeners, KeyMapConfig, MaskConfig, Model, Rectangle, Store, TabConfig, TooltipConfig, Widget } from '@bryntum/grid';
 import {  } from '@bryntum/grid';
 
 export declare type BryntumFilterFieldProps = {
@@ -104,7 +104,7 @@ export declare type BryntumFilterFieldProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/FilterField#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */