@progress/kendo-angular-layout 22.1.0-develop.18 → 22.1.0-develop.19

package/avatar/avatar.component.d.ts

@@ -2,7 +2,7 @@
 * Copyright © 2026 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { OnInit, Renderer2, ElementRef, AfterViewInit } from '@angular/core';
+import { OnInit, Renderer2, ElementRef } from '@angular/core';
 import { SVGIcon } from '@progress/kendo-svg-icons';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { AvatarFillMode, AvatarShape, AvatarSize, AvatarThemeColor, AvatarRounded } from './models/models';
@@ -29,7 +29,7 @@ import * as i0 from "@angular/core";
  * @remarks
  * Supported children components are: {@link AvatarCustomMessagesComponent}.
  */
-export declare class AvatarComponent implements OnInit, AfterViewInit {
+export declare class AvatarComponent implements OnInit {
     private localization;
     private renderer;
     private element;
@@ -51,7 +51,7 @@ export declare class AvatarComponent implements OnInit, AfterViewInit {
      * Specifies the size of the Avatar
      * ([see example]({% slug appearance_avatar %}#toc-size)).
      *
-     * @default 'medium'
+     * @default undefined
      */
     set size(size: AvatarSize);
     get size(): AvatarSize;
@@ -59,7 +59,7 @@ export declare class AvatarComponent implements OnInit, AfterViewInit {
      * Specifies the rounded styling of the Avatar
      * ([see example](slug:appearance_avatar#toc-roundness)).
      *
-     * @default 'full'
+     * @default undefined
      */
     set rounded(rounded: AvatarRounded);
     get rounded(): AvatarRounded;
@@ -67,14 +67,14 @@ export declare class AvatarComponent implements OnInit, AfterViewInit {
      * Specifies the theme color of the Avatar.
      * The theme color applies as background and border color while adjusting the text color accordingly.
      *
-     * @default 'primary'
+     * @default undefined
      */
     set themeColor(themeColor: AvatarThemeColor);
     get themeColor(): AvatarThemeColor;
     /**
      * Specifies the fill style of the Avatar.
      *
-     * @default 'solid'
+     * @default undefined
      */
     set fillMode(fillMode: AvatarFillMode);
     get fillMode(): AvatarFillMode;
@@ -141,9 +141,9 @@ export declare class AvatarComponent implements OnInit, AfterViewInit {
     private _fillMode;
     private _rounded;
     private _svgIcon;
+    private _themeColorClasses;
     constructor(localization: LocalizationService, renderer: Renderer2, element: ElementRef);
     ngOnInit(): void;
-    ngAfterViewInit(): void;
     /**
      * @hidden
      */

package/avatar/models/fill.d.ts

@@ -5,4 +5,4 @@
 /**
  * Defines the possible fill styles of the Avatar ([see example](slug:appearance_avatar#toc-fill-mode)).
  */
-export type AvatarFillMode = 'solid' | 'outline' | 'none';
+export type AvatarFillMode = 'solid' | 'outline';

package/avatar/models/size.d.ts

@@ -5,4 +5,4 @@
 /**
  * Defines the possible sizes of the Avatar ([see example]({% slug appearance_avatar %}#toc-size)).
  */
-export type AvatarSize = 'small' | 'medium' | 'large' | 'none';
+export type AvatarSize = 'small' | 'medium' | 'large';

package/avatar/models/theme-color.d.ts

@@ -5,4 +5,4 @@
 /**
  * Defines the possible theme colors of the Avatar ([see example]({% slug appearance_avatar %}#toc-theme-color)).
  */
-export type AvatarThemeColor = 'primary' | 'secondary' | 'tertiary' | 'base' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse' | 'none';
+export type AvatarThemeColor = 'primary' | 'secondary' | 'tertiary' | 'base' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';

package/fesm2022/progress-kendo-angular-layout.mjs

@@ -30,7 +30,7 @@ const packageMetadata = {
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
     publishDate: 1645546576,
-    version: '22.1.0-develop.18',
+    version: '22.1.0-develop.19',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };
 
@@ -185,7 +185,8 @@ const ROUNDNESS = {
     small: 'sm',
     medium: 'md',
     large: 'lg',
-    full: 'full'
+    full: 'full',
+    none: 'none',
 };
 const SHAPE_TO_ROUNDED = {
     rounded: 'large',
@@ -233,16 +234,18 @@ const isNavigationKey = keyCode => keyCode === Keys.PageUp || keyCode === Keys.P
  */
 const getStylingClasses = (componentType, stylingOption, previousValue, newValue) => {
     switch (stylingOption) {
-        case 'size':
+        case 'size': {
             return {
-                toRemove: `k-${componentType}-${SIZES[previousValue]}`,
-                toAdd: newValue !== 'none' ? `k-${componentType}-${SIZES[newValue]}` : ''
+                toRemove: previousValue && SIZES[previousValue] ? `k-${componentType}-${SIZES[previousValue]}` : null,
+                toAdd: newValue && SIZES[newValue] ? `k-${componentType}-${SIZES[newValue]}` : null
             };
-        case 'rounded':
+        }
+        case 'rounded': {
             return {
-                toRemove: `k-rounded-${ROUNDNESS[previousValue]}`,
-                toAdd: newValue !== 'none' ? `k-rounded-${ROUNDNESS[newValue]}` : ''
+                toRemove: previousValue && ROUNDNESS[previousValue] ? `k-rounded-${ROUNDNESS[previousValue]}` : null,
+                toAdd: newValue && ROUNDNESS[newValue] ? `k-rounded-${ROUNDNESS[newValue]}` : null
             };
+        }
         default:
             break;
     }
@@ -250,7 +253,7 @@ const getStylingClasses = (componentType, stylingOption, previousValue, newValue
 /**
  * @hidden
  */
-const mapShapeToRounded = (shape) => SHAPE_TO_ROUNDED[shape] || 'none';
+const mapShapeToRounded = (shape) => SHAPE_TO_ROUNDED[shape] || undefined;
 /**
  * @hidden
  */
@@ -4192,7 +4195,7 @@ class TabStripComponent {
     /**
      * Sets the size of the TabStrip.
      * [See example](slug:api_layout_tabstripcomponent#toc-size).
-     * @default 'medium'
+     * @default undefined
      */
     set size(value) {
         switch (value) {
@@ -4211,10 +4214,6 @@ class TabStripComponent {
                 this.renderer.removeClass(this.wrapper.nativeElement, 'k-tabstrip-sm');
                 this.renderer.addClass(this.wrapper.nativeElement, 'k-tabstrip-lg');
                 break;
-            case 'none':
-                this.renderer.removeClass(this.wrapper.nativeElement, 'k-tabstrip-md');
-                this.renderer.removeClass(this.wrapper.nativeElement, 'k-tabstrip-lg');
-                this.renderer.removeClass(this.wrapper.nativeElement, 'k-tabstrip-sm');
         }
         this._size = value;
         this.ngZone.onStable.pipe(take(1)).subscribe(() => this.onResize());
@@ -4327,7 +4326,7 @@ class TabStripComponent {
     tabStripId = guid();
     tabsChangesSub;
     activeStateChangeSub;
-    _size = 'medium';
+    _size;
     constructor(localization, renderer, wrapper, tabstripService, scrollService, ngZone) {
         this.localization = localization;
         this.renderer = renderer;
@@ -4582,7 +4581,7 @@ class TabStripComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TabStripComponent, deps: [{ token: i1.LocalizationService }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: TabStripService }, { token: ScrollService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: TabStripComponent, isStandalone: true, selector: "kendo-tabstrip", inputs: { height: "height", animate: "animate", tabAlignment: "tabAlignment", tabPosition: "tabPosition", keepTabContent: "keepTabContent", closable: "closable", scrollable: "scrollable", size: "size", closeIcon: "closeIcon", closeIconClass: "closeIconClass", closeSVGIcon: "closeSVGIcon", showContentArea: "showContentArea" }, outputs: { tabSelect: "tabSelect", tabClose: "tabClose", tabScroll: "tabScroll" }, host: { properties: { "class.k-tabstrip": "this.hostClasses", "class.k-tabstrip-md": "this.hostClasses", "class.k-tabstrip-top": "this.tabsAtTop", "class.k-tabstrip-right": "this.tabsAtRight", "class.k-tabstrip-bottom": "this.tabsAtBottom", "class.k-tabstrip-left": "this.tabsAtLeft", "attr.dir": "this.dir", "class.k-tabstrip-scrollable": "this.tabStripScrollable", "class.k-tabstrip-scrollable-overlay": "this.tabStripScrollableOverlay" } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: TabStripComponent, isStandalone: true, selector: "kendo-tabstrip", inputs: { height: "height", animate: "animate", tabAlignment: "tabAlignment", tabPosition: "tabPosition", keepTabContent: "keepTabContent", closable: "closable", scrollable: "scrollable", size: "size", closeIcon: "closeIcon", closeIconClass: "closeIconClass", closeSVGIcon: "closeSVGIcon", showContentArea: "showContentArea" }, outputs: { tabSelect: "tabSelect", tabClose: "tabClose", tabScroll: "tabScroll" }, host: { properties: { "class.k-tabstrip": "this.hostClasses", "class.k-tabstrip-top": "this.tabsAtTop", "class.k-tabstrip-right": "this.tabsAtRight", "class.k-tabstrip-bottom": "this.tabsAtBottom", "class.k-tabstrip-left": "this.tabsAtLeft", "attr.dir": "this.dir", "class.k-tabstrip-scrollable": "this.tabStripScrollable", "class.k-tabstrip-scrollable-overlay": "this.tabStripScrollableOverlay" } }, providers: [
             TabStripService,
             ScrollService,
             LocalizationService,
@@ -4627,10 +4626,10 @@ class TabStripComponent {
                 [prev]="true"
                 [title]="localization.get('previousTabButton')"
                 (tabScroll)="tabScroll.emit($event)"
-                class="k-icon-button k-button k-button-flat k-button-flat-base"
+                class="k-icon-button k-button k-button-flat k-rounded-none"
                     [ngClass]="{
                         'k-button-sm': size === 'small',
-                        'k-button-md': size === 'medium' || !size,
+                        'k-button-md': size === 'medium',
                         'k-button-lg': size === 'large'
                     }"
               (onClick)="onScrollButtonClick($event)"></span>
@@ -4645,10 +4644,10 @@ class TabStripComponent {
                 [prev]="false"
                 [title]="localization.get('nextTabButton')"
                 (tabScroll)="tabScroll.emit($event)"
-                class="k-icon-button k-button k-button-flat k-button-flat-base"
+                class="k-icon-button k-button k-button-flat k-rounded-none"
                     [ngClass]="{
                         'k-button-sm': size === 'small',
-                        'k-button-md': size === 'medium' || !size,
+                        'k-button-md': size === 'medium',
                         'k-button-lg': size === 'large'
                     }"
               (onClick)="onScrollButtonClick($event)"></span>
@@ -4696,10 +4695,10 @@ class TabStripComponent {
                 [prev]="true"
                 [title]="localization.get('previousTabButton')"
                 (tabScroll)="tabScroll.emit($event)"
-                class="k-icon-button k-button k-button-flat k-button-flat-base"
+                class="k-icon-button k-button k-button-flat k-rounded-none"
                     [ngClass]="{
                         'k-button-sm': size === 'small',
-                        'k-button-md': size === 'medium' || !size,
+                        'k-button-md': size === 'medium',
                         'k-button-lg': size === 'large'
                     }"
               (onClick)="onScrollButtonClick($event)"></span>
@@ -4714,10 +4713,10 @@ class TabStripComponent {
                 [prev]="false"
                 [title]="localization.get('nextTabButton')"
                 (tabScroll)="tabScroll.emit($event)"
-                class="k-icon-button k-button k-button-flat k-button-flat-base"
+                class="k-icon-button k-button k-button-flat k-rounded-none"
                     [ngClass]="{
                         'k-button-sm': size === 'small',
-                        'k-button-md': size === 'medium' || !size,
+                        'k-button-md': size === 'medium',
                         'k-button-lg': size === 'large'
                     }"
               (onClick)="onScrollButtonClick($event)"></span>
@@ -4820,10 +4819,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 [prev]="true"
                 [title]="localization.get('previousTabButton')"
                 (tabScroll)="tabScroll.emit($event)"
-                class="k-icon-button k-button k-button-flat k-button-flat-base"
+                class="k-icon-button k-button k-button-flat k-rounded-none"
                     [ngClass]="{
                         'k-button-sm': size === 'small',
-                        'k-button-md': size === 'medium' || !size,
+                        'k-button-md': size === 'medium',
                         'k-button-lg': size === 'large'
                     }"
               (onClick)="onScrollButtonClick($event)"></span>
@@ -4838,10 +4837,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 [prev]="false"
                 [title]="localization.get('nextTabButton')"
                 (tabScroll)="tabScroll.emit($event)"
-                class="k-icon-button k-button k-button-flat k-button-flat-base"
+                class="k-icon-button k-button k-button-flat k-rounded-none"
                     [ngClass]="{
                         'k-button-sm': size === 'small',
-                        'k-button-md': size === 'medium' || !size,
+                        'k-button-md': size === 'medium',
                         'k-button-lg': size === 'large'
                     }"
               (onClick)="onScrollButtonClick($event)"></span>
@@ -4889,10 +4888,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 [prev]="true"
                 [title]="localization.get('previousTabButton')"
                 (tabScroll)="tabScroll.emit($event)"
-                class="k-icon-button k-button k-button-flat k-button-flat-base"
+                class="k-icon-button k-button k-button-flat k-rounded-none"
                     [ngClass]="{
                         'k-button-sm': size === 'small',
-                        'k-button-md': size === 'medium' || !size,
+                        'k-button-md': size === 'medium',
                         'k-button-lg': size === 'large'
                     }"
               (onClick)="onScrollButtonClick($event)"></span>
@@ -4907,10 +4906,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 [prev]="false"
                 [title]="localization.get('nextTabButton')"
                 (tabScroll)="tabScroll.emit($event)"
-                class="k-icon-button k-button k-button-flat k-button-flat-base"
+                class="k-icon-button k-button k-button-flat k-rounded-none"
                     [ngClass]="{
                         'k-button-sm': size === 'small',
-                        'k-button-md': size === 'medium' || !size,
+                        'k-button-md': size === 'medium',
                         'k-button-lg': size === 'large'
                     }"
               (onClick)="onScrollButtonClick($event)"></span>
@@ -4980,9 +4979,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }], hostClasses: [{
                 type: HostBinding,
                 args: ['class.k-tabstrip']
-            }, {
-                type: HostBinding,
-                args: ['class.k-tabstrip-md']
             }], tabsAtTop: [{
                 type: HostBinding,
                 args: ['class.k-tabstrip-top']
@@ -7898,10 +7894,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 }]
         }], ctorParameters: () => [{ type: i1.LocalizationService }] });
 
-const DEFAULT_ROUNDED = 'full';
-const DEFAULT_SIZE = 'medium';
-const DEFAULT_THEME_COLOR = 'primary';
-const DEFAULT_FILL_MODE = 'solid';
 /**
  * Represents the Kendo UI Avatar component for Angular. Displays images, icons, or initials representing people or other entities.
  *
@@ -7952,13 +7944,12 @@ class AvatarComponent {
      * Specifies the size of the Avatar
      * ([see example]({% slug appearance_avatar %}#toc-size)).
      *
-     * @default 'medium'
+     * @default undefined
      */
     set size(size) {
         if (size !== this._size) {
-            const newSize = size ? size : DEFAULT_SIZE;
-            this.handleClasses('size', newSize);
-            this._size = newSize;
+            this.handleClasses('size', size);
+            this._size = size;
         }
     }
     get size() {
@@ -7968,13 +7959,12 @@ class AvatarComponent {
      * Specifies the rounded styling of the Avatar
      * ([see example](slug:appearance_avatar#toc-roundness)).
      *
-     * @default 'full'
+     * @default undefined
      */
     set rounded(rounded) {
-        if (rounded !== this._rounded) {
-            const newRounded = rounded ? rounded : DEFAULT_ROUNDED;
-            this.handleClasses('rounded', newRounded);
-            this._rounded = newRounded;
+        if (rounded !== this.rounded) {
+            this.handleClasses('rounded', rounded);
+            this._rounded = rounded;
         }
     }
     get rounded() {
@@ -7984,12 +7974,11 @@ class AvatarComponent {
      * Specifies the theme color of the Avatar.
      * The theme color applies as background and border color while adjusting the text color accordingly.
      *
-     * @default 'primary'
+     * @default undefined
      */
     set themeColor(themeColor) {
         if (themeColor !== this._themeColor) {
-            const newThemeColor = themeColor ? themeColor : DEFAULT_THEME_COLOR;
-            this._themeColor = newThemeColor;
+            this._themeColor = themeColor;
             this.handleFillModeAndThemeColorClasses(this.fillMode, this.themeColor);
         }
     }
@@ -7999,12 +7988,11 @@ class AvatarComponent {
     /**
      * Specifies the fill style of the Avatar.
      *
-     * @default 'solid'
+     * @default undefined
      */
     set fillMode(fillMode) {
         if (fillMode !== this.fillMode) {
-            const newFillMode = fillMode ? fillMode : DEFAULT_FILL_MODE;
-            this._fillMode = newFillMode;
+            this._fillMode = fillMode;
             this.handleFillModeAndThemeColorClasses(this.fillMode, this.themeColor);
         }
     }
@@ -8082,11 +8070,12 @@ class AvatarComponent {
     get svgIcon() {
         return this._svgIcon;
     }
-    _themeColor = DEFAULT_THEME_COLOR;
-    _size = DEFAULT_SIZE;
-    _fillMode = DEFAULT_FILL_MODE;
-    _rounded = DEFAULT_ROUNDED;
+    _themeColor = undefined;
+    _size = undefined;
+    _fillMode = undefined;
+    _rounded = undefined;
     _svgIcon;
+    _themeColorClasses = ['k-avatar-primary', 'k-avatar-secondary', 'k-avatar-tertiary', 'k-avatar-base', 'k-avatar-info', 'k-avatar-success', 'k-avatar-warning', 'k-avatar-error', 'k-avatar-dark', 'k-avatar-light', 'k-avatar-inverse'];
     constructor(localization, renderer, element) {
         this.localization = localization;
         this.renderer = renderer;
@@ -8096,13 +8085,6 @@ class AvatarComponent {
     ngOnInit() {
         this.verifyProperties();
     }
-    ngAfterViewInit() {
-        const stylingInputs = ['size', 'rounded'];
-        stylingInputs.forEach(input => {
-            this.handleClasses(input, this[input]);
-        });
-        this.handleFillModeAndThemeColorClasses(this.fillMode, this.themeColor);
-    }
     /**
      * @hidden
      */
@@ -8138,16 +8120,16 @@ class AvatarComponent {
         // remove existing fill and theme color classes
         const currentClasses = Array.from(wrapperElement.classList);
         const classesToRemove = currentClasses.filter(cl => {
-            return cl.startsWith('k-avatar-solid') || cl.startsWith('k-avatar-outline');
+            return this._themeColorClasses.includes(cl) || cl.startsWith('k-avatar-solid') || cl.startsWith('k-avatar-outline');
         });
         classesToRemove.forEach((cl => this.renderer.removeClass(wrapperElement, cl)));
         // add fill if needed
-        if (fill !== 'none') {
+        if (fill && (fill === 'solid' || fill === 'outline')) {
             this.renderer.addClass(wrapperElement, `k-avatar-${fill}`);
         }
-        // add theme color class if fill and theme color
-        if (fill !== 'none' && themeColor !== 'none') {
-            this.renderer.addClass(wrapperElement, `k-avatar-${fill}-${themeColor}`);
+        // add theme color class if needed
+        if (themeColor && this._themeColorClasses.includes(`k-avatar-${themeColor}`)) {
+            this.renderer.addClass(wrapperElement, `k-avatar-${themeColor}`);
         }
     }
     /**
@@ -8626,7 +8608,7 @@ class CardActionsComponent {
           @for (action of actionsArray; track action) {
             <button
               type="button"
-              class="k-button k-button-md k-rounded-md"
+              class="k-button"
               [class.k-button-solid]="!action.flat"
               [class.k-button-flat]="action.flat"
               [class.k-button-solid-base]="!action.primary && !action.flat"
@@ -8658,7 +8640,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
           @for (action of actionsArray; track action) {
             <button
               type="button"
-              class="k-button k-button-md k-rounded-md"
+              class="k-button"
               [class.k-button-solid]="!action.flat"
               [class.k-button-flat]="action.flat"
               [class.k-button-solid-base]="!action.primary && !action.flat"

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1770112344,
-  "version": "22.1.0-develop.18",
+  "publishDate": 1770219708,
+  "version": "22.1.0-develop.19",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-layout",
-  "version": "22.1.0-develop.18",
+  "version": "22.1.0-develop.19",
   "description": "Kendo UI for Angular Layout Package - a collection of components to create professional application layoyts",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -50,7 +50,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1770112344,
+      "publishDate": 1770219708,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning"
     }
   },
@@ -60,17 +60,17 @@
     "@angular/core": "19 - 21",
     "@angular/platform-browser": "19 - 21",
     "@progress/kendo-licensing": "^1.10.0",
-    "@progress/kendo-angular-common": "22.1.0-develop.18",
-    "@progress/kendo-angular-l10n": "22.1.0-develop.18",
-    "@progress/kendo-angular-progressbar": "22.1.0-develop.18",
-    "@progress/kendo-angular-icons": "22.1.0-develop.18",
-    "@progress/kendo-angular-buttons": "22.1.0-develop.18",
-    "@progress/kendo-angular-intl": "22.1.0-develop.18",
+    "@progress/kendo-angular-common": "22.1.0-develop.19",
+    "@progress/kendo-angular-l10n": "22.1.0-develop.19",
+    "@progress/kendo-angular-progressbar": "22.1.0-develop.19",
+    "@progress/kendo-angular-icons": "22.1.0-develop.19",
+    "@progress/kendo-angular-buttons": "22.1.0-develop.19",
+    "@progress/kendo-angular-intl": "22.1.0-develop.19",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "22.1.0-develop.18",
+    "@progress/kendo-angular-schematics": "22.1.0-develop.19",
     "@progress/kendo-draggable": "^3.0.2"
   },
   "schematics": "./schematics/collection.json",

package/tabstrip/models/size.d.ts

@@ -5,4 +5,4 @@
 /**
  * Specifies the size of the TabStrip ([see example](slug:sizing_tabstrip)).
  */
-export type TabStripSize = 'small' | 'medium' | 'large' | 'none';
+export type TabStripSize = 'small' | 'medium' | 'large';

package/tabstrip/tabstrip.component.d.ts

@@ -102,7 +102,7 @@ export declare class TabStripComponent implements AfterViewInit, OnDestroy {
     /**
      * Sets the size of the TabStrip.
      * [See example](slug:api_layout_tabstripcomponent#toc-size).
-     * @default 'medium'
+     * @default undefined
      */
     set size(value: TabStripSize);
     get size(): TabStripSize;