@bryntum/core-vue-3-thin 7.1.3 → 7.2.0

package/src/components/BryntumFileField.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, CoreContainerItemConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, FileFieldListeners, KeyMapConfig, MaskConfig, Model, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, Color, CoreContainerItemConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, FileFieldListeners, KeyMapConfig, MaskConfig, Model, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
 import { FileField } from '@bryntum/core-thin';
 
 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, CoreContainerItemConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, FileFieldListeners, KeyMapConfig, MaskConfig, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, Color, CoreContainerItemConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, FileFieldListeners, KeyMapConfig, MaskConfig, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
 
 export declare type BryntumFileFieldProps = {
     // Configs
@@ -108,7 +108,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, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, FileFieldConfig, FilePickerListeners, KeyMapConfig, MaskConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, ButtonConfig, Color, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, FileFieldConfig, FilePickerListeners, KeyMapConfig, MaskConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 import { FilePicker } from '@bryntum/core-thin';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -64,6 +64,10 @@ defineProps<{
      * Update assigned [record](https://bryntum.com/products/core/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, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, FileFieldConfig, FilePickerListeners, KeyMapConfig, MaskConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, ButtonConfig, Color, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, FileFieldConfig, FilePickerListeners, KeyMapConfig, MaskConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 
 export declare type BryntumFilePickerProps = {
     // Configs
@@ -49,6 +49,10 @@ export declare type BryntumFilePickerProps = {
      * Update assigned [record](https://bryntum.com/products/core/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.
@@ -92,7 +96,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, CoreContainerItemConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, FilterFieldListeners, KeyMapConfig, MaskConfig, Model, Rectangle, Store, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, Color, CoreContainerItemConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, FilterFieldListeners, KeyMapConfig, MaskConfig, Model, Rectangle, Store, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
 import { FilterField } from '@bryntum/core-thin';
 
 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, CoreContainerItemConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, FilterFieldListeners, KeyMapConfig, MaskConfig, Model, Rectangle, Store, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, Color, CoreContainerItemConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, FilterFieldListeners, KeyMapConfig, MaskConfig, Model, Rectangle, Store, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
 
 export declare type BryntumFilterFieldProps = {
     // Configs
@@ -103,7 +103,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.
      */

package/src/components/BryntumHint.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, ButtonConfig, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, HintActions, HintListeners, MaskConfig, MenuItemEntry, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Popup, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, ButtonConfig, Color, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, HintActions, HintListeners, MaskConfig, MenuItemEntry, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Popup, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 import { Hint } from '@bryntum/core-thin';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -82,6 +82,10 @@ defineProps<{
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Hint#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/Hint#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -984,6 +988,7 @@ const widgetData = {
         'autoUpdateRecord',
         'bbar',
         'bodyCls',
+        'border',
         'bubbleEvents',
         'buttons',
         'closeOnEscape',

package/src/components/BryntumHintProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, ButtonConfig, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, HintActions, HintListeners, MaskConfig, MenuItemEntry, Model, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, ButtonConfig, Color, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, HintActions, HintListeners, MaskConfig, MenuItemEntry, Model, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 
 export declare type BryntumHintProps = {
     // Configs
@@ -67,6 +67,10 @@ export declare type BryntumHintProps = {
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Hint#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.
@@ -122,7 +126,7 @@ export declare type BryntumHintProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Hint#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/components/BryntumLabel.vue

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

package/src/components/BryntumLabelProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, DomConfig, KeyMapConfig, LabelListeners, MaskConfig, Rectangle, Scroller, ScrollerConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, Color, DomConfig, KeyMapConfig, LabelListeners, MaskConfig, Rectangle, Scroller, ScrollerConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 
 export declare type BryntumLabelProps = {
     // Configs
@@ -84,7 +84,7 @@ export declare type BryntumLabelProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Label#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/components/BryntumList.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, Collection, CollectionConfig, DomConfig, KeyMapConfig, ListListeners, MaskConfig, Model, Rectangle, Scroller, ScrollerConfig, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, Collection, CollectionConfig, Color, DomConfig, KeyMapConfig, ListListeners, MaskConfig, Model, Rectangle, Scroller, ScrollerConfig, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 import { List } from '@bryntum/core-thin';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -117,7 +117,7 @@ defineProps<{
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/List#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -773,13 +773,11 @@ const widgetData = {
         'activateOnMouseover',
         'adopt',
         'align',
-        'allowGroupSelect',
         'anchor',
         'ariaDescription',
         'ariaLabel',
         'bubbleEvents',
         'centered',
-        'clearSelectionOnEmptySpaceClick',
         'color',
         'config',
         'constrainTo',
@@ -828,9 +826,11 @@ const widgetData = {
     ],
     propertyConfigNames : [
         'alignSelf',
+        'allowGroupSelect',
         'appendTo',
         'callOnFunctions',
         'catchEventHandlerExceptions',
+        'clearSelectionOnEmptySpaceClick',
         'cls',
         'collapsibleGroups',
         'column',

package/src/components/BryntumListProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, Collection, CollectionConfig, DomConfig, KeyMapConfig, ListListeners, MaskConfig, Model, Rectangle, Scroller, ScrollerConfig, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, Collection, CollectionConfig, Color, DomConfig, KeyMapConfig, ListListeners, MaskConfig, Model, Rectangle, Scroller, ScrollerConfig, Store, StoreConfig, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 
 export declare type BryntumListProps = {
     // Configs
@@ -102,7 +102,7 @@ export declare type BryntumListProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/List#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/components/BryntumMenu.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, MenuItem, MenuItemEntry, MenuListeners, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Popup, Rectangle, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, Color, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, MenuItem, MenuItemEntry, MenuListeners, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Popup, Rectangle, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 import { Menu } from '@bryntum/core-thin';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -89,6 +89,10 @@ defineProps<{
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Menu#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.
@@ -157,7 +161,7 @@ defineProps<{
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Menu#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -1004,6 +1008,7 @@ const widgetData = {
         'autoUpdateRecord',
         'bbar',
         'bodyCls',
+        'border',
         'bubbleEvents',
         'centered',
         'closable',

package/src/components/BryntumMenuProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, MenuListeners, Model, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, StateProvider, TabConfig, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, Color, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, MenuListeners, Model, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, StateProvider, TabConfig, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 
 export declare type BryntumMenuProps = {
     // Configs
@@ -74,6 +74,10 @@ export declare type BryntumMenuProps = {
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Menu#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.
@@ -142,7 +146,7 @@ export declare type BryntumMenuProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Menu#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/components/BryntumMonthPicker.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, Button, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, MonthPickerListeners, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, Button, Color, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, MonthPickerListeners, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 import { MonthPicker } from '@bryntum/core-thin';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -77,6 +77,10 @@ defineProps<{
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/MonthPicker#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/MonthPicker#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -927,6 +931,7 @@ const widgetData = {
         'autoUpdateRecord',
         'bbar',
         'bodyCls',
+        'border',
         'bubbleEvents',
         'centered',
         'collapsible',

package/src/components/BryntumMonthPickerProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, MonthPickerListeners, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, Color, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, MonthPickerListeners, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 
 export declare type BryntumMonthPickerProps = {
     // Configs
@@ -62,6 +62,10 @@ export declare type BryntumMonthPickerProps = {
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/MonthPicker#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.
@@ -112,7 +116,7 @@ export declare type BryntumMonthPickerProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/MonthPicker#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/components/BryntumNumberField.vue

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

package/src/components/BryntumNumberFieldProps.ts

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

package/src/components/BryntumPagingToolbar.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, ClickRepeaterConfig, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, Model, PagingToolbarListeners, Rectangle, Scroller, ScrollerConfig, Store, TabConfig, ToolConfig, Toolbar, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, ClickRepeaterConfig, Color, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, Model, PagingToolbarListeners, Rectangle, Scroller, ScrollerConfig, Store, TabConfig, ToolConfig, Toolbar, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 import { PagingToolbar } from '@bryntum/core-thin';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -64,6 +64,10 @@ defineProps<{
      * Update assigned [record](https://bryntum.com/products/core/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/PagingToolbar#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -802,6 +806,7 @@ const widgetData = {
         'ariaDescription',
         'ariaLabel',
         'autoUpdateRecord',
+        'border',
         'bubbleEvents',
         'centered',
         'color',

package/src/components/BryntumPagingToolbarProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, ClickRepeaterConfig, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, Model, PagingToolbarListeners, Rectangle, Scroller, ScrollerConfig, Store, TabConfig, ToolConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, ClickRepeaterConfig, Color, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, Model, PagingToolbarListeners, Rectangle, Scroller, ScrollerConfig, Store, TabConfig, ToolConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 
 export declare type BryntumPagingToolbarProps = {
     // Configs
@@ -49,6 +49,10 @@ export declare type BryntumPagingToolbarProps = {
      * Update assigned [record](https://bryntum.com/products/core/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.
@@ -88,7 +92,7 @@ export declare type BryntumPagingToolbarProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/PagingToolbar#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/components/BryntumPanel.vue

@@ -10,7 +10,7 @@
 
 import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
 
-import type { AlignSpec, Base, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, PanelListeners, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, Color, Container, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, PanelListeners, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 import { Panel } from '@bryntum/core-thin';
 
 import { WrapperHelper } from '../helper/WrapperHelper';
@@ -77,6 +77,10 @@ defineProps<{
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Panel#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/Panel#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -905,6 +909,7 @@ const widgetData = {
         'autoUpdateRecord',
         'bbar',
         'bodyCls',
+        'border',
         'bubbleEvents',
         'centered',
         'collapsible',

package/src/components/BryntumPanelProps.ts

@@ -1,4 +1,4 @@
-import type { AlignSpec, Base, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, PanelListeners, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
+import type { AlignSpec, Base, Color, CoreContainerItemConfig, CoreContainerLayoutConfig, DomConfig, KeyMapConfig, MaskConfig, MenuItemEntry, Model, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, PanelListeners, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/core-thin';
 
 export declare type BryntumPanelProps = {
     // Configs
@@ -62,6 +62,10 @@ export declare type BryntumPanelProps = {
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Panel#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.
@@ -112,7 +116,7 @@ export declare type BryntumPanelProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Panel#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */

package/src/components/BryntumPasswordField.vue

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

package/src/components/BryntumPasswordFieldProps.ts

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