@progress/kendo-react-common 14.5.0-develop.7 → 14.5.0-develop.9

package/icons/Icon.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("react"),r=require("prop-types"),z=require("../classNames.js"),I=require("./constants.js"),N=require("./utils.js"),P=require("../hooks/useMouse.js");function S(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const o=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(n,s,o.get?o:{enumerable:!0,get:()=>t[s]})}}return n.default=t,Object.freeze(n)}const e=S(x),i=e.forwardRef((t,n)=>{const{className:s,name:o,themeColor:l,size:u,flip:f,style:g,id:b,tabIndex:y,...h}=t,c=e.useRef(null),m=e.useRef(null);e.useImperativeHandle(c,()=>({element:m.current})),e.useImperativeHandle(n,()=>c.current);const p=e.useMemo(()=>u||d.size,[u]),a=e.useMemo(()=>f||d.flip,[f]),O=e.useMemo(()=>z.classNames("k-icon","k-font-icon",o&&N.toIconClass(o),{[`k-color-${l}`]:l,"k-flip-h":a==="horizontal"||a==="both","k-flip-v":a==="vertical"||a==="both"},I.SIZE_CLASSES[p],s),[o,l,p,a,s]),v=P.useMouse(t,c);return e.createElement("span",{ref:m,...h,...v,className:O,id:b,tabIndex:y,style:g,role:"presentation"})});i.propTypes={style:r.object,classNames:r.string,name:r.string,themeColor:r.oneOf(["inherit","primary","secondary","tertiary","info","success","error","warning","dark","light","inverse"]),size:r.oneOf(["default","xsmall","small","medium","large","xlarge","xxlarge","xxxlarge"]),flip:r.oneOf(["default","horizontal","vertical","both"])};const d={size:"default",flip:"default"};i.displayName="KendoIcon";exports.Icon=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("react"),r=require("prop-types"),z=require("../classNames.js"),I=require("./constants.js"),N=require("./utils.js"),P=require("../hooks/useMouse.js");function S(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const o=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(n,s,o.get?o:{enumerable:!0,get:()=>t[s]})}}return n.default=t,Object.freeze(n)}const e=S(x),i=e.forwardRef((t,n)=>{const{className:s,name:o,themeColor:l,size:u,flip:f,style:g,id:b,tabIndex:y,...h}=t,c=e.useRef(null),m=e.useRef(null);e.useImperativeHandle(c,()=>({element:m.current})),e.useImperativeHandle(n,()=>c.current);const p=e.useMemo(()=>u||d.size,[u]),a=e.useMemo(()=>f||d.flip,[f]),O=e.useMemo(()=>z.classNames("k-icon","k-font-icon",o&&N.toIconClass(o),{[`k-color-${l}`]:l,"k-flip-h":a==="horizontal"||a==="both","k-flip-v":a==="vertical"||a==="both"},I.SIZE_CLASSES[p],s),[o,l,p,a,s]),v=P.useMouse(t,c);return e.createElement("span",{ref:m,...h,...v,className:O,id:b,tabIndex:y,style:g,role:"presentation"})});i.propTypes={style:r.object,classNames:r.string,name:r.string,themeColor:r.oneOf(["inherit","primary","secondary","tertiary","info","success","error","warning","inverse"]),size:r.oneOf(["default","xsmall","small","medium","large","xlarge","xxlarge","xxxlarge"]),flip:r.oneOf(["default","horizontal","vertical","both"])};const d={size:"default",flip:"default"};i.displayName="KendoIcon";exports.Icon=i;

package/icons/Icon.mjs

@@ -8,30 +8,30 @@
 "use client";
 import * as e from "react";
 import o from "prop-types";
