@progress/kendo-angular-buttons 24.0.0-develop.20 → 24.0.0-develop.21

package/button/button.component.d.ts

@@ -128,7 +128,7 @@ export declare class ButtonComponent implements OnInit, OnDestroy, OnChanges {
     click: EventEmitter<any>;
     element: HTMLElement;
     isDisabled: boolean;
-    caretAltDownIcon: SVGIcon;
+    chevronDownIcon: SVGIcon;
     private _size;
     private _rounded;
     private _fillMode;
@@ -155,14 +155,6 @@ export declare class ButtonComponent implements OnInit, OnDestroy, OnChanges {
      * @hidden
      */
     onBlur(): void;
-    /**
-     * @hidden
-     */
-    set primary(value: boolean);
-    /**
-     * @hidden
-     */
-    set look(value: 'flat' | 'outline' | 'clear' | 'default');
     /**
      * Alias for ElementRef.nativeElement to workaround
      * ViewChild() selectors that used to return the host element before v11.
@@ -205,5 +197,5 @@ export declare class ButtonComponent implements OnInit, OnDestroy, OnChanges {
     private handleClasses;
     private handleThemeColor;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, [null, null, { optional: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "button[kendoButton]", ["kendoButton"], { "arrowIcon": { "alias": "arrowIcon"; "required": false; }; "toggleable": { "alias": "toggleable"; "required": false; }; "togglable": { "alias": "togglable"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "imageUrl": { "alias": "imageUrl"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; "themeColor": { "alias": "themeColor"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; "primary": { "alias": "primary"; "required": false; }; "look": { "alias": "look"; "required": false; }; }, { "selectedChange": "selectedChange"; "click": "click"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "button[kendoButton]", ["kendoButton"], { "arrowIcon": { "alias": "arrowIcon"; "required": false; }; "toggleable": { "alias": "toggleable"; "required": false; }; "togglable": { "alias": "togglable"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "imageUrl": { "alias": "imageUrl"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; "themeColor": { "alias": "themeColor"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; }, { "selectedChange": "selectedChange"; "click": "click"; }, never, ["*"], true, never>;
 }

package/common/models/size.d.ts

@@ -5,8 +5,20 @@
 /**
  * Specifies the possible sizes for the buttons.
  */
-export type ButtonSize = 'small' | 'medium' | 'large';
+export type ButtonSize = 'xsmall' | 'small' | 'medium' | 'large';
 /**
  * Specifies the possible sizes for the Chip.
  */
 export type ChipSize = 'small' | 'medium' | 'large';
+/**
+ * Specifies the possible sizes for the SplitButton.
+ */
+export type SplitButtonSize = 'small' | 'medium' | 'large';
+/**
+ * Specifies the possible sizes for the DropDownButton.
+ */
+export type DropDownButtonSize = 'small' | 'medium' | 'large';
+/**
+ * Specifies the possible sizes for the FloatingActionButton.
+ */
+export type FloatingActionButtonSize = 'small' | 'medium' | 'large';

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

@@ -14,11 +14,9 @@
  * * `success`—Applies the `success` theme color.
  * * `warning`—Applies the `warning` theme color.
  * * `error`—Applies the `error` theme color.
- * * `dark`—Applies the `dark` theme color.
- * * `light`—Applies the `light` theme color.
  * * `inverse`—Applies the `inverse` theme color.
  */
-export type ButtonThemeColor = 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';
+export type ButtonThemeColor = 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'inverse';
 /**
  * Specifies the possible theme colors for the Chip.
  *
@@ -30,3 +28,13 @@ export type ButtonThemeColor = 'base' | 'primary' | 'secondary' | 'tertiary' | '
  * * `error`—Applies the `error` theme color.
  */
 export type ChipThemeColor = 'base' | 'info' | 'success' | 'warning' | 'error';
+/**
+ * Specifies the possible theme colors for the FloatingActionButton component.
+ *
+ * The possible values are:
+ * * `base`—Applies the `base` theme color.
+ * * `primary`—Applies the `primary` theme color.
+ * * `secondary`—Applies the `secondary` theme color.
+ * * `tertiary`—Applies the `tertiary` theme color.
+ */
+export type FloatingActionButtonThemeColor = 'base' | 'primary' | 'secondary' | 'tertiary';

package/dropdownbutton/dropdownbutton.component.d.ts

@@ -10,7 +10,7 @@ import { Direction } from '../direction';
 import { ListButton } from '../listbutton/list-button';
 import { FocusService } from '../focusable/focus.service';
 import { NavigationService } from '../navigation/navigation.service';
-import { ArrowIconSettings, ButtonFillMode, ButtonRounded, ButtonSize, ButtonThemeColor } from '../common/models';
+import { ArrowIconSettings, ButtonFillMode, ButtonRounded, ButtonThemeColor, DropDownButtonSize } from '../common/models';
 import { PopupContainerService } from '../listbutton/container.service';
 import { SVGIcon } from '@progress/kendo-svg-icons';
 import * as i0 from "@angular/core";
@@ -77,7 +77,7 @@ export declare class DropDownButtonComponent extends ListButton implements After
     /**
      * Specifies the padding of the DropDownButton. See [DropDownButton Appearance](https://www.telerik.com/kendo-angular-ui/components/buttons/dropdownbutton/appearance#size). The default value is set by the Kendo theme.
      */
-    size: ButtonSize;
+    size: DropDownButtonSize;
     /**
      * Specifies the border radius of the DropDownButton. See [DropDownButton Appearance](https://www.telerik.com/kendo-angular-ui/components/buttons/dropdownbutton/appearance#roundness). The default value is set by the Kendo theme.
      */

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

@@ -3,12 +3,12 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from '@angular/core';
-import { Injectable, isDevMode, EventEmitter, Input, HostListener, HostBinding, Output, Optional, Component, ContentChildren, Directive, InjectionToken, Inject, ElementRef, ViewContainerRef, ViewChild, ContentChild, forwardRef, SkipSelf, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { Injectable, isDevMode, EventEmitter, HostListener, HostBinding, Output, Input, Optional, Component, ContentChildren, Directive, InjectionToken, Inject, ElementRef, ViewContainerRef, ViewChild, ContentChild, forwardRef, SkipSelf, ChangeDetectionStrategy, NgModule } from '@angular/core';
 import { Subject, Subscription, fromEvent, merge, of, Observable, from } from 'rxjs';
 import * as i12 from '@progress/kendo-angular-common';
 import { isDocumentAvailable, isFirefox, isSafari, isChanged, hasObservers, normalizeKeys, Keys, TemplateContextDirective, MultiTabStop, guid, parseCSSClassNames, isPresent as isPresent$1, EventsOutsideAngularDirective, replaceMessagePlaceholder, anyChanged, PreventableEvent as PreventableEvent$1, ResizeSensorComponent, ToggleButtonTabStopDirective, ResizeBatchService, KENDO_TOGGLEBUTTONTABSTOP } from '@progress/kendo-angular-common';
 export { ToggleButtonTabStopDirective } from '@progress/kendo-angular-common';
-import { caretAltDownIcon, xCircleIcon, moreVerticalIcon, microphoneOutlineIcon, stopSmIcon, pasteSparkleIcon } from '@progress/kendo-svg-icons';
+import { chevronDownIcon, xCircleIcon, moreVerticalIcon, microphoneOutlineIcon, stopSmIcon, pasteSparkleIcon } from '@progress/kendo-svg-icons';
 import * as i1 from '@progress/kendo-angular-l10n';
 import { LocalizationService, L10N_PREFIX, ComponentMessages } from '@progress/kendo-angular-l10n';
 import { validatePackage } from '@progress/kendo-licensing';
@@ -49,8 +49,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1778149325,
-    version: '24.0.0-develop.20',
+    publishDate: 1778160888,
+    version: '24.0.0-develop.21',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -94,6 +94,7 @@ function closest(element, selector) {
  * @hidden
  */
 const SIZES = {
+    xsmall: 'xs',
     small: 'sm',
     medium: 'md',
     large: 'lg'
@@ -353,7 +354,7 @@ class ButtonComponent {
     click = new EventEmitter();
     element;
     isDisabled = false;
-    caretAltDownIcon = caretAltDownIcon;
+    chevronDownIcon = chevronDownIcon;
     _size = undefined;
     _rounded = undefined;
     _fillMode = undefined;
@@ -400,18 +401,6 @@ class ButtonComponent {
     onBlur() {
         this.isFocused = false;
     }
-    /**
-     * @hidden
-     */
-    set primary(value) {
-        this.themeColor = value ? 'primary' : 'base';
-    }
-    /**
-     * @hidden
-     */
-    set look(value) {
-        this.fillMode = (value === 'default') ? 'solid' : value;
-    }
     /**
      * Alias for ElementRef.nativeElement to workaround
      * ViewChild() selectors that used to return the host element before v11.
@@ -550,7 +539,7 @@ class ButtonComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: KendoButtonService, optional: true }, { token: i1.LocalizationService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ButtonComponent, isStandalone: true, selector: "button[kendoButton]", inputs: { arrowIcon: "arrowIcon", toggleable: "toggleable", togglable: "togglable", selected: "selected", tabIndex: "tabIndex", imageUrl: "imageUrl", iconPosition: "iconPosition", iconClass: "iconClass", icon: "icon", disabled: "disabled", size: "size", rounded: "rounded", fillMode: "fillMode", themeColor: "themeColor", svgIcon: "svgIcon", primary: "primary", look: "look" }, outputs: { selectedChange: "selectedChange", click: "click" }, host: { listeners: { "focus": "onFocus()", "blur": "onBlur()" }, properties: { "class.k-button": "this.classButton", "class.k-icon-button": "this.iconButtonClass", "class.k-disabled": "this.classDisabled", "class.k-selected": "this.classActive", "attr.dir": "this.getDirection" } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ButtonComponent, isStandalone: true, selector: "button[kendoButton]", inputs: { arrowIcon: "arrowIcon", toggleable: "toggleable", togglable: "togglable", selected: "selected", tabIndex: "tabIndex", imageUrl: "imageUrl", iconPosition: "iconPosition", iconClass: "iconClass", icon: "icon", disabled: "disabled", size: "size", rounded: "rounded", fillMode: "fillMode", themeColor: "themeColor", svgIcon: "svgIcon" }, outputs: { selectedChange: "selectedChange", click: "click" }, host: { listeners: { "focus": "onFocus()", "blur": "onBlur()" }, properties: { "class.k-button": "this.classButton", "class.k-icon-button": "this.iconButtonClass", "class.k-disabled": "this.classDisabled", "class.k-selected": "this.classActive", "attr.dir": "this.getDirection" } }, providers: [
             LocalizationService,
             {
                 provide: L10N_PREFIX,
@@ -589,8 +578,8 @@ class ButtonComponent {
         @if (arrowIcon && !$any(arrowIcon).iconClass) {
             <span class="k-button-arrow">
                 <kendo-icon-wrapper
-                    [name]="$any(arrowIcon).icon || 'caret-alt-down'"
-                    [svgIcon]="$any(arrowIcon).svgIcon || caretAltDownIcon">
+                    [name]="$any(arrowIcon).icon || 'chevron-down'"
+                    [svgIcon]="$any(arrowIcon).svgIcon || chevronDownIcon">
                 </kendo-icon-wrapper>
             </span>
         }
@@ -642,8 +631,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
         @if (arrowIcon && !$any(arrowIcon).iconClass) {
             <span class="k-button-arrow">
                 <kendo-icon-wrapper
-                    [name]="$any(arrowIcon).icon || 'caret-alt-down'"
-                    [svgIcon]="$any(arrowIcon).svgIcon || caretAltDownIcon">
+                    [name]="$any(arrowIcon).icon || 'chevron-down'"
+                    [svgIcon]="$any(arrowIcon).svgIcon || chevronDownIcon">
                 </kendo-icon-wrapper>
             </span>
         }
@@ -709,10 +698,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             }], onBlur: [{
                 type: HostListener,
                 args: ['blur']
-            }], primary: [{
-                type: Input
-            }], look: [{
-                type: Input
             }] } });
 
 /**
@@ -3158,7 +3143,7 @@ class DropDownButtonComponent extends ListButton {
             </kendo-button-list>
         </ng-template>
         <ng-container #container></ng-container>
-    `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ListComponent, selector: "kendo-button-list", inputs: ["data", "textField", "itemTemplate", "size"], outputs: ["onItemClick", "onItemBlur"] }] });
+    `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ListComponent, selector: "kendo-button-list", inputs: ["data", "textField", "itemTemplate", "size"], outputs: ["onItemClick", "onItemBlur"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DropDownButtonComponent, decorators: [{
             type: Component,
@@ -4814,11 +4799,11 @@ class SplitButtonComponent extends ListButton {
     /**
      * Specifies the name of the font icon displayed on the button that opens the popup.
      */
-    arrowButtonIcon = 'caret-alt-down';
+    arrowButtonIcon = 'chevron-down';
     /**
      * Specifies the [`SVGIcon`](https://www.telerik.com/kendo-angular-ui/components/icons/api/svgiconcomponent) displayed on the button that opens the popup.
      */
-    arrowButtonSvgIcon = caretAltDownIcon;
+    arrowButtonSvgIcon = chevronDownIcon;
     /**
      * Sets attributes for the main button.
      */
@@ -5225,7 +5210,7 @@ class SplitButtonComponent extends ListButton {
             </kendo-button-list>
           </ng-template>
           <ng-container #container></ng-container>
-        `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedSplitButtonMessagesDirective, selector: "[kendoSplitButtonLocalizedMessages]" }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ListComponent, selector: "kendo-button-list", inputs: ["data", "textField", "itemTemplate", "size"], outputs: ["onItemClick", "onItemBlur"] }] });
+        `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedSplitButtonMessagesDirective, selector: "[kendoSplitButtonLocalizedMessages]" }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconPosition", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ListComponent, selector: "kendo-button-list", inputs: ["data", "textField", "itemTemplate", "size"], outputs: ["onItemClick", "onItemBlur"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: SplitButtonComponent, decorators: [{
             type: Component,

package/floatingactionbutton/floatingactionbutton.component.d.ts

@@ -13,8 +13,8 @@ import { FabOffset } from './models/offset';
 import { DialItemAnimation } from './models/item-animation.interface';
 import { FabPositionMode } from './models/position-mode';
 import { DialItemClickEvent } from './models/item-click.event';
-import { ButtonSize } from '../common/models/size';
-import { ButtonThemeColor } from '../common/models/theme-color';
+import { FloatingActionButtonSize } from '../common/models/size';
+import { FloatingActionButtonThemeColor } from '../common/models/theme-color';
 import { PreventableEvent } from '../preventable-event';
 import { DialItemTemplateDirective } from './templates/dial-item-template.directive';
 import { FloatingActionButtonTemplateDirective } from './templates/fab-template.directive';
@@ -54,13 +54,13 @@ export declare class FloatingActionButtonComponent implements AfterViewInit, OnD
     /**
      * Specifies the theme color of the FloatingActionButton ([see example](https://www.telerik.com/kendo-angular-ui/components/buttons/floatingactionbutton/appearance#theme-colors)). The default value is set by the Kendo theme.
      */
-    set themeColor(themeColor: ButtonThemeColor);
-    get themeColor(): ButtonThemeColor;
+    set themeColor(themeColor: FloatingActionButtonThemeColor);
+    get themeColor(): FloatingActionButtonThemeColor;
     /**
      * Specifies the size of the FloatingActionButton ([see example](https://www.telerik.com/kendo-angular-ui/components/buttons/floatingactionbutton/appearance#size)). The default value is set by the Kendo theme.
      */
-    set size(size: ButtonSize);
-    get size(): ButtonSize;
+    set size(size: FloatingActionButtonSize);
+    get size(): FloatingActionButtonSize;
     /**
      * Specifies the border radius of the FloatingActionButton ([see example](https://www.telerik.com/kendo-angular-ui/components/buttons/floatingactionbutton/appearance#roundness)). The default value is set by the Kendo theme.
      */

package/index.d.ts

@@ -49,8 +49,8 @@ export { SmartPasteButtonModule } from './smartpastebutton/smartpastebutton.modu
 export { SmartPasteFormField, SmartPasteType, SmartPasteAIRequestData, SmartPasteAIResponse, SmartPasteAIRequestOptions, SmartPasteRequestStartEvent, SmartPasteRequestEndEvent } from './smartpastebutton/models';
 export { SegmentedControlComponent } from './segmentedcontrol/segmented-control.component';
 export { SegmentedControlModule } from './segmentedcontrol/segmented-control.module';
-export { SegmentedItemSettings, SegmentedControlLayout } from './segmentedcontrol/models';
-export { ButtonSize, ChipSize, ButtonRounded, ChipRounded, ButtonFillMode, ChipFillMode, ButtonThemeColor, ChipThemeColor, ArrowIconSettings, ButtonIconPosition } from './common/models';
+export { SegmentedItemSettings, SegmentedControlLayout, SegmentedControlSize } from './segmentedcontrol/models';
+export { ButtonSize, SplitButtonSize, DropDownButtonSize, FloatingActionButtonSize, ChipSize, ButtonRounded, ChipRounded, ButtonFillMode, ChipFillMode, ButtonThemeColor, ChipThemeColor, FloatingActionButtonThemeColor, ArrowIconSettings, ButtonIconPosition } from './common/models';
 export { FocusableDirective } from './focusable/focusable.directive';
 export { PreventableEvent } from './preventable-event';
 export { ToggleButtonTabStopDirective } from '@progress/kendo-angular-common';

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1778149325,
-  "version": "24.0.0-develop.20",
+  "publishDate": 1778160888,
+  "version": "24.0.0-develop.21",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-buttons",
-  "version": "24.0.0-develop.20",
+  "version": "24.0.0-develop.21",
   "description": "Buttons Package for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -21,7 +21,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1778149325,
+      "publishDate": 1778160888,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -31,15 +31,15 @@
     "@angular/core": "19 - 21",
     "@angular/platform-browser": "19 - 21",
     "@progress/kendo-licensing": "^1.11.0",
-    "@progress/kendo-angular-common": "24.0.0-develop.20",
-    "@progress/kendo-angular-l10n": "24.0.0-develop.20",
-    "@progress/kendo-angular-popup": "24.0.0-develop.20",
-    "@progress/kendo-angular-icons": "24.0.0-develop.20",
+    "@progress/kendo-angular-common": "24.0.0-develop.21",
+    "@progress/kendo-angular-l10n": "24.0.0-develop.21",
+    "@progress/kendo-angular-popup": "24.0.0-develop.21",
+    "@progress/kendo-angular-icons": "24.0.0-develop.21",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "24.0.0-develop.20",
+    "@progress/kendo-angular-schematics": "24.0.0-develop.21",
     "@progress/kendo-common": "^1.0.1",
     "@progress/kendo-webspeech-common": "1.0.1",
     "@progress/kendo-smartpaste-common": "1.0.0"

package/segmentedcontrol/models.d.ts

@@ -9,6 +9,10 @@ import { SVGIcon } from '@progress/kendo-svg-icons';
  * - `stretch`—Items stretch to fill the full width of the control.
  */
 export type SegmentedControlLayout = 'compact' | 'stretch';
+/**
+ * Specifies the possible sizes of the SegmentedControl.
+ */
+export type SegmentedControlSize = 'small' | 'medium' | 'large';
 /**
  * Represents the settings for an item in the `SegmentedControlComponent`.
  */

package/segmentedcontrol/segmented-control.component.d.ts

@@ -5,8 +5,7 @@
 import { AfterViewInit, ElementRef, EventEmitter, NgZone, OnDestroy, Renderer2 } from '@angular/core';
 import { ResizeSensorComponent } from '@progress/kendo-angular-common';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { ButtonSize } from '../common/models';
-import { SegmentedItemSettings, SegmentedControlLayout } from './models';
+import { SegmentedItemSettings, SegmentedControlLayout, SegmentedControlSize } from './models';
 import * as i0 from "@angular/core";
 /**
  * Represents the Kendo UI SegmentedControl component for Angular.
@@ -39,8 +38,8 @@ export declare class SegmentedControlComponent implements AfterViewInit, OnDestr
     /**
      * Specifies the size of the SegmentedControl.
      */
-    set size(size: ButtonSize);
-    get size(): ButtonSize;
+    set size(size: SegmentedControlSize);
+    get size(): SegmentedControlSize;
     /**
      * Specifies the index of the selected button in the `items` array.
      *

package/splitbutton/splitbutton.component.d.ts

@@ -11,7 +11,7 @@ import { ButtonItemTemplateDirective } from './../listbutton/button-item-templat
 import { FocusService } from './../focusable/focus.service';
 import { NavigationService } from './../navigation/navigation.service';
 import { PreventableEvent } from '../preventable-event';
-import { ButtonFillMode, ButtonRounded, ButtonSize, ButtonThemeColor } from '../common/models';
+import { ButtonFillMode, ButtonRounded, ButtonThemeColor, SplitButtonSize } from '../common/models';
 import { PopupContainerService } from '../listbutton/container.service';
 import { SVGIcon } from '@progress/kendo-svg-icons';
 import * as i0 from "@angular/core";
@@ -77,7 +77,7 @@ export declare class SplitButtonComponent extends ListButton implements AfterVie
     /**
      * Configures the padding of the SplitButton ([see example](https://www.telerik.com/kendo-angular-ui/components/buttons/api/splitbuttoncomponent#size)). The default value is set by the Kendo theme.
      */
-    size: ButtonSize;
+    size: SplitButtonSize;
     /**
      * Configures the border radius of the SplitButton ([see example](https://www.telerik.com/kendo-angular-ui/components/buttons/api/splitbuttoncomponent#rounded)). The default value is set by the Kendo theme.
      */

package/util.d.ts

@@ -20,6 +20,7 @@ export declare function closest(element: any, selector: string): any;
  * @hidden
  */
 export declare const SIZES: {
+    xsmall: string;
     small: string;
     medium: string;
     large: string;