@progress/kendo-vue-layout 8.4.0-develop.3 → 8.4.0-develop.4

package/appbar/AppBar.d.ts

@@ -21,6 +21,7 @@ declare const AppBar: import('vue').DefineComponent<import('vue').ExtractPropTyp
     themeColor: {
         type: PropType<string>;
         default: string;
+        validator: (value: string) => boolean;
     };
     position: {
         type: PropType<string>;
@@ -41,6 +42,7 @@ declare const AppBar: import('vue').DefineComponent<import('vue').ExtractPropTyp
     themeColor: {
         type: PropType<string>;
         default: string;
+        validator: (value: string) => boolean;
     };
     position: {
         type: PropType<string>;

package/appbar/AppBar.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),a=require("@progress/kendo-vue-common"),r=require("../package-metadata.js"),p=i.defineComponent({name:"KendoAppBar",props:{id:String,themeColor:{type:String,default:"light"},position:{type:String,default:"top",validator:function(t){return["top","bottom"].includes(t)}},positionMode:{type:String,default:"static",validator:function(t){return["static","sticky","fixed"].includes(t)}}},created(){a.validatePackage(r.packageMetadata),this.calculatedId=a.guid()},computed:{wrapperClass(){const{position:t,positionMode:e,themeColor:o}=this.$props;return{"k-appbar":!0,"k-appbar-top":t==="top","k-appbar-bottom":t==="bottom","k-appbar-static":e==="static","k-appbar-sticky":e==="sticky","k-appbar-fixed":e==="fixed",[`k-appbar-${o}`]:!!o}}},render(){const t=a.getDefaultSlots(this),{id:e}=this.$props;return i.createVNode("div",{class:this.wrapperClass,id:e||this.calculatedId},[t])},methods:{focus(){this.$el&&a.focusFirstFocusableChild(this.$el)}}});exports.AppBar=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),a=require("@progress/kendo-vue-common"),r=require("../package-metadata.js"),s=i.defineComponent({name:"KendoAppBar",props:{id:String,themeColor:{type:String,default:"base",validator:function(t){return["base","primary","secondary","tertiary","inverse"].includes(t)}},position:{type:String,default:"top",validator:function(t){return["top","bottom"].includes(t)}},positionMode:{type:String,default:"static",validator:function(t){return["static","sticky","fixed"].includes(t)}}},created(){a.validatePackage(r.packageMetadata),this.calculatedId=a.guid()},computed:{wrapperClass(){const{position:t,positionMode:e,themeColor:o}=this.$props;return{"k-appbar":!0,"k-appbar-top":t==="top","k-appbar-bottom":t==="bottom","k-appbar-static":e==="static","k-appbar-sticky":e==="sticky","k-appbar-fixed":e==="fixed",[`k-appbar-${o}`]:!!o}}},render(){const t=a.getDefaultSlots(this),{id:e}=this.$props;return i.createVNode("div",{class:this.wrapperClass,id:e||this.calculatedId},[t])},methods:{focus(){this.$el&&a.focusFirstFocusableChild(this.$el)}}});exports.AppBar=s;

package/appbar/AppBar.mjs

@@ -5,16 +5,19 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as e, createVNode as i } from "vue";
-import { focusFirstFocusableChild as p, getDefaultSlots as r, validatePackage as s, guid as d } from "@progress/kendo-vue-common";
+import { defineComponent as o, createVNode as i } from "vue";
+import { focusFirstFocusableChild as r, getDefaultSlots as p, validatePackage as s, guid as d } from "@progress/kendo-vue-common";
 import { packageMetadata as n } from "../package-metadata.mjs";