-import { classNames as k } from "../classNames.mjs";
-import { SIZE_CLASSES as v } from "./constants.mjs";
-import { toIconClass as N } from "./utils.mjs";
-import { useMouse as b } from "../hooks/useMouse.mjs";
+import { classNames as v } from "../classNames.mjs";
+import { SIZE_CLASSES as N } from "./constants.mjs";
+import { toIconClass as b } from "./utils.mjs";
+import { useMouse as k } from "../hooks/useMouse.mjs";
 const u = e.forwardRef((l, d) => {
-  const { className: n, name: s, themeColor: t, size: i, flip: m, style: h, id: g, tabIndex: x, ...y } = l, a = e.useRef(null), f = e.useRef(null);
+  const { className: n, name: s, themeColor: t, size: i, flip: m, style: h, id: x, tabIndex: g, ...y } = l, a = e.useRef(null), f = e.useRef(null);
   e.useImperativeHandle(a, () => ({
     element: f.current
   })), e.useImperativeHandle(d, () => a.current);
   const c = e.useMemo(() => i || p.size, [i]), r = e.useMemo(() => m || p.flip, [m]), z = e.useMemo(
-    () => k(
+    () => v(
       "k-icon",
       "k-font-icon",
-      s && N(s),
+      s && b(s),
       {
         [`k-color-${t}`]: t,
         "k-flip-h": r === "horizontal" || r === "both",
         "k-flip-v": r === "vertical" || r === "both"
       },
-      v[c],
+      N[c],
       n
     ),
     [s, t, c, r, n]
-  ), I = b(l, a);
+  ), I = k(l, a);
   return /* @__PURE__ */ e.createElement(
     "span",
     {
@@ -39,8 +39,8 @@ const u = e.forwardRef((l, d) => {
       ...y,
       ...I,
       className: z,
-      id: g,
-      tabIndex: x,
+      id: x,
+      tabIndex: g,
       style: h,
       role: "presentation"
     }
@@ -59,8 +59,6 @@ u.propTypes = {
     "success",
     "error",
     "warning",
-    "dark",
-    "light",
     "inverse"
   ]),
   size: o.oneOf(["default", "xsmall", "small", "medium", "large", "xlarge", "xxlarge", "xxxlarge"]),

package/icons/SvgIcon.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react"),i=require("prop-types"),S=require("../classNames.js"),M=require("../unstyled/icons.js"),H=require("../unstyled/unstyled-context.js");function R(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const r=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(l,s,r.get?r:{enumerable:!0,get:()=>e[s]})}}return l.default=e,Object.freeze(l)}const t=R(q),m=t.forwardRef((e,l)=>{const{children:s,className:r,svgClassName:N,icon:n,flip:f,id:p,tabIndex:z,size:g,style:a,svgStyle:I,themeColor:u,viewBox:v,name:_,onClick:P,...O}=e,w=t.useRef(null),y=H.useUnstyled(),h=y&&y.uSvgIcon;t.useImperativeHandle(l,()=>({element:w.current}));const b=t.useMemo(()=>n?n.name:c.icon,[n]),d=t.useMemo(()=>n?n.content:void 0,[n]),x=t.useMemo(()=>g||c.size,[g]),o=t.useMemo(()=>f||c.flip,[f]),C=t.useMemo(()=>v||c.viewBox,[v]),j=t.useMemo(()=>S.classNames(M.uSvgIcon.wrapper({c:h,iconNameProp:b,themeColor:u,flipH:o==="horizontal"||o==="both",flipV:o==="vertical"||o==="both",size:x}),r),[h,b,u,o,x,r]),B=t.useMemo(()=>e.width&&e.height?{width:e.width,height:e.height,...a}:e.width?{width:e.width,height:e.width,...a}:e.height?{width:e.height,height:e.height,...a}:{...a},[e.width,e.height,a]),T=t.useMemo(()=>d?{__html:d}:void 0,[d]);return t.createElement("span",{className:S.classNames(M.uSvgIcon.svg({c:h,themeColor:u,flipH:o==="horizontal"||o==="both",flipV:o==="vertical"||o==="both"}),j),style:B,ref:w,onClick:P,"aria-hidden":!0},t.createElement("svg",{id:p,className:N,style:I,"aria-hidden":!0,tabIndex:z,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:n?n.viewBox:C,dangerouslySetInnerHTML:T,...O},n?void 0:s))});m.propTypes={style:i.object,classNames:i.string,children:i.any,icon:i.object,themeColor:i.oneOf(["inherit","primary","secondary","tertiary","info","success","error","warning","dark","light","inverse"]),size:i.oneOf(["default","xsmall","small","medium","large","xlarge","xxlarge","xxxlarge"]),flip:i.oneOf(["default","horizontal","vertical","both"])};const c={size:"default",flip:"default",icon:"",viewBox:"0 0 24 24"};m.displayName="KendoSvgIcon";exports.SvgIcon=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react"),i=require("prop-types"),S=require("../classNames.js"),M=require("../unstyled/icons.js"),H=require("../unstyled/unstyled-context.js");function R(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const r=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(l,s,r.get?r:{enumerable:!0,get:()=>e[s]})}}return l.default=e,Object.freeze(l)}const t=R(q),m=t.forwardRef((e,l)=>{const{children:s,className:r,svgClassName:N,icon:n,flip:f,id:p,tabIndex:z,size:g,style:a,svgStyle:I,themeColor:u,viewBox:v,name:_,onClick:P,...O}=e,w=t.useRef(null),y=H.useUnstyled(),h=y&&y.uSvgIcon;t.useImperativeHandle(l,()=>({element:w.current}));const b=t.useMemo(()=>n?n.name:c.icon,[n]),d=t.useMemo(()=>n?n.content:void 0,[n]),x=t.useMemo(()=>g||c.size,[g]),o=t.useMemo(()=>f||c.flip,[f]),C=t.useMemo(()=>v||c.viewBox,[v]),j=t.useMemo(()=>S.classNames(M.uSvgIcon.wrapper({c:h,iconNameProp:b,themeColor:u,flipH:o==="horizontal"||o==="both",flipV:o==="vertical"||o==="both",size:x}),r),[h,b,u,o,x,r]),B=t.useMemo(()=>e.width&&e.height?{width:e.width,height:e.height,...a}:e.width?{width:e.width,height:e.width,...a}:e.height?{width:e.height,height:e.height,...a}:{...a},[e.width,e.height,a]),T=t.useMemo(()=>d?{__html:d}:void 0,[d]);return t.createElement("span",{className:S.classNames(M.uSvgIcon.svg({c:h,themeColor:u,flipH:o==="horizontal"||o==="both",flipV:o==="vertical"||o==="both"}),j),style:B,ref:w,onClick:P,"aria-hidden":!0},t.createElement("svg",{id:p,className:N,style:I,"aria-hidden":!0,tabIndex:z,focusable:!1,xmlns:"http://www.w3.org/2000/svg",viewBox:n?n.viewBox:C,dangerouslySetInnerHTML:T,...O},n?void 0:s))});m.propTypes={style:i.object,classNames:i.string,children:i.any,icon:i.object,themeColor:i.oneOf(["inherit","primary","secondary","tertiary","info","success","error","warning","inverse"]),size:i.oneOf(["default","xsmall","small","medium","large","xlarge","xxlarge","xxxlarge"]),flip:i.oneOf(["default","horizontal","vertical","both"])};const c={size:"default",flip:"default",icon:"",viewBox:"0 0 24 24"};m.displayName="KendoSvgIcon";exports.SvgIcon=m;

package/icons/SvgIcon.mjs

@@ -101,8 +101,6 @@ M.propTypes = {
     "success",
     "error",
     "warning",
-    "dark",
-    "light",
     "inverse"
   ]),
   size: n.oneOf(["default", "xsmall", "small", "medium", "large", "xlarge", "xxlarge", "xxxlarge"]),

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-common",
-  "version": "14.5.0-develop.7",
+  "version": "14.5.0-develop.9",
   "description": "React Common package delivers common utilities that can be used with the KendoReact UI components. KendoReact Common Utilities package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -26,7 +26,7 @@
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-svg-icons": "^4.0.0",
+    "@progress/kendo-svg-icons": "^4.9.0 || ^5.0.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
   },
@@ -58,5 +58,10 @@
   },
   "publishConfig": {
     "access": "public"
+  },
+  "peerDependenciesMeta": {
+    "@progress/kendo-svg-icons": {
+      "optional": true
+    }
   }
 }

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

package/theme.mjs

