@progress/kendo-react-common 14.5.0-develop.1 → 14.5.0-develop.11

package/icons/BaseIconProps.d.ts

@@ -40,8 +40,6 @@ export interface BaseIconProps {
      * * `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.

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.1",
+  "version": "14.5.0-develop.11",
   "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/grid.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"),a={wrapper:{main:e.gridPrefix,size:{small:`${e.gridPrefix}-${e.sizeMap.small}`,medium:`${e.gridPrefix}-${e.sizeMap.medium}`},virtual:`${e.gridPrefix}-${e.base.virtual}`,stacked:`${e.gridPrefix}-stack`},ariaRoot:`${e.gridPrefix}-${e.grid.ariaRoot}`,container:`${e.gridPrefix}-${e.containers.container}`,content:{main:`${e.gridPrefix}-${e.containers.content}`,virtual:`${e.base.prefix}-${e.base.virtual}-${e.containers.content}`},tableWrap:`${e.gridPrefix}-${e.grid.tableWrap}`,table:{main:`${e.base.prefix}-${e.elements.table}`,gridTable:`${e.gridPrefix}-${e.elements.table}`,size:{small:`${e.base.prefix}-${e.elements.table}-${e.sizeMap.small}`,medium:`${e.base.prefix}-${e.elements.table}-${e.sizeMap.medium}`}},tbody:`${e.base.prefix}-${e.elements.table}-${e.elements.tbody}`,thead:{main:`${e.gridPrefix}-${e.elements.table}-${e.elements.thead}`,draggable:`${e.gridPrefix}-${e.states.draggable}-${e.elements.header}`},header:{main:`${e.gridPrefix}-${e.elements.header}`,draggable:`${e.gridPrefix}-${e.states.draggable}-${e.elements.header}`},headerWrap:`${e.gridPrefix}-${e.elements.header}-${e.containers.wrap}`,headerTable:{main:`${e.base.prefix}-${e.elements.table}`,header:`${e.gridPrefix}-${e.elements.header}-${e.elements.table}`,size:{small:`${e.base.prefix}-${e.elements.table}-${e.sizeMap.small}`,medium:`${e.base.prefix}-${e.elements.table}-${e.sizeMap.medium}`}},headerTh:{main:`${e.base.prefix}-${e.elements.table}-${e.elements.th}`,header:`${e.base.prefix}-${e.elements.header}`,first:`${e.base.prefix}-${e.states.first}`,filterable:`${e.base.prefix}-${e.states.filterable}`,locked:`${e.gridPrefix}-${e.elements.header}-${e.states.sticky}`,sorted:`${e.base.prefix}-${e.states.sorted}`},tableThead:`${e.base.prefix}-${e.elements.table}-${e.elements.thead}`,heightContainer:`${e.base.prefix}-${e.dimensions.height}-${e.containers.container}`,sortIcon:`${e.base.prefix}-${e.states.sort}-${e.elements.icon}`,sortOrder:`${e.base.prefix}-${e.states.sort}-${e.states.order}`,tr:{main:`${e.base.prefix}-${e.elements.table}-${e.grid.row}`,header:`${e.base.prefix}-${e.elements.table}-${e.grid.group}-${e.grid.row}`,grouping:`${e.base.prefix}-${e.states.grouping}-${e.grid.row}`,footer:`${e.base.prefix}-${e.grid.group}-${e.elements.footer}`,master:`${e.base.prefix}-${e.grid.master}-${e.grid.row}`,rowAlt:`${e.base.prefix}-${e.elements.table}-${e.states.alt}-${e.grid.row}`,selected:`${e.base.prefix}-${e.states.selected}`,highlighted:`${e.base.prefix}-${e.states.highlighted}`,isInEdit:`${e.gridPrefix}-${e.states.edit}-${e.grid.row}`,isPinned:`${e.base.prefix}-pinned-source`},detailTr:{main:`${e.base.prefix}-${e.elements.table}-${e.grid.row}`,row:`${e.base.prefix}-${e.grid.detail}-${e.grid.row}`,rowAlt:`${e.base.prefix}-${e.elements.table}-${e.states.alt}-${e.grid.row}`},simpleTr:`${e.base.prefix}-${e.elements.table}-${e.grid.row}`,headerCellInner:`${e.base.prefix}-${e.grid.cellInner}`,columnTitle:`${e.base.prefix}-${e.grid.column}-${e.elements.title}`,headerCellLink:{main:`${e.base.prefix}-${e.elements.link}`,notSortable:`${e.base.important}${e.base.prefix}-${e.cursor.default}`},noRecords:`${e.gridPrefix}-${e.grid.noRecords}`,noRecordsTemplate:`${e.gridPrefix}-${e.grid.noRecords}-${e.states.template}`,pager:`${e.gridPrefix}-${e.grid.pager}`,sorted:`${e.base.prefix}-${e.states.sorted}`,contentSticky:`${e.gridPrefix}-${e.containers.content}-${e.states.sticky}`,hierarchyCell:{main:`${e.base.prefix}-${e.grid.hierarchy}-${e.grid.cell}`,header:`${e.base.prefix}-${e.elements.header}`},rowReorder:{dropIndicator:{main:`${e.base.prefix}-${e.gridRowReorder.drop}-${e.gridRowReorder.hint}`,direction:`${e.base.prefix}-${e.gridRowReorder.drop}-${e.gridRowReorder.hint}-${e.gridRowReorder.horizontal}`},dragClue:{main:`${e.base.prefix}-${e.gridRowReorder.drag}-${e.gridRowReorder.clue}`,operation:`${e.base.prefix}-${e.gridRowReorder.reorder}-${e.gridRowReorder.clue}`}},td:{main:`${e.base.prefix}-${e.elements.table}-${e.elements.td}`,selected:`${e.base.prefix}-${e.states.selected}`,highlighted:`${e.base.prefix}-${e.states.highlighted}`},detailTd:{main:`${e.base.prefix}-${e.elements.table}-${e.elements.td}`,cell:`${e.base.prefix}-${e.grid.detail}-${e.grid.cell}`},editTd:{main:`${e.base.prefix}-${e.elements.table}-${e.elements.td}`,cell:`${e.gridPrefix}-${e.states.edit}-${e.grid.cell}`,selected:`${e.base.prefix}-${e.states.selected}`},hierarchyTd:{main:`${e.base.prefix}-${e.elements.table}-${e.elements.td}`,cell:`${e.base.prefix}-${e.grid.hierarchy}-${e.grid.cell}`},stickyContainer:{main:`${e.gridPrefix}-${e.states.sticky}-${e.containers.container}`,bottom:`${e.base.prefix}-pos-${e.states.bottom}`},srOnly:`${e.base.prefix}-sr-only`},b={wrapper:t=>{const{size:r,virtual:i,isStackedMode:n,c:d=a.wrapper}=t;return{[d.main]:!0,[d.size[r]]:d.size[r],[`${e.gridPrefix}-${r}`]:r&&!d.size[r],[d.virtual]:i,[d.stacked]:n}},ariaRoot:t=>{const{c:r=a}=t;return r.ariaRoot},container:t=>{const{c:r=a}=t;return r.container},content:t=>{const{c:r=a.content}=t;return{[r.main]:!0,[r.virtual]:!0}},tableWrap:t=>{const{c:r=a}=t;return r.tableWrap},table:t=>{var n,d,s;const{size:r,c:i=a.table}=t;return{[i.main]:!0,[i.gridTable]:!0,[(n=i.size)==null?void 0:n[r]]:r!==void 0&&((d=i.size)==null?void 0:d[r]),[`${e.base.prefix}-${e.elements.table}-${r}`]:r!==void 0&&!((s=i.size)!=null&&s[r])}},tbody:t=>{const{c:r=a}=t;return r.tbody},thead:t=>{const{draggable:r,c:i=a.thead}=t;return{[i.main]:!0,[i.draggable]:r}},header:t=>{const{draggable:r,c:i=a.header}=t;return{[i.main]:!0,[i.draggable]:r}},headerWrap:t=>{const{c:r=a}=t;return r.headerWrap},headerTable:t=>{const{size:r,c:i=a.headerTable}=t;return{[i.main]:!0,[i.header]:!0,[i.size[r]]:r!==void 0&&i.size[r],[`${e.base.prefix}-${e.elements.table}-${r}`]:r!==void 0&&!i.size[r]}},headerTh:t=>{const{first:r,filterable:i,locked:n,sorted:d,c:s=a.headerTh}=t;return{[s.main]:!0,[s.header]:!0,[s.first]:r,[s.filterable]:i,[s.locked]:n,[s.sorted]:d}},tableThead:t=>{const{c:r=a}=t;return r.tableThead},heightContainer:t=>{const{c:r=a}=t;return r.heightContainer},sortIcon:t=>{const{c:r=a}=t;return r.sortIcon},sortOrder:t=>{const{c:r=a}=t;return r.sortOrder},tr:t=>{const{isHeader:r,isFooter:i,isMaster:n,isAltRow:d,selected:s,highlighted:o,isInEdit:$,isPinned:c,c:l=a.tr}=t;return{[l.main]:!0,[l.header]:r,[l.grouping]:r,[l.footer]:i,[l.master]:n,[l.rowAlt]:n&&d,[l.selected]:s,[l.highlighted]:o,[l.isInEdit]:$,[l.isPinned]:c}},detailTr:t=>{const{isAlt:r,c:i=a.detailTr}=t;return{[i.main]:!0,[i.row]:!0,[i.rowAlt]:r}},simpleTr:t=>{const{c:r=a}=t;return r.simpleTr},rowReorder:t=>{const{dropIndicatorMain:r,dropIndicatorDirection:i,dragClueMain:n,dragClueOperation:d,c:s=a.rowReorder}=t;return{[s.dropIndicator.main]:r,[s.dropIndicator.direction]:i,[s.dragClue.main]:n,[s.dragClue.operation]:d}},headerCellInner:t=>{const{c:r=a}=t;return r.headerCellInner},columnTitle:t=>{const{c:r=a}=t;return r.columnTitle},headerCellLink:t=>{const{sortable:r,c:i=a.headerCellLink}=t;return{[i.main]:!0,[i.notSortable]:!r}},noRecords:t=>{const{c:r=a}=t;return r.noRecords},noRecordsTemplate:t=>{const{c:r=a}=t;return r.noRecordsTemplate},pager:t=>{const{c:r=a}=t;return r.pager},sorted:t=>{const{c:r=a}=t;return r.sorted},contentSticky:t=>{const{locked:r,c:i=a}=t;return{[i.contentSticky]:r}},hierarchyCell:t=>{const{c:r=a.hierarchyCell}=t;return{[r.main]:!0,[r.header]:!0}},td:t=>{const{selected:r,highlighted:i,c:n=a.td}=t;return{[n.main]:!0,[n.selected]:r,[n.highlighted]:i}},detailTd:t=>{const{c:r=a.detailTd}=t;return{[r.main]:!0,[r.cell]:!0}},editTd:t=>{const{selected:r,c:i=a.editTd}=t;return{[i.main]:!0,[i.cell]:!0,[i.selected]:r}},hierarchyTd:t=>{const{c:r=a.hierarchyTd}=t;return{[r.main]:!0,[r.cell]:!0}},stickyContainer:t=>{const{bottom:r,c:i=a.stickyContainer}=t;return{[i.main]:!0,[i.bottom]:r}},srOnly:t=>{const{c:r=a}=t;return r.srOnly}};exports.uGrid=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./json-classes.js"),a={wrapper:{main:e.gridPrefix,size:{small:`${e.gridPrefix}-${e.sizeMap.small}`,medium:`${e.gridPrefix}-${e.sizeMap.medium}`},virtual:`${e.gridPrefix}-${e.base.virtual}`,stacked:`${e.gridPrefix}-stack`},ariaRoot:`${e.gridPrefix}-${e.grid.ariaRoot}`,container:`${e.gridPrefix}-${e.containers.container}`,content:{main:`${e.gridPrefix}-${e.containers.content}`,virtual:`${e.base.prefix}-${e.base.virtual}-${e.containers.content}`},tableWrap:`${e.gridPrefix}-${e.grid.tableWrap}`,table:{main:`${e.base.prefix}-${e.elements.table}`,gridTable:`${e.gridPrefix}-${e.elements.table}`,size:{small:`${e.base.prefix}-${e.elements.table}-${e.sizeMap.small}`,medium:`${e.base.prefix}-${e.elements.table}-${e.sizeMap.medium}`}},tbody:`${e.base.prefix}-${e.elements.table}-${e.elements.tbody}`,thead:{main:`${e.base.prefix}-${e.elements.table}-${e.elements.thead}`,draggable:`${e.gridPrefix}-${e.states.draggable}-${e.elements.header}`},header:{main:`${e.gridPrefix}-${e.elements.header}`,draggable:`${e.gridPrefix}-${e.states.draggable}-${e.elements.header}`},headerWrap:`${e.gridPrefix}-${e.elements.header}-${e.containers.wrap}`,headerTable:{main:`${e.base.prefix}-${e.elements.table}`,header:`${e.gridPrefix}-${e.elements.header}-${e.elements.table}`,size:{small:`${e.base.prefix}-${e.elements.table}-${e.sizeMap.small}`,medium:`${e.base.prefix}-${e.elements.table}-${e.sizeMap.medium}`}},headerTh:{main:`${e.base.prefix}-${e.elements.table}-${e.elements.th}`,header:`${e.base.prefix}-${e.elements.header}`,first:`${e.base.prefix}-${e.states.first}`,filterable:`${e.base.prefix}-${e.states.filterable}`,locked:`${e.gridPrefix}-${e.elements.header}-${e.states.sticky}`,sorted:`${e.base.prefix}-${e.states.sorted}`},tableThead:`${e.base.prefix}-${e.elements.table}-${e.elements.thead}`,heightContainer:`${e.base.prefix}-${e.dimensions.height}-${e.containers.container}`,sortIcon:`${e.base.prefix}-${e.states.sort}-${e.elements.icon}`,sortOrder:`${e.base.prefix}-${e.states.sort}-${e.states.order}`,tr:{main:`${e.base.prefix}-${e.elements.table}-${e.grid.row}`,header:`${e.base.prefix}-${e.elements.table}-${e.grid.group}-${e.grid.row}`,grouping:`${e.base.prefix}-${e.states.grouping}-${e.grid.row}`,footer:`${e.base.prefix}-${e.grid.group}-${e.elements.footer}`,master:`${e.base.prefix}-${e.grid.master}-${e.grid.row}`,rowAlt:`${e.base.prefix}-${e.elements.table}-${e.states.alt}-${e.grid.row}`,selected:`${e.base.prefix}-${e.states.selected}`,highlighted:`${e.base.prefix}-${e.states.highlighted}`,isInEdit:`${e.gridPrefix}-${e.states.edit}-${e.grid.row}`,isPinned:`${e.base.prefix}-pinned-source`},detailTr:{main:`${e.base.prefix}-${e.elements.table}-${e.grid.row}`,row:`${e.base.prefix}-${e.grid.detail}-${e.grid.row}`,rowAlt:`${e.base.prefix}-${e.elements.table}-${e.states.alt}-${e.grid.row}`},simpleTr:`${e.base.prefix}-${e.elements.table}-${e.grid.row}`,headerCellInner:`${e.base.prefix}-${e.grid.cellInner}`,columnTitle:`${e.base.prefix}-${e.grid.column}-${e.elements.title}`,headerCellLink:{main:`${e.base.prefix}-${e.elements.link}`,notSortable:`${e.base.important}${e.base.prefix}-${e.cursor.default}`},noRecords:`${e.gridPrefix}-${e.grid.noRecords}`,noRecordsTemplate:`${e.gridPrefix}-${e.grid.noRecords}-${e.states.template}`,pager:`${e.gridPrefix}-${e.grid.pager}`,sorted:`${e.base.prefix}-${e.states.sorted}`,contentSticky:`${e.gridPrefix}-${e.containers.content}-${e.states.sticky}`,hierarchyCell:{main:`${e.base.prefix}-${e.grid.hierarchy}-${e.grid.cell}`,header:`${e.base.prefix}-${e.elements.header}`},rowReorder:{dropIndicator:{main:`${e.base.prefix}-${e.gridRowReorder.drop}-${e.gridRowReorder.hint}`,direction:`${e.base.prefix}-${e.gridRowReorder.drop}-${e.gridRowReorder.hint}-${e.gridRowReorder.horizontal}`},dragClue:{main:`${e.base.prefix}-${e.gridRowReorder.drag}-${e.gridRowReorder.clue}`,operation:`${e.base.prefix}-${e.gridRowReorder.reorder}-${e.gridRowReorder.clue}`}},td:{main:`${e.base.prefix}-${e.elements.table}-${e.elements.td}`,selected:`${e.base.prefix}-${e.states.selected}`,highlighted:`${e.base.prefix}-${e.states.highlighted}`},detailTd:{main:`${e.base.prefix}-${e.elements.table}-${e.elements.td}`,cell:`${e.base.prefix}-${e.grid.detail}-${e.grid.cell}`},editTd:{main:`${e.base.prefix}-${e.elements.table}-${e.elements.td}`,cell:`${e.gridPrefix}-${e.states.edit}-${e.grid.cell}`,selected:`${e.base.prefix}-${e.states.selected}`},hierarchyTd:{main:`${e.base.prefix}-${e.elements.table}-${e.elements.td}`,cell:`${e.base.prefix}-${e.grid.hierarchy}-${e.grid.cell}`},stickyContainer:{main:`${e.gridPrefix}-${e.states.sticky}-${e.containers.container}`,bottom:`${e.base.prefix}-pos-${e.states.bottom}`},srOnly:`${e.base.prefix}-sr-only`},b={wrapper:t=>{const{size:r,virtual:i,isStackedMode:n,c:d=a.wrapper}=t;return{[d.main]:!0,[d.size[r]]:d.size[r],[`${e.gridPrefix}-${r}`]:r&&!d.size[r],[d.virtual]:i,[d.stacked]:n}},ariaRoot:t=>{const{c:r=a}=t;return r.ariaRoot},container:t=>{const{c:r=a}=t;return r.container},content:t=>{const{c:r=a.content}=t;return{[r.main]:!0,[r.virtual]:!0}},tableWrap:t=>{const{c:r=a}=t;return r.tableWrap},table:t=>{var n,d,s;const{size:r,c:i=a.table}=t;return{[i.main]:!0,[i.gridTable]:!0,[(n=i.size)==null?void 0:n[r]]:r!==void 0&&((d=i.size)==null?void 0:d[r]),[`${e.base.prefix}-${e.elements.table}-${r}`]:r!==void 0&&!((s=i.size)!=null&&s[r])}},tbody:t=>{const{c:r=a}=t;return r.tbody},thead:t=>{const{draggable:r,c:i=a.thead}=t;return{[i.main]:!0,[i.draggable]:r}},header:t=>{const{draggable:r,c:i=a.header}=t;return{[i.main]:!0,[i.draggable]:r}},headerWrap:t=>{const{c:r=a}=t;return r.headerWrap},headerTable:t=>{const{size:r,c:i=a.headerTable}=t;return{[i.main]:!0,[i.header]:!0,[i.size[r]]:r!==void 0&&i.size[r],[`${e.base.prefix}-${e.elements.table}-${r}`]:r!==void 0&&!i.size[r]}},headerTh:t=>{const{first:r,filterable:i,locked:n,sorted:d,c:s=a.headerTh}=t;return{[s.main]:!0,[s.header]:!0,[s.first]:r,[s.filterable]:i,[s.locked]:n,[s.sorted]:d}},tableThead:t=>{const{c:r=a}=t;return r.tableThead},heightContainer:t=>{const{c:r=a}=t;return r.heightContainer},sortIcon:t=>{const{c:r=a}=t;return r.sortIcon},sortOrder:t=>{const{c:r=a}=t;return r.sortOrder},tr:t=>{const{isHeader:r,isFooter:i,isMaster:n,isAltRow:d,selected:s,highlighted:o,isInEdit:$,isPinned:c,c:l=a.tr}=t;return{[l.main]:!0,[l.header]:r,[l.grouping]:r,[l.footer]:i,[l.master]:n,[l.rowAlt]:n&&d,[l.selected]:s,[l.highlighted]:o,[l.isInEdit]:$,[l.isPinned]:c}},detailTr:t=>{const{isAlt:r,c:i=a.detailTr}=t;return{[i.main]:!0,[i.row]:!0,[i.rowAlt]:r}},simpleTr:t=>{const{c:r=a}=t;return r.simpleTr},rowReorder:t=>{const{dropIndicatorMain:r,dropIndicatorDirection:i,dragClueMain:n,dragClueOperation:d,c:s=a.rowReorder}=t;return{[s.dropIndicator.main]:r,[s.dropIndicator.direction]:i,[s.dragClue.main]:n,[s.dragClue.operation]:d}},headerCellInner:t=>{const{c:r=a}=t;return r.headerCellInner},columnTitle:t=>{const{c:r=a}=t;return r.columnTitle},headerCellLink:t=>{const{sortable:r,c:i=a.headerCellLink}=t;return{[i.main]:!0,[i.notSortable]:!r}},noRecords:t=>{const{c:r=a}=t;return r.noRecords},noRecordsTemplate:t=>{const{c:r=a}=t;return r.noRecordsTemplate},pager:t=>{const{c:r=a}=t;return r.pager},sorted:t=>{const{c:r=a}=t;return r.sorted},contentSticky:t=>{const{locked:r,c:i=a}=t;return{[i.contentSticky]:r}},hierarchyCell:t=>{const{c:r=a.hierarchyCell}=t;return{[r.main]:!0,[r.header]:!0}},td:t=>{const{selected:r,highlighted:i,c:n=a.td}=t;return{[n.main]:!0,[n.selected]:r,[n.highlighted]:i}},detailTd:t=>{const{c:r=a.detailTd}=t;return{[r.main]:!0,[r.cell]:!0}},editTd:t=>{const{selected:r,c:i=a.editTd}=t;return{[i.main]:!0,[i.cell]:!0,[i.selected]:r}},hierarchyTd:t=>{const{c:r=a.hierarchyTd}=t;return{[r.main]:!0,[r.cell]:!0}},stickyContainer:t=>{const{bottom:r,c:i=a.stickyContainer}=t;return{[i.main]:!0,[i.bottom]:r}},srOnly:t=>{const{c:r=a}=t;return r.srOnly}};exports.uGrid=b;