@progress/kendo-react-common 13.3.0 → 13.4.0-develop.1

package/unstyled/buttons.mjs

@@ -5,257 +5,167 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { getClassByName as y } from "./interfaces/common.mjs";
-import { buttonPrefix as e, sizeMap as k, fillModeMap as $, themeColorMap as l, base as i, roundedMap as x, elements as f, states as u, containers as d, directionMap as h, ddbPrefix as c } from "./json-classes.mjs";
-const M = {
+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";
+const w = {
   wrapper: {
     main: e,
     size: {
-      small: `${e}-${k.small}`,
-      medium: `${e}-${k.medium}`,
-      large: `${e}-${k.large}`
+      small: `${e}-${f.small}`,
+      medium: `${e}-${f.medium}`,
+      large: `${e}-${f.large}`
     },
     fillMode: {
-      solid: `${e}-${$.solid}`,
-      outline: `${e}-${$.outline}`,
-      flat: `${e}-${$.flat}`,
-      link: `${e}-${$.link}`,
-      clear: `${e}-${$.clear}`
+      solid: `${e}-${b.solid}`,
+      outline: `${e}-${b.outline}`,
+      flat: `${e}-${b.flat}`,
+      link: `${e}-${b.link}`,
+      clear: `${e}-${b.clear}`
     },
     themeColor: {
-      base: {
-        fillMode: {
-          solid: `${e}-${$.solid}-${l.base}`,
-          outline: `${e}-${$.outline}-${l.base}`,
-          flat: `${e}-${$.flat}-${l.base}`,
-          link: `${e}-${$.link}-${l.base}`,
-          clear: `${e}-${$.clear}-${l.base}`
-        }
-      },
-      primary: {
-        fillMode: {
-          solid: `${e}-${$.solid}-${l.primary}`,
-          outline: `${e}-${$.outline}-${l.primary}`,
-          flat: `${e}-${$.flat}-${l.primary}`,
-          link: `${e}-${$.link}-${l.primary}`,
-          clear: `${e}-${$.clear}-${l.primary}`
-        }
-      },
-      secondary: {
-        fillMode: {
-          solid: `${e}-${$.solid}-${l.secondary}`,
-          outline: `${e}-${$.outline}-${l.secondary}`,
-          flat: `${e}-${$.flat}-${l.secondary}`,
-          link: `${e}-${$.link}-${l.secondary}`,
-          clear: `${e}-${$.clear}-${l.secondary}`
-        }
-      },
-      tertiary: {
-        fillMode: {
-          solid: `${e}-${$.solid}-${l.tertiary}`,
-          outline: `${e}-${$.outline}-${l.tertiary}`,
-          flat: `${e}-${$.flat}-${l.tertiary}`,
-          link: `${e}-${$.link}-${l.tertiary}`,
-          clear: `${e}-${$.clear}-${l.tertiary}`
-        }
-      },
-      info: {
-        fillMode: {
-          solid: `${e}-${$.solid}-${l.info}`,
-          outline: `${e}-${$.outline}-${l.info}`,
-          flat: `${e}-${$.flat}-${l.info}`,
-          link: `${e}-${$.link}-${l.info}`,
-          clear: `${e}-${$.clear}-${l.info}`
-        }
-      },
-      success: {
-        fillMode: {
-          solid: `${e}-${$.solid}-${l.success}`,
-          outline: `${e}-${$.outline}-${l.success}`,
-          flat: `${e}-${$.flat}-${l.success}`,
-          link: `${e}-${$.link}-${l.success}`,
-          clear: `${e}-${$.clear}-${l.success}`
-        }
-      },
-      warning: {
-        fillMode: {
-          solid: `${e}-${$.solid}-${l.warning}`,
-          outline: `${e}-${$.outline}-${l.warning}`,
-          flat: `${e}-${$.flat}-${l.warning}`,
-          link: `${e}-${$.link}-${l.warning}`,
-          clear: `${e}-${$.clear}-${l.warning}`
-        }
-      },
-      error: {
-        fillMode: {
-          solid: `${e}-${$.solid}-${l.error}`,
-          outline: `${e}-${$.outline}-${l.error}`,
-          flat: `${e}-${$.flat}-${l.error}`,
-          link: `${e}-${$.link}-${l.error}`,
-          clear: `${e}-${$.clear}-${l.error}`
-        }
-      },
-      dark: {
-        fillMode: {
-          solid: `${e}-${$.solid}-${l.dark}`,
-          outline: `${e}-${$.outline}-${l.dark}`,
-          flat: `${e}-${$.flat}-${l.dark}`,
-          link: `${e}-${$.link}-${l.dark}`,
-          clear: `${e}-${$.clear}-${l.dark}`
-        }
-      },
-      light: {
-        fillMode: {
-          solid: `${e}-${$.solid}-${l.light}`,
-          outline: `${e}-${$.outline}-${l.light}`,
-          flat: `${e}-${$.flat}-${l.light}`,
-          link: `${e}-${$.link}-${l.light}`,
-          clear: `${e}-${$.clear}-${l.light}`
-        }
-      },
-      inverse: {
-        fillMode: {
-          solid: `${e}-${$.solid}-${l.inverse}`,
-          outline: `${e}-${$.outline}-${l.inverse}`,
-          flat: `${e}-${$.flat}-${l.inverse}`,
-          link: `${e}-${$.link}-${l.inverse}`,
-          clear: `${e}-${$.clear}-${l.inverse}`
-        }
-      }
+      base: `${e}-${d.base}`,
+      primary: `${e}-${d.primary}`,
+      secondary: `${e}-${d.secondary}`,
+      tertiary: `${e}-${d.tertiary}`,
+      info: `${e}-${d.info}`,
+      success: `${e}-${d.success}`,
+      warning: `${e}-${d.warning}`,
+      error: `${e}-${d.error}`,
+      dark: `${e}-${d.dark}`,
+      light: `${e}-${d.light}`,
+      inverse: `${e}-${d.inverse}`
     },
     rounded: {
-      small: `${i.prefix}-${i.rounded}-${x.small}`,
-      medium: `${i.prefix}-${i.rounded}-${x.medium}`,
-      large: `${i.prefix}-${i.rounded}-${x.large}`
+      small: `${r.prefix}-${r.rounded}-${g.small}`,
+      medium: `${r.prefix}-${r.rounded}-${g.medium}`,
+      large: `${r.prefix}-${r.rounded}-${g.large}`
     },
-    iconButton: `${i.prefix}-${f.icon}-${f.button}`,
-    disabled: `${i.prefix}-${u.disabled}`,
-    selected: `${i.prefix}-${u.selected}`,
-    isRtl: `${i.prefix}-${i.rtl}`
+    iconButton: `${r.prefix}-${u.icon}-${u.button}`,
+    disabled: `${r.prefix}-${a.disabled}`,
+    selected: `${r.prefix}-${a.selected}`,
+    isRtl: `${r.prefix}-${r.rtl}`
   },
-  text: `${e}-${f.text}`,
-  icon: `${e}-${f.icon}`
-}, G = {
-  wrapper: (n) => {
-    const { isRtl: r, selected: s, disabled: o, size: t, fillMode: g, rounded: b, themeColor: C, iconButton: B, c: v = M } = n, a = v.wrapper, p = a.themeColor[C], w = p.fillMode[g];
+  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;
     return {
-      [a.main]: !0,
-      [a.size[t]]: a.size[t],
-      [`${e}-${t}`]: t && !a.size[t],
-      [a.fillMode[g]]: a.fillMode[g],
-      [w]: w,
-      [a.rounded[b]]: a.rounded[b],
-      [`${i.prefix}-${i.rounded}-${b}`]: b && !a.rounded[b],
-      [a.iconButton]: B,
-      [p.disabled]: o && p && p.disabled,
-      [p.selected]: s && p && p.selected,
-      [a.disabled]: o,
-      [a.selected]: s,
-      [a.isRtl]: r
+      [$.main]: !0,
+      [$.size[t]]: t && $.size[t],
+      [`${e}-${t}`]: t && !$.size[t],
+      [$.fillMode[x]]: x && $.fillMode[x],
+      [k]: k,
+      [$.rounded[c]]: c && $.rounded[c],
+      [`${r.prefix}-${r.rounded}-${c}`]: c && !$.rounded[c],
+      [$.iconButton]: B,
+      [$.disabled]: s,
+      [$.selected]: n,
+      [$.isRtl]: i
     };
   },
-  text: (n) => {
-    const { c: r = M } = n;
+  text: (o) => {
+    const { c: i = w } = o;
     return {
-      [r.text]: !0
+      [i.text]: !0
     };
   },
-  icon: (n) => {
-    const { c: r = M } = n;
+  icon: (o) => {
+    const { c: i = w } = o;
     return {
-      [r.icon]: !0
+      [i.icon]: !0
     };
   }
-}, z = {
+}, M = {
   wrapper: {
-    main: `${e}-${d.group}`,
-    stretched: `${e}-${d.group}-${u.stretched}`,
-    disabled: `${i.prefix}-${u.disabled}`
+    main: `${e}-${l.group}`,
+    stretched: `${e}-${l.group}-${a.stretched}`,
+    disabled: `${r.prefix}-${a.disabled}`
   },
   position: {
-    start: `${i.prefix}-${d.group}-${h.start}`,
-    end: `${i.prefix}-${d.group}-${h.end}`
+    start: `${r.prefix}-${l.group}-${C.start}`,
+    end: `${r.prefix}-${l.group}-${C.end}`
   }
-}, P = {
-  wrapper: (n) => {
-    const { stretched: r, disabled: s, c: o = z } = n, t = o.wrapper;
+}, G = {
+  wrapper: (o) => {
+    const { stretched: i, disabled: n, c: s = M } = o, t = s.wrapper;
     return {
       [t.main]: !0,
-      [t.stretched]: r,
-      [t.disabled]: s
+      [t.stretched]: i,
+      [t.disabled]: n
     };
   },
-  position: (n) => {
-    const { start: r, end: s, c: o = z } = n, t = o.position;
+  position: (o) => {
+    const { start: i, end: n, c: s = M } = o, t = s.position;
     return {
-      [t.start]: r,
-      [t.end]: s
+      [t.start]: i,
+      [t.end]: n
     };
   }
 }, m = {
   wrapper: {
-    main: `${c}-${f.button}`,
-    focus: `${i.prefix}-${u.focus}`,
-    disabled: `${i.prefix}-${u.disabled}`
+    main: `${p}-${u.button}`,
+    focus: `${r.prefix}-${a.focus}`,
+    disabled: `${r.prefix}-${a.disabled}`
   },
   ul: {
-    group: `${c}-${d.group}`,
+    group: `${p}-${l.group}`,
     size: {
-      small: `${c}-${d.group}-${k.small}`,
-      medium: `${c}-${d.group}-${k.medium}`,
-      large: `${c}-${d.group}-${k.large}`
+      small: `${p}-${l.group}-${f.small}`,
+      medium: `${p}-${l.group}-${f.medium}`,
+      large: `${p}-${l.group}-${f.large}`
     }
   },
   li: {
-    item: `${i.prefix}-${d.item}`,
-    focus: `${i.prefix}-${u.focus}`
+    item: `${r.prefix}-${l.item}`,
+    focus: `${r.prefix}-${a.focus}`
   },
-  item: `${c}-${d.item}`,
+  item: `${p}-${l.item}`,
   link: {
-    main: `${i.prefix}-${f.link}`,
-    link: `${c}-${f.link}`,
-    selected: `${i.prefix}-${u.selected}`,
-    disabled: `${i.prefix}-${u.disabled}`
+    main: `${r.prefix}-${u.link}`,
+    link: `${p}-${u.link}`,
+    selected: `${r.prefix}-${a.selected}`,
+    disabled: `${r.prefix}-${a.disabled}`
   },
-  popup: `${c}-${d.popup}`
-}, F = {
-  wrapper: (n) => {
-    const { focused: r, disabled: s, c: o = m } = n, t = o.wrapper;
+  popup: `${p}-${l.popup}`
+}, P = {
+  wrapper: (o) => {
+    const { focused: i, disabled: n, c: s = m } = o, t = s.wrapper;
     return {
       [t.main]: !0,
-      [t.focus]: r,
-      [t.disabled]: s
+      [t.focus]: i,
+      [t.disabled]: n
     };
   },
-  ul: (n) => {
-    const { size: r, c: s = m } = n, o = s.ul;
+  ul: (o) => {
+    const { size: i, c: n = m } = o, s = n.ul;
     return {
-      [o.group]: !0,
-      [o.size[r]]: o.size[r],
-      [`${c}-${d.group}-${r}`]: r && !o.size[r]
+      [s.group]: !0,
+      [s.size[i]]: s.size[i],
+      [`${p}-${l.group}-${i}`]: i && !s.size[i]
     };
   },
-  li: (n) => {
-    const { focused: r, c: s = m } = n, o = s.li;
+  li: (o) => {
+    const { focused: i, c: n = m } = o, s = n.li;
     return {
-      [o.item]: !0,
-      [o.focus]: r
+      [s.item]: !0,
+      [s.focus]: i
     };
   },
-  item: y(m, "item"),
-  link: (n) => {
-    const { selected: r, disabled: s, c: o = m } = n, t = o.link;
+  item: z(m, "item"),
+  link: (o) => {
+    const { selected: i, disabled: n, c: s = m } = o, t = s.link;
     return {
       [t.main]: !0,
       [t.link]: !0,
-      [t.selected]: r,
-      [t.disabled]: s
+      [t.selected]: i,
+      [t.disabled]: n
     };
   },
-  popup: y(m, "popup")
+  popup: z(m, "popup")
 };
 export {
-  G as uButton,
-  P as uButtonGroup,
-  F as uDropDownButton
+  R as uButton,
+  G as uButtonGroup,
+  P as uDropDownButton
 };