diff --git a/packages/devextreme-angular/src/common/index.ts b/packages/devextreme-angular/src/common/index.ts index a839f33156e8..93ee40ec25e0 100644 --- a/packages/devextreme-angular/src/common/index.ts +++ b/packages/devextreme-angular/src/common/index.ts @@ -51,6 +51,7 @@ export { StringLengthRule, SubmenuShowMode, TabsIconPosition, + TabsStylingMode, TextBoxPredefinedButton, TextEditorButton, TextEditorButtonLocation, diff --git a/packages/devextreme-react/src/common/index.ts b/packages/devextreme-react/src/common/index.ts index bd42a4a4bb97..3b8816fbf65a 100644 --- a/packages/devextreme-react/src/common/index.ts +++ b/packages/devextreme-react/src/common/index.ts @@ -51,6 +51,7 @@ export { StringLengthRule, SubmenuShowMode, TabsIconPosition, + TabsStylingMode, TextBoxPredefinedButton, TextEditorButton, TextEditorButtonLocation, diff --git a/packages/devextreme-vue/src/common/index.ts b/packages/devextreme-vue/src/common/index.ts index bd42a4a4bb97..3b8816fbf65a 100644 --- a/packages/devextreme-vue/src/common/index.ts +++ b/packages/devextreme-vue/src/common/index.ts @@ -51,6 +51,7 @@ export { StringLengthRule, SubmenuShowMode, TabsIconPosition, + TabsStylingMode, TextBoxPredefinedButton, TextEditorButton, TextEditorButtonLocation, diff --git a/packages/devextreme/js/common.d.ts b/packages/devextreme/js/common.d.ts index 80a9ef21c014..63b19a642370 100644 --- a/packages/devextreme/js/common.d.ts +++ b/packages/devextreme/js/common.d.ts @@ -710,6 +710,12 @@ export type SubmenuShowMode = 'onClick' | 'onHover'; */ export type TabsIconPosition = 'top' | 'end' | 'bottom' | 'start'; +/** + * @public + * @namespace DevExpress.common + */ +export type TabsStylingMode = 'primary' | 'secondary'; + /** * @public * @namespace DevExpress.common diff --git a/packages/devextreme/js/ui/tabs.d.ts b/packages/devextreme/js/ui/tabs.d.ts index 373f68c20a10..7ba37fe12837 100644 --- a/packages/devextreme/js/ui/tabs.d.ts +++ b/packages/devextreme/js/ui/tabs.d.ts @@ -18,6 +18,7 @@ import { Orientation, SingleOrMultiple, TabsIconPosition, + TabsStylingMode, } from '../common'; export type ItemLike = string | Item | any; @@ -26,6 +27,7 @@ export { SingleOrMultiple, Orientation, TabsIconPosition, + TabsStylingMode, }; /** @@ -191,6 +193,12 @@ export interface dxTabsBaseOptions< * @public */ showNavButtons?: boolean; + /** + * @docid dxTabsOptions.iconPosition + * @default 'start' + * @public + */ + stylingMode?: TabsStylingMode; } /** diff --git a/packages/devextreme/js/ui/tabs_types.d.ts b/packages/devextreme/js/ui/tabs_types.d.ts index b63c49ae58ad..200ccd109178 100644 --- a/packages/devextreme/js/ui/tabs_types.d.ts +++ b/packages/devextreme/js/ui/tabs_types.d.ts @@ -2,6 +2,7 @@ export { SingleOrMultiple, Orientation, TabsIconPosition, + TabsStylingMode, ContentReadyEvent, DisposingEvent, InitializedEvent, diff --git a/packages/devextreme/ts/dx.all.d.ts b/packages/devextreme/ts/dx.all.d.ts index dab4dc0ad34b..e31d47dde5a1 100644 --- a/packages/devextreme/ts/dx.all.d.ts +++ b/packages/devextreme/ts/dx.all.d.ts @@ -1764,6 +1764,7 @@ declare module DevExpress.common { }; export type SubmenuShowMode = 'onClick' | 'onHover'; export type TabsIconPosition = 'top' | 'end' | 'bottom' | 'start'; + export type TabsStylingMode = 'primary' | 'secondary'; export type TextBoxPredefinedButton = 'clear'; /** @@ -25751,6 +25752,10 @@ declare module DevExpress.ui { * [descr:dxTabsOptions.showNavButtons] */ showNavButtons?: boolean; + /** + * [descr:dxTabsOptions.iconPosition] + */ + stylingMode?: DevExpress.common.TabsStylingMode; } /** * @deprecated Use Item instead diff --git a/packages/vue2-strategy/src/common/index.ts b/packages/vue2-strategy/src/common/index.ts index bd42a4a4bb97..3b8816fbf65a 100644 --- a/packages/vue2-strategy/src/common/index.ts +++ b/packages/vue2-strategy/src/common/index.ts @@ -51,6 +51,7 @@ export { StringLengthRule, SubmenuShowMode, TabsIconPosition, + TabsStylingMode, TextBoxPredefinedButton, TextEditorButton, TextEditorButtonLocation,