-const f = /* @__PURE__ */ e({
+const f = /* @__PURE__ */ o({
   name: "KendoAppBar",
   props: {
     id: String,
     themeColor: {
       type: String,
-      default: "light"
+      default: "base",
+      validator: function(t) {
+        return ["base", "primary", "secondary", "tertiary", "inverse"].includes(t);
+      }
     },
     position: {
       type: String,
@@ -38,32 +41,32 @@ const f = /* @__PURE__ */ e({
     wrapperClass() {
       const {
         position: t,
-        positionMode: o,
+        positionMode: e,
         themeColor: a
       } = this.$props;
       return {
         "k-appbar": !0,
         "k-appbar-top": t === "top",
         "k-appbar-bottom": t === "bottom",
-        "k-appbar-static": o === "static",
-        "k-appbar-sticky": o === "sticky",
-        "k-appbar-fixed": o === "fixed",
+        "k-appbar-static": e === "static",
+        "k-appbar-sticky": e === "sticky",
+        "k-appbar-fixed": e === "fixed",
         [`k-appbar-${a}`]: !!a
       };
     }
   },
   render() {
-    const t = r(this), {
-      id: o
+    const t = p(this), {
+      id: e
     } = this.$props;
     return i("div", {
       class: this.wrapperClass,
-      id: o || this.calculatedId
+      id: e || this.calculatedId
     }, [t]);
   },
   methods: {
     focus() {
-      this.$el && p(this.$el);
+      this.$el && r(this.$el);
     }
   }
 });

package/appbar/interfaces/AppBarProps.d.ts

@@ -36,10 +36,11 @@ export interface AppBarProps {
      * Specifies the theme color of the AppBar ([see example]({% slug appearance_appbar %})).
      *
      * * The possible values are:
-     * * `light` (Default)
-     * * 'primary'
-     * * 'dark'
-     * * 'inherit'
+     * * `base` (Default)
+     * * `primary`
+     * * `secondary`
+     * * `tertiary`
+     * * `inverse`
      *
      */
     themeColor?: AppBarThemeColor | string;
@@ -66,9 +67,11 @@ export type AppBarPositionMode = 'static' | 'sticky' | 'fixed';
  * Specifies the theme color of the AppBar ([see example]({% slug appearance_appbar %})).
  *
  * * The possible values are:
- * * `inherit`
- * * `light` (Default)
- * * `dark`
+ * * `base` (Default)
+ * * `primary`
+ * * `secondary`
+ * * `tertiary`
+ * * `inverse`
  *
  */
-export type AppBarThemeColor = 'light' | 'dark' | 'inherit';
+export type AppBarThemeColor = 'base' | 'primary' | 'secondary' | 'tertiary' | 'inverse';

package/bottomnavigation/BottomNavigation.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),c=require("../package-metadata.js"),a=require("@progress/kendo-vue-common"),d=require("./models/utils.js"),u=require("./BottomNavigationItem.js"),m=l.defineComponent({name:"KendoBottomNavigation",emits:{keydown:null,select:t=>!0},props:{dir:String,themeColor:{type:String,default:"primary",validator:function(t){return["primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"].includes(t)}},fill:{type:String,default:"flat",validator:function(t){return["solid","flat"].includes(t)}},fillMode:{type:String,default:"flat",validator:function(t){return["solid","flat"].includes(t)}},item:[String,Object,Function],items:Array,itemFlow:{type:String,default:"vertical",validator:function(t){return["vertical","horizontal"].includes(t)}},positionMode:{type:String,default:"fixed",validator:function(t){return["sticky","fixed"].includes(t)}},border:{type:Boolean,default:!0},disabled:Boolean,selected:Number},created(){a.validatePackage(c.packageMetadata),this.navId=a.guid()},computed:{navClasses(){const{themeColor:t,fillMode:e,positionMode:n,itemFlow:r,border:i,disabled:o}=this.$props,s=e!==void 0?e:this.$props.fill;return{"k-bottom-nav":!0,[d.POSITION_MODE_CLASSES[n]]:!0,[d.THEME_COLOR_CLASSES[t]]:!0,[`k-bottom-nav-${s}`]:s,[`k-bottom-nav-${s}-${t}`]:!!(s&&t),[d.ITEM_FLOW_CLASSES[r]]:!0,"k-bottom-nav-border":i,"k-disabled":o}}},render(){const{id:t,items:e,item:n,disabled:r}=this.$props;return l.createVNode("nav",{class:this.navClasses,id:t||this.navId},[e&&e.map(function(i,o){const s=a.templateRendering.call(this,i.item||n,a.getListeners.call(this));return l.createVNode(u.BottomNavigationItem,{key:o,index:o,style:i.style,class:i.class,id:`${t||this.navId}-${o}`,disabled:r||i.disabled,selected:this.selected===o||i.selected,dataItem:i,item:s,onSelect:this.handleSelect,onKeydown:this.handleKeyDown},null)},this)])},methods:{focus(){this.$el&&a.focusFirstFocusableChild(this.$el)},dispatchSelectEvent(t,e){this.items&&(this.items[e].disabled||this.$emit("select",{event:t,itemTarget:this.items[e],itemIndex:e}))},handleSelect(t,e){this.dispatchSelectEvent(t,e)},handleKeyDown(t,e){switch(t.keyCode){case a.Keys.enter:case a.Keys.space:this.dispatchSelectEvent(t,e),t.preventDefault();break}this.$emit("keydown",{event:t,itemTarget:this.items[e],itemIndex:e})}}});exports.BottomNavigation=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),c=require("../package-metadata.js"),a=require("@progress/kendo-vue-common"),d=require("./models/utils.js"),u=require("./BottomNavigationItem.js"),m=l.defineComponent({name:"KendoBottomNavigation",emits:{keydown:null,select:t=>!0},props:{dir:String,themeColor:{type:String,default:"base",validator:function(t){return["base","primary","secondary","tertiary","inverse"].includes(t)}},fill:{type:String,default:"flat",validator:function(t){return["solid","flat"].includes(t)}},fillMode:{type:String,default:"flat",validator:function(t){return["solid","flat"].includes(t)}},item:[String,Object,Function],items:Array,itemFlow:{type:String,default:"vertical",validator:function(t){return["vertical","horizontal"].includes(t)}},positionMode:{type:String,default:"fixed",validator:function(t){return["sticky","fixed"].includes(t)}},border:{type:Boolean,default:!0},disabled:Boolean,selected:Number},created(){a.validatePackage(c.packageMetadata),this.navId=a.guid()},computed:{navClasses(){const{themeColor:t,fillMode:e,positionMode:n,itemFlow:r,border:i,disabled:s}=this.$props,o=e!==void 0?e:this.$props.fill;return{"k-bottom-nav":!0,[d.POSITION_MODE_CLASSES[n]]:!0,[d.THEME_COLOR_CLASSES[t]]:!0,[`k-bottom-nav-${o}`]:o,[`k-bottom-nav-${o}-${t}`]:!!(o&&t),[d.ITEM_FLOW_CLASSES[r]]:!0,"k-bottom-nav-border":i,"k-disabled":s}}},render(){const{id:t,items:e,item:n,disabled:r}=this.$props;return l.createVNode("nav",{class:this.navClasses,id:t||this.navId},[e&&e.map(function(i,s){const o=a.templateRendering.call(this,i.item||n,a.getListeners.call(this));return l.createVNode(u.BottomNavigationItem,{key:s,index:s,style:i.style,class:i.class,id:`${t||this.navId}-${s}`,disabled:r||i.disabled,selected:this.selected===s||i.selected,dataItem:i,item:o,onSelect:this.handleSelect,onKeydown:this.handleKeyDown},null)},this)])},methods:{focus(){this.$el&&a.focusFirstFocusableChild(this.$el)},dispatchSelectEvent(t,e){this.items&&(this.items[e].disabled||this.$emit("select",{event:t,itemTarget:this.items[e],itemIndex:e}))},handleSelect(t,e){this.dispatchSelectEvent(t,e)},handleKeyDown(t,e){switch(t.keyCode){case a.Keys.enter:case a.Keys.space:this.dispatchSelectEvent(t,e),t.preventDefault();break}this.$emit("keydown",{event:t,itemTarget:this.items[e],itemIndex:e})}}});exports.BottomNavigation=m;

package/bottomnavigation/BottomNavigation.mjs

@@ -9,7 +9,7 @@ import { defineComponent as d, createVNode as n } from "vue";
 import { packageMetadata as c } from "../package-metadata.mjs";
 import { Keys as l, focusFirstFocusableChild as u, templateRendering as m, getListeners as f, validatePackage as h, guid as p } from "@progress/kendo-vue-common";
 import { ITEM_FLOW_CLASSES as v, THEME_COLOR_CLASSES as S, POSITION_MODE_CLASSES as y } from "./models/utils.mjs";
-import { BottomNavigationItem as g } from "./BottomNavigationItem.mjs";
+import { BottomNavigationItem as b } from "./BottomNavigationItem.mjs";
 const w = /* @__PURE__ */ d({
   name: "KendoBottomNavigation",
   emits: {
@@ -20,9 +20,9 @@ const w = /* @__PURE__ */ d({
     dir: String,
     themeColor: {
       type: String,
-      default: "primary",
+      default: "base",
       validator: function(t) {
-        return ["primary", "secondary", "tertiary", "info", "success", "warning", "error", "dark", "light", "inverse"].includes(t);
+        return ["base", "primary", "secondary", "tertiary", "inverse"].includes(t);
       }
     },
     fill: {
@@ -99,7 +99,7 @@ const w = /* @__PURE__ */ d({
       id: t || this.navId
     }, [e && e.map(function(i, o) {
       const s = m.call(this, i.item || a, f.call(this));
-      return n(g, {
+      return n(b, {
         key: o,
         index: o,
         style: i.style,

package/bottomnavigation/BottomNavigationProps.d.ts

@@ -24,15 +24,10 @@ export interface BottomNavigationProps {
      * ([see example]({% slug appearance_bottomnavigation %}#toc-theme-color)).
      *
      * The possible values are:
-     * * `primary` (Default) — Applies coloring based on the primary theme color.
+    * * `base` (Default) — Applies base coloring.
+    * * `primary` — Applies coloring based on the primary theme color.
      * * `secondary` — Applies coloring based on the secondary theme color.
      * * `tertiary` — Applies coloring based on the tertiary theme color.
-     * * `info` — Applies coloring based on the info theme color.
-     * * `success` — Applies coloring based on the success theme color.
-     * * `warning` — Applies coloring based on the warning theme color.
-     * * `error` — Applies coloring based on the error theme color.
-     * * `dark` — Applies coloring based on the dark theme color.
-     * * `light` — Applies coloring based on the light theme color.
      * * `inverse` — Applies coloring based on the inverted theme color.
      */
     themeColor?: BottomNavigationThemeColor | string;
@@ -129,18 +124,13 @@ export type BottomNavigationItemFlow = 'vertical' | 'horizontal';
  * ([see example]({% slug appearance_bottomnavigation %}#toc-theme-color)).
  *
  * The possible values are:
- * * `primary` (Default) — Applies coloring based on the primary theme color.
+ * * `base` (Default) — Applies base coloring.
+ * * `primary` — Applies coloring based on the primary theme color.
  * * `secondary` — Applies coloring based on the secondary theme color.
  * * `tertiary` — Applies coloring based on the tertiary theme color.
- * * `info` — Applies coloring based on the info theme color.
- * * `success` — Applies coloring based on the success theme color.
- * * `warning` — Applies coloring based on the warning theme color.
- * * `error` — Applies coloring based on the error theme color.
- * * `dark` — Applies coloring based on the dark theme color.
- * * `light` — Applies coloring based on the light theme color.
  * * `inverse` — Applies coloring based on the inverted theme color.
  */
-export type BottomNavigationThemeColor = 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';
+export type BottomNavigationThemeColor = 'base' | 'primary' | 'secondary' | 'tertiary' | 'inverse';
 /**
  * Specifies the position and behavior of the BottomNavigation when the page is scrolled
  * ([see example]({% slug positioning_bottomnavigation %}#toc-position-mode)).

package/bottomnavigation/models/utils.d.ts

@@ -9,15 +9,10 @@
  * @hidden
  */
 export declare const THEME_COLOR_CLASSES: {
+    base: string;
     primary: string;
     secondary: string;
     tertiary: string;
-    info: string;
-    success: string;
-    warning: string;
-    error: string;
-    dark: string;
-    light: string;
     inverse: string;
 };
 /**

package/bottomnavigation/models/utils.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t={primary:"k-bottom-nav-primary",secondary:"k-bottom-nav-secondary",tertiary:"k-bottom-nav-tertiary",info:"k-bottom-nav-info",success:"k-bottom-nav-success",warning:"k-bottom-nav-warning",error:"k-bottom-nav-error",dark:"k-bottom-nav-dark",light:"k-bottom-nav-light",inverse:"k-bottom-nav-inverse"},o={vertical:"k-bottom-nav-item-flow-vertical",horizontal:"k-bottom-nav-item-flow-horizontal"},r={fixed:"k-pos-fixed",sticky:"k-pos-sticky"};exports.ITEM_FLOW_CLASSES=o;exports.POSITION_MODE_CLASSES=r;exports.THEME_COLOR_CLASSES=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t={base:"k-bottom-nav-base",primary:"k-bottom-nav-primary",secondary:"k-bottom-nav-secondary",tertiary:"k-bottom-nav-tertiary",inverse:"k-bottom-nav-inverse"},o={vertical:"k-bottom-nav-item-flow-vertical",horizontal:"k-bottom-nav-item-flow-horizontal"},e={fixed:"k-pos-fixed",sticky:"k-pos-sticky"};exports.ITEM_FLOW_CLASSES=o;exports.POSITION_MODE_CLASSES=e;exports.THEME_COLOR_CLASSES=t;

package/bottomnavigation/models/utils.mjs

@@ -5,26 +5,21 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-const o = {
+const t = {
+  base: "k-bottom-nav-base",
   primary: "k-bottom-nav-primary",
   secondary: "k-bottom-nav-secondary",
   tertiary: "k-bottom-nav-tertiary",
-  info: "k-bottom-nav-info",
-  success: "k-bottom-nav-success",
-  warning: "k-bottom-nav-warning",
-  error: "k-bottom-nav-error",
-  dark: "k-bottom-nav-dark",
-  light: "k-bottom-nav-light",
   inverse: "k-bottom-nav-inverse"
-}, t = {
+}, o = {
   vertical: "k-bottom-nav-item-flow-vertical",
   horizontal: "k-bottom-nav-item-flow-horizontal"
-}, n = {
+}, a = {
   fixed: "k-pos-fixed",
   sticky: "k-pos-sticky"
 };
 export {
-  t as ITEM_FLOW_CLASSES,
-  n as POSITION_MODE_CLASSES,
-  o as THEME_COLOR_CLASSES
+  o as ITEM_FLOW_CLASSES,
+  a as POSITION_MODE_CLASSES,
+  t as THEME_COLOR_CLASSES
 };

package/card/Avatar.d.ts

@@ -38,7 +38,7 @@ declare const Avatar: import('vue').DefineComponent<import('vue').ExtractPropTyp
         validator: (value: string) => boolean;
     };
     themeColor: {
-        type: PropType<string>;
+        type: PropType<"base" | "primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "error" | "inverse">;
         default: string;
         validator: (value: string) => boolean;
     };
@@ -65,12 +65,12 @@ declare const Avatar: import('vue').DefineComponent<import('vue').ExtractPropTyp
         validator: (value: string) => boolean;
     };
     themeColor: {
-        type: PropType<string>;
+        type: PropType<"base" | "primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "error" | "inverse">;
         default: string;
         validator: (value: string) => boolean;
     };
 }>> & Readonly<{}>, {
     type: string;
-    themeColor: string;
+    themeColor: "base" | "primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "error" | "inverse";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export { Avatar };

package/card/Avatar.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),s=require("./interfaces/Enums.js"),d=require("../package-metadata.js"),t=require("@progress/kendo-vue-common"),l=o.defineComponent({name:"KendoAvatar",props:{type:{type:String,default:s.avatarType.TEXT,validator:function(e){return["text","image","icon"].includes(e)}},border:Boolean,rounded:{type:String,validator:function(e){return["none","small","medium","large","full"].includes(e)}},fillMode:{type:String,validator:function(e){return["solid","outline"].includes(e)}},size:{type:String,validator:function(e){return["none","small","medium","large",null].includes(e)}},themeColor:{type:String,default:"primary",validator:function(e){return["primary","secondary","tertiary","info","success","warning","error","dark","light","inverse","inherit"].includes(e)}}},created(){t.validatePackage(d.packageMetadata)},computed:{wrapperClass(){const{border:e,type:u,size:a,rounded:n,fillMode:r,themeColor:i}=this.$props;return{"k-avatar-bordered":e,"k-avatar":!0,[`k-avatar-${t.kendoThemeMaps.sizeMap[a]||a}`]:a,[`k-rounded-${t.kendoThemeMaps.roundedMap[n]||n}`]:n,[`k-avatar-${r}`]:r,[`k-avatar-${r}-${i}`]:!!(r&&i)}},innerClass(){return{[`k-avatar-${this.$props.type}`]:this.$props.type}}},render(){const e=t.getDefaultSlots(this);return o.createVNode("div",{class:this.wrapperClass},[o.createVNode("span",{class:this.innerClass},[e])])}});exports.Avatar=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),s=require("./interfaces/Enums.js"),d=require("../package-metadata.js"),t=require("@progress/kendo-vue-common"),l=o.defineComponent({name:"KendoAvatar",props:{type:{type:String,default:s.avatarType.TEXT,validator:function(e){return["text","image","icon"].includes(e)}},border:Boolean,rounded:{type:String,validator:function(e){return["none","small","medium","large","full"].includes(e)}},fillMode:{type:String,validator:function(e){return["solid","outline"].includes(e)}},size:{type:String,validator:function(e){return["none","small","medium","large",null].includes(e)}},themeColor:{type:String,default:"base",validator:function(e){return["base","primary","secondary","tertiary"].includes(e)}}},created(){t.validatePackage(d.packageMetadata)},computed:{wrapperClass(){const{border:e,type:u,size:r,rounded:n,fillMode:a,themeColor:i}=this.$props;return{"k-avatar-bordered":e,"k-avatar":!0,[`k-avatar-${t.kendoThemeMaps.sizeMap[r]||r}`]:r,[`k-rounded-${t.kendoThemeMaps.roundedMap[n]||n}`]:n,[`k-avatar-${a}`]:a,[`k-avatar-${a}-${i}`]:!!(a&&i)}},innerClass(){return{[`k-avatar-${this.$props.type}`]:this.$props.type}}},render(){const e=t.getDefaultSlots(this);return o.createVNode("div",{class:this.wrapperClass},[o.createVNode("span",{class:this.innerClass},[e])])}});exports.Avatar=l;

package/card/Avatar.mjs

@@ -5,16 +5,16 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as s, createVNode as o } from "vue";
-import { avatarType as l } from "./interfaces/Enums.mjs";
+import { defineComponent as l, createVNode as o } from "vue";
+import { avatarType as s } from "./interfaces/Enums.mjs";
 import { packageMetadata as d } from "../package-metadata.mjs";
 import { getDefaultSlots as p, kendoThemeMaps as i, validatePackage as u } from "@progress/kendo-vue-common";
-const g = /* @__PURE__ */ s({
+const g = /* @__PURE__ */ l({
   name: "KendoAvatar",
   props: {
     type: {
       type: String,
-      default: l.TEXT,
+      default: s.TEXT,
       validator: function(e) {
         return ["text", "image", "icon"].includes(e);
       }
@@ -40,9 +40,9 @@ const g = /* @__PURE__ */ s({
     },
     themeColor: {
       type: String,
-      default: "primary",
+      default: "base",
       validator: function(e) {
-        return ["primary", "secondary", "tertiary", "info", "success", "warning", "error", "dark", "light", "inverse", "inherit"].includes(e);
+        return ["base", "primary", "secondary", "tertiary"].includes(e);
       }
     }
   },

package/card/interfaces/AvatarProps.d.ts

@@ -35,7 +35,7 @@ export interface AvatarProps {
      */
     border?: boolean;
     /**
-     * Configures the `roundness` of the Button.
+     * Configures the `roundness` of the Avatar.
      *
      * The available options are:
      * - small
@@ -57,7 +57,7 @@ export interface AvatarProps {
      */
     type?: avatarType | string;
     /**
-     * Configures the `themeColor` of the Button.
+     * Configures the `themeColor` of the Avatar.
      *
      * The available options are:
      * - base
@@ -68,12 +68,10 @@ export interface AvatarProps {
      * - success
      * - error
      * - warning
-     * - dark
-     * - light
      * - inverse
      * - null—Does not set a themeColor `className`.
      *
      * @default `base`
      */
-    themeColor?: null | 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'error' | 'warning' | 'dark' | 'light' | 'inverse' | string;
+    themeColor?: null | 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'error' | 'warning' | 'inverse';
 }