@progress/kendo-vue-common 8.4.0-develop.3 → 8.4.0-develop.5

package/icons/Icon.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"),v=require("./FontIcon.js"),b=require("./SvgIcon.js"),y=o.defineComponent({name:"KendoIcon",emits:{click:null},inject:{kendoIcons:{default:{type:"svg",icons:{}}}},props:{name:String,icon:Object,title:String,themeColor:{type:String},size:{type:String},flip:{type:String},id:String,ariaLabel:String,viewBox:{type:String,default:"0 0 24 24"},tabIndex:Number,role:String},render(){const{name:n,icon:e,themeColor:c,size:r,flip:d,id:l,viewBox:a,tabIndex:h,title:I,ariaLabel:k,role:p}=this.$props,i=n&&this.kendoIcons&&this.kendoIcons.icons&&this.kendoIcons.icons[n]||e,m=this.kendoIcons&&this.kendoIcons.type==="svg"&&i!==void 0,g=this.kendoIcons&&this.kendoIcons.size?this.kendoIcons.size:r,S=this.kendoIcons&&this.kendoIcons.flip?this.kendoIcons.flip:d,t=n||(e&&e.name?e.name:void 0),s={themeColor:c,size:g,flip:S,id:l,tabIndex:h,title:I,ariaLabel:k,role:p},u=o.h(v.FontIcon,{...s,name:t,onClick:this.handleClick}),f=o.h(b.SvgIcon,{...s,icon:i,viewBox:a,name:t,onClick:this.handleClick});return m?f:u},methods:{handleClick(n){this.$emit("click",n)}}});exports.Icon=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),b=require("./FontIcon.js"),y=require("./SvgIcon.js"),C=o.defineComponent({name:"KendoIcon",emits:{click:null},inject:{kendoIcons:{default:{type:"svg",icons:{}}}},props:{name:String,icon:Object,title:String,themeColor:{type:String},size:{type:String},flip:{type:String},id:String,ariaLabel:String,viewBox:{type:String,default:"0 0 24 24"},tabIndex:Number,role:String,variant:String},render(){const{name:n,icon:e,themeColor:c,size:r,flip:d,id:l,viewBox:a,tabIndex:h,title:I,ariaLabel:k,role:p,variant:g}=this.$props,i=n&&this.kendoIcons&&this.kendoIcons.icons&&this.kendoIcons.icons[n]||e,m=this.kendoIcons&&this.kendoIcons.type==="svg"&&i!==void 0,S=this.kendoIcons&&this.kendoIcons.size?this.kendoIcons.size:r,u=this.kendoIcons&&this.kendoIcons.flip?this.kendoIcons.flip:d,t=n||(e&&e.name?e.name:void 0),s={themeColor:c,size:S,flip:u,id:l,tabIndex:h,title:I,ariaLabel:k,role:p},v=o.h(b.FontIcon,{...s,name:t,onClick:this.handleClick}),f=o.h(y.SvgIcon,{...s,icon:i,viewBox:a,name:t,variant:g,onClick:this.handleClick});return m?f:v},methods:{handleClick(n){this.$emit("click",n)}}});exports.Icon=C;

package/icons/Icon.mjs