@@ -5,8 +5,10 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-const e = {
+const l = {
   sizeMap: {
+    xsmall: "xs",
+    xs: "xs",
     small: "sm",
     medium: "md",
     large: "lg"
@@ -24,5 +26,5 @@ const e = {
   }
 };
 export {
-  e as kendoThemeMaps
+  l as kendoThemeMaps
 };

package/typography/Typography.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react"),t=require("prop-types"),a=require("./constants.js");function j(r){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const s in r)if(s!=="default"){const f=Object.getOwnPropertyDescriptor(r,s);Object.defineProperty(c,s,f.get?f:{enumerable:!0,get:()=>r[s]})}}return c.default=r,Object.freeze(c)}const l=j(R),n=r=>{const c=l.forwardRef((s,f)=>{const{id:y,style:h,className:m,fontSize:S,fontWeight:d,textAlign:T,textTransform:C,themeColor:E,margin:e,...O}=s,u=l.useRef(null),g=l.useRef(null);l.useImperativeHandle(u,()=>({element:g.current,props:s})),l.useImperativeHandle(f,()=>u.current);const _=()=>`k-${r==="p"?"paragraph":r}`,A=r,b=(i,p)=>{const o=typeof p=="string"?a.MARGIN_ENUM_VALUES[p]:p;return`${a.MARGIN_SIDES_CLASSES[i]}${o}`},N=()=>{if(e!==void 0){if(typeof e=="string")return[a.MARGIN_ENUM_CLASSES[e]];if(typeof e=="number"&&e>=0&&e<=24)return[`k-m-${e}`];if(typeof e=="object"){const i=[];return Object.keys(e).forEach(o=>{e[o]!==null&&e[o]!==void 0&&i.push(b(o,e[o]))}),i.join(" ")}}},M=()=>[_(),a.FONT_SIZE_CLASSES[S],a.FONT_WEIGHT_CLASSES[d],a.TEXT_ALIGN_CLASSES[T],a.TEXT_TRANSFORM_CLASSES[C],a.THEME_COLOR_CLASSES[E],N(),m].filter(o=>o!==void 0).join(" ");return l.createElement(A,{id:y,ref:g,className:M(),style:h,...O},s.children)});return c.propTypes={style:t.object,className:t.string,fontSize:t.oneOf(["xsmall","small","medium","large","xlarge"]),fontWeight:t.oneOf(["light","normal","bold"]),margin:t.oneOfType([t.number,t.object,t.oneOf(["xsmall","small","medium","large","xlarge","thin","hair"])]),textAlign:t.oneOf(["left","right","center","justify"]),textTransform:t.oneOf(["lowercase","uppercase","capitalize"]),themeColor:t.oneOf(["inherit","primary","secondary","tertiary","info","success","error","warning","dark","light","inverse"])},c.displayName=`KendoReactTypography${r.toUpperCase()}`,c},L=n("h1"),I=n("h2"),x=n("h3"),v=n("h4"),G=n("h5"),P=n("h6"),$=n("p"),w=n("code"),z=n("pre"),H={h1:L,h2:I,h3:x,h4:v,h5:G,h6:P,p:$,code:w,pre:z};exports.Typography=H;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react"),t=require("prop-types"),a=require("./constants.js");function j(r){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const s in r)if(s!=="default"){const f=Object.getOwnPropertyDescriptor(r,s);Object.defineProperty(c,s,f.get?f:{enumerable:!0,get:()=>r[s]})}}return c.default=r,Object.freeze(c)}const l=j(R),n=r=>{const c=l.forwardRef((s,f)=>{const{id:y,style:h,className:m,fontSize:S,fontWeight:d,textAlign:T,textTransform:C,themeColor:E,margin:e,...O}=s,u=l.useRef(null),g=l.useRef(null);l.useImperativeHandle(u,()=>({element:g.current,props:s})),l.useImperativeHandle(f,()=>u.current);const _=()=>`k-${r==="p"?"paragraph":r}`,A=r,b=(i,p)=>{const o=typeof p=="string"?a.MARGIN_ENUM_VALUES[p]:p;return`${a.MARGIN_SIDES_CLASSES[i]}${o}`},N=()=>{if(e!==void 0){if(typeof e=="string")return[a.MARGIN_ENUM_CLASSES[e]];if(typeof e=="number"&&e>=0&&e<=24)return[`k-m-${e}`];if(typeof e=="object"){const i=[];return Object.keys(e).forEach(o=>{e[o]!==null&&e[o]!==void 0&&i.push(b(o,e[o]))}),i.join(" ")}}},M=()=>[_(),a.FONT_SIZE_CLASSES[S],a.FONT_WEIGHT_CLASSES[d],a.TEXT_ALIGN_CLASSES[T],a.TEXT_TRANSFORM_CLASSES[C],a.THEME_COLOR_CLASSES[E],N(),m].filter(o=>o!==void 0).join(" ");return l.createElement(A,{id:y,ref:g,className:M(),style:h,...O},s.children)});return c.propTypes={style:t.object,className:t.string,fontSize:t.oneOf(["xsmall","small","medium","large","xlarge"]),fontWeight:t.oneOf(["light","normal","bold"]),margin:t.oneOfType([t.number,t.object,t.oneOf(["xsmall","small","medium","large","xlarge","thin","hair"])]),textAlign:t.oneOf(["left","right","center","justify"]),textTransform:t.oneOf(["lowercase","uppercase","capitalize"]),themeColor:t.oneOf(["inherit","primary","secondary","tertiary","info","success","error","warning","inverse"])},c.displayName=`KendoReactTypography${r.toUpperCase()}`,c},L=n("h1"),I=n("h2"),x=n("h3"),v=n("h4"),G=n("h5"),P=n("h6"),$=n("p"),w=n("code"),z=n("pre"),H={h1:L,h2:I,h3:x,h4:v,h5:G,h6:P,p:$,code:w,pre:z};exports.Typography=H;

package/typography/Typography.mjs

