@bryntum/grid-angular 7.1.2 → 7.2.0

package/src/lib/bryntum-radio-group.component.ts

@@ -7,7 +7,7 @@ import { Component, ElementRef, EventEmitter, Output, Input, SimpleChange, Simpl
 
 import WrapperHelper from './wrapper.helper';
 
-import { AlignSpec, Base, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, RadioConfig, RadioGroup, RadioGroupListeners, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import { AlignSpec, Base, Color, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, RadioConfig, RadioGroup, RadioGroupListeners, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 
 import { StringHelper } from '@bryntum/grid';
 
@@ -73,6 +73,10 @@ export type BryntumRadioGroupProps = {
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/RadioGroup#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.
@@ -128,7 +132,7 @@ export type BryntumRadioGroupProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/RadioGroup#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -787,6 +791,7 @@ export class BryntumRadioGroupComponent implements OnInit, OnDestroy {
         'autoUpdateRecord',
         'bbar',
         'bodyCls',
+        'border',
         'bubbleEvents',
         'callOnFunctions',
         'catchEventHandlerExceptions',
@@ -905,6 +910,7 @@ export class BryntumRadioGroupComponent implements OnInit, OnDestroy {
         'autoUpdateRecord',
         'bbar',
         'bodyCls',
+        'border',
         'bubbleEvents',
         'centered',
         'clearable',
@@ -1052,11 +1058,12 @@ export class BryntumRadioGroupComponent implements OnInit, OnDestroy {
     @Input() autoUpdateRecord             ! : boolean;
     @Input() bbar                         ! : (ContainerItemConfig|string)[]|ToolbarConfig|PagingToolbarConfig|null;
     @Input() bodyCls                      ! : string|object;
+    @Input() border                       ! : boolean;
     @Input() bubbleEvents                 ! : object;
     @Input() centered                     ! : boolean;
     @Input() clearable                    ! : boolean;
     @Input() collapsible                  ! : boolean|PanelCollapserConfig|PanelCollapserOverlayConfig;
-    @Input() color                        ! : string;
+    @Input() color                        ! : Color;
     @Input() config                       ! : object;
     @Input() constrainTo                  ! : HTMLElement|Widget|Rectangle;
     @Input() contentElementCls            ! : string|object;

package/src/lib/bryntum-slider.component.ts

@@ -7,7 +7,7 @@ import { Component, ElementRef, EventEmitter, Output, Input, SimpleChange, Simpl
 
 import WrapperHelper from './wrapper.helper';
 
-import { AlignSpec, Base, DomConfig, KeyMapConfig, MaskConfig, Rectangle, Scroller, ScrollerConfig, Slider, SliderListeners, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import { AlignSpec, Base, Color, DomConfig, KeyMapConfig, MaskConfig, Rectangle, Scroller, ScrollerConfig, Slider, SliderListeners, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 
 import { StringHelper } from '@bryntum/grid';
 
@@ -95,7 +95,7 @@ export type BryntumSliderProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Slider#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -783,7 +783,7 @@ export class BryntumSliderComponent implements OnInit, OnDestroy {
     @Input() ariaLabel                    ! : string;
     @Input() bubbleEvents                 ! : object;
     @Input() centered                     ! : boolean;
-    @Input() color                        ! : string;
+    @Input() color                        ! : Color;
     @Input() config                       ! : object;
     @Input() constrainTo                  ! : HTMLElement|Widget|Rectangle;
     @Input() contentElementCls            ! : string|object;

package/src/lib/bryntum-splitter.component.ts

@@ -7,7 +7,7 @@ import { Component, ElementRef, EventEmitter, Output, Input, SimpleChange, Simpl
 
 import WrapperHelper from './wrapper.helper';
 
-import { AlignSpec, Base, DomConfig, KeyMapConfig, MaskConfig, Rectangle, Scroller, ScrollerConfig, Splitter, SplitterListeners, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import { AlignSpec, Base, Color, DomConfig, KeyMapConfig, MaskConfig, Rectangle, Scroller, ScrollerConfig, Splitter, SplitterListeners, TabConfig, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 
 import { StringHelper } from '@bryntum/grid';
 
@@ -95,7 +95,7 @@ export type BryntumSplitterProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Splitter#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -703,7 +703,7 @@ export class BryntumSplitterComponent implements OnInit, OnDestroy {
     @Input() ariaLabel                    ! : string;
     @Input() bubbleEvents                 ! : object;
     @Input() centered                     ! : boolean;
-    @Input() color                        ! : string;
+    @Input() color                        ! : Color;
     @Input() config                       ! : object;
     @Input() constrainTo                  ! : HTMLElement|Widget|Rectangle;
     @Input() contentElementCls            ! : string|object;

package/src/lib/bryntum-tab-panel.component.ts

@@ -7,7 +7,7 @@ import { Component, ElementRef, EventEmitter, Output, Input, SimpleChange, Simpl
 
 import WrapperHelper from './wrapper.helper';
 
-import { AlignSpec, Base, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabBarConfig, TabConfig, TabPanel, TabPanelListeners, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import { AlignSpec, Base, Color, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, PagingToolbarConfig, Panel, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabBarConfig, TabConfig, TabPanel, TabPanelListeners, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 
 import { StringHelper } from '@bryntum/grid';
 
@@ -85,6 +85,10 @@ export type BryntumTabPanelProps = {
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel#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.
@@ -135,7 +139,7 @@ export type BryntumTabPanelProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -773,6 +777,7 @@ export class BryntumTabPanelComponent implements OnInit, OnDestroy {
         'autoUpdateRecord',
         'bbar',
         'bodyCls',
+        'border',
         'bubbleEvents',
         'callOnFunctions',
         'catchEventHandlerExceptions',
@@ -888,6 +893,7 @@ export class BryntumTabPanelComponent implements OnInit, OnDestroy {
         'autoUpdateRecord',
         'bbar',
         'bodyCls',
+        'border',
         'bubbleEvents',
         'centered',
         'collapsible',
@@ -1033,10 +1039,11 @@ export class BryntumTabPanelComponent implements OnInit, OnDestroy {
     @Input() autoUpdateRecord             ! : boolean;
     @Input() bbar                         ! : (ContainerItemConfig|string)[]|ToolbarConfig|PagingToolbarConfig|null;
     @Input() bodyCls                      ! : string|object;
+    @Input() border                       ! : boolean;
     @Input() bubbleEvents                 ! : object;
     @Input() centered                     ! : boolean;
     @Input() collapsible                  ! : boolean|PanelCollapserConfig|PanelCollapserOverlayConfig;
-    @Input() color                        ! : string;
+    @Input() color                        ! : Color;
     @Input() config                       ! : object;
     @Input() constrainTo                  ! : HTMLElement|Widget|Rectangle;
     @Input() contentElementCls            ! : string|object;

package/src/lib/bryntum-text-area-field.component.ts

@@ -7,7 +7,7 @@ import { Component, ElementRef, EventEmitter, Output, Input, SimpleChange, Simpl
 
 import WrapperHelper from './wrapper.helper';
 
-import { AlignSpec, Base, ContainerItemConfig, DomConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, Scroller, TabConfig, TextAreaField, TextAreaFieldListeners, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import { AlignSpec, Base, Color, ContainerItemConfig, DomConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, Scroller, TabConfig, TextAreaField, TextAreaFieldListeners, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 
 import { StringHelper } from '@bryntum/grid';
 
@@ -114,7 +114,7 @@ export type BryntumTextAreaFieldProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/TextAreaField#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -933,7 +933,7 @@ export class BryntumTextAreaFieldComponent implements OnInit, OnDestroy {
     @Input() bubbleEvents                 ! : object;
     @Input() centered                     ! : boolean;
     @Input() clearable                    ! : boolean|FieldTriggerConfig;
-    @Input() color                        ! : string;
+    @Input() color                        ! : Color;
     @Input() config                       ! : object;
     @Input() constrainTo                  ! : HTMLElement|Widget|Rectangle;
     @Input() container                    ! : Record<string, ContainerItemConfig>|ContainerItemConfig[]|FieldContainerConfig|FieldContainer;

package/src/lib/bryntum-text-area-picker-field.component.ts

@@ -7,7 +7,7 @@ import { Component, ElementRef, EventEmitter, Output, Input, SimpleChange, Simpl
 
 import WrapperHelper from './wrapper.helper';
 
-import { AlignSpec, Base, ContainerItemConfig, DomConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, Scroller, TabConfig, TextAreaPickerField, TextAreaPickerFieldListeners, TooltipConfig, VueConfig, Widget, WidgetConfig } from '@bryntum/grid';
+import { AlignSpec, Base, Color, ContainerItemConfig, DomConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, Scroller, TabConfig, TextAreaPickerField, TextAreaPickerFieldListeners, TooltipConfig, VueConfig, Widget, WidgetConfig } from '@bryntum/grid';
 
 import { StringHelper } from '@bryntum/grid';
 
@@ -118,7 +118,7 @@ export type BryntumTextAreaPickerFieldProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/TextAreaPickerField#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -959,7 +959,7 @@ export class BryntumTextAreaPickerFieldComponent implements OnInit, OnDestroy {
     @Input() bubbleEvents                 ! : object;
     @Input() centered                     ! : boolean;
     @Input() clearable                    ! : boolean|FieldTriggerConfig;
-    @Input() color                        ! : string;
+    @Input() color                        ! : Color;
     @Input() config                       ! : object;
     @Input() constrainTo                  ! : HTMLElement|Widget|Rectangle;
     @Input() container                    ! : Record<string, ContainerItemConfig>|ContainerItemConfig[]|FieldContainerConfig|FieldContainer;

package/src/lib/bryntum-text-field.component.ts

@@ -7,7 +7,7 @@ import { Component, ElementRef, EventEmitter, Output, Input, SimpleChange, Simpl
 
 import WrapperHelper from './wrapper.helper';
 
-import { AlignSpec, Base, ContainerItemConfig, DomConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, Scroller, TabConfig, TextField, TextFieldListeners, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import { AlignSpec, Base, Color, ContainerItemConfig, DomConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, Scroller, TabConfig, TextField, TextFieldListeners, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 
 import { StringHelper } from '@bryntum/grid';
 
@@ -114,7 +114,7 @@ export type BryntumTextFieldProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/TextField#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -940,7 +940,7 @@ export class BryntumTextFieldComponent implements OnInit, OnDestroy {
     @Input() bubbleEvents                 ! : object;
     @Input() centered                     ! : boolean;
     @Input() clearable                    ! : boolean|FieldTriggerConfig;
-    @Input() color                        ! : string;
+    @Input() color                        ! : Color;
     @Input() config                       ! : object;
     @Input() constrainTo                  ! : HTMLElement|Widget|Rectangle;
     @Input() container                    ! : Record<string, ContainerItemConfig>|ContainerItemConfig[]|FieldContainerConfig|FieldContainer;

package/src/lib/bryntum-time-field.component.ts

@@ -7,7 +7,7 @@ import { Component, ElementRef, EventEmitter, Output, Input, SimpleChange, Simpl
 
 import WrapperHelper from './wrapper.helper';
 
-import { AlignSpec, Base, ContainerItemConfig, DomConfig, DurationConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, Scroller, TabConfig, TimeField, TimeFieldListeners, TooltipConfig, VueConfig, Widget, WidgetConfig } from '@bryntum/grid';
+import { AlignSpec, Base, Color, ContainerItemConfig, DateField, DomConfig, DurationConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, Scroller, TabConfig, TimeField, TimeFieldListeners, TooltipConfig, VueConfig, Widget, WidgetConfig } from '@bryntum/grid';
 
 import { StringHelper } from '@bryntum/grid';
 
@@ -118,7 +118,7 @@ export type BryntumTimeFieldProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/TimeField#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -481,6 +481,14 @@ export type BryntumTimeFieldProps = {
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/TimeField#config-owner)
      */
     owner ? : Widget|any
+    /**
+     * A reference to a partner DateField which this TimeField should sync its value with.
+     * When the DateField's value is changed, this TimeField's value is updated to match.
+     * When this TimeField's value is changed, the DateField's value is updated to match.
+     * ...
+     * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/TimeField#config-partner)
+     */
+    partner ? : string|DateField
     /**
      * Configuration object for the [picker](https://bryntum.com/products/grid/docs/api/Core/widget/List) on initialization. Returns the
      * [picker](https://bryntum.com/products/grid/docs/api/Core/widget/List) instance at runtime.
@@ -803,6 +811,7 @@ export class BryntumTimeFieldComponent implements OnInit, OnDestroy {
         'monitorResize',
         'name',
         'owner',
+        'partner',
         'picker',
         'pickerAlignElement',
         'placeholder',
@@ -954,6 +963,7 @@ export class BryntumTimeFieldComponent implements OnInit, OnDestroy {
         'minHeight',
         'minWidth',
         'parent',
+        'partner',
         'placeholder',
         'readOnly',
         'rendition',
@@ -999,7 +1009,7 @@ export class BryntumTimeFieldComponent implements OnInit, OnDestroy {
     @Input() bubbleEvents                 ! : object;
     @Input() centered                     ! : boolean;
     @Input() clearable                    ! : boolean|FieldTriggerConfig;
-    @Input() color                        ! : string;
+    @Input() color                        ! : Color;
     @Input() config                       ! : object;
     @Input() constrainTo                  ! : HTMLElement|Widget|Rectangle;
     @Input() container                    ! : Record<string, ContainerItemConfig>|ContainerItemConfig[]|FieldContainerConfig|FieldContainer;
@@ -1101,6 +1111,7 @@ export class BryntumTimeFieldComponent implements OnInit, OnDestroy {
     @Input() min                         ! : string|Date;
     @Input() minHeight                   ! : string|number;
     @Input() minWidth                    ! : string|number;
+    @Input() partner                     ! : string|DateField;
     @Input() placeholder                 ! : string;
     @Input() readOnly                    ! : boolean;
     @Input() rendition                   ! : 'outlined'|'filled'|string;

package/src/lib/bryntum-time-picker.component.ts

@@ -7,7 +7,7 @@ import { Component, ElementRef, EventEmitter, Output, Input, SimpleChange, Simpl
 
 import WrapperHelper from './wrapper.helper';
 
-import { AlignSpec, Base, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, TimePicker, TimePickerListeners, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import { AlignSpec, Base, Color, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, TimePicker, TimePickerListeners, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 
 import { StringHelper } from '@bryntum/grid';
 
@@ -60,6 +60,10 @@ export type BryntumTimePickerProps = {
      * 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.
@@ -99,7 +103,7 @@ export type BryntumTimePickerProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/TimePicker#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -635,6 +639,7 @@ export class BryntumTimePickerComponent implements OnInit, OnDestroy {
         'ariaDescription',
         'ariaLabel',
         'autoUpdateRecord',
+        'border',
         'bubbleEvents',
         'callOnFunctions',
         'catchEventHandlerExceptions',
@@ -733,6 +738,7 @@ export class BryntumTimePickerComponent implements OnInit, OnDestroy {
         'ariaDescription',
         'ariaLabel',
         'autoUpdateRecord',
+        'border',
         'bubbleEvents',
         'centered',
         'color',
@@ -860,9 +866,10 @@ export class BryntumTimePickerComponent implements OnInit, OnDestroy {
     @Input() ariaDescription              ! : string;
     @Input() ariaLabel                    ! : string;
     @Input() autoUpdateRecord             ! : boolean;
+    @Input() border                       ! : boolean;
     @Input() bubbleEvents                 ! : object;
     @Input() centered                     ! : boolean;
-    @Input() color                        ! : string;
+    @Input() color                        ! : Color;
     @Input() config                       ! : object;
     @Input() constrainTo                  ! : HTMLElement|Widget|Rectangle;
     @Input() contentElementCls            ! : string|object;

package/src/lib/bryntum-toolbar.component.ts

@@ -7,7 +7,7 @@ import { Component, ElementRef, EventEmitter, Output, Input, SimpleChange, Simpl
 
 import WrapperHelper from './wrapper.helper';
 
-import { AlignSpec, Base, ClickRepeaterConfig, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, Tool, ToolConfig, Toolbar, ToolbarItems, ToolbarListeners, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import { AlignSpec, Base, ClickRepeaterConfig, Color, Container, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, Tool, ToolConfig, Toolbar, ToolbarItems, ToolbarListeners, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 
 import { StringHelper } from '@bryntum/grid';
 
@@ -60,6 +60,10 @@ export type BryntumToolbarProps = {
      * 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.
@@ -99,7 +103,7 @@ export type BryntumToolbarProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Core/widget/Toolbar#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -640,6 +644,7 @@ export class BryntumToolbarComponent implements OnInit, OnDestroy {
         'ariaDescription',
         'ariaLabel',
         'autoUpdateRecord',
+        'border',
         'bubbleEvents',
         'callOnFunctions',
         'catchEventHandlerExceptions',
@@ -738,6 +743,7 @@ export class BryntumToolbarComponent implements OnInit, OnDestroy {
         'ariaDescription',
         'ariaLabel',
         'autoUpdateRecord',
+        'border',
         'bubbleEvents',
         'centered',
         'color',
@@ -864,9 +870,10 @@ export class BryntumToolbarComponent implements OnInit, OnDestroy {
     @Input() ariaDescription              ! : string;
     @Input() ariaLabel                    ! : string;
     @Input() autoUpdateRecord             ! : boolean;
+    @Input() border                       ! : boolean;
     @Input() bubbleEvents                 ! : object;
     @Input() centered                     ! : boolean;
-    @Input() color                        ! : string;
+    @Input() color                        ! : Color;
     @Input() config                       ! : object;
     @Input() constrainTo                  ! : HTMLElement|Widget|Rectangle;
     @Input() contentElementCls            ! : string|object;

package/src/lib/bryntum-tree-combo.component.ts

@@ -7,7 +7,7 @@ import { Component, ElementRef, EventEmitter, Output, Input, SimpleChange, Simpl
 
 import WrapperHelper from './wrapper.helper';
 
-import { AlignSpec, Base, ChipViewConfig, CollectionCompareOperator, CollectionFilterConfig, Combo, ComboModel, ContainerItemConfig, DomConfig, Duration, DurationConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, List, ListConfig, MaskConfig, Model, Rectangle, Scroller, Store, StoreConfig, TabConfig, TooltipConfig, TreeCombo, TreeComboListeners, VueConfig, Widget } from '@bryntum/grid';
+import { AlignSpec, Base, ChipViewConfig, CollectionCompareOperator, CollectionFilterConfig, Color, Combo, ComboModel, ContainerItemConfig, DomConfig, Duration, DurationConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, List, ListConfig, MaskConfig, Model, Rectangle, Scroller, Store, StoreConfig, TabConfig, TooltipConfig, TreeCombo, TreeComboListeners, VueConfig, Widget } from '@bryntum/grid';
 
 import { StringHelper } from '@bryntum/grid';
 
@@ -147,7 +147,7 @@ export type BryntumTreeComboProps = {
      * ...
      * [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/TreeCombo#config-color)
      */
-    color ? : string
+    color ? : Color
     /**
      * Programmatic control over which column to start in when used in a grid layout.
      */
@@ -1219,7 +1219,7 @@ export class BryntumTreeComboComponent implements OnInit, OnDestroy {
     @Input() clearTextOnPickerHide        ! : boolean;
     @Input() clearTextOnSelection         ! : boolean;
     @Input() clearWhenInputEmpty          ! : boolean;
-    @Input() color                        ! : string;
+    @Input() color                        ! : Color;
     @Input() config                       ! : object;
     @Input() constrainTo                  ! : HTMLElement|Widget|Rectangle;
     @Input() container                    ! : Record<string, ContainerItemConfig>|ContainerItemConfig[]|FieldContainerConfig|FieldContainer;