@@ -5,10 +5,10 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as C, h as s } from "vue";
-import { FontIcon as u } from "./FontIcon.mjs";
-import { SvgIcon as b } from "./SvgIcon.mjs";
-const w = /* @__PURE__ */ C({
+import { defineComponent as u, h as s } from "vue";
+import { FontIcon as b } from "./FontIcon.mjs";
+import { SvgIcon as y } from "./SvgIcon.mjs";
+const j = /* @__PURE__ */ u({
   name: "KendoIcon",
   emits: {
     click: null
@@ -41,7 +41,8 @@ const w = /* @__PURE__ */ C({
       default: "0 0 24 24"
     },
     tabIndex: Number,
-    role: String
+    role: String,
+    variant: String
   },
   render() {
     const {
@@ -51,32 +52,34 @@ const w = /* @__PURE__ */ C({
       size: r,
       flip: d,
       id: l,
-      viewBox: m,
-      tabIndex: h,
-      title: p,
-      ariaLabel: a,
-      role: I
-    } = this.$props, o = n && this.kendoIcons && this.kendoIcons.icons && this.kendoIcons.icons[n] || e, k = this.kendoIcons && this.kendoIcons.type === "svg" && o !== void 0, f = this.kendoIcons && this.kendoIcons.size ? this.kendoIcons.size : r, g = this.kendoIcons && this.kendoIcons.flip ? this.kendoIcons.flip : d, i = n || (e && e.name ? e.name : void 0), t = {
+      viewBox: a,
+      tabIndex: m,
+      title: h,
+      ariaLabel: p,
+      role: I,
+      variant: k
+    } = this.$props, o = n && this.kendoIcons && this.kendoIcons.icons && this.kendoIcons.icons[n] || e, g = this.kendoIcons && this.kendoIcons.type === "svg" && o !== void 0, f = this.kendoIcons && this.kendoIcons.size ? this.kendoIcons.size : r, S = this.kendoIcons && this.kendoIcons.flip ? this.kendoIcons.flip : d, i = n || (e && e.name ? e.name : void 0), t = {
       themeColor: c,
       size: f,
-      flip: g,
+      flip: S,
       id: l,
-      tabIndex: h,
-      title: p,
-      ariaLabel: a,
+      tabIndex: m,
+      title: h,
+      ariaLabel: p,
       role: I
-    }, S = s(u, {
+    }, v = s(b, {
       ...t,
       name: i,
       onClick: this.handleClick
-    }), v = s(b, {
+    }), C = s(y, {
       ...t,
       icon: o,
-      viewBox: m,
+      viewBox: a,
       name: i,
+      variant: k,
       onClick: this.handleClick
     });
-    return k ? v : S;
+    return g ? C : v;
   },
   methods: {
     handleClick(n) {
@@ -85,5 +88,5 @@ const w = /* @__PURE__ */ C({
   }
 });
 export {
-  w as Icon
+  j as Icon
 };

package/icons/SvgIcon.d.ts

@@ -6,6 +6,7 @@
  *-------------------------------------------------------------------------------------------
  */
 import { BaseIconProps } from './BaseIconProps';
+import { IconVariant } from './models/variant';
 /**
  * Specifies the SVG icon.
  */
@@ -23,6 +24,13 @@ export interface SVGIcon {
      * definition that should be used for the icon.
      */
     viewBox: string;
+    /**
+     * A map of variant names to their SVG content strings.
+     * The available variants are typically `solid`, `outline`, and `duotone`.
+     */
+    variants?: {
+        [key: string]: string;
+    };
 }
 /**
  * @hidden
@@ -48,8 +56,22 @@ export interface SvgIconProps extends BaseIconProps {
      * * `name`—The unique name of the icon.
      * * `content`—The entire SVG content of the icon.
      * * `viewBox`—The viewBox definition that should be used for the icon.
+     * * `variants`—A map of variant names to their SVG content strings.
      */
     icon?: SVGIcon;
+    /**
+     * Specifies the variant of the SVG icon to render.
+     *
+     * When set, the component renders the SVG content for the specified variant
+     * if available in the icon's `variants` map. If the variant is not found,
+     * the default `content` is used as a fallback.
+     *
+     * The possible values are:
+     * * `solid`—Renders a filled (solid) version of the icon.
+     * * `outline`—Renders an outlined version of the icon.
+     * * `duotone`—Renders a two-tone version of the icon.
+     */
+    variant?: IconVariant | string;
     /**
      * Specifies the viewBox of the custom SVG icon.
      */
@@ -105,6 +127,12 @@ declare const SvgIcon: import('vue').DefineComponent<import('vue').ExtractPropTy
     flip: {
         type: StringConstructor;
     };
+    fillMode: {
+        type: StringConstructor;
+    };
+    variant: {
+        type: StringConstructor;
+    };
     id: StringConstructor;
     ariaLabel: StringConstructor;
     title: StringConstructor;
@@ -140,6 +168,12 @@ declare const SvgIcon: import('vue').DefineComponent<import('vue').ExtractPropTy
     flip: {
         type: StringConstructor;
     };
+    fillMode: {
+        type: StringConstructor;
+    };
+    variant: {
+        type: StringConstructor;
+    };
     id: StringConstructor;
     ariaLabel: StringConstructor;
     title: StringConstructor;

package/icons/SvgIcon.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 r=require("vue"),S=require("./constants.js"),u=require("../defaultSlots.js"),v=r.defineComponent({name:"KendoSvgIcon",emits:{click:null},props:{name:String,icon:Object,themeColor:{type:String},size:{type:String},flip:{type:String},id:String,ariaLabel:String,title:String,viewBox:{type:String,default:"0 0 24 24"},tabIndex:Number,svgClassName:String,svgStyle:Object},computed:{wrapperClass(){const{name:t,icon:i,flip:e,size:n,themeColor:s}=this.$props,o=t||(i==null?void 0:i.name);return{"k-icon":!0,"k-svg-icon":!0,["k-color-"+s]:s,["k-svg-i-"+o]:o,"k-flip-h":e==="horizontal"||e==="both","k-flip-v":e==="vertical"||e==="both",[S.SIZE_CLASSES[n]]:n}}},render(){const t=u.getDefaultSlots(this),{svgClassName:i,icon:e,id:n,tabIndex:s,svgStyle:o,viewBox:a,title:l,ariaLabel:c}=this.$props,d=e?e.content:void 0,g={id:n,title:l,"aria-hidden":!0,tabIndex:s,ariaLabel:c,focusable:"false",xmlns:"http://www.w3.org/2000/svg",viewBox:e?e.viewBox:a},p=r.h("svg",{...g,innerHTML:d,class:i,style:o},e?[]:[t]);return r.createVNode("span",{class:this.wrapperClass,onClick:this.handleClick,"aria-hidden":!0},[p])},methods:{handleClick(t){this.$emit("click",t)}}});exports.SvgIcon=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),f=require("./constants.js"),m=require("../defaultSlots.js"),b=l.defineComponent({name:"KendoSvgIcon",emits:{click:null},props:{name:String,icon:Object,themeColor:{type:String},size:{type:String},flip:{type:String},fillMode:{type:String},variant:{type:String},id:String,ariaLabel:String,title:String,viewBox:{type:String,default:"0 0 24 24"},tabIndex:Number,svgClassName:String,svgStyle:Object},computed:{wrapperClass(){const{name:e,icon:i,flip:t,size:n,themeColor:s,fillMode:a}=this.$props,r=e||(i==null?void 0:i.name);return{"k-icon":!0,"k-svg-icon":!0,["k-color-"+s]:s,["k-svg-i-"+r]:r,"k-flip-h":t==="horizontal"||t==="both","k-flip-v":t==="vertical"||t==="both",[f.SIZE_CLASSES[n]]:n,["k-icon-"+a]:a}}},render(){var g;const e=m.getDefaultSlots(this),{svgClassName:i,icon:t,id:n,tabIndex:s,svgStyle:a,viewBox:r,title:p,ariaLabel:S,variant:c}=this.$props,o=c?(g=t==null?void 0:t.variants)==null?void 0:g[c]:void 0,v=o!==void 0&&o!=="";let d;t&&(d=v?o:t.content);const u={id:n,title:p,"aria-hidden":!0,tabIndex:s,ariaLabel:S,focusable:"false",xmlns:"http://www.w3.org/2000/svg",viewBox:t?t.viewBox:r},h=l.h("svg",{...u,innerHTML:d,class:i,style:a},t?[]:[e]);return l.createVNode("span",{class:this.wrapperClass,onClick:this.handleClick,"aria-hidden":!0},[h])},methods:{handleClick(e){this.$emit("click",e)}}});exports.SvgIcon=b;

package/icons/SvgIcon.mjs

@@ -5,10 +5,10 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as g, h as m, createVNode as h } from "vue";
-import { SIZE_CLASSES as S } from "./constants.mjs";
-import { getDefaultSlots as v } from "../defaultSlots.mjs";
-const k = /* @__PURE__ */ g({
+import { defineComponent as h, h as f, createVNode as u } from "vue";
+import { SIZE_CLASSES as b } from "./constants.mjs";
+import { getDefaultSlots as k } from "../defaultSlots.mjs";
+const y = /* @__PURE__ */ h({
   name: "KendoSvgIcon",
   emits: {
     click: null
@@ -25,6 +25,12 @@ const k = /* @__PURE__ */ g({
     flip: {
       type: String
     },
+    fillMode: {
+      type: String
+    },
+    variant: {
+      type: String
+    },
     id: String,
     ariaLabel: String,
     title: String,
@@ -43,49 +49,56 @@ const k = /* @__PURE__ */ g({
         icon: i,
         flip: t,
         size: n,
-        themeColor: o
-      } = this.$props, s = e || (i == null ? void 0 : i.name);
+        themeColor: r,
+        fillMode: a
+      } = this.$props, o = e || (i == null ? void 0 : i.name);
       return {
         "k-icon": !0,
         "k-svg-icon": !0,
-        ["k-color-" + o]: o,
-        ["k-svg-i-" + s]: s,
+        ["k-color-" + r]: r,
+        ["k-svg-i-" + o]: o,
         "k-flip-h": t === "horizontal" || t === "both",
         "k-flip-v": t === "vertical" || t === "both",
-        [S[n]]: n
+        [b[n]]: n,
+        ["k-icon-" + a]: a
       };
     }
   },
   render() {
-    const e = v(this), {
+    var p;
+    const e = k(this), {
       svgClassName: i,
       icon: t,
       id: n,
-      tabIndex: o,
-      svgStyle: s,
-      viewBox: r,
-      title: a,
-      ariaLabel: l
-    } = this.$props, c = t ? t.content : void 0, p = {
+      tabIndex: r,
+      svgStyle: a,
+      viewBox: o,
+      title: d,
+      ariaLabel: g,
+      variant: l
+    } = this.$props, s = l ? (p = t == null ? void 0 : t.variants) == null ? void 0 : p[l] : void 0, m = s !== void 0 && s !== "";
+    let c;
+    t && (c = m ? s : t.content);
+    const v = {
       id: n,
-      title: a,
+      title: d,
       "aria-hidden": !0,
-      tabIndex: o,
-      ariaLabel: l,
+      tabIndex: r,
+      ariaLabel: g,
       focusable: "false",
       xmlns: "http://www.w3.org/2000/svg",
-      viewBox: t ? t.viewBox : r
-    }, d = m("svg", {
-      ...p,
+      viewBox: t ? t.viewBox : o
+    }, S = f("svg", {
+      ...v,
       innerHTML: c,
       class: i,
-      style: s
+      style: a
     }, t ? [] : [e]);
-    return h("span", {
+    return u("span", {
       class: this.wrapperClass,
       onClick: this.handleClick,
       "aria-hidden": !0
-    }, [d]);
+    }, [S]);
   },
   methods: {
     handleClick(e) {
@@ -94,5 +107,5 @@ const k = /* @__PURE__ */ g({
   }
 });
 export {
-  k as SvgIcon
+  y as SvgIcon
 };

package/icons/models/fill-mode.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * Specifies the fill mode of the Icon.
+ *
+ * The possible values are:
+ * * `solid`—The default icon fill mode.
+ * * `outline`—Renders an outlined version of the icon.
+ * * `duotone`—Renders a two-tone version of the icon.
+ */
+export type IconFillMode = 'solid' | 'outline' | 'duotone';

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

@@ -17,12 +17,10 @@
  * * `success`— Applies coloring based on success theme color.
  * * `warning`— Applies coloring based on warning theme color.
  * * `error`— Applies coloring based on error theme color.
- * * `dark`— Applies coloring based on dark theme color.
- * * `light`— Applies coloring based on light theme color.
  * * `inverse`— Applies coloring based on inverse theme color.
  *
  * If the property is not set, the icon inherits the color from its parent.
  *
  * You can use the `style` prop to apply custom color related properties to the icon.
  */
-export type IconThemeColor = 'inherit' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';
+export type IconThemeColor = 'inherit' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'inverse';

package/icons/models/variant.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * Specifies the variant of the SVG Icon.
+ *
+ * The possible values are:
+ * * `solid`—Renders a filled (solid) version of the icon.
+ * * `outline`—Renders an outlined version of the icon.
+ * * `duotone`—Renders a two-tone version of the icon.
+ */
+export type IconVariant = 'solid' | 'outline' | 'duotone';

package/index.d.mts

@@ -41,6 +41,8 @@ export * from './fileExtensionIcon.js';
 export * from './icons/models/flip.js';
 export * from './icons/models/size.js';
 export * from './icons/models/theme-color.js';
+export * from './icons/models/fill-mode.js';
+export * from './icons/models/variant.js';
 export * from './navigation.js';
 export * from './getActiveElement.js';
 export * from './unstyled/main.js';

package/index.d.ts

@@ -41,6 +41,8 @@ export * from './fileExtensionIcon';
 export * from './icons/models/flip';
 export * from './icons/models/size';
 export * from './icons/models/theme-color';
+export * from './icons/models/fill-mode';
+export * from './icons/models/variant';
 export * from './navigation';
 export * from './getActiveElement';
 export * from './unstyled/main';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-vue-common",
-  "version": "8.4.0-develop.3",
+  "version": "8.4.0-develop.5",
   "description": "Kendo UI for Vue Common Utilities package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",

package/theme.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 e={sizeMap:{xsmall:"xs",small:"sm",medium:"md",large:"lg"},roundedMap:{small:"sm",medium:"md",large:"lg",full:"full",none:"none"}};exports.kendoThemeMaps=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={sizeMap:{xs:"xs",xsmall:"xs",small:"sm",medium:"md",large:"lg"},roundedMap:{small:"sm",medium:"md",large:"lg",full:"full",none:"none"}};exports.kendoThemeMaps=e;

package/theme.mjs

@@ -7,6 +7,7 @@
  */
 const l = {
   sizeMap: {
+    xs: "xs",
     xsmall: "xs",
     small: "sm",
     medium: "md",

package/unstyled/buttons.d.ts

@@ -52,10 +52,6 @@ export interface ButtonWrapperClasses {
         warning?: ThemeColorFillModeClasses;
         /** Error theme color options */
         error?: ThemeColorFillModeClasses;
-        /** Dark theme color options */
-        dark?: ThemeColorFillModeClasses;
-        /** Light theme color options */
-        light?: ThemeColorFillModeClasses;
         /** Inverse theme color options */
         inverse?: ThemeColorFillModeClasses;
     };

package/unstyled/buttons.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 h=require("./common.js"),e=require("./json-classes.js"),f={wrapper:{main:e.buttonPrefix,size:{small:`${e.buttonPrefix}-${e.sizeMap.small}`,medium:`${e.buttonPrefix}-${e.sizeMap.medium}`,large:`${e.buttonPrefix}-${e.sizeMap.large}`},fillMode:{solid:`${e.buttonPrefix}-${e.fillModeMap.solid}`,outline:`${e.buttonPrefix}-${e.fillModeMap.outline}`,flat:`${e.buttonPrefix}-${e.fillModeMap.flat}`,link:`${e.buttonPrefix}-${e.fillModeMap.link}`,clear:`${e.buttonPrefix}-${e.fillModeMap.clear}`},themeColor:{base:{fillMode:{solid:`${e.buttonPrefix}-${e.fillModeMap.solid}-${e.themeColorMap.base}`,outline:`${e.buttonPrefix}-${e.fillModeMap.outline}-${e.themeColorMap.base}`,flat:`${e.buttonPrefix}-${e.fillModeMap.flat}-${e.themeColorMap.base}`,link:`${e.buttonPrefix}-${e.fillModeMap.link}-${e.themeColorMap.base}`,clear:`${e.buttonPrefix}-${e.fillModeMap.clear}-${e.themeColorMap.base}`}},primary:{fillMode:{solid:`${e.buttonPrefix}-${e.fillModeMap.solid}-${e.themeColorMap.primary}`,outline:`${e.buttonPrefix}-${e.fillModeMap.outline}-${e.themeColorMap.primary}`,flat:`${e.buttonPrefix}-${e.fillModeMap.flat}-${e.themeColorMap.primary}`,link:`${e.buttonPrefix}-${e.fillModeMap.link}-${e.themeColorMap.primary}`,clear:`${e.buttonPrefix}-${e.fillModeMap.clear}-${e.themeColorMap.primary}`}},secondary:{fillMode:{solid:`${e.buttonPrefix}-${e.fillModeMap.solid}-${e.themeColorMap.secondary}`,outline:`${e.buttonPrefix}-${e.fillModeMap.outline}-${e.themeColorMap.secondary}`,flat:`${e.buttonPrefix}-${e.fillModeMap.flat}-${e.themeColorMap.secondary}`,link:`${e.buttonPrefix}-${e.fillModeMap.link}-${e.themeColorMap.secondary}`,clear:`${e.buttonPrefix}-${e.fillModeMap.clear}-${e.themeColorMap.secondary}`}},tertiary:{fillMode:{solid:`${e.buttonPrefix}-${e.fillModeMap.solid}-${e.themeColorMap.tertiary}`,outline:`${e.buttonPrefix}-${e.fillModeMap.outline}-${e.themeColorMap.tertiary}`,flat:`${e.buttonPrefix}-${e.fillModeMap.flat}-${e.themeColorMap.tertiary}`,link:`${e.buttonPrefix}-${e.fillModeMap.link}-${e.themeColorMap.tertiary}`,clear:`${e.buttonPrefix}-${e.fillModeMap.clear}-${e.themeColorMap.tertiary}`}},info:{fillMode:{solid:`${e.buttonPrefix}-${e.fillModeMap.solid}-${e.themeColorMap.info}`,outline:`${e.buttonPrefix}-${e.fillModeMap.outline}-${e.themeColorMap.info}`,flat:`${e.buttonPrefix}-${e.fillModeMap.flat}-${e.themeColorMap.info}`,link:`${e.buttonPrefix}-${e.fillModeMap.link}-${e.themeColorMap.info}`,clear:`${e.buttonPrefix}-${e.fillModeMap.clear}-${e.themeColorMap.info}`}},success:{fillMode:{solid:`${e.buttonPrefix}-${e.fillModeMap.solid}-${e.themeColorMap.success}`,outline:`${e.buttonPrefix}-${e.fillModeMap.outline}-${e.themeColorMap.success}`,flat:`${e.buttonPrefix}-${e.fillModeMap.flat}-${e.themeColorMap.success}`,link:`${e.buttonPrefix}-${e.fillModeMap.link}-${e.themeColorMap.success}`,clear:`${e.buttonPrefix}-${e.fillModeMap.clear}-${e.themeColorMap.success}`}},warning:{fillMode:{solid:`${e.buttonPrefix}-${e.fillModeMap.solid}-${e.themeColorMap.warning}`,outline:`${e.buttonPrefix}-${e.fillModeMap.outline}-${e.themeColorMap.warning}`,flat:`${e.buttonPrefix}-${e.fillModeMap.flat}-${e.themeColorMap.warning}`,link:`${e.buttonPrefix}-${e.fillModeMap.link}-${e.themeColorMap.warning}`,clear:`${e.buttonPrefix}-${e.fillModeMap.clear}-${e.themeColorMap.warning}`}},error:{fillMode:{solid:`${e.buttonPrefix}-${e.fillModeMap.solid}-${e.themeColorMap.error}`,outline:`${e.buttonPrefix}-${e.fillModeMap.outline}-${e.themeColorMap.error}`,flat:`${e.buttonPrefix}-${e.fillModeMap.flat}-${e.themeColorMap.error}`,link:`${e.buttonPrefix}-${e.fillModeMap.link}-${e.themeColorMap.error}`,clear:`${e.buttonPrefix}-${e.fillModeMap.clear}-${e.themeColorMap.error}`}},dark:{fillMode:{solid:`${e.buttonPrefix}-${e.fillModeMap.solid}-${e.themeColorMap.dark}`,outline:`${e.buttonPrefix}-${e.fillModeMap.outline}-${e.themeColorMap.dark}`,flat:`${e.buttonPrefix}-${e.fillModeMap.flat}-${e.themeColorMap.dark}`,link:`${e.buttonPrefix}-${e.fillModeMap.link}-${e.themeColorMap.dark}`,clear:`${e.buttonPrefix}-${e.fillModeMap.clear}-${e.themeColorMap.dark}`}},light:{fillMode:{solid:`${e.buttonPrefix}-${e.fillModeMap.solid}-${e.themeColorMap.light}`,outline:`${e.buttonPrefix}-${e.fillModeMap.outline}-${e.themeColorMap.light}`,flat:`${e.buttonPrefix}-${e.fillModeMap.flat}-${e.themeColorMap.light}`,link:`${e.buttonPrefix}-${e.fillModeMap.link}-${e.themeColorMap.light}`,clear:`${e.buttonPrefix}-${e.fillModeMap.clear}-${e.themeColorMap.light}`}},inverse:{fillMode:{solid:`${e.buttonPrefix}-${e.fillModeMap.solid}-${e.themeColorMap.inverse}`,outline:`${e.buttonPrefix}-${e.fillModeMap.outline}-${e.themeColorMap.inverse}`,flat:`${e.buttonPrefix}-${e.fillModeMap.flat}-${e.themeColorMap.inverse}`,link:`${e.buttonPrefix}-${e.fillModeMap.link}-${e.themeColorMap.inverse}`,clear:`${e.buttonPrefix}-${e.fillModeMap.clear}-${e.themeColorMap.inverse}`}}},rounded:{small:`${e.base.prefix}-${e.base.rounded}-${e.roundedMap.small}`,medium:`${e.base.prefix}-${e.base.rounded}-${e.roundedMap.medium}`,large:`${e.base.prefix}-${e.base.rounded}-${e.roundedMap.large}`},iconButton:`${e.base.prefix}-${e.elements.icon}-${e.elements.button}`,disabled:`${e.base.prefix}-${e.states.disabled}`,selected:`${e.base.prefix}-${e.states.selected}`,isRtl:`${e.base.prefix}-${e.base.rtl}`},text:`${e.buttonPrefix}-${e.elements.text}`,icon:`${e.buttonPrefix}-${e.elements.icon}`},w={wrapper:i=>{var M,u,b,c,m,x,P;const{isRtl:t,selected:a,disabled:l,size:o,fillMode:$,rounded:d,themeColor:k,iconButton:g,c:y=f}=i,n=y.wrapper,r=(M=n.themeColor)==null?void 0:M[k],p=(u=r==null?void 0:r.fillMode)==null?void 0:u[$];return{[n.main]:!0,[n.size[o]]:(b=n.size)==null?void 0:b[o],[`${e.buttonPrefix}-${o}`]:o&&!((c=n.size)!=null&&c[o]),[n.fillMode[$]]:(m=n.fillMode)==null?void 0:m[$],[p]:p,[n.rounded[d]]:(x=n.rounded)==null?void 0:x[d],[`${e.base.prefix}-${e.base.rounded}-${d}`]:d&&!((P=n.rounded)!=null&&P[d]),[n.iconButton]:g,[r==null?void 0:r.disabled]:l&&(r==null?void 0:r.disabled),[r==null?void 0:r.selected]:a&&(r==null?void 0:r.selected),[n.disabled]:l,[n.selected]:a,[n.isRtl]:t}},text:i=>{const{c:t=f}=i;return{[t.text]:!0}},icon:i=>{const{c:t=f}=i;return{[t.icon]:!0}}},C={wrapper:{main:`${e.buttonPrefix}-${e.containers.group}`,stretched:`${e.buttonPrefix}-${e.containers.group}-${e.states.stretched}`,disabled:`${e.base.prefix}-${e.states.disabled}`},position:{start:`${e.base.prefix}-${e.containers.group}-${e.directionMap.start}`,end:`${e.base.prefix}-${e.containers.group}-${e.directionMap.end}`}},z={wrapper:i=>{const{stretched:t,disabled:a,c:l=C}=i,o=l.wrapper;return{[o.main]:!0,[o.stretched]:t,[o.disabled]:a}},position:i=>{const{start:t,end:a,c:l=C}=i,o=l.position;return{[o.start]:t,[o.end]:a}}},s={wrapper:{main:`${e.ddbPrefix}-${e.elements.button}`,focus:`${e.base.prefix}-${e.states.focus}`,disabled:`${e.base.prefix}-${e.states.disabled}`},ul:{group:`${e.ddbPrefix}-${e.containers.group}`,size:{small:`${e.ddbPrefix}-${e.containers.group}-${e.sizeMap.small}`,medium:`${e.ddbPrefix}-${e.containers.group}-${e.sizeMap.medium}`,large:`${e.ddbPrefix}-${e.containers.group}-${e.sizeMap.large}`}},li:{item:`${e.base.prefix}-${e.containers.item}`,focus:`${e.base.prefix}-${e.states.focus}`},item:`${e.ddbPrefix}-${e.containers.item}`,link:{main:`${e.base.prefix}-${e.elements.link}`,link:`${e.ddbPrefix}-${e.elements.link}`,selected:`${e.base.prefix}-${e.states.selected}`,disabled:`${e.base.prefix}-${e.states.disabled}`},popup:`${e.ddbPrefix}-${e.containers.popup}`},B={wrapper:i=>{const{focused:t,disabled:a,c:l=s}=i,o=l.wrapper;return{[o.main]:!0,[o.focus]:t,[o.disabled]:a}},ul:i=>{var o,$;const{size:t,c:a=s}=i,l=a.ul;return{[l.group]:!0,[l.size[t]]:(o=l.size)==null?void 0:o[t],[`${e.ddbPrefix}-${e.containers.group}-${t}`]:t&&!(($=l.size)!=null&&$[t])}},li:i=>{const{focused:t,c:a=s}=i,l=a.li;return{[l.item]:!0,[l.focus]:t}},item:h.getClassByName(s,"item"),link:i=>{const{selected:t,disabled:a,c:l=s}=i,o=l.link;return{[o.main]:!0,[o.link]:!0,[o.selected]:t,[o.disabled]:a}},popup:h.getClassByName(s,"popup")};exports.uButton=w;exports.uButtonGroup=z;exports.uDropDownButton=B;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("./common.js"),e=require("./json-classes.js"),p={wrapper:{main:e.buttonPrefix,size:{small:`${e.buttonPrefix}-${e.sizeMap.small}`,medium:`${e.buttonPrefix}-${e.sizeMap.medium}`,large:`${e.buttonPrefix}-${e.sizeMap.large}`},fillMode:{solid:`${e.buttonPrefix}-${e.fillModeMap.solid}`,outline:`${e.buttonPrefix}-${e.fillModeMap.outline}`,flat:`${e.buttonPrefix}-${e.fillModeMap.flat}`,link:`${e.buttonPrefix}-${e.fillModeMap.link}`,clear:`${e.buttonPrefix}-${e.fillModeMap.clear}`},themeColor:{base:{fillMode:{solid:`${e.buttonPrefix}-${e.fillModeMap.solid}-${e.themeColorMap.base}`,outline:`${e.buttonPrefix}-${e.fillModeMap.outline}-${e.themeColorMap.base}`,flat:`${e.buttonPrefix}-${e.fillModeMap.flat}-${e.themeColorMap.base}`,link:`${e.buttonPrefix}-${e.fillModeMap.link}-${e.themeColorMap.base}`,clear:`${e.buttonPrefix}-${e.fillModeMap.clear}-${e.themeColorMap.base}`}},primary:{fillMode:{solid:`${e.buttonPrefix}-${e.fillModeMap.solid}-${e.themeColorMap.primary}`,outline:`${e.buttonPrefix}-${e.fillModeMap.outline}-${e.themeColorMap.primary}`,flat:`${e.buttonPrefix}-${e.fillModeMap.flat}-${e.themeColorMap.primary}`,link:`${e.buttonPrefix}-${e.fillModeMap.link}-${e.themeColorMap.primary}`,clear:`${e.buttonPrefix}-${e.fillModeMap.clear}-${e.themeColorMap.primary}`}},secondary:{fillMode:{solid:`${e.buttonPrefix}-${e.fillModeMap.solid}-${e.themeColorMap.secondary}`,outline:`${e.buttonPrefix}-${e.fillModeMap.outline}-${e.themeColorMap.secondary}`,flat:`${e.buttonPrefix}-${e.fillModeMap.flat}-${e.themeColorMap.secondary}`,link:`${e.buttonPrefix}-${e.fillModeMap.link}-${e.themeColorMap.secondary}`,clear:`${e.buttonPrefix}-${e.fillModeMap.clear}-${e.themeColorMap.secondary}`}},tertiary:{fillMode:{solid:`${e.buttonPrefix}-${e.fillModeMap.solid}-${e.themeColorMap.tertiary}`,outline:`${e.buttonPrefix}-${e.fillModeMap.outline}-${e.themeColorMap.tertiary}`,flat:`${e.buttonPrefix}-${e.fillModeMap.flat}-${e.themeColorMap.tertiary}`,link:`${e.buttonPrefix}-${e.fillModeMap.link}-${e.themeColorMap.tertiary}`,clear:`${e.buttonPrefix}-${e.fillModeMap.clear}-${e.themeColorMap.tertiary}`}},info:{fillMode:{solid:`${e.buttonPrefix}-${e.fillModeMap.solid}-${e.themeColorMap.info}`,outline:`${e.buttonPrefix}-${e.fillModeMap.outline}-${e.themeColorMap.info}`,flat:`${e.buttonPrefix}-${e.fillModeMap.flat}-${e.themeColorMap.info}`,link:`${e.buttonPrefix}-${e.fillModeMap.link}-${e.themeColorMap.info}`,clear:`${e.buttonPrefix}-${e.fillModeMap.clear}-${e.themeColorMap.info}`}},success:{fillMode:{solid:`${e.buttonPrefix}-${e.fillModeMap.solid}-${e.themeColorMap.success}`,outline:`${e.buttonPrefix}-${e.fillModeMap.outline}-${e.themeColorMap.success}`,flat:`${e.buttonPrefix}-${e.fillModeMap.flat}-${e.themeColorMap.success}`,link:`${e.buttonPrefix}-${e.fillModeMap.link}-${e.themeColorMap.success}`,clear:`${e.buttonPrefix}-${e.fillModeMap.clear}-${e.themeColorMap.success}`}},warning:{fillMode:{solid:`${e.buttonPrefix}-${e.fillModeMap.solid}-${e.themeColorMap.warning}`,outline:`${e.buttonPrefix}-${e.fillModeMap.outline}-${e.themeColorMap.warning}`,flat:`${e.buttonPrefix}-${e.fillModeMap.flat}-${e.themeColorMap.warning}`,link:`${e.buttonPrefix}-${e.fillModeMap.link}-${e.themeColorMap.warning}`,clear:`${e.buttonPrefix}-${e.fillModeMap.clear}-${e.themeColorMap.warning}`}},error:{fillMode:{solid:`${e.buttonPrefix}-${e.fillModeMap.solid}-${e.themeColorMap.error}`,outline:`${e.buttonPrefix}-${e.fillModeMap.outline}-${e.themeColorMap.error}`,flat:`${e.buttonPrefix}-${e.fillModeMap.flat}-${e.themeColorMap.error}`,link:`${e.buttonPrefix}-${e.fillModeMap.link}-${e.themeColorMap.error}`,clear:`${e.buttonPrefix}-${e.fillModeMap.clear}-${e.themeColorMap.error}`}},inverse:{fillMode:{solid:`${e.buttonPrefix}-${e.fillModeMap.solid}-${e.themeColorMap.inverse}`,outline:`${e.buttonPrefix}-${e.fillModeMap.outline}-${e.themeColorMap.inverse}`,flat:`${e.buttonPrefix}-${e.fillModeMap.flat}-${e.themeColorMap.inverse}`,link:`${e.buttonPrefix}-${e.fillModeMap.link}-${e.themeColorMap.inverse}`,clear:`${e.buttonPrefix}-${e.fillModeMap.clear}-${e.themeColorMap.inverse}`}}},rounded:{small:`${e.base.prefix}-${e.base.rounded}-${e.roundedMap.small}`,medium:`${e.base.prefix}-${e.base.rounded}-${e.roundedMap.medium}`,large:`${e.base.prefix}-${e.base.rounded}-${e.roundedMap.large}`},iconButton:`${e.base.prefix}-${e.elements.icon}-${e.elements.button}`,disabled:`${e.base.prefix}-${e.states.disabled}`,selected:`${e.base.prefix}-${e.states.selected}`,isRtl:`${e.base.prefix}-${e.base.rtl}`},text:`${e.buttonPrefix}-${e.elements.text}`,icon:`${e.buttonPrefix}-${e.elements.icon}`},w={wrapper:l=>{var u,M,b,c,m,x,P;const{isRtl:t,selected:a,disabled:i,size:o,fillMode:$,rounded:d,themeColor:k,iconButton:g,c:y=p}=l,n=y.wrapper,r=(u=n.themeColor)==null?void 0:u[k],f=(M=r==null?void 0:r.fillMode)==null?void 0:M[$];return{[n.main]:!0,[n.size[o]]:(b=n.size)==null?void 0:b[o],[`${e.buttonPrefix}-${o}`]:o&&!((c=n.size)!=null&&c[o]),[n.fillMode[$]]:(m=n.fillMode)==null?void 0:m[$],[f]:f,[n.rounded[d]]:(x=n.rounded)==null?void 0:x[d],[`${e.base.prefix}-${e.base.rounded}-${d}`]:d&&!((P=n.rounded)!=null&&P[d]),[n.iconButton]:g,[r==null?void 0:r.disabled]:i&&(r==null?void 0:r.disabled),[r==null?void 0:r.selected]:a&&(r==null?void 0:r.selected),[n.disabled]:i,[n.selected]:a,[n.isRtl]:t}},text:l=>{const{c:t=p}=l;return{[t.text]:!0}},icon:l=>{const{c:t=p}=l;return{[t.icon]:!0}}},h={wrapper:{main:`${e.buttonPrefix}-${e.containers.group}`,stretched:`${e.buttonPrefix}-${e.containers.group}-${e.states.stretched}`,disabled:`${e.base.prefix}-${e.states.disabled}`},position:{start:`${e.base.prefix}-${e.containers.group}-${e.directionMap.start}`,end:`${e.base.prefix}-${e.containers.group}-${e.directionMap.end}`}},z={wrapper:l=>{const{stretched:t,disabled:a,c:i=h}=l,o=i.wrapper;return{[o.main]:!0,[o.stretched]:t,[o.disabled]:a}},position:l=>{const{start:t,end:a,c:i=h}=l,o=i.position;return{[o.start]:t,[o.end]:a}}},s={wrapper:{main:`${e.ddbPrefix}-${e.elements.button}`,focus:`${e.base.prefix}-${e.states.focus}`,disabled:`${e.base.prefix}-${e.states.disabled}`},ul:{group:`${e.ddbPrefix}-${e.containers.group}`,size:{small:`${e.ddbPrefix}-${e.containers.group}-${e.sizeMap.small}`,medium:`${e.ddbPrefix}-${e.containers.group}-${e.sizeMap.medium}`,large:`${e.ddbPrefix}-${e.containers.group}-${e.sizeMap.large}`}},li:{item:`${e.base.prefix}-${e.containers.item}`,focus:`${e.base.prefix}-${e.states.focus}`},item:`${e.ddbPrefix}-${e.containers.item}`,link:{main:`${e.base.prefix}-${e.elements.link}`,link:`${e.ddbPrefix}-${e.elements.link}`,selected:`${e.base.prefix}-${e.states.selected}`,disabled:`${e.base.prefix}-${e.states.disabled}`},popup:`${e.ddbPrefix}-${e.containers.popup}`},B={wrapper:l=>{const{focused:t,disabled:a,c:i=s}=l,o=i.wrapper;return{[o.main]:!0,[o.focus]:t,[o.disabled]:a}},ul:l=>{var o,$;const{size:t,c:a=s}=l,i=a.ul;return{[i.group]:!0,[i.size[t]]:(o=i.size)==null?void 0:o[t],[`${e.ddbPrefix}-${e.containers.group}-${t}`]:t&&!(($=i.size)!=null&&$[t])}},li:l=>{const{focused:t,c:a=s}=l,i=a.li;return{[i.item]:!0,[i.focus]:t}},item:C.getClassByName(s,"item"),link:l=>{const{selected:t,disabled:a,c:i=s}=l,o=i.link;return{[o.main]:!0,[o.link]:!0,[o.selected]:t,[o.disabled]:a}},popup:C.getClassByName(s,"popup")};exports.uButton=w;exports.uButtonGroup=z;exports.uDropDownButton=B;