@@ -11,7 +11,7 @@ import t from "prop-types";
 import { FONT_SIZE_CLASSES as L, FONT_WEIGHT_CLASSES as M, TEXT_ALIGN_CLASSES as x, TEXT_TRANSFORM_CLASSES as I, THEME_COLOR_CLASSES as b, MARGIN_ENUM_CLASSES as j, MARGIN_SIDES_CLASSES as v, MARGIN_ENUM_VALUES as G } from "./constants.mjs";
 const r = (c) => {
   const i = n.forwardRef((l, h) => {
-    const { id: m, style: g, className: y, fontSize: S, fontWeight: u, textAlign: d, textTransform: C, themeColor: E, margin: e, ...T } = l, p = n.useRef(null), f = n.useRef(null);
+    const { id: m, style: g, className: y, fontSize: S, fontWeight: u, textAlign: C, textTransform: E, themeColor: d, margin: e, ...T } = l, p = n.useRef(null), f = n.useRef(null);
     n.useImperativeHandle(p, () => ({
       element: f.current,
       props: l
@@ -36,9 +36,9 @@ const r = (c) => {
       A(),
       L[S],
       M[u],
-      x[d],
-      I[C],
-      b[E],
+      x[C],
+      I[E],
+      b[d],
       O(),
       y
     ].filter((s) => s !== void 0).join(" ");
@@ -65,12 +65,10 @@ const r = (c) => {
       "success",
       "error",
       "warning",
-      "dark",
-      "light",
       "inverse"
     ])
   }, i.displayName = `KendoReactTypography${c.toUpperCase()}`, i;
-}, $ = r("h1"), H = r("h2"), U = r("h3"), w = r("h4"), z = r("h5"), F = r("h6"), W = r("p"), P = r("code"), X = r("pre"), K = {
+}, $ = r("h1"), H = r("h2"), U = r("h3"), w = r("h4"), z = r("h5"), F = r("h6"), W = r("p"), P = r("code"), X = r("pre"), V = {
   h1: $,
   h2: H,
   h3: U,
@@ -82,5 +80,5 @@ const r = (c) => {
   pre: X
 };
 export {
-  K as Typography
+  V as Typography
 };

package/typography/TypographyProps.d.ts

@@ -112,14 +112,12 @@ export interface TypographyProps extends KendoReactComponentBaseProps {
      * * `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.
      *
      * You can use the `style` property to apply custom color related properties to the element.
      *
      */
-    themeColor?: 'inherit' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';
+    themeColor?: 'inherit' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'inverse';
     /**
      * Sets a custom property to the element.
      */

package/unstyled/buttons.d.ts

@@ -12,6 +12,8 @@ export interface ButtonWrapperClasses {
     main?: string;
     /** Size options for the button */
     size?: {
+        /** Extra small size button */
+        xs?: string;
         /** Small size button */
         small?: string;
         /** Medium size button */

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 c=require("./interfaces/common.js"),e=require("./json-classes.js"),d={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:`${e.buttonPrefix}-${e.themeColorMap.base}`,primary:`${e.buttonPrefix}-${e.themeColorMap.primary}`,secondary:`${e.buttonPrefix}-${e.themeColorMap.secondary}`,tertiary:`${e.buttonPrefix}-${e.themeColorMap.tertiary}`,info:`${e.buttonPrefix}-${e.themeColorMap.info}`,success:`${e.buttonPrefix}-${e.themeColorMap.success}`,warning:`${e.buttonPrefix}-${e.themeColorMap.warning}`,error:`${e.buttonPrefix}-${e.themeColorMap.error}`,dark:`${e.buttonPrefix}-${e.themeColorMap.dark}`,light:`${e.buttonPrefix}-${e.themeColorMap.light}`,inverse:`${e.buttonPrefix}-${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}`},x={wrapper:o=>{const{isRtl:r,selected:n,disabled:s,size:t,fillMode:u,rounded:a,themeColor:$,iconButton:f,c:m=d}=o,i=m.wrapper,p=$&&i.themeColor?i.themeColor[$]:void 0;return{[i.main]:!0,[i.size[t]]:t&&i.size[t],[`${e.buttonPrefix}-${t}`]:t&&!i.size[t],[i.fillMode[u]]:u&&i.fillMode[u],[p]:p,[i.rounded[a]]:a&&i.rounded[a],[`${e.base.prefix}-${e.base.rounded}-${a}`]:a&&!i.rounded[a],[i.iconButton]:f,[i.disabled]:s,[i.selected]:n,[i.isRtl]:r}},text:o=>{const{c:r=d}=o;return{[r.text]:!0}},icon:o=>{const{c:r=d}=o;return{[r.icon]:!0}}},b={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}`}},M={wrapper:o=>{const{stretched:r,disabled:n,c:s=b}=o,t=s.wrapper;return{[t.main]:!0,[t.stretched]:r,[t.disabled]:n}},position:o=>{const{start:r,end:n,c:s=b}=o,t=s.position;return{[t.start]:r,[t.end]:n}}},l={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}`},P={wrapper:o=>{const{focused:r,disabled:n,c:s=l}=o,t=s.wrapper;return{[t.main]:!0,[t.focus]:r,[t.disabled]:n}},ul:o=>{const{size:r,c:n=l}=o,s=n.ul;return{[s.group]:!0,[s.size[r]]:s.size[r],[`${e.ddbPrefix}-${e.containers.group}-${r}`]:r&&!s.size[r]}},li:o=>{const{focused:r,c:n=l}=o,s=n.li;return{[s.item]:!0,[s.focus]:r}},item:c.getClassByName(l,"item"),link:o=>{const{selected:r,disabled:n,c:s=l}=o,t=s.link;return{[t.main]:!0,[t.link]:!0,[t.selected]:r,[t.disabled]:n}},popup:c.getClassByName(l,"popup")};exports.uButton=x;exports.uButtonGroup=M;exports.uDropDownButton=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./interfaces/common.js"),e=require("./json-classes.js"),d={wrapper:{main:e.buttonPrefix,size:{xs:`${e.buttonPrefix}-${e.sizeMap.xsmall}`,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:`${e.buttonPrefix}-${e.themeColorMap.base}`,primary:`${e.buttonPrefix}-${e.themeColorMap.primary}`,secondary:`${e.buttonPrefix}-${e.themeColorMap.secondary}`,tertiary:`${e.buttonPrefix}-${e.themeColorMap.tertiary}`,info:`${e.buttonPrefix}-${e.themeColorMap.info}`,success:`${e.buttonPrefix}-${e.themeColorMap.success}`,warning:`${e.buttonPrefix}-${e.themeColorMap.warning}`,error:`${e.buttonPrefix}-${e.themeColorMap.error}`,dark:`${e.buttonPrefix}-${e.themeColorMap.dark}`,light:`${e.buttonPrefix}-${e.themeColorMap.light}`,inverse:`${e.buttonPrefix}-${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}`},x={wrapper:o=>{const{isRtl:r,selected:n,disabled:s,size:t,fillMode:u,rounded:a,themeColor:$,iconButton:f,c:m=d}=o,i=m.wrapper,p=$&&i.themeColor?i.themeColor[$]:void 0;return{[i.main]:!0,[i.size[t]]:t&&i.size[t],[`${e.buttonPrefix}-${t}`]:t&&!i.size[t],[i.fillMode[u]]:u&&i.fillMode[u],[p]:p,[i.rounded[a]]:a&&i.rounded[a],[`${e.base.prefix}-${e.base.rounded}-${a}`]:a&&!i.rounded[a],[i.iconButton]:f,[i.disabled]:s,[i.selected]:n,[i.isRtl]:r}},text:o=>{const{c:r=d}=o;return{[r.text]:!0}},icon:o=>{const{c:r=d}=o;return{[r.icon]:!0}}},b={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}`}},M={wrapper:o=>{const{stretched:r,disabled:n,c:s=b}=o,t=s.wrapper;return{[t.main]:!0,[t.stretched]:r,[t.disabled]:n}},position:o=>{const{start:r,end:n,c:s=b}=o,t=s.position;return{[t.start]:r,[t.end]:n}}},l={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}`},P={wrapper:o=>{const{focused:r,disabled:n,c:s=l}=o,t=s.wrapper;return{[t.main]:!0,[t.focus]:r,[t.disabled]:n}},ul:o=>{const{size:r,c:n=l}=o,s=n.ul;return{[s.group]:!0,[s.size[r]]:s.size[r],[`${e.ddbPrefix}-${e.containers.group}-${r}`]:r&&!s.size[r]}},li:o=>{const{focused:r,c:n=l}=o,s=n.li;return{[s.item]:!0,[s.focus]:r}},item:c.getClassByName(l,"item"),link:o=>{const{selected:r,disabled:n,c:s=l}=o,t=s.link;return{[t.main]:!0,[t.link]:!0,[t.selected]:r,[t.disabled]:n}},popup:c.getClassByName(l,"popup")};exports.uButton=x;exports.uButtonGroup=M;exports.uDropDownButton=P;

package/unstyled/buttons.mjs

@@ -6,21 +6,22 @@
  *-------------------------------------------------------------------------------------------
  */
 import { getClassByName as z } from "./interfaces/common.mjs";
-import { buttonPrefix as e, elements as u, base as r, states as a, roundedMap as g, themeColorMap as d, fillModeMap as b, sizeMap as f, containers as l, directionMap as C, ddbPrefix as p } from "./json-classes.mjs";
+import { buttonPrefix as e, elements as u, base as r, states as p, roundedMap as g, themeColorMap as d, fillModeMap as x, sizeMap as c, containers as l, directionMap as C, ddbPrefix as a } from "./json-classes.mjs";
 const w = {
   wrapper: {
     main: e,
     size: {
-      small: `${e}-${f.small}`,
-      medium: `${e}-${f.medium}`,
-      large: `${e}-${f.large}`
+      xs: `${e}-${c.xsmall}`,
+      small: `${e}-${c.small}`,
+      medium: `${e}-${c.medium}`,
+      large: `${e}-${c.large}`
     },
     fillMode: {
-      solid: `${e}-${b.solid}`,
-      outline: `${e}-${b.outline}`,
-      flat: `${e}-${b.flat}`,
-      link: `${e}-${b.link}`,
-      clear: `${e}-${b.clear}`
+      solid: `${e}-${x.solid}`,
+      outline: `${e}-${x.outline}`,
+      flat: `${e}-${x.flat}`,
+      link: `${e}-${x.link}`,
+      clear: `${e}-${x.clear}`
     },
     themeColor: {
       base: `${e}-${d.base}`,
@@ -41,23 +42,23 @@ const w = {
       large: `${r.prefix}-${r.rounded}-${g.large}`
     },
     iconButton: `${r.prefix}-${u.icon}-${u.button}`,
-    disabled: `${r.prefix}-${a.disabled}`,
-    selected: `${r.prefix}-${a.selected}`,
+    disabled: `${r.prefix}-${p.disabled}`,
+    selected: `${r.prefix}-${p.selected}`,
     isRtl: `${r.prefix}-${r.rtl}`
   },
   text: `${e}-${u.text}`,
   icon: `${e}-${u.icon}`
 }, R = {
   wrapper: (o) => {
-    const { isRtl: i, selected: n, disabled: s, size: t, fillMode: x, rounded: c, themeColor: h, iconButton: B, c: y = w } = o, $ = y.wrapper, k = h && $.themeColor ? $.themeColor[h] : void 0;
+    const { isRtl: i, selected: n, disabled: s, size: t, fillMode: b, rounded: m, themeColor: h, iconButton: B, c: y = w } = o, $ = y.wrapper, k = h && $.themeColor ? $.themeColor[h] : void 0;
     return {
       [$.main]: !0,
       [$.size[t]]: t && $.size[t],
       [`${e}-${t}`]: t && !$.size[t],
-      [$.fillMode[x]]: x && $.fillMode[x],
+      [$.fillMode[b]]: b && $.fillMode[b],
       [k]: k,
-      [$.rounded[c]]: c && $.rounded[c],
-      [`${r.prefix}-${r.rounded}-${c}`]: c && !$.rounded[c],
+      [$.rounded[m]]: m && $.rounded[m],
+      [`${r.prefix}-${r.rounded}-${m}`]: m && !$.rounded[m],
       [$.iconButton]: B,
       [$.disabled]: s,
       [$.selected]: n,
@@ -79,8 +80,8 @@ const w = {
 }, M = {
   wrapper: {
     main: `${e}-${l.group}`,
-    stretched: `${e}-${l.group}-${a.stretched}`,
-    disabled: `${r.prefix}-${a.disabled}`
+    stretched: `${e}-${l.group}-${p.stretched}`,
+    disabled: `${r.prefix}-${p.disabled}`
   },
   position: {
     start: `${r.prefix}-${l.group}-${C.start}`,
@@ -102,35 +103,35 @@ const w = {
       [t.end]: n
     };
   }
-}, m = {
+}, f = {
   wrapper: {
-    main: `${p}-${u.button}`,
-    focus: `${r.prefix}-${a.focus}`,
-    disabled: `${r.prefix}-${a.disabled}`
+    main: `${a}-${u.button}`,
+    focus: `${r.prefix}-${p.focus}`,
+    disabled: `${r.prefix}-${p.disabled}`
   },
   ul: {
-    group: `${p}-${l.group}`,
+    group: `${a}-${l.group}`,
     size: {
-      small: `${p}-${l.group}-${f.small}`,
-      medium: `${p}-${l.group}-${f.medium}`,
-      large: `${p}-${l.group}-${f.large}`
+      small: `${a}-${l.group}-${c.small}`,
+      medium: `${a}-${l.group}-${c.medium}`,
+      large: `${a}-${l.group}-${c.large}`
     }
   },
   li: {
     item: `${r.prefix}-${l.item}`,
-    focus: `${r.prefix}-${a.focus}`
+    focus: `${r.prefix}-${p.focus}`
   },
-  item: `${p}-${l.item}`,
+  item: `${a}-${l.item}`,
   link: {
     main: `${r.prefix}-${u.link}`,
-    link: `${p}-${u.link}`,
-    selected: `${r.prefix}-${a.selected}`,
-    disabled: `${r.prefix}-${a.disabled}`
+    link: `${a}-${u.link}`,
+    selected: `${r.prefix}-${p.selected}`,
+    disabled: `${r.prefix}-${p.disabled}`
   },
-  popup: `${p}-${l.popup}`
+  popup: `${a}-${l.popup}`
 }, P = {
   wrapper: (o) => {
-    const { focused: i, disabled: n, c: s = m } = o, t = s.wrapper;
+    const { focused: i, disabled: n, c: s = f } = o, t = s.wrapper;
     return {
       [t.main]: !0,
       [t.focus]: i,
@@ -138,23 +139,23 @@ const w = {
     };
   },
   ul: (o) => {
-    const { size: i, c: n = m } = o, s = n.ul;
+    const { size: i, c: n = f } = o, s = n.ul;
     return {
       [s.group]: !0,
       [s.size[i]]: s.size[i],
-      [`${p}-${l.group}-${i}`]: i && !s.size[i]
+      [`${a}-${l.group}-${i}`]: i && !s.size[i]
     };
   },
   li: (o) => {
-    const { focused: i, c: n = m } = o, s = n.li;
+    const { focused: i, c: n = f } = o, s = n.li;
     return {
       [s.item]: !0,
       [s.focus]: i
     };
   },
-  item: z(m, "item"),
+  item: z(f, "item"),
   link: (o) => {
-    const { selected: i, disabled: n, c: s = m } = o, t = s.link;
+    const { selected: i, disabled: n, c: s = f } = o, t = s.link;
     return {
       [t.main]: !0,
       [t.link]: !0,
@@ -162,7 +163,7 @@ const w = {
       [t.disabled]: n
     };
   },
-  popup: z(m, "popup")
+  popup: z(f, "popup")
 };
 export {
   R as uButton,

package/unstyled/icons.d.ts

@@ -24,10 +24,8 @@ export interface ThemeColorClasses {
     warning?: string;
     /** Text color indicating errors */
     error?: string;
-    /** Text color for dark theme */
-    dark?: string;
-    /** Text color for light theme */
-    light?: string;
+    /** Text color for inverse theme */
+    inverse?: string;
 }
 /** Size options  */
 export interface SizeClasses {

package/unstyled/icons.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=require("./json-classes.js"),l={wrapper:{main:`${e.base.prefix}-${e.icon.prefix}`,svgPrefix:`${e.base.prefix}-${e.icon.svg}-${e.icon.prefix}`,namePrefix:`${e.base.prefix}-${e.icon.svg}-${e.icon.i}-`,flipH:`${e.base.prefix}-${e.icon.flipH}`,flipV:`${e.base.prefix}-${e.icon.flipV}`,themeColor:{inherit:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.inherit}`,primary:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.primary}`,secondary:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.secondary}`,tertiary:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.tertiary}`,info:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.info}`,success:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.success}`,warning:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.warning}`,error:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.error}`,dark:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.dark}`,light:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.light}`},size:{default:"",xsmall:`${e.base.prefix}-${e.icon.prefix}-${e.sizeMap.xsmall}`,small:`${e.base.prefix}-${e.icon.prefix}-${e.sizeMap.small}`,medium:`${e.base.prefix}-${e.icon.prefix}-${e.sizeMap.medium}`,large:`${e.base.prefix}-${e.icon.prefix}-${e.sizeMap.large}`,xlarge:`${e.base.prefix}-${e.icon.prefix}-${e.sizeMap.xlarge}`,xxlarge:`${e.base.prefix}-${e.icon.prefix}-${e.sizeMap.xxlarge}`,xxxlarge:`${e.base.prefix}-${e.icon.prefix}-${e.sizeMap.xxxlarge}`}},svg:{main:"",flipH:"",flipV:""}},c={wrapper:p=>{const{iconNameProp:o,themeColor:a,flipH:s,flipV:r,size:$,c:n=l}=p,i=n.wrapper||{};return{[i.main||""]:!0,[i.svgPrefix||""]:!0,[`${i.namePrefix||""}${o}`]:o,[i.themeColor[a]||""]:a,[i.flipH||""]:s,[i.flipV||""]:r,[i.size[$]||""]:i.size[$]}},svg:p=>{const{flipH:o,flipV:a,c:s=l}=p,r=s.svg;return{[r.main||""]:!0,[r.flipH||""]:o,[r.flipV||""]:a}}};exports.uSvgIcon=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./json-classes.js"),l={wrapper:{main:`${e.base.prefix}-${e.icon.prefix}`,svgPrefix:`${e.base.prefix}-${e.icon.svg}-${e.icon.prefix}`,namePrefix:`${e.base.prefix}-${e.icon.svg}-${e.icon.i}-`,flipH:`${e.base.prefix}-${e.icon.flipH}`,flipV:`${e.base.prefix}-${e.icon.flipV}`,themeColor:{inherit:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.inherit}`,primary:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.primary}`,secondary:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.secondary}`,tertiary:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.tertiary}`,info:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.info}`,success:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.success}`,warning:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.warning}`,error:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.error}`,inverse:`${e.base.prefix}-${e.icon.color}-${e.themeColorMap.inverse}`},size:{default:"",xsmall:`${e.base.prefix}-${e.icon.prefix}-${e.sizeMap.xsmall}`,small:`${e.base.prefix}-${e.icon.prefix}-${e.sizeMap.small}`,medium:`${e.base.prefix}-${e.icon.prefix}-${e.sizeMap.medium}`,large:`${e.base.prefix}-${e.icon.prefix}-${e.sizeMap.large}`,xlarge:`${e.base.prefix}-${e.icon.prefix}-${e.sizeMap.xlarge}`,xxlarge:`${e.base.prefix}-${e.icon.prefix}-${e.sizeMap.xxlarge}`,xxxlarge:`${e.base.prefix}-${e.icon.prefix}-${e.sizeMap.xxxlarge}`}},svg:{main:"",flipH:"",flipV:""}},c={wrapper:p=>{const{iconNameProp:o,themeColor:a,flipH:s,flipV:r,size:$,c:n=l}=p,i=n.wrapper||{};return{[i.main||""]:!0,[i.svgPrefix||""]:!0,[`${i.namePrefix||""}${o}`]:o,[i.themeColor[a]||""]:a,[i.flipH||""]:s,[i.flipV||""]:r,[i.size[$]||""]:i.size[$]}},svg:p=>{const{flipH:o,flipV:a,c:s=l}=p,r=s.svg;return{[r.main||""]:!0,[r.flipH||""]:o,[r.flipV||""]:a}}};exports.uSvgIcon=c;

package/unstyled/icons.mjs

@@ -6,7 +6,7 @@
  *-------------------------------------------------------------------------------------------
  */
 import { base as e, icon as r, sizeMap as p, themeColorMap as i } from "./json-classes.mjs";
-const c = {
+const n = {
   wrapper: {
     main: `${e.prefix}-${r.prefix}`,
     svgPrefix: `${e.prefix}-${r.svg}-${r.prefix}`,
@@ -22,8 +22,7 @@ const c = {
       success: `${e.prefix}-${r.color}-${i.success}`,
       warning: `${e.prefix}-${r.color}-${i.warning}`,
       error: `${e.prefix}-${r.color}-${i.error}`,
-      dark: `${e.prefix}-${r.color}-${i.dark}`,
-      light: `${e.prefix}-${r.color}-${i.light}`
+      inverse: `${e.prefix}-${r.color}-${i.inverse}`
     },
     size: {
       default: "",
@@ -42,24 +41,24 @@ const c = {
     flipV: ""
   }
 }, m = {
-  wrapper: (o) => {
-    const { iconNameProp: x, themeColor: l, flipH: a, flipV: f, size: s, c: n = c } = o, $ = n.wrapper || {};
+  wrapper: (l) => {
+    const { iconNameProp: x, themeColor: o, flipH: s, flipV: f, size: a, c = n } = l, $ = c.wrapper || {};
     return {
       [$.main || ""]: !0,
       [$.svgPrefix || ""]: !0,
       [`${$.namePrefix || ""}${x}`]: x,
-      [$.themeColor[l] || ""]: l,
-      [$.flipH || ""]: a,
+      [$.themeColor[o] || ""]: o,
+      [$.flipH || ""]: s,
       [$.flipV || ""]: f,
-      [$.size[s] || ""]: $.size[s]
+      [$.size[a] || ""]: $.size[a]
     };
   },
-  svg: (o) => {
-    const { flipH: x, flipV: l, c: a = c } = o, f = a.svg;
+  svg: (l) => {
+    const { flipH: x, flipV: o, c: s = n } = l, f = s.svg;
     return {
       [f.main || ""]: !0,
       [f.flipH || ""]: x,
-      [f.flipV || ""]: l
+      [f.flipV || ""]: o
     };
   }
 };

package/unstyled/json-classes.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={prefix:"k",important:"!",rtl:"rtl",rounded:"rounded",value:"value",state:"state",filter:"filter",virtual:"virtual",infinite:"infinite",clear:"clear",reset:"reset",data:"data",nodata:"nodata",scroller:"scroller"},n={center:"center",hbox:"hbox",vstack:"vstack",hstack:"hstack",overflow:"overflow"},t={actionsheet:"actionsheet",calendar:"calendar",buttongroup:"buttongroup",dateinput:"dateinput",datetime:"datetime",datetimepicker:"datetimepicker",dropdownlist:"dropdownlist",combobox:"combobox",maskedtextbox:"maskedtextbox",menu:"menu",searchbox:"searchbox",timepicker:"timepicker"},l={xsmall:"xs",small:"sm",medium:"md",large:"lg",xlarge:"xl",xxlarge:"xxl",xxxlarge:"xxxl"},s={solid:"solid",outline:"outline",flat:"flat",link:"link",clear:"clear"},c={base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",dark:"dark",light:"light",inherit:"inherit",inverse:"inverse"},d={small:"sm",medium:"md",large:"lg",full:"full",none:"none"},p={vertical:"vertical",horizontal:"horizontal"},f={height:"height",width:"width"},m={default:"cursor-default"},u={up:"up",down:"down",left:"left",right:"right",start:"start",mid:"mid",end:"end"},r={actions:"actions",container:"container",content:"content",group:"group",row:"row",nav:"nav",wrap:"wrap",wrapper:"wrapper",list:"list",placeholder:"placeholder",popup:"popup",item:"item",part:"part",picker:"picker",separator:"separator",spacer:"spacer",tab:"tab",titlebar:"titlebar",optionLabel:"optionlabel",view:"view"},o={table:"table",text:"text",button:"button",tbody:"tbody",thead:"thead",tr:"tr",th:"th",td:"td",header:"header",footer:"footer",icon:"icon",title:"title",subtitle:"subtitle",link:"link",label:"label",ul:"ul",caption:"caption"},h={increase:"increase",decrease:"decrease",cancel:"cancel",accept:"accept",split:"split"},x={active:"active",adaptive:"adaptive",first:"first",focus:"focus",pending:"pending",last:"last",draggable:"draggable",filterable:"filterable",grouping:"grouping",selected:"selected",highlighted:"highlighted",disabled:"disabled",hidden:"hidden",highlight:"highlight",invalid:"invalid",loading:"loading",required:"required",checked:"checked",empty:"empty",scrollable:"scrollable",sorted:"sorted",sort:"sort",sticky:"sticky",stretched:"stretched",order:"order",alt:"alt",edit:"edit",template:"template",shown:"shown",horizontal:"horizontal",vertical:"vertical",fullscreen:"fullscreen",bottom:"bottom"},b={prefix:"animation",child:"child",relative:"relative",slide:"slide",appear:"appear",active:"active",enter:"enter",exit:"exit",pushRight:"push-right",pushLeft:"push-left",pushDown:"push-down",pushUp:"push-up",expandVertical:"expand-vertical",expandHorizontal:"expand-horizontal",fade:"fade",zoomIn:"zoom-in",zoomOut:"zoom-out",slideIn:"slide-in",slideDown:"slide-down",slideUp:"slide-up",slideRight:"slide-right",slideLeft:"slide-left",revealVertical:"reveal-vertical",revealHorizontal:"reveal-horizontal","animation-container":"animation-container","animation-container-shown":"animation-container-shown","animation-container-relative":"animation-container-relative","animation-container-fixed":"animation-container-fixed","child-animation-container":"child-animation-container"},i={input:"input",inner:"inner",spin:"spin",spinner:"spinner",maskedtextbox:"maskedtextbox",radio:"radio",textbox:"textbox",prefix:"prefix",suffix:"suffix"},g={week:"week",weekdays:"weekdays",weekend:"weekend",month:"month",year:"year",decade:"decade",century:"century",number:"number",navigation:"navigation",marker:"marker",now:"now",range:"range",today:"today",other:"other",date:"date",time:"time",selector:"selector",timeselector:"timeselector"},v={prefix:"icon",svg:"svg",i:"i",color:"color",flipH:"flip-h",flipV:"flip-v"},w={label:"label",text:"text",floatingLabel:"floating-label",container:"container",hint:"form-hint",error:"form-error"},k={form:"form",fieldset:"fieldset",legend:"legend",separator:"separator",field:"field"},y={prefix:"popup"},a={prefix:"grid",ariaRoot:"aria-root",tableWrap:"table-wrap",master:"master",column:"column",cell:"cell",cellInner:"cell-inner",row:"row",group:"group",hierarchy:"hierarchy",detail:"detail",noRecords:"norecords",pager:"pager"},P={drop:"drop",drag:"drag",hint:"hint",vertical:"v",horizontal:"h",clue:"clue",reorder:"reorder"},$=`${e.prefix}-${i.input}`,z=`${e.prefix}-${t.calendar}`,M=`${e.prefix}-${t.maskedtextbox}`,R=`${e.prefix}-${i.radio}`,L=`${e.prefix}-${o.button}`,I=`${e.prefix}-${t.menu}`,D=`${e.prefix}-${r.picker}`,S=`${e.prefix}-${t.dropdownlist}`,U=`${e.prefix}-${t.combobox}`,j=`${e.prefix}-${a.prefix}`,H={base:e,actions:h,animation:b,sizeMap:l,components:t,cssUtils:n,directionMap:u,fillModeMap:s,themeColorMap:c,roundedMap:d,orientationMap:p,elements:o,states:x,dimensions:f,containers:r,cursor:m,inputs:i,dateInputs:g,labels:w,forms:k,popup:y,icon:v,grid:a};exports.actions=h;exports.animationStyles=b;exports.base=e;exports.buttonPrefix=L;exports.calendarPrefix=z;exports.comboBoxPrefix=U;exports.components=t;exports.containers=r;exports.cssUtils=n;exports.cursor=m;exports.dateInputs=g;exports.ddbPrefix=I;exports.dimensions=f;exports.directionMap=u;exports.dropDownListPrefix=S;exports.elements=o;exports.fillModeMap=s;exports.forms=k;exports.grid=a;exports.gridPrefix=j;exports.gridRowReorder=P;exports.icon=v;exports.inputPrefix=$;exports.inputs=i;exports.jsonTheme=H;exports.labels=w;exports.maskedPrefix=M;exports.orientationMap=p;exports.pickerPrefix=D;exports.popup=y;exports.radioPrefix=R;exports.roundedMap=d;exports.sizeMap=l;exports.states=x;exports.themeColorMap=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={prefix:"k",important:"!",rtl:"rtl",rounded:"rounded",value:"value",state:"state",filter:"filter",virtual:"virtual",infinite:"infinite",clear:"clear",reset:"reset",data:"data",nodata:"nodata",scroller:"scroller"},n={center:"center",hbox:"hbox",vstack:"vstack",hstack:"hstack",overflow:"overflow"},t={actionsheet:"actionsheet",calendar:"calendar",buttongroup:"buttongroup",dateinput:"dateinput",datetime:"datetime",datetimepicker:"datetimepicker",dropdownlist:"dropdownlist",combobox:"combobox",maskedtextbox:"maskedtextbox",menu:"menu",searchbox:"searchbox",timepicker:"timepicker"},l={xsmall:"xs",small:"sm",medium:"md",large:"lg",xlarge:"xl",xxlarge:"xxl",xxxlarge:"xxxl"},s={solid:"solid",outline:"outline",flat:"flat",link:"link",clear:"clear"},c={base:"base",primary:"primary",secondary:"secondary",tertiary:"tertiary",info:"info",success:"success",warning:"warning",error:"error",inherit:"inherit",inverse:"inverse"},d={small:"sm",medium:"md",large:"lg",full:"full",none:"none"},p={vertical:"vertical",horizontal:"horizontal"},f={height:"height",width:"width"},m={default:"cursor-default"},u={up:"up",down:"down",left:"left",right:"right",start:"start",mid:"mid",end:"end"},r={actions:"actions",container:"container",content:"content",group:"group",row:"row",nav:"nav",wrap:"wrap",wrapper:"wrapper",list:"list",placeholder:"placeholder",popup:"popup",item:"item",part:"part",picker:"picker",separator:"separator",spacer:"spacer",tab:"tab",titlebar:"titlebar",optionLabel:"optionlabel",view:"view"},o={table:"table",text:"text",button:"button",tbody:"tbody",thead:"thead",tr:"tr",th:"th",td:"td",header:"header",footer:"footer",icon:"icon",title:"title",subtitle:"subtitle",link:"link",label:"label",ul:"ul",caption:"caption"},h={increase:"increase",decrease:"decrease",cancel:"cancel",accept:"accept",split:"split"},x={active:"active",adaptive:"adaptive",first:"first",focus:"focus",pending:"pending",last:"last",draggable:"draggable",filterable:"filterable",grouping:"grouping",selected:"selected",highlighted:"highlighted",disabled:"disabled",hidden:"hidden",highlight:"highlight",invalid:"invalid",loading:"loading",required:"required",checked:"checked",empty:"empty",scrollable:"scrollable",sorted:"sorted",sort:"sort",sticky:"sticky",stretched:"stretched",order:"order",alt:"alt",edit:"edit",template:"template",shown:"shown",horizontal:"horizontal",vertical:"vertical",fullscreen:"fullscreen",bottom:"bottom"},b={prefix:"animation",child:"child",relative:"relative",slide:"slide",appear:"appear",active:"active",enter:"enter",exit:"exit",pushRight:"push-right",pushLeft:"push-left",pushDown:"push-down",pushUp:"push-up",expandVertical:"expand-vertical",expandHorizontal:"expand-horizontal",fade:"fade",zoomIn:"zoom-in",zoomOut:"zoom-out",slideIn:"slide-in",slideDown:"slide-down",slideUp:"slide-up",slideRight:"slide-right",slideLeft:"slide-left",revealVertical:"reveal-vertical",revealHorizontal:"reveal-horizontal","animation-container":"animation-container","animation-container-shown":"animation-container-shown","animation-container-relative":"animation-container-relative","animation-container-fixed":"animation-container-fixed","child-animation-container":"child-animation-container"},i={input:"input",inner:"inner",spin:"spin",spinner:"spinner",maskedtextbox:"maskedtextbox",radio:"radio",textbox:"textbox",prefix:"prefix",suffix:"suffix"},g={week:"week",weekdays:"weekdays",weekend:"weekend",month:"month",year:"year",decade:"decade",century:"century",number:"number",navigation:"navigation",marker:"marker",now:"now",range:"range",today:"today",other:"other",date:"date",time:"time",selector:"selector",timeselector:"timeselector"},v={prefix:"icon",svg:"svg",i:"i",color:"color",flipH:"flip-h",flipV:"flip-v"},w={label:"label",text:"text",floatingLabel:"floating-label",container:"container",hint:"form-hint",error:"form-error"},k={form:"form",fieldset:"fieldset",legend:"legend",separator:"separator",field:"field"},y={prefix:"popup"},a={prefix:"grid",ariaRoot:"aria-root",tableWrap:"table-wrap",master:"master",column:"column",cell:"cell",cellInner:"cell-inner",row:"row",group:"group",hierarchy:"hierarchy",detail:"detail",noRecords:"norecords",pager:"pager"},P={drop:"drop",drag:"drag",hint:"hint",vertical:"v",horizontal:"h",clue:"clue",reorder:"reorder"},$=`${e.prefix}-${i.input}`,z=`${e.prefix}-${t.calendar}`,M=`${e.prefix}-${t.maskedtextbox}`,R=`${e.prefix}-${i.radio}`,L=`${e.prefix}-${o.button}`,I=`${e.prefix}-${t.menu}`,D=`${e.prefix}-${r.picker}`,S=`${e.prefix}-${t.dropdownlist}`,U=`${e.prefix}-${t.combobox}`,j=`${e.prefix}-${a.prefix}`,H={base:e,actions:h,animation:b,sizeMap:l,components:t,cssUtils:n,directionMap:u,fillModeMap:s,themeColorMap:c,roundedMap:d,orientationMap:p,elements:o,states:x,dimensions:f,containers:r,cursor:m,inputs:i,dateInputs:g,labels:w,forms:k,popup:y,icon:v,grid:a};exports.actions=h;exports.animationStyles=b;exports.base=e;exports.buttonPrefix=L;exports.calendarPrefix=z;exports.comboBoxPrefix=U;exports.components=t;exports.containers=r;exports.cssUtils=n;exports.cursor=m;exports.dateInputs=g;exports.ddbPrefix=I;exports.dimensions=f;exports.directionMap=u;exports.dropDownListPrefix=S;exports.elements=o;exports.fillModeMap=s;exports.forms=k;exports.grid=a;exports.gridPrefix=j;exports.gridRowReorder=P;exports.icon=v;exports.inputPrefix=$;exports.inputs=i;exports.jsonTheme=H;exports.labels=w;exports.maskedPrefix=M;exports.orientationMap=p;exports.pickerPrefix=D;exports.popup=y;exports.radioPrefix=R;exports.roundedMap=d;exports.sizeMap=l;exports.states=x;exports.themeColorMap=c;