react-minolith 2.0.5 → 2.1.1

package/dist/types/SemanticColorName.d.ts

@@ -0,0 +1,3 @@
+type SemanticColorName = "primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "danger";
+export default SemanticColorName;
+//# sourceMappingURL=SemanticColorName.d.ts.map

package/dist/types/SemanticColorName.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SemanticColorName.d.ts","sourceRoot":"","sources":["../../src/types/SemanticColorName.ts"],"names":[],"mappings":"AAAA,KAAK,iBAAiB,GAClB,SAAS,GACT,WAAW,GACX,UAAU,GACV,MAAM,GACN,SAAS,GACT,SAAS,GACT,QAAQ,CAAC;AAEb,eAAe,iBAAiB,CAAC"}

package/dist/types/SemanticColorName.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=SemanticColorName.js.map

package/dist/types/SemanticColorName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SemanticColorName.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/types/index.d.ts

@@ -13,4 +13,5 @@ export type { default as FontSize } from './FontSize';
 export type { default as FontWeight } from './FontWeight';
 export type { default as Gutter } from './Gutter';
 export type { default as Percentage } from './Percentage';
+export type { default as SemanticColorName } from './SemanticColorName';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAChD,YAAY,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClE,YAAY,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxE,YAAY,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9D,YAAY,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5D,YAAY,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5D,YAAY,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpE,YAAY,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClE,YAAY,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACxD,YAAY,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1D,YAAY,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5D,YAAY,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtD,YAAY,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1D,YAAY,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAClD,YAAY,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAChD,YAAY,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClE,YAAY,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxE,YAAY,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9D,YAAY,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5D,YAAY,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5D,YAAY,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpE,YAAY,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClE,YAAY,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACxD,YAAY,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1D,YAAY,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5D,YAAY,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtD,YAAY,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1D,YAAY,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAClD,YAAY,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1D,YAAY,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/utilities/emotionStyleUtility/emotionStyleUtility.d.ts

@@ -2,7 +2,7 @@ import { BaseComponentProps } from '../../models';
 import { Interpolation, Theme } from '@emotion/react';
 import { ColorAttributes, ColorName } from '../../types';
 declare function getColorVariable<ColorNameType extends string = ColorName>(colorAttributes?: ColorAttributes<ColorNameType> | "transparent"): string | undefined;
-declare function getEmotionCss(props: BaseComponentProps): Interpolation<Theme>;
+declare function getEmotionCss(props: BaseComponentProps, optionalCss?: Interpolation<Theme>): Interpolation<Theme>;
 declare const emotionStyleUtility: {
     getColorVariable: typeof getColorVariable;
     getEmotionCss: typeof getEmotionCss;

package/dist/utilities/emotionStyleUtility/emotionStyleUtility.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"emotionStyleUtility.d.ts","sourceRoot":"","sources":["../../../src/utilities/emotionStyleUtility/emotionStyleUtility.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAkB,aAAa,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAiJzD,iBAAS,gBAAgB,CAAC,aAAa,SAAS,MAAM,GAAG,SAAS,EAChE,eAAe,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,GAAG,aAAa,GAC/D,MAAM,GAAG,SAAS,CAsBpB;AA+FD,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,aAAa,CAAC,KAAK,CAAC,CAqhBtE;AAED,QAAA,MAAM,mBAAmB;;;CAGxB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"emotionStyleUtility.d.ts","sourceRoot":"","sources":["../../../src/utilities/emotionStyleUtility/emotionStyleUtility.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAkB,aAAa,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAiJzD,iBAAS,gBAAgB,CAAC,aAAa,SAAS,MAAM,GAAG,SAAS,EAChE,eAAe,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,GAAG,aAAa,GAC/D,MAAM,GAAG,SAAS,CAsBpB;AAmGD,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,EAAE,WAAW,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,aAAa,CAAC,KAAK,CAAC,CAoiB1G;AAED,QAAA,MAAM,mBAAmB;;;CAGxB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/utilities/emotionStyleUtility/emotionStyleUtility.js

@@ -1,19 +1,19 @@
 "use client";
 import { css as L } from "@emotion/react";
-const o = "minolith-";
-function k(i, B) {
-  return i ? B === "highlighter" ? {
-    default: w(i.default),
-    hover: w(i.hover),
-    focus: w(i.focus),
-    active: w(i.active),
-    disabled: w(i.disabled)
+const d = "minolith-";
+function S(i, t) {
+  return i ? t === "highlighter" ? {
+    default: x(i.default),
+    hover: x(i.hover),
+    focus: x(i.focus),
+    active: x(i.active),
+    disabled: x(i.disabled)
   } : {
-    default: e(i.default),
-    hover: e(i.hover),
-    focus: e(i.focus),
-    active: e(i.active),
-    disabled: e(i.disabled)
+    default: o(i.default),
+    hover: o(i.hover),
+    focus: o(i.focus),
+    active: o(i.active),
+    disabled: o(i.disabled)
   } : {
     default: void 0,
     hover: void 0,
@@ -22,34 +22,34 @@ function k(i, B) {
     disabled: void 0
   };
 }
-function S(i, B) {
-  return i ? B === "highlighter" ? {
-    default: i.light.default && i.dark.default ? T(
+function s(i, t) {
+  return i ? t === "highlighter" ? {
+    default: i.light.default && i.dark.default ? w(
       i.light.default,
       i.dark.default
     ) : void 0,
-    hover: i.light.hover && i.dark.hover ? T(
+    hover: i.light.hover && i.dark.hover ? w(
       i.light.hover,
       i.dark.hover
     ) : void 0,
-    focus: i.light.focus && i.dark.focus ? T(
+    focus: i.light.focus && i.dark.focus ? w(
       i.light.focus,
       i.dark.focus
     ) : void 0,
-    active: i.light.active && i.dark.active ? T(
+    active: i.light.active && i.dark.active ? w(
       i.light.active,
       i.dark.active
     ) : void 0,
-    disabled: i.light.disabled && i.dark.disabled ? T(
+    disabled: i.light.disabled && i.dark.disabled ? w(
       i.light.disabled,
       i.dark.disabled
     ) : void 0
   } : {
-    default: i.light.default && i.dark.default ? `light-dark(${e(i.light.default)}, ${e(i.dark.default)})` : void 0,
-    hover: i.light.hover && i.dark.hover ? `light-dark(${e(i.light.hover)}, ${e(i.dark.hover)})` : void 0,
-    focus: i.light.focus && i.dark.focus ? `light-dark(${e(i.light.focus)}, ${e(i.dark.focus)})` : void 0,
-    active: i.light.active && i.dark.active ? `light-dark(${e(i.light.active)}, ${e(i.dark.active)})` : void 0,
-    disabled: i.light.disabled && i.dark.disabled ? `light-dark(${e(i.light.disabled)}, ${e(i.dark.disabled)})` : void 0
+    default: i.light.default && i.dark.default ? `light-dark(${o(i.light.default)}, ${o(i.dark.default)})` : void 0,
+    hover: i.light.hover && i.dark.hover ? `light-dark(${o(i.light.hover)}, ${o(i.dark.hover)})` : void 0,
+    focus: i.light.focus && i.dark.focus ? `light-dark(${o(i.light.focus)}, ${o(i.dark.focus)})` : void 0,
+    active: i.light.active && i.dark.active ? `light-dark(${o(i.light.active)}, ${o(i.dark.active)})` : void 0,
+    disabled: i.light.disabled && i.dark.disabled ? `light-dark(${o(i.light.disabled)}, ${o(i.dark.disabled)})` : void 0
   } : {
     default: void 0,
     hover: void 0,
@@ -58,25 +58,25 @@ function S(i, B) {
     disabled: void 0
   };
 }
-function e(i) {
+function o(i) {
   if (i)
-    return typeof i == "string" || i.name === "rainbow" ? "transparent" : i.alpha ? `oklch(from var(--${o}color-${i.name}-${i.lightness === 5 ? "05" : i.lightness}) l c h / ${i.alpha})` : `var(--${o}color-${i.name}-${i.lightness === 5 ? "05" : i.lightness})`;
+    return typeof i == "string" || i.name === "rainbow" ? "transparent" : i.alpha ? `oklch(from var(--${d}color-${i.name}-${i.lightness === 5 ? "05" : i.lightness}) l c h / ${i.alpha})` : `var(--${d}color-${i.name}-${i.lightness === 5 ? "05" : i.lightness})`;
 }
-function w(i) {
+function x(i) {
   if (i)
     return typeof i == "string" || i.name === "rainbow" ? "transparent" : i.alpha ? `linear-gradient(
     transparent 66.66%,
-    oklch(from var(--${o}color-${i.name}-${i.lightness === 5 ? "05" : i.lightness}) l c h / ${i.alpha}) 33.33%)` : `linear-gradient(
+    oklch(from var(--${d}color-${i.name}-${i.lightness === 5 ? "05" : i.lightness}) l c h / ${i.alpha}) 33.33%)` : `linear-gradient(
     transparent 66.66%,
-    var(--${o}color-${i.name}-${i.lightness === 5 ? "05" : i.lightness}) 33.33%)`;
+    var(--${d}color-${i.name}-${i.lightness === 5 ? "05" : i.lightness}) 33.33%)`;
 }
-function T(i, B) {
-  if (!i || !B)
+function w(i, t) {
+  if (!i || !t)
     return;
-  const j = (t) => typeof t == "string" || t.name === "rainbow" ? "transparent" : t.alpha ? `oklch(from var(--${o}color-${t.name}-${t.lightness === 5 ? "05" : t.lightness}) l c h / ${t.alpha})` : `var(--${o}color-${t.name}-${t.lightness === 5 ? "05" : t.lightness})`, d = j(i), a = j(B);
-  return `linear-gradient(transparent 66.66%, light-dark(${d}, ${a}) 33.33%)`;
+  const j = (e) => typeof e == "string" || e.name === "rainbow" ? "transparent" : e.alpha ? `oklch(from var(--${d}color-${e.name}-${e.lightness === 5 ? "05" : e.lightness}) l c h / ${e.alpha})` : `var(--${d}color-${e.name}-${e.lightness === 5 ? "05" : e.lightness})`, z = j(i), a = j(t);
+  return `linear-gradient(transparent 66.66%, light-dark(${z}, ${a}) 33.33%)`;
 }
-function s(i) {
+function B(i) {
   return i.foreColor || i.backColor || i.highlighter || i.borderColor ? {
     color: i.foreColor,
     backgroundColor: i.backColor,
@@ -88,126 +88,128 @@ function s(i) {
     borderLeftColor: i.borderLeftColor
   } : void 0;
 }
-function G(i) {
+function M(i, t) {
   if (Object.keys(i).filter(
-    (x) => x === "fore" || x === "back" || x === "highlighter" || x === "border" || x === "positioning" || x === "sizing" || x === "spacing"
-  ).length === 0)
-    return i.css ? i.css : void 0;
-  const d = i.fore ? k(i.fore.color) : void 0, a = i.fore && i.fore.color ? S(i.fore.color.colorScheme) : void 0, t = i.fore && i.fore.fontSize ? `var(--${o}font-size-${i.fore.fontSize})` : void 0, H = i.fore && i.fore.fontWeight ? `var(--${o}font-weight-${i.fore.fontWeight})` : void 0, r = i.back ? k(i.back.color) : void 0, n = i.back && i.back.color ? S(i.back.color.colorScheme) : void 0, g = i.highlighter && k(i.highlighter.color, "highlighter"), c = i.highlighter && i.highlighter.color ? S(i.highlighter.color.colorScheme, "highlighter") : void 0, l = i.border ? k(i.border.color) : void 0, b = i.border && i.border.color ? S(i.border.color.colorScheme) : void 0, h = i.border && i.border.top ? k(i.border.top.color) : void 0, v = i.border && i.border.top && i.border.top.color ? S(i.border.top.color.colorScheme) : void 0, f = i.border && i.border.right ? k(i.border.right.color) : void 0, m = i.border && i.border.right && i.border.right.color ? S(i.border.right.color.colorScheme) : void 0, C = i.border && i.border.bottom ? k(i.border.bottom.color) : void 0, u = i.border && i.border.bottom && i.border.bottom.color ? S(i.border.bottom.color.colorScheme) : void 0, y = i.border && i.border.left && k(i.border.left.color), $ = i.border && i.border.left && i.border.left.color ? S(i.border.left.color.colorScheme) : void 0, P = s({
-    foreColor: d ? d.hover : void 0,
-    backColor: r ? r.hover : void 0,
-    highlighter: g ? g.hover : void 0,
-    borderColor: l ? l.hover : void 0,
-    borderTopColor: h ? h.hover : void 0,
-    borderRightColor: f ? f.hover : void 0,
-    borderBottomColor: C ? C.hover : void 0,
-    borderLeftColor: y ? y.hover : void 0
-  }), V = s({
-    foreColor: d ? d.focus : void 0,
-    backColor: r ? r.focus : void 0,
-    highlighter: g ? g.focus : void 0,
-    borderColor: l ? l.focus : void 0,
-    borderTopColor: h ? h.focus : void 0,
-    borderRightColor: f ? f.focus : void 0,
-    borderBottomColor: C ? C.focus : void 0,
-    borderLeftColor: y ? y.focus : void 0
-  }), I = s({
-    foreColor: d ? d.active : void 0,
-    backColor: r ? r.active : void 0,
-    highlighter: g ? g.active : void 0,
-    borderColor: l ? l.active : void 0,
-    borderTopColor: h ? h.active : void 0,
-    borderRightColor: f ? f.active : void 0,
-    borderBottomColor: C ? C.active : void 0,
-    borderLeftColor: y ? y.active : void 0
-  }), K = s({
-    foreColor: d ? d.disabled : void 0,
-    backColor: r ? r.disabled : void 0,
-    highlighter: g ? g.disabled : void 0,
-    borderColor: l ? l.disabled : void 0,
-    borderTopColor: h ? h.disabled : void 0,
-    borderRightColor: f ? f.disabled : void 0,
-    borderBottomColor: C ? C.disabled : void 0,
-    borderLeftColor: y ? y.disabled : void 0
-  }), O = L({
-    color: d ? d.default : void 0,
-    backgroundColor: r && r.default,
-    backgroundImage: g && g.default,
-    borderColor: l && l.default,
-    borderTopColor: h && h.default,
-    borderRightColor: f && f.default,
-    borderBottomColor: C && C.default,
-    borderLeftColor: y && y.default,
-    ":hover": P,
-    ":focus": V,
-    ":active": I,
-    "&[disabled]": K
-  }), U = s({
+    (r) => r === "fore" || r === "back" || r === "highlighter" || r === "border" || r === "positioning" || r === "sizing" || r === "spacing"
+  ).length === 0) {
+    const r = [];
+    return t && r.push(t), i.css && r.push(i.css), r;
+  }
+  const a = i.fore ? S(i.fore.color) : void 0, e = i.fore && i.fore.color ? s(i.fore.color.colorScheme) : void 0, P = i.fore && i.fore.fontSize ? `var(--${d}font-size-${i.fore.fontSize})` : void 0, V = i.fore && i.fore.fontWeight ? `var(--${d}font-weight-${i.fore.fontWeight})` : void 0, n = i.back ? S(i.back.color) : void 0, g = i.back && i.back.color ? s(i.back.color.colorScheme) : void 0, c = i.highlighter && S(i.highlighter.color, "highlighter"), l = i.highlighter && i.highlighter.color ? s(i.highlighter.color.colorScheme, "highlighter") : void 0, h = i.border ? S(i.border.color) : void 0, b = i.border && i.border.color ? s(i.border.color.colorScheme) : void 0, v = i.border && i.border.top ? S(i.border.top.color) : void 0, f = i.border && i.border.top && i.border.top.color ? s(i.border.top.color.colorScheme) : void 0, m = i.border && i.border.right ? S(i.border.right.color) : void 0, C = i.border && i.border.right && i.border.right.color ? s(i.border.right.color.colorScheme) : void 0, u = i.border && i.border.bottom ? S(i.border.bottom.color) : void 0, y = i.border && i.border.bottom && i.border.bottom.color ? s(i.border.bottom.color.colorScheme) : void 0, $ = i.border && i.border.left && S(i.border.left.color), k = i.border && i.border.left && i.border.left.color ? s(i.border.left.color.colorScheme) : void 0, I = B({
     foreColor: a ? a.hover : void 0,
     backColor: n ? n.hover : void 0,
     highlighter: c ? c.hover : void 0,
-    borderColor: b ? b.hover : void 0,
+    borderColor: h ? h.hover : void 0,
     borderTopColor: v ? v.hover : void 0,
     borderRightColor: m ? m.hover : void 0,
     borderBottomColor: u ? u.hover : void 0,
     borderLeftColor: $ ? $.hover : void 0
-  }), E = s({
+  }), K = B({
     foreColor: a ? a.focus : void 0,
     backColor: n ? n.focus : void 0,
     highlighter: c ? c.focus : void 0,
-    borderColor: b ? b.focus : void 0,
+    borderColor: h ? h.focus : void 0,
     borderTopColor: v ? v.focus : void 0,
     borderRightColor: m ? m.focus : void 0,
     borderBottomColor: u ? u.focus : void 0,
     borderLeftColor: $ ? $.focus : void 0
-  }), q = s({
+  }), O = B({
     foreColor: a ? a.active : void 0,
     backColor: n ? n.active : void 0,
     highlighter: c ? c.active : void 0,
-    borderColor: b ? b.active : void 0,
+    borderColor: h ? h.active : void 0,
     borderTopColor: v ? v.active : void 0,
     borderRightColor: m ? m.active : void 0,
     borderBottomColor: u ? u.active : void 0,
     borderLeftColor: $ ? $.active : void 0
-  }), D = s({
+  }), U = B({
     foreColor: a ? a.disabled : void 0,
     backColor: n ? n.disabled : void 0,
     highlighter: c ? c.disabled : void 0,
-    borderColor: b ? b.disabled : void 0,
+    borderColor: h ? h.disabled : void 0,
     borderTopColor: v ? v.disabled : void 0,
     borderRightColor: m ? m.disabled : void 0,
     borderBottomColor: u ? u.disabled : void 0,
     borderLeftColor: $ ? $.disabled : void 0
-  }), z = L({
+  }), E = L({
     color: a ? a.default : void 0,
-    backgroundColor: n ? n.default : void 0,
-    backgroundImage: c ? c.default : void 0,
+    backgroundColor: n && n.default,
+    backgroundImage: c && c.default,
+    borderColor: h && h.default,
+    borderTopColor: v && v.default,
+    borderRightColor: m && m.default,
+    borderBottomColor: u && u.default,
+    borderLeftColor: $ && $.default,
+    ":hover": I,
+    ":focus": K,
+    ":active": O,
+    "&[disabled]": U
+  }), q = B({
+    foreColor: e ? e.hover : void 0,
+    backColor: g ? g.hover : void 0,
+    highlighter: l ? l.hover : void 0,
+    borderColor: b ? b.hover : void 0,
+    borderTopColor: f ? f.hover : void 0,
+    borderRightColor: C ? C.hover : void 0,
+    borderBottomColor: y ? y.hover : void 0,
+    borderLeftColor: k ? k.hover : void 0
+  }), D = B({
+    foreColor: e ? e.focus : void 0,
+    backColor: g ? g.focus : void 0,
+    highlighter: l ? l.focus : void 0,
+    borderColor: b ? b.focus : void 0,
+    borderTopColor: f ? f.focus : void 0,
+    borderRightColor: C ? C.focus : void 0,
+    borderBottomColor: y ? y.focus : void 0,
+    borderLeftColor: k ? k.focus : void 0
+  }), F = B({
+    foreColor: e ? e.active : void 0,
+    backColor: g ? g.active : void 0,
+    highlighter: l ? l.active : void 0,
+    borderColor: b ? b.active : void 0,
+    borderTopColor: f ? f.active : void 0,
+    borderRightColor: C ? C.active : void 0,
+    borderBottomColor: y ? y.active : void 0,
+    borderLeftColor: k ? k.active : void 0
+  }), G = B({
+    foreColor: e ? e.disabled : void 0,
+    backColor: g ? g.disabled : void 0,
+    highlighter: l ? l.disabled : void 0,
+    borderColor: b ? b.disabled : void 0,
+    borderTopColor: f ? f.disabled : void 0,
+    borderRightColor: C ? C.disabled : void 0,
+    borderBottomColor: y ? y.disabled : void 0,
+    borderLeftColor: k ? k.disabled : void 0
+  }), W = L({
+    color: e ? e.default : void 0,
+    backgroundColor: g ? g.default : void 0,
+    backgroundImage: l ? l.default : void 0,
     borderColor: b ? b.default : void 0,
-    borderTopColor: v ? v.default : void 0,
-    borderRightColor: m ? m.default : void 0,
-    borderBottomColor: u ? u.default : void 0,
-    borderLeftColor: $ ? $.default : void 0,
-    ":hover": U,
-    ":focus": E,
-    ":active": q,
-    "&[disabled]": D
-  }), F = {
-    fontSize: t,
-    fontWeight: H,
+    borderTopColor: f ? f.default : void 0,
+    borderRightColor: C ? C.default : void 0,
+    borderBottomColor: y ? y.default : void 0,
+    borderLeftColor: k ? k.default : void 0,
+    ":hover": q,
+    ":focus": D,
+    ":active": F,
+    "&[disabled]": G
+  }), J = {
+    fontSize: P,
+    fontWeight: V,
     fontStyle: i.fore ? i.fore.fontStyle : void 0,
     textTransform: i.fore ? i.fore.textTransform : void 0,
     borderCollapse: i.border && i.border.collapse ? i.border.collapse === "collapted" ? "collapse" : "separate" : void 0,
-    borderRadius: i.border && i.border.radius ? `var(--${o}border-radius-${i.border.radius})` : void 0,
+    borderRadius: i.border && i.border.radius ? `var(--${d}border-radius-${i.border.radius})` : void 0,
     borderStyle: i.border && i.border.style ? i.border.style : void 0,
-    borderWidth: i.border && i.border.width ? `var(--${o}border-width-${i.border.width})` : void 0,
+    borderWidth: i.border && i.border.width ? `var(--${d}border-width-${i.border.width})` : void 0,
     borderTopStyle: i.border && i.border.top && i.border.top.style ? i.border.top.style : void 0,
-    borderTopWidth: i.border && i.border.top && i.border.top.width ? `var(--${o}border-width-${i.border.top.width})` : void 0,
+    borderTopWidth: i.border && i.border.top && i.border.top.width ? `var(--${d}border-width-${i.border.top.width})` : void 0,
     borderRightStyle: i.border && i.border.right && i.border.right.style ? i.border.right.style : void 0,
-    borderRightWidth: i.border && i.border.right && i.border.right.width ? `var(--${o}border-width-${i.border.right.width})` : void 0,
+    borderRightWidth: i.border && i.border.right && i.border.right.width ? `var(--${d}border-width-${i.border.right.width})` : void 0,
     borderBottomStyle: i.border && i.border.bottom && i.border.bottom.style ? i.border.bottom.style : void 0,
-    borderBottomWidth: i.border && i.border.bottom && i.border.bottom.width ? `var(--${o}border-width-${i.border.bottom.width})` : void 0,
+    borderBottomWidth: i.border && i.border.bottom && i.border.bottom.width ? `var(--${d}border-width-${i.border.bottom.width})` : void 0,
     borderLeftStyle: i.border && i.border.left && i.border.left.style ? i.border.left.style : void 0,
-    borderLeftWidth: i.border && i.border.left && i.border.left.width ? `var(--${o}border-width-${i.border.left.width})` : void 0,
+    borderLeftWidth: i.border && i.border.left && i.border.left.width ? `var(--${d}border-width-${i.border.left.width})` : void 0,
     margin: i.spacing && i.spacing.margin ? typeof i.spacing.margin == "number" ? `${i.spacing.margin}rem` : typeof i.spacing.margin == "string" ? i.spacing.margin : void 0 : void 0,
     marginTop: i.spacing && i.spacing.margin && typeof i.spacing.margin == "object" && i.spacing.margin.top ? typeof i.spacing.margin.top == "number" ? `${i.spacing.margin.top}rem` : i.spacing.margin.top : i.spacing && i.spacing.margin && typeof i.spacing.margin == "object" && i.spacing.margin.y ? typeof i.spacing.margin.y == "number" ? `${i.spacing.margin.y}rem` : i.spacing.margin.y : void 0,
     marginRight: i.spacing && i.spacing.margin && typeof i.spacing.margin == "object" && i.spacing.margin.right ? typeof i.spacing.margin.right == "number" ? `${i.spacing.margin.right}rem` : i.spacing.margin.right : i.spacing && i.spacing.margin && typeof i.spacing.margin == "object" && i.spacing.margin.x ? typeof i.spacing.margin.x == "number" ? `${i.spacing.margin.x}rem` : i.spacing.margin.x : void 0,
@@ -230,16 +232,16 @@ function G(i) {
     height: i.sizing ? i.sizing.height : void 0,
     minHeight: i.sizing ? i.sizing.minHeight : void 0,
     maxHeight: i.sizing ? i.sizing.maxHeight : void 0
-  }, R = [];
-  R.push(O), z && R.push(z), R.push(F);
-  const W = L(R);
-  return i.css ? [W, i.css] : W;
+  }, T = [];
+  T.push(E), W && T.push(W), T.push(J);
+  const H = L(T), R = [];
+  return H && R.push(H), t && R.push(t), i.css && R.push(i.css), R;
 }
-const M = {
-  getColorVariable: e,
-  getEmotionCss: G
+const Q = {
+  getColorVariable: o,
+  getEmotionCss: M
 };
 export {
-  M as default
+  Q as default
 };
 //# sourceMappingURL=emotionStyleUtility.js.map