@bryntum/grid-angular 7.1.2 → 7.2.0

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

@@ -2,7 +2,7 @@
  * Angular wrapper for Bryntum RadioGroup
  */
 import { ElementRef, SimpleChanges, OnDestroy, OnInit } from '@angular/core';
-import { AlignSpec, Base, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, PagingToolbarConfig, 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, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, RadioConfig, RadioGroup, RadioGroupListeners, Rectangle, Scroller, ScrollerConfig, StateProvider, TabConfig, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import * as i0 from "@angular/core";
 export declare type BryntumRadioGroupProps = {
     /**
@@ -65,6 +65,10 @@ export declare 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.
@@ -120,7 +124,7 @@ export declare 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.
      */
@@ -758,11 +762,12 @@ export declare class BryntumRadioGroupComponent implements OnInit, OnDestroy {
     autoUpdateRecord: boolean;
     bbar: (ContainerItemConfig | string)[] | ToolbarConfig | PagingToolbarConfig | null;
     bodyCls: string | object;
+    border: boolean;
     bubbleEvents: object;
     centered: boolean;
     clearable: boolean;
     collapsible: boolean | PanelCollapserConfig | PanelCollapserOverlayConfig;
-    color: string;
+    color: Color;
     config: object;
     constrainTo: HTMLElement | Widget | Rectangle;
     contentElementCls: string | object;
@@ -1064,5 +1069,5 @@ export declare class BryntumRadioGroupComponent implements OnInit, OnDestroy {
      */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BryntumRadioGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BryntumRadioGroupComponent, "bryntum-radio-group", never, { "adopt": "adopt"; "align": "align"; "anchor": "anchor"; "ariaDescription": "ariaDescription"; "ariaLabel": "ariaLabel"; "autoUpdateRecord": "autoUpdateRecord"; "bbar": "bbar"; "bodyCls": "bodyCls"; "bubbleEvents": "bubbleEvents"; "centered": "centered"; "clearable": "clearable"; "collapsible": "collapsible"; "color": "color"; "config": "config"; "constrainTo": "constrainTo"; "contentElementCls": "contentElementCls"; "dataField": "dataField"; "defaultBindProperty": "defaultBindProperty"; "defaultFocus": "defaultFocus"; "defaults": "defaults"; "detectCSSCompatibilityIssues": "detectCSSCompatibilityIssues"; "dock": "dock"; "draggable": "draggable"; "drawer": "drawer"; "elementAttributes": "elementAttributes"; "floating": "floating"; "footer": "footer"; "header": "header"; "hideAnimation": "hideAnimation"; "hideWhenEmpty": "hideWhenEmpty"; "htmlCls": "htmlCls"; "icon": "icon"; "ignoreParentReadOnly": "ignoreParentReadOnly"; "itemCls": "itemCls"; "labelCls": "labelCls"; "labelWidth": "labelWidth"; "lazyItems": "lazyItems"; "listeners": "listeners"; "localeClass": "localeClass"; "localizable": "localizable"; "localizableProperties": "localizableProperties"; "maskDefaults": "maskDefaults"; "masked": "masked"; "monitorResize": "monitorResize"; "name": "name"; "namedItems": "namedItems"; "options": "options"; "owner": "owner"; "positioned": "positioned"; "preventTooltipOnTouch": "preventTooltipOnTouch"; "relayStoreEvents": "relayStoreEvents"; "ripple": "ripple"; "rootElement": "rootElement"; "scrollAction": "scrollAction"; "showAnimation": "showAnimation"; "showTooltipWhenDisabled": "showTooltipWhenDisabled"; "stateful": "stateful"; "statefulEvents": "statefulEvents"; "stateId": "stateId"; "stateProvider": "stateProvider"; "strips": "strips"; "tab": "tab"; "tabBarItems": "tabBarItems"; "tag": "tag"; "tbar": "tbar"; "textAlign": "textAlign"; "textContent": "textContent"; "trapFocus": "trapFocus"; "type": "type"; "ui": "ui"; "weight": "weight"; "alignSelf": "alignSelf"; "appendTo": "appendTo"; "callOnFunctions": "callOnFunctions"; "catchEventHandlerExceptions": "catchEventHandlerExceptions"; "cls": "cls"; "collapsed": "collapsed"; "column": "column"; "content": "content"; "dataset": "dataset"; "disabled": "disabled"; "extraData": "extraData"; "flex": "flex"; "height": "height"; "hidden": "hidden"; "html": "html"; "id": "id"; "inline": "inline"; "inputFieldAlign": "inputFieldAlign"; "insertBefore": "insertBefore"; "insertFirst": "insertFirst"; "items": "items"; "keyMap": "keyMap"; "label": "label"; "labelPosition": "labelPosition"; "layout": "layout"; "layoutStyle": "layoutStyle"; "margin": "margin"; "maxHeight": "maxHeight"; "maximizeOnMobile": "maximizeOnMobile"; "maxWidth": "maxWidth"; "minHeight": "minHeight"; "minWidth": "minWidth"; "readOnly": "readOnly"; "record": "record"; "rendition": "rendition"; "rtl": "rtl"; "scrollable": "scrollable"; "span": "span"; "strictRecordMapping": "strictRecordMapping"; "title": "title"; "tools": "tools"; "tooltip": "tooltip"; "value": "value"; "width": "width"; "x": "x"; "y": "y"; "anchorSize": "anchorSize"; "focusVisible": "focusVisible"; "hasChanges": "hasChanges"; "isSettingValues": "isSettingValues"; "isValid": "isValid"; "parent": "parent"; "state": "state"; "values": "values"; }, { "onBeforeDestroy": "onBeforeDestroy"; "onBeforeHide": "onBeforeHide"; "onBeforeSetRecord": "onBeforeSetRecord"; "onBeforeShow": "onBeforeShow"; "onBeforeStateApply": "onBeforeStateApply"; "onBeforeStateSave": "onBeforeStateSave"; "onCatchAll": "onCatchAll"; "onCollapse": "onCollapse"; "onDestroy": "onDestroy"; "onDirtyStateChange": "onDirtyStateChange"; "onElementCreated": "onElementCreated"; "onExpand": "onExpand"; "onFocusIn": "onFocusIn"; "onFocusOut": "onFocusOut"; "onHide": "onHide"; "onPaint": "onPaint"; "onReadOnly": "onReadOnly"; "onRecompose": "onRecompose"; "onResize": "onResize"; "onShow": "onShow"; "onToolClick": "onToolClick"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BryntumRadioGroupComponent, "bryntum-radio-group", never, { "adopt": "adopt"; "align": "align"; "anchor": "anchor"; "ariaDescription": "ariaDescription"; "ariaLabel": "ariaLabel"; "autoUpdateRecord": "autoUpdateRecord"; "bbar": "bbar"; "bodyCls": "bodyCls"; "border": "border"; "bubbleEvents": "bubbleEvents"; "centered": "centered"; "clearable": "clearable"; "collapsible": "collapsible"; "color": "color"; "config": "config"; "constrainTo": "constrainTo"; "contentElementCls": "contentElementCls"; "dataField": "dataField"; "defaultBindProperty": "defaultBindProperty"; "defaultFocus": "defaultFocus"; "defaults": "defaults"; "detectCSSCompatibilityIssues": "detectCSSCompatibilityIssues"; "dock": "dock"; "draggable": "draggable"; "drawer": "drawer"; "elementAttributes": "elementAttributes"; "floating": "floating"; "footer": "footer"; "header": "header"; "hideAnimation": "hideAnimation"; "hideWhenEmpty": "hideWhenEmpty"; "htmlCls": "htmlCls"; "icon": "icon"; "ignoreParentReadOnly": "ignoreParentReadOnly"; "itemCls": "itemCls"; "labelCls": "labelCls"; "labelWidth": "labelWidth"; "lazyItems": "lazyItems"; "listeners": "listeners"; "localeClass": "localeClass"; "localizable": "localizable"; "localizableProperties": "localizableProperties"; "maskDefaults": "maskDefaults"; "masked": "masked"; "monitorResize": "monitorResize"; "name": "name"; "namedItems": "namedItems"; "options": "options"; "owner": "owner"; "positioned": "positioned"; "preventTooltipOnTouch": "preventTooltipOnTouch"; "relayStoreEvents": "relayStoreEvents"; "ripple": "ripple"; "rootElement": "rootElement"; "scrollAction": "scrollAction"; "showAnimation": "showAnimation"; "showTooltipWhenDisabled": "showTooltipWhenDisabled"; "stateful": "stateful"; "statefulEvents": "statefulEvents"; "stateId": "stateId"; "stateProvider": "stateProvider"; "strips": "strips"; "tab": "tab"; "tabBarItems": "tabBarItems"; "tag": "tag"; "tbar": "tbar"; "textAlign": "textAlign"; "textContent": "textContent"; "trapFocus": "trapFocus"; "type": "type"; "ui": "ui"; "weight": "weight"; "alignSelf": "alignSelf"; "appendTo": "appendTo"; "callOnFunctions": "callOnFunctions"; "catchEventHandlerExceptions": "catchEventHandlerExceptions"; "cls": "cls"; "collapsed": "collapsed"; "column": "column"; "content": "content"; "dataset": "dataset"; "disabled": "disabled"; "extraData": "extraData"; "flex": "flex"; "height": "height"; "hidden": "hidden"; "html": "html"; "id": "id"; "inline": "inline"; "inputFieldAlign": "inputFieldAlign"; "insertBefore": "insertBefore"; "insertFirst": "insertFirst"; "items": "items"; "keyMap": "keyMap"; "label": "label"; "labelPosition": "labelPosition"; "layout": "layout"; "layoutStyle": "layoutStyle"; "margin": "margin"; "maxHeight": "maxHeight"; "maximizeOnMobile": "maximizeOnMobile"; "maxWidth": "maxWidth"; "minHeight": "minHeight"; "minWidth": "minWidth"; "readOnly": "readOnly"; "record": "record"; "rendition": "rendition"; "rtl": "rtl"; "scrollable": "scrollable"; "span": "span"; "strictRecordMapping": "strictRecordMapping"; "title": "title"; "tools": "tools"; "tooltip": "tooltip"; "value": "value"; "width": "width"; "x": "x"; "y": "y"; "anchorSize": "anchorSize"; "focusVisible": "focusVisible"; "hasChanges": "hasChanges"; "isSettingValues": "isSettingValues"; "isValid": "isValid"; "parent": "parent"; "state": "state"; "values": "values"; }, { "onBeforeDestroy": "onBeforeDestroy"; "onBeforeHide": "onBeforeHide"; "onBeforeSetRecord": "onBeforeSetRecord"; "onBeforeShow": "onBeforeShow"; "onBeforeStateApply": "onBeforeStateApply"; "onBeforeStateSave": "onBeforeStateSave"; "onCatchAll": "onCatchAll"; "onCollapse": "onCollapse"; "onDestroy": "onDestroy"; "onDirtyStateChange": "onDirtyStateChange"; "onElementCreated": "onElementCreated"; "onExpand": "onExpand"; "onFocusIn": "onFocusIn"; "onFocusOut": "onFocusOut"; "onHide": "onHide"; "onPaint": "onPaint"; "onReadOnly": "onReadOnly"; "onRecompose": "onRecompose"; "onResize": "onResize"; "onShow": "onShow"; "onToolClick": "onToolClick"; }, never, never>;
 }

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

@@ -2,7 +2,7 @@
  * Angular wrapper for Bryntum Slider
  */
 import { ElementRef, SimpleChanges, OnDestroy, OnInit } from '@angular/core';
-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 * as i0 from "@angular/core";
 export declare type BryntumSliderProps = {
     /**
@@ -87,7 +87,7 @@ export declare 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.
      */
@@ -541,7 +541,7 @@ export declare class BryntumSliderComponent implements OnInit, OnDestroy {
     ariaLabel: string;
     bubbleEvents: object;
     centered: boolean;
-    color: string;
+    color: Color;
     config: object;
     constrainTo: HTMLElement | Widget | Rectangle;
     contentElementCls: string | object;

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

@@ -2,7 +2,7 @@
  * Angular wrapper for Bryntum Splitter
  */
 import { ElementRef, SimpleChanges, OnDestroy, OnInit } from '@angular/core';
-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 * as i0 from "@angular/core";
 export declare type BryntumSplitterProps = {
     /**
@@ -87,7 +87,7 @@ export declare 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.
      */
@@ -486,7 +486,7 @@ export declare class BryntumSplitterComponent implements OnInit, OnDestroy {
     ariaLabel: string;
     bubbleEvents: object;
     centered: boolean;
-    color: string;
+    color: Color;
     config: object;
     constrainTo: HTMLElement | Widget | Rectangle;
     contentElementCls: string | object;

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

@@ -2,7 +2,7 @@
  * Angular wrapper for Bryntum TabPanel
  */
 import { ElementRef, SimpleChanges, OnDestroy, OnInit } from '@angular/core';
-import { AlignSpec, Base, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, PagingToolbarConfig, 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, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, PagingToolbarConfig, PanelCollapserConfig, PanelCollapserOverlayConfig, PanelHeader, Rectangle, Scroller, ScrollerConfig, StateProvider, TabBarConfig, TabConfig, TabPanel, TabPanelListeners, Tool, ToolConfig, ToolbarConfig, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import * as i0 from "@angular/core";
 export declare type BryntumTabPanelProps = {
     /**
@@ -77,6 +77,10 @@ export declare 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.
@@ -127,7 +131,7 @@ export declare 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.
      */
@@ -741,10 +745,11 @@ export declare class BryntumTabPanelComponent implements OnInit, OnDestroy {
     autoUpdateRecord: boolean;
     bbar: (ContainerItemConfig | string)[] | ToolbarConfig | PagingToolbarConfig | null;
     bodyCls: string | object;
+    border: boolean;
     bubbleEvents: object;
     centered: boolean;
     collapsible: boolean | PanelCollapserConfig | PanelCollapserOverlayConfig;
-    color: string;
+    color: Color;
     config: object;
     constrainTo: HTMLElement | Widget | Rectangle;
     contentElementCls: string | object;
@@ -1061,5 +1066,5 @@ export declare class BryntumTabPanelComponent implements OnInit, OnDestroy {
      */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BryntumTabPanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BryntumTabPanelComponent, "bryntum-tab-panel", never, { "adopt": "adopt"; "align": "align"; "anchor": "anchor"; "animateTabChange": "animateTabChange"; "ariaDescription": "ariaDescription"; "ariaLabel": "ariaLabel"; "autoHeight": "autoHeight"; "autoUpdateRecord": "autoUpdateRecord"; "bbar": "bbar"; "bodyCls": "bodyCls"; "bubbleEvents": "bubbleEvents"; "centered": "centered"; "collapsible": "collapsible"; "color": "color"; "config": "config"; "constrainTo": "constrainTo"; "contentElementCls": "contentElementCls"; "dataField": "dataField"; "defaultBindProperty": "defaultBindProperty"; "defaultFocus": "defaultFocus"; "defaults": "defaults"; "detectCSSCompatibilityIssues": "detectCSSCompatibilityIssues"; "dock": "dock"; "draggable": "draggable"; "drawer": "drawer"; "elementAttributes": "elementAttributes"; "floating": "floating"; "footer": "footer"; "header": "header"; "hideAnimation": "hideAnimation"; "hideWhenEmpty": "hideWhenEmpty"; "htmlCls": "htmlCls"; "icon": "icon"; "ignoreParentReadOnly": "ignoreParentReadOnly"; "itemCls": "itemCls"; "lazyItems": "lazyItems"; "listeners": "listeners"; "localeClass": "localeClass"; "localizable": "localizable"; "localizableProperties": "localizableProperties"; "maskDefaults": "maskDefaults"; "masked": "masked"; "monitorResize": "monitorResize"; "namedItems": "namedItems"; "owner": "owner"; "positioned": "positioned"; "preventTooltipOnTouch": "preventTooltipOnTouch"; "relayStoreEvents": "relayStoreEvents"; "ripple": "ripple"; "rootElement": "rootElement"; "scrollAction": "scrollAction"; "showAnimation": "showAnimation"; "showTooltipWhenDisabled": "showTooltipWhenDisabled"; "stateful": "stateful"; "statefulEvents": "statefulEvents"; "stateId": "stateId"; "stateProvider": "stateProvider"; "strips": "strips"; "tab": "tab"; "tabBar": "tabBar"; "tabBarItems": "tabBarItems"; "tabMaxWidth": "tabMaxWidth"; "tabMinWidth": "tabMinWidth"; "tag": "tag"; "tbar": "tbar"; "textAlign": "textAlign"; "textContent": "textContent"; "trapFocus": "trapFocus"; "type": "type"; "ui": "ui"; "weight": "weight"; "activeTab": "activeTab"; "alignSelf": "alignSelf"; "appendTo": "appendTo"; "callOnFunctions": "callOnFunctions"; "catchEventHandlerExceptions": "catchEventHandlerExceptions"; "cls": "cls"; "collapsed": "collapsed"; "column": "column"; "content": "content"; "dataset": "dataset"; "disabled": "disabled"; "extraData": "extraData"; "flex": "flex"; "height": "height"; "hidden": "hidden"; "html": "html"; "id": "id"; "inputFieldAlign": "inputFieldAlign"; "insertBefore": "insertBefore"; "insertFirst": "insertFirst"; "items": "items"; "keyMap": "keyMap"; "labelPosition": "labelPosition"; "layout": "layout"; "layoutStyle": "layoutStyle"; "margin": "margin"; "maxHeight": "maxHeight"; "maximizeOnMobile": "maximizeOnMobile"; "maxWidth": "maxWidth"; "minHeight": "minHeight"; "minWidth": "minWidth"; "readOnly": "readOnly"; "record": "record"; "rendition": "rendition"; "rtl": "rtl"; "scrollable": "scrollable"; "span": "span"; "strictRecordMapping": "strictRecordMapping"; "title": "title"; "tools": "tools"; "tooltip": "tooltip"; "width": "width"; "x": "x"; "y": "y"; "anchorSize": "anchorSize"; "focusVisible": "focusVisible"; "hasChanges": "hasChanges"; "isSettingValues": "isSettingValues"; "isValid": "isValid"; "parent": "parent"; "state": "state"; "values": "values"; }, { "onBeforeDestroy": "onBeforeDestroy"; "onBeforeHide": "onBeforeHide"; "onBeforeSetRecord": "onBeforeSetRecord"; "onBeforeShow": "onBeforeShow"; "onBeforeStateApply": "onBeforeStateApply"; "onBeforeStateSave": "onBeforeStateSave"; "onBeforeTabChange": "onBeforeTabChange"; "onCatchAll": "onCatchAll"; "onCollapse": "onCollapse"; "onDestroy": "onDestroy"; "onDirtyStateChange": "onDirtyStateChange"; "onElementCreated": "onElementCreated"; "onExpand": "onExpand"; "onFocusIn": "onFocusIn"; "onFocusOut": "onFocusOut"; "onHide": "onHide"; "onPaint": "onPaint"; "onReadOnly": "onReadOnly"; "onRecompose": "onRecompose"; "onResize": "onResize"; "onShow": "onShow"; "onTabChange": "onTabChange"; "onToolClick": "onToolClick"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BryntumTabPanelComponent, "bryntum-tab-panel", never, { "adopt": "adopt"; "align": "align"; "anchor": "anchor"; "animateTabChange": "animateTabChange"; "ariaDescription": "ariaDescription"; "ariaLabel": "ariaLabel"; "autoHeight": "autoHeight"; "autoUpdateRecord": "autoUpdateRecord"; "bbar": "bbar"; "bodyCls": "bodyCls"; "border": "border"; "bubbleEvents": "bubbleEvents"; "centered": "centered"; "collapsible": "collapsible"; "color": "color"; "config": "config"; "constrainTo": "constrainTo"; "contentElementCls": "contentElementCls"; "dataField": "dataField"; "defaultBindProperty": "defaultBindProperty"; "defaultFocus": "defaultFocus"; "defaults": "defaults"; "detectCSSCompatibilityIssues": "detectCSSCompatibilityIssues"; "dock": "dock"; "draggable": "draggable"; "drawer": "drawer"; "elementAttributes": "elementAttributes"; "floating": "floating"; "footer": "footer"; "header": "header"; "hideAnimation": "hideAnimation"; "hideWhenEmpty": "hideWhenEmpty"; "htmlCls": "htmlCls"; "icon": "icon"; "ignoreParentReadOnly": "ignoreParentReadOnly"; "itemCls": "itemCls"; "lazyItems": "lazyItems"; "listeners": "listeners"; "localeClass": "localeClass"; "localizable": "localizable"; "localizableProperties": "localizableProperties"; "maskDefaults": "maskDefaults"; "masked": "masked"; "monitorResize": "monitorResize"; "namedItems": "namedItems"; "owner": "owner"; "positioned": "positioned"; "preventTooltipOnTouch": "preventTooltipOnTouch"; "relayStoreEvents": "relayStoreEvents"; "ripple": "ripple"; "rootElement": "rootElement"; "scrollAction": "scrollAction"; "showAnimation": "showAnimation"; "showTooltipWhenDisabled": "showTooltipWhenDisabled"; "stateful": "stateful"; "statefulEvents": "statefulEvents"; "stateId": "stateId"; "stateProvider": "stateProvider"; "strips": "strips"; "tab": "tab"; "tabBar": "tabBar"; "tabBarItems": "tabBarItems"; "tabMaxWidth": "tabMaxWidth"; "tabMinWidth": "tabMinWidth"; "tag": "tag"; "tbar": "tbar"; "textAlign": "textAlign"; "textContent": "textContent"; "trapFocus": "trapFocus"; "type": "type"; "ui": "ui"; "weight": "weight"; "activeTab": "activeTab"; "alignSelf": "alignSelf"; "appendTo": "appendTo"; "callOnFunctions": "callOnFunctions"; "catchEventHandlerExceptions": "catchEventHandlerExceptions"; "cls": "cls"; "collapsed": "collapsed"; "column": "column"; "content": "content"; "dataset": "dataset"; "disabled": "disabled"; "extraData": "extraData"; "flex": "flex"; "height": "height"; "hidden": "hidden"; "html": "html"; "id": "id"; "inputFieldAlign": "inputFieldAlign"; "insertBefore": "insertBefore"; "insertFirst": "insertFirst"; "items": "items"; "keyMap": "keyMap"; "labelPosition": "labelPosition"; "layout": "layout"; "layoutStyle": "layoutStyle"; "margin": "margin"; "maxHeight": "maxHeight"; "maximizeOnMobile": "maximizeOnMobile"; "maxWidth": "maxWidth"; "minHeight": "minHeight"; "minWidth": "minWidth"; "readOnly": "readOnly"; "record": "record"; "rendition": "rendition"; "rtl": "rtl"; "scrollable": "scrollable"; "span": "span"; "strictRecordMapping": "strictRecordMapping"; "title": "title"; "tools": "tools"; "tooltip": "tooltip"; "width": "width"; "x": "x"; "y": "y"; "anchorSize": "anchorSize"; "focusVisible": "focusVisible"; "hasChanges": "hasChanges"; "isSettingValues": "isSettingValues"; "isValid": "isValid"; "parent": "parent"; "state": "state"; "values": "values"; }, { "onBeforeDestroy": "onBeforeDestroy"; "onBeforeHide": "onBeforeHide"; "onBeforeSetRecord": "onBeforeSetRecord"; "onBeforeShow": "onBeforeShow"; "onBeforeStateApply": "onBeforeStateApply"; "onBeforeStateSave": "onBeforeStateSave"; "onBeforeTabChange": "onBeforeTabChange"; "onCatchAll": "onCatchAll"; "onCollapse": "onCollapse"; "onDestroy": "onDestroy"; "onDirtyStateChange": "onDirtyStateChange"; "onElementCreated": "onElementCreated"; "onExpand": "onExpand"; "onFocusIn": "onFocusIn"; "onFocusOut": "onFocusOut"; "onHide": "onHide"; "onPaint": "onPaint"; "onReadOnly": "onReadOnly"; "onRecompose": "onRecompose"; "onResize": "onResize"; "onShow": "onShow"; "onTabChange": "onTabChange"; "onToolClick": "onToolClick"; }, never, never>;
 }

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

@@ -2,7 +2,7 @@
  * Angular wrapper for Bryntum TextAreaField
  */
 import { ElementRef, SimpleChanges, OnDestroy, OnInit } from '@angular/core';
-import { AlignSpec, Base, ContainerItemConfig, DomConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Rectangle, Scroller, TabConfig, TextAreaField, TextAreaFieldListeners, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import { AlignSpec, Base, Color, ContainerItemConfig, DomConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Rectangle, Scroller, TabConfig, TextAreaField, TextAreaFieldListeners, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import * as i0 from "@angular/core";
 export declare type BryntumTextAreaFieldProps = {
     /**
@@ -106,7 +106,7 @@ export declare 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.
      */
@@ -660,7 +660,7 @@ export declare class BryntumTextAreaFieldComponent implements OnInit, OnDestroy
     bubbleEvents: object;
     centered: boolean;
     clearable: boolean | FieldTriggerConfig;
-    color: string;
+    color: Color;
     config: object;
     constrainTo: HTMLElement | Widget | Rectangle;
     container: Record<string, ContainerItemConfig> | ContainerItemConfig[] | FieldContainerConfig | FieldContainer;

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

@@ -2,7 +2,7 @@
  * Angular wrapper for Bryntum TextAreaPickerField
  */
 import { ElementRef, SimpleChanges, OnDestroy, OnInit } from '@angular/core';
-import { AlignSpec, Base, ContainerItemConfig, DomConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Rectangle, Scroller, TabConfig, TextAreaPickerField, TextAreaPickerFieldListeners, TooltipConfig, VueConfig, Widget, WidgetConfig } from '@bryntum/grid';
+import { AlignSpec, Base, Color, ContainerItemConfig, DomConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Rectangle, Scroller, TabConfig, TextAreaPickerField, TextAreaPickerFieldListeners, TooltipConfig, VueConfig, Widget, WidgetConfig } from '@bryntum/grid';
 import * as i0 from "@angular/core";
 export declare type BryntumTextAreaPickerFieldProps = {
     /**
@@ -110,7 +110,7 @@ export declare 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.
      */
@@ -676,7 +676,7 @@ export declare class BryntumTextAreaPickerFieldComponent implements OnInit, OnDe
     bubbleEvents: object;
     centered: boolean;
     clearable: boolean | FieldTriggerConfig;
-    color: string;
+    color: Color;
     config: object;
     constrainTo: HTMLElement | Widget | Rectangle;
     container: Record<string, ContainerItemConfig> | ContainerItemConfig[] | FieldContainerConfig | FieldContainer;

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

@@ -2,7 +2,7 @@
  * Angular wrapper for Bryntum TextField
  */
 import { ElementRef, SimpleChanges, OnDestroy, OnInit } from '@angular/core';
-import { AlignSpec, Base, ContainerItemConfig, DomConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Rectangle, Scroller, TabConfig, TextField, TextFieldListeners, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
+import { AlignSpec, Base, Color, ContainerItemConfig, DomConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Rectangle, Scroller, TabConfig, TextField, TextFieldListeners, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import * as i0 from "@angular/core";
 export declare type BryntumTextFieldProps = {
     /**
@@ -106,7 +106,7 @@ export declare 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.
      */
@@ -664,7 +664,7 @@ export declare class BryntumTextFieldComponent implements OnInit, OnDestroy {
     bubbleEvents: object;
     centered: boolean;
     clearable: boolean | FieldTriggerConfig;
-    color: string;
+    color: Color;
     config: object;
     constrainTo: HTMLElement | Widget | Rectangle;
     container: Record<string, ContainerItemConfig> | ContainerItemConfig[] | FieldContainerConfig | FieldContainer;

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

@@ -2,7 +2,7 @@
  * Angular wrapper for Bryntum TimeField
  */
 import { ElementRef, SimpleChanges, OnDestroy, OnInit } from '@angular/core';
-import { AlignSpec, Base, ContainerItemConfig, DomConfig, DurationConfig, Field, FieldContainer, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, 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, Rectangle, Scroller, TabConfig, TimeField, TimeFieldListeners, TooltipConfig, VueConfig, Widget, WidgetConfig } from '@bryntum/grid';
 import * as i0 from "@angular/core";
 export declare type BryntumTimeFieldProps = {
     /**
@@ -110,7 +110,7 @@ export declare 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.
      */
@@ -479,6 +479,14 @@ export declare 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.
@@ -705,7 +713,7 @@ export declare class BryntumTimeFieldComponent implements OnInit, OnDestroy {
     bubbleEvents: object;
     centered: boolean;
     clearable: boolean | FieldTriggerConfig;
-    color: string;
+    color: Color;
     config: object;
     constrainTo: HTMLElement | Widget | Rectangle;
     container: Record<string, ContainerItemConfig> | ContainerItemConfig[] | FieldContainerConfig | FieldContainer;
@@ -811,6 +819,7 @@ export declare class BryntumTimeFieldComponent implements OnInit, OnDestroy {
     min: string | Date;
     minHeight: string | number;
     minWidth: string | number;
+    partner: string | DateField;
     placeholder: string;
     readOnly: boolean;
     rendition: 'outlined' | 'filled' | string;
@@ -1002,5 +1011,5 @@ export declare class BryntumTimeFieldComponent implements OnInit, OnDestroy {
      */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BryntumTimeFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BryntumTimeFieldComponent, "bryntum-time-field", never, { "adopt": "adopt"; "align": "align"; "anchor": "anchor"; "ariaDescription": "ariaDescription"; "ariaLabel": "ariaLabel"; "autoComplete": "autoComplete"; "autoExpand": "autoExpand"; "autoSelect": "autoSelect"; "bubbleEvents": "bubbleEvents"; "centered": "centered"; "clearable": "clearable"; "color": "color"; "config": "config"; "constrainTo": "constrainTo"; "container": "container"; "containValues": "containValues"; "contentElementCls": "contentElementCls"; "dataField": "dataField"; "defaultBindProperty": "defaultBindProperty"; "detectCSSCompatibilityIssues": "detectCSSCompatibilityIssues"; "dock": "dock"; "draggable": "draggable"; "elementAttributes": "elementAttributes"; "floating": "floating"; "hideAnimation": "hideAnimation"; "highlightExternalChange": "highlightExternalChange"; "hint": "hint"; "hintHtml": "hintHtml"; "ignoreParentReadOnly": "ignoreParentReadOnly"; "inline": "inline"; "inputAlign": "inputAlign"; "inputAttributes": "inputAttributes"; "inputTag": "inputTag"; "inputType": "inputType"; "inputWidth": "inputWidth"; "keyStrokeChangeDelay": "keyStrokeChangeDelay"; "labelCls": "labelCls"; "labelPosition": "labelPosition"; "labels": "labels"; "labelWidth": "labelWidth"; "listeners": "listeners"; "localeClass": "localeClass"; "localizable": "localizable"; "localizableProperties": "localizableProperties"; "maskDefaults": "maskDefaults"; "masked": "masked"; "maxLength": "maxLength"; "minLength": "minLength"; "monitorResize": "monitorResize"; "name": "name"; "owner": "owner"; "picker": "picker"; "pickerAlignElement": "pickerAlignElement"; "positioned": "positioned"; "preventTooltipOnTouch": "preventTooltipOnTouch"; "relayStoreEvents": "relayStoreEvents"; "revertOnEscape": "revertOnEscape"; "ripple": "ripple"; "rootElement": "rootElement"; "scrollAction": "scrollAction"; "showAnimation": "showAnimation"; "showTooltipWhenDisabled": "showTooltipWhenDisabled"; "skipValidation": "skipValidation"; "spellCheck": "spellCheck"; "stepTriggers": "stepTriggers"; "tab": "tab"; "tabIndex": "tabIndex"; "textAlign": "textAlign"; "title": "title"; "type": "type"; "ui": "ui"; "validateOnInput": "validateOnInput"; "weight": "weight"; "alignSelf": "alignSelf"; "appendTo": "appendTo"; "badge": "badge"; "callOnFunctions": "callOnFunctions"; "catchEventHandlerExceptions": "catchEventHandlerExceptions"; "cls": "cls"; "column": "column"; "dataset": "dataset"; "disabled": "disabled"; "editable": "editable"; "extraData": "extraData"; "flex": "flex"; "format": "format"; "height": "height"; "hidden": "hidden"; "id": "id"; "insertBefore": "insertBefore"; "insertFirst": "insertFirst"; "keepDate": "keepDate"; "keyMap": "keyMap"; "label": "label"; "margin": "margin"; "max": "max"; "maxHeight": "maxHeight"; "maximizeOnMobile": "maximizeOnMobile"; "maxWidth": "maxWidth"; "min": "min"; "minHeight": "minHeight"; "minWidth": "minWidth"; "placeholder": "placeholder"; "readOnly": "readOnly"; "rendition": "rendition"; "required": "required"; "rtl": "rtl"; "showRequiredIndicator": "showRequiredIndicator"; "span": "span"; "step": "step"; "tooltip": "tooltip"; "triggers": "triggers"; "value": "value"; "width": "width"; "x": "x"; "y": "y"; "anchorSize": "anchorSize"; "content": "content"; "focusVisible": "focusVisible"; "formula": "formula"; "html": "html"; "input": "input"; "parent": "parent"; "scrollable": "scrollable"; }, { "onAction": "onAction"; "onBeforeDestroy": "onBeforeDestroy"; "onBeforeHide": "onBeforeHide"; "onBeforeShow": "onBeforeShow"; "onCatchAll": "onCatchAll"; "onChange": "onChange"; "onClear": "onClear"; "onDestroy": "onDestroy"; "onElementCreated": "onElementCreated"; "onFocusIn": "onFocusIn"; "onFocusOut": "onFocusOut"; "onHide": "onHide"; "onInput": "onInput"; "onPaint": "onPaint"; "onReadOnly": "onReadOnly"; "onRecompose": "onRecompose"; "onResize": "onResize"; "onShow": "onShow"; "onTrigger": "onTrigger"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BryntumTimeFieldComponent, "bryntum-time-field", never, { "adopt": "adopt"; "align": "align"; "anchor": "anchor"; "ariaDescription": "ariaDescription"; "ariaLabel": "ariaLabel"; "autoComplete": "autoComplete"; "autoExpand": "autoExpand"; "autoSelect": "autoSelect"; "bubbleEvents": "bubbleEvents"; "centered": "centered"; "clearable": "clearable"; "color": "color"; "config": "config"; "constrainTo": "constrainTo"; "container": "container"; "containValues": "containValues"; "contentElementCls": "contentElementCls"; "dataField": "dataField"; "defaultBindProperty": "defaultBindProperty"; "detectCSSCompatibilityIssues": "detectCSSCompatibilityIssues"; "dock": "dock"; "draggable": "draggable"; "elementAttributes": "elementAttributes"; "floating": "floating"; "hideAnimation": "hideAnimation"; "highlightExternalChange": "highlightExternalChange"; "hint": "hint"; "hintHtml": "hintHtml"; "ignoreParentReadOnly": "ignoreParentReadOnly"; "inline": "inline"; "inputAlign": "inputAlign"; "inputAttributes": "inputAttributes"; "inputTag": "inputTag"; "inputType": "inputType"; "inputWidth": "inputWidth"; "keyStrokeChangeDelay": "keyStrokeChangeDelay"; "labelCls": "labelCls"; "labelPosition": "labelPosition"; "labels": "labels"; "labelWidth": "labelWidth"; "listeners": "listeners"; "localeClass": "localeClass"; "localizable": "localizable"; "localizableProperties": "localizableProperties"; "maskDefaults": "maskDefaults"; "masked": "masked"; "maxLength": "maxLength"; "minLength": "minLength"; "monitorResize": "monitorResize"; "name": "name"; "owner": "owner"; "picker": "picker"; "pickerAlignElement": "pickerAlignElement"; "positioned": "positioned"; "preventTooltipOnTouch": "preventTooltipOnTouch"; "relayStoreEvents": "relayStoreEvents"; "revertOnEscape": "revertOnEscape"; "ripple": "ripple"; "rootElement": "rootElement"; "scrollAction": "scrollAction"; "showAnimation": "showAnimation"; "showTooltipWhenDisabled": "showTooltipWhenDisabled"; "skipValidation": "skipValidation"; "spellCheck": "spellCheck"; "stepTriggers": "stepTriggers"; "tab": "tab"; "tabIndex": "tabIndex"; "textAlign": "textAlign"; "title": "title"; "type": "type"; "ui": "ui"; "validateOnInput": "validateOnInput"; "weight": "weight"; "alignSelf": "alignSelf"; "appendTo": "appendTo"; "badge": "badge"; "callOnFunctions": "callOnFunctions"; "catchEventHandlerExceptions": "catchEventHandlerExceptions"; "cls": "cls"; "column": "column"; "dataset": "dataset"; "disabled": "disabled"; "editable": "editable"; "extraData": "extraData"; "flex": "flex"; "format": "format"; "height": "height"; "hidden": "hidden"; "id": "id"; "insertBefore": "insertBefore"; "insertFirst": "insertFirst"; "keepDate": "keepDate"; "keyMap": "keyMap"; "label": "label"; "margin": "margin"; "max": "max"; "maxHeight": "maxHeight"; "maximizeOnMobile": "maximizeOnMobile"; "maxWidth": "maxWidth"; "min": "min"; "minHeight": "minHeight"; "minWidth": "minWidth"; "partner": "partner"; "placeholder": "placeholder"; "readOnly": "readOnly"; "rendition": "rendition"; "required": "required"; "rtl": "rtl"; "showRequiredIndicator": "showRequiredIndicator"; "span": "span"; "step": "step"; "tooltip": "tooltip"; "triggers": "triggers"; "value": "value"; "width": "width"; "x": "x"; "y": "y"; "anchorSize": "anchorSize"; "content": "content"; "focusVisible": "focusVisible"; "formula": "formula"; "html": "html"; "input": "input"; "parent": "parent"; "scrollable": "scrollable"; }, { "onAction": "onAction"; "onBeforeDestroy": "onBeforeDestroy"; "onBeforeHide": "onBeforeHide"; "onBeforeShow": "onBeforeShow"; "onCatchAll": "onCatchAll"; "onChange": "onChange"; "onClear": "onClear"; "onDestroy": "onDestroy"; "onElementCreated": "onElementCreated"; "onFocusIn": "onFocusIn"; "onFocusOut": "onFocusOut"; "onHide": "onHide"; "onInput": "onInput"; "onPaint": "onPaint"; "onReadOnly": "onReadOnly"; "onRecompose": "onRecompose"; "onResize": "onResize"; "onShow": "onShow"; "onTrigger": "onTrigger"; }, never, never>;
 }

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

@@ -2,7 +2,7 @@
  * Angular wrapper for Bryntum TimePicker
  */
 import { ElementRef, SimpleChanges, OnDestroy, OnInit } from '@angular/core';
-import { AlignSpec, Base, 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, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, MenuItemEntry, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, TimePicker, TimePickerListeners, ToolbarItems, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import * as i0 from "@angular/core";
 export declare type BryntumTimePickerProps = {
     /**
@@ -52,6 +52,10 @@ export declare 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.
@@ -91,7 +95,7 @@ export declare 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.
      */
@@ -600,9 +604,10 @@ export declare class BryntumTimePickerComponent implements OnInit, OnDestroy {
     ariaDescription: string;
     ariaLabel: string;
     autoUpdateRecord: boolean;
+    border: boolean;
     bubbleEvents: object;
     centered: boolean;
-    color: string;
+    color: Color;
     config: object;
     constrainTo: HTMLElement | Widget | Rectangle;
     contentElementCls: string | object;
@@ -849,5 +854,5 @@ export declare class BryntumTimePickerComponent implements OnInit, OnDestroy {
      */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BryntumTimePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BryntumTimePickerComponent, "bryntum-time-picker", never, { "adopt": "adopt"; "align": "align"; "anchor": "anchor"; "ariaDescription": "ariaDescription"; "ariaLabel": "ariaLabel"; "autoUpdateRecord": "autoUpdateRecord"; "bubbleEvents": "bubbleEvents"; "centered": "centered"; "color": "color"; "config": "config"; "constrainTo": "constrainTo"; "contentElementCls": "contentElementCls"; "dataField": "dataField"; "defaultBindProperty": "defaultBindProperty"; "defaultFocus": "defaultFocus"; "defaults": "defaults"; "detectCSSCompatibilityIssues": "detectCSSCompatibilityIssues"; "dock": "dock"; "draggable": "draggable"; "elementAttributes": "elementAttributes"; "floating": "floating"; "hideAnimation": "hideAnimation"; "hideWhenEmpty": "hideWhenEmpty"; "htmlCls": "htmlCls"; "ignoreParentReadOnly": "ignoreParentReadOnly"; "itemCls": "itemCls"; "lazyItems": "lazyItems"; "listeners": "listeners"; "localeClass": "localeClass"; "localizable": "localizable"; "localizableProperties": "localizableProperties"; "maskDefaults": "maskDefaults"; "masked": "masked"; "monitorResize": "monitorResize"; "namedItems": "namedItems"; "owner": "owner"; "positioned": "positioned"; "preventTooltipOnTouch": "preventTooltipOnTouch"; "relayStoreEvents": "relayStoreEvents"; "ripple": "ripple"; "rootElement": "rootElement"; "scrollAction": "scrollAction"; "showAnimation": "showAnimation"; "showTooltipWhenDisabled": "showTooltipWhenDisabled"; "tab": "tab"; "tabBarItems": "tabBarItems"; "tag": "tag"; "textAlign": "textAlign"; "textContent": "textContent"; "title": "title"; "type": "type"; "ui": "ui"; "weight": "weight"; "alignSelf": "alignSelf"; "appendTo": "appendTo"; "callOnFunctions": "callOnFunctions"; "catchEventHandlerExceptions": "catchEventHandlerExceptions"; "cls": "cls"; "column": "column"; "content": "content"; "dataset": "dataset"; "disabled": "disabled"; "extraData": "extraData"; "flex": "flex"; "format": "format"; "height": "height"; "hidden": "hidden"; "html": "html"; "id": "id"; "inputFieldAlign": "inputFieldAlign"; "insertBefore": "insertBefore"; "insertFirst": "insertFirst"; "items": "items"; "keyMap": "keyMap"; "labelPosition": "labelPosition"; "layout": "layout"; "layoutStyle": "layoutStyle"; "margin": "margin"; "max": "max"; "maxHeight": "maxHeight"; "maximizeOnMobile": "maximizeOnMobile"; "maxWidth": "maxWidth"; "min": "min"; "minHeight": "minHeight"; "minWidth": "minWidth"; "readOnly": "readOnly"; "record": "record"; "rendition": "rendition"; "rtl": "rtl"; "scrollable": "scrollable"; "span": "span"; "strictRecordMapping": "strictRecordMapping"; "tooltip": "tooltip"; "value": "value"; "width": "width"; "x": "x"; "y": "y"; "anchorSize": "anchorSize"; "focusVisible": "focusVisible"; "hasChanges": "hasChanges"; "initialValue": "initialValue"; "isSettingValues": "isSettingValues"; "isValid": "isValid"; "parent": "parent"; "values": "values"; }, { "onBeforeDestroy": "onBeforeDestroy"; "onBeforeHide": "onBeforeHide"; "onBeforeSetRecord": "onBeforeSetRecord"; "onBeforeShow": "onBeforeShow"; "onCatchAll": "onCatchAll"; "onDestroy": "onDestroy"; "onDirtyStateChange": "onDirtyStateChange"; "onElementCreated": "onElementCreated"; "onFocusIn": "onFocusIn"; "onFocusOut": "onFocusOut"; "onHide": "onHide"; "onPaint": "onPaint"; "onReadOnly": "onReadOnly"; "onRecompose": "onRecompose"; "onResize": "onResize"; "onShow": "onShow"; "onTimeChange": "onTimeChange"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BryntumTimePickerComponent, "bryntum-time-picker", never, { "adopt": "adopt"; "align": "align"; "anchor": "anchor"; "ariaDescription": "ariaDescription"; "ariaLabel": "ariaLabel"; "autoUpdateRecord": "autoUpdateRecord"; "border": "border"; "bubbleEvents": "bubbleEvents"; "centered": "centered"; "color": "color"; "config": "config"; "constrainTo": "constrainTo"; "contentElementCls": "contentElementCls"; "dataField": "dataField"; "defaultBindProperty": "defaultBindProperty"; "defaultFocus": "defaultFocus"; "defaults": "defaults"; "detectCSSCompatibilityIssues": "detectCSSCompatibilityIssues"; "dock": "dock"; "draggable": "draggable"; "elementAttributes": "elementAttributes"; "floating": "floating"; "hideAnimation": "hideAnimation"; "hideWhenEmpty": "hideWhenEmpty"; "htmlCls": "htmlCls"; "ignoreParentReadOnly": "ignoreParentReadOnly"; "itemCls": "itemCls"; "lazyItems": "lazyItems"; "listeners": "listeners"; "localeClass": "localeClass"; "localizable": "localizable"; "localizableProperties": "localizableProperties"; "maskDefaults": "maskDefaults"; "masked": "masked"; "monitorResize": "monitorResize"; "namedItems": "namedItems"; "owner": "owner"; "positioned": "positioned"; "preventTooltipOnTouch": "preventTooltipOnTouch"; "relayStoreEvents": "relayStoreEvents"; "ripple": "ripple"; "rootElement": "rootElement"; "scrollAction": "scrollAction"; "showAnimation": "showAnimation"; "showTooltipWhenDisabled": "showTooltipWhenDisabled"; "tab": "tab"; "tabBarItems": "tabBarItems"; "tag": "tag"; "textAlign": "textAlign"; "textContent": "textContent"; "title": "title"; "type": "type"; "ui": "ui"; "weight": "weight"; "alignSelf": "alignSelf"; "appendTo": "appendTo"; "callOnFunctions": "callOnFunctions"; "catchEventHandlerExceptions": "catchEventHandlerExceptions"; "cls": "cls"; "column": "column"; "content": "content"; "dataset": "dataset"; "disabled": "disabled"; "extraData": "extraData"; "flex": "flex"; "format": "format"; "height": "height"; "hidden": "hidden"; "html": "html"; "id": "id"; "inputFieldAlign": "inputFieldAlign"; "insertBefore": "insertBefore"; "insertFirst": "insertFirst"; "items": "items"; "keyMap": "keyMap"; "labelPosition": "labelPosition"; "layout": "layout"; "layoutStyle": "layoutStyle"; "margin": "margin"; "max": "max"; "maxHeight": "maxHeight"; "maximizeOnMobile": "maximizeOnMobile"; "maxWidth": "maxWidth"; "min": "min"; "minHeight": "minHeight"; "minWidth": "minWidth"; "readOnly": "readOnly"; "record": "record"; "rendition": "rendition"; "rtl": "rtl"; "scrollable": "scrollable"; "span": "span"; "strictRecordMapping": "strictRecordMapping"; "tooltip": "tooltip"; "value": "value"; "width": "width"; "x": "x"; "y": "y"; "anchorSize": "anchorSize"; "focusVisible": "focusVisible"; "hasChanges": "hasChanges"; "initialValue": "initialValue"; "isSettingValues": "isSettingValues"; "isValid": "isValid"; "parent": "parent"; "values": "values"; }, { "onBeforeDestroy": "onBeforeDestroy"; "onBeforeHide": "onBeforeHide"; "onBeforeSetRecord": "onBeforeSetRecord"; "onBeforeShow": "onBeforeShow"; "onCatchAll": "onCatchAll"; "onDestroy": "onDestroy"; "onDirtyStateChange": "onDirtyStateChange"; "onElementCreated": "onElementCreated"; "onFocusIn": "onFocusIn"; "onFocusOut": "onFocusOut"; "onHide": "onHide"; "onPaint": "onPaint"; "onReadOnly": "onReadOnly"; "onRecompose": "onRecompose"; "onResize": "onResize"; "onShow": "onShow"; "onTimeChange": "onTimeChange"; }, never, never>;
 }

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

@@ -2,7 +2,7 @@
  * Angular wrapper for Bryntum Toolbar
  */
 import { ElementRef, SimpleChanges, OnDestroy, OnInit } from '@angular/core';
-import { AlignSpec, Base, ClickRepeaterConfig, 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, ContainerItemConfig, ContainerLayoutConfig, DomConfig, KeyMapConfig, Layout, MaskConfig, MenuItemConfig, Model, Rectangle, Scroller, ScrollerConfig, TabConfig, Tool, ToolConfig, Toolbar, ToolbarItems, ToolbarListeners, TooltipConfig, VueConfig, Widget } from '@bryntum/grid';
 import * as i0 from "@angular/core";
 export declare type BryntumToolbarProps = {
     /**
@@ -52,6 +52,10 @@ export declare 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.
@@ -91,7 +95,7 @@ export declare 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.
      */
@@ -603,9 +607,10 @@ export declare class BryntumToolbarComponent implements OnInit, OnDestroy {
     ariaDescription: string;
     ariaLabel: string;
     autoUpdateRecord: boolean;
+    border: boolean;
     bubbleEvents: object;
     centered: boolean;
-    color: string;
+    color: Color;
     config: object;
     constrainTo: HTMLElement | Widget | Rectangle;
     contentElementCls: string | object;
@@ -875,5 +880,5 @@ export declare class BryntumToolbarComponent implements OnInit, OnDestroy {
      */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BryntumToolbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BryntumToolbarComponent, "bryntum-toolbar", never, { "adopt": "adopt"; "align": "align"; "anchor": "anchor"; "ariaDescription": "ariaDescription"; "ariaLabel": "ariaLabel"; "autoUpdateRecord": "autoUpdateRecord"; "bubbleEvents": "bubbleEvents"; "centered": "centered"; "color": "color"; "config": "config"; "constrainTo": "constrainTo"; "contentElementCls": "contentElementCls"; "dataField": "dataField"; "defaultBindProperty": "defaultBindProperty"; "defaultFocus": "defaultFocus"; "defaults": "defaults"; "detectCSSCompatibilityIssues": "detectCSSCompatibilityIssues"; "dock": "dock"; "draggable": "draggable"; "elementAttributes": "elementAttributes"; "floating": "floating"; "hideAnimation": "hideAnimation"; "hideWhenEmpty": "hideWhenEmpty"; "htmlCls": "htmlCls"; "ignoreParentReadOnly": "ignoreParentReadOnly"; "itemCls": "itemCls"; "lazyItems": "lazyItems"; "listeners": "listeners"; "localeClass": "localeClass"; "localizable": "localizable"; "localizableProperties": "localizableProperties"; "maskDefaults": "maskDefaults"; "masked": "masked"; "monitorResize": "monitorResize"; "namedItems": "namedItems"; "overflow": "overflow"; "owner": "owner"; "positioned": "positioned"; "preventTooltipOnTouch": "preventTooltipOnTouch"; "relayStoreEvents": "relayStoreEvents"; "ripple": "ripple"; "rootElement": "rootElement"; "scrollAction": "scrollAction"; "showAnimation": "showAnimation"; "showTooltipWhenDisabled": "showTooltipWhenDisabled"; "tab": "tab"; "tabBarItems": "tabBarItems"; "tag": "tag"; "textAlign": "textAlign"; "textContent": "textContent"; "title": "title"; "type": "type"; "ui": "ui"; "weight": "weight"; "widgetCls": "widgetCls"; "alignSelf": "alignSelf"; "appendTo": "appendTo"; "callOnFunctions": "callOnFunctions"; "catchEventHandlerExceptions": "catchEventHandlerExceptions"; "cls": "cls"; "column": "column"; "content": "content"; "dataset": "dataset"; "disabled": "disabled"; "enableReordering": "enableReordering"; "extraData": "extraData"; "flex": "flex"; "height": "height"; "hidden": "hidden"; "html": "html"; "id": "id"; "inputFieldAlign": "inputFieldAlign"; "insertBefore": "insertBefore"; "insertFirst": "insertFirst"; "items": "items"; "keyMap": "keyMap"; "labelPosition": "labelPosition"; "layout": "layout"; "layoutStyle": "layoutStyle"; "margin": "margin"; "maxHeight": "maxHeight"; "maximizeOnMobile": "maximizeOnMobile"; "maxWidth": "maxWidth"; "minHeight": "minHeight"; "minWidth": "minWidth"; "readOnly": "readOnly"; "record": "record"; "rendition": "rendition"; "rtl": "rtl"; "scrollable": "scrollable"; "span": "span"; "strictRecordMapping": "strictRecordMapping"; "tools": "tools"; "tooltip": "tooltip"; "width": "width"; "x": "x"; "y": "y"; "anchorSize": "anchorSize"; "focusVisible": "focusVisible"; "hasChanges": "hasChanges"; "isSettingValues": "isSettingValues"; "isValid": "isValid"; "parent": "parent"; "values": "values"; }, { "onBeforeDestroy": "onBeforeDestroy"; "onBeforeHide": "onBeforeHide"; "onBeforeItemDragStart": "onBeforeItemDragStart"; "onBeforeSetRecord": "onBeforeSetRecord"; "onBeforeShow": "onBeforeShow"; "onCatchAll": "onCatchAll"; "onDestroy": "onDestroy"; "onDirtyStateChange": "onDirtyStateChange"; "onElementCreated": "onElementCreated"; "onFocusIn": "onFocusIn"; "onFocusOut": "onFocusOut"; "onHide": "onHide"; "onItemDragStart": "onItemDragStart"; "onItemDrop": "onItemDrop"; "onPaint": "onPaint"; "onReadOnly": "onReadOnly"; "onRecompose": "onRecompose"; "onResize": "onResize"; "onShow": "onShow"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BryntumToolbarComponent, "bryntum-toolbar", never, { "adopt": "adopt"; "align": "align"; "anchor": "anchor"; "ariaDescription": "ariaDescription"; "ariaLabel": "ariaLabel"; "autoUpdateRecord": "autoUpdateRecord"; "border": "border"; "bubbleEvents": "bubbleEvents"; "centered": "centered"; "color": "color"; "config": "config"; "constrainTo": "constrainTo"; "contentElementCls": "contentElementCls"; "dataField": "dataField"; "defaultBindProperty": "defaultBindProperty"; "defaultFocus": "defaultFocus"; "defaults": "defaults"; "detectCSSCompatibilityIssues": "detectCSSCompatibilityIssues"; "dock": "dock"; "draggable": "draggable"; "elementAttributes": "elementAttributes"; "floating": "floating"; "hideAnimation": "hideAnimation"; "hideWhenEmpty": "hideWhenEmpty"; "htmlCls": "htmlCls"; "ignoreParentReadOnly": "ignoreParentReadOnly"; "itemCls": "itemCls"; "lazyItems": "lazyItems"; "listeners": "listeners"; "localeClass": "localeClass"; "localizable": "localizable"; "localizableProperties": "localizableProperties"; "maskDefaults": "maskDefaults"; "masked": "masked"; "monitorResize": "monitorResize"; "namedItems": "namedItems"; "overflow": "overflow"; "owner": "owner"; "positioned": "positioned"; "preventTooltipOnTouch": "preventTooltipOnTouch"; "relayStoreEvents": "relayStoreEvents"; "ripple": "ripple"; "rootElement": "rootElement"; "scrollAction": "scrollAction"; "showAnimation": "showAnimation"; "showTooltipWhenDisabled": "showTooltipWhenDisabled"; "tab": "tab"; "tabBarItems": "tabBarItems"; "tag": "tag"; "textAlign": "textAlign"; "textContent": "textContent"; "title": "title"; "type": "type"; "ui": "ui"; "weight": "weight"; "widgetCls": "widgetCls"; "alignSelf": "alignSelf"; "appendTo": "appendTo"; "callOnFunctions": "callOnFunctions"; "catchEventHandlerExceptions": "catchEventHandlerExceptions"; "cls": "cls"; "column": "column"; "content": "content"; "dataset": "dataset"; "disabled": "disabled"; "enableReordering": "enableReordering"; "extraData": "extraData"; "flex": "flex"; "height": "height"; "hidden": "hidden"; "html": "html"; "id": "id"; "inputFieldAlign": "inputFieldAlign"; "insertBefore": "insertBefore"; "insertFirst": "insertFirst"; "items": "items"; "keyMap": "keyMap"; "labelPosition": "labelPosition"; "layout": "layout"; "layoutStyle": "layoutStyle"; "margin": "margin"; "maxHeight": "maxHeight"; "maximizeOnMobile": "maximizeOnMobile"; "maxWidth": "maxWidth"; "minHeight": "minHeight"; "minWidth": "minWidth"; "readOnly": "readOnly"; "record": "record"; "rendition": "rendition"; "rtl": "rtl"; "scrollable": "scrollable"; "span": "span"; "strictRecordMapping": "strictRecordMapping"; "tools": "tools"; "tooltip": "tooltip"; "width": "width"; "x": "x"; "y": "y"; "anchorSize": "anchorSize"; "focusVisible": "focusVisible"; "hasChanges": "hasChanges"; "isSettingValues": "isSettingValues"; "isValid": "isValid"; "parent": "parent"; "values": "values"; }, { "onBeforeDestroy": "onBeforeDestroy"; "onBeforeHide": "onBeforeHide"; "onBeforeItemDragStart": "onBeforeItemDragStart"; "onBeforeSetRecord": "onBeforeSetRecord"; "onBeforeShow": "onBeforeShow"; "onCatchAll": "onCatchAll"; "onDestroy": "onDestroy"; "onDirtyStateChange": "onDirtyStateChange"; "onElementCreated": "onElementCreated"; "onFocusIn": "onFocusIn"; "onFocusOut": "onFocusOut"; "onHide": "onHide"; "onItemDragStart": "onItemDragStart"; "onItemDrop": "onItemDrop"; "onPaint": "onPaint"; "onReadOnly": "onReadOnly"; "onRecompose": "onRecompose"; "onResize": "onResize"; "onShow": "onShow"; }, never, never>;
 }

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

@@ -2,7 +2,7 @@
  * Angular wrapper for Bryntum TreeCombo
  */
 import { ElementRef, SimpleChanges, OnDestroy, OnInit } from '@angular/core';
-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 * as i0 from "@angular/core";
 export declare type BryntumTreeComboProps = {
     /**
@@ -139,7 +139,7 @@ export declare 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.
      */
@@ -872,7 +872,7 @@ export declare class BryntumTreeComboComponent implements OnInit, OnDestroy {
     clearTextOnPickerHide: boolean;
     clearTextOnSelection: boolean;
     clearWhenInputEmpty: boolean;
-    color: string;
+    color: Color;
     config: object;
     constrainTo: HTMLElement | Widget | Rectangle;
     container: Record<string, ContainerItemConfig> | ContainerItemConfig[] | FieldContainerConfig | FieldContainer;