react-minolith 2.0.4 → 2.1.0

package/dist/models/BorderProps.d.ts

@@ -1,6 +1,6 @@
-import { BorderCollapse, BorderDetailProps, BorderRadius, BorderStyle, BorderWidth, ColorProps } from '../types';
-export default interface BorderProps {
-    color?: ColorProps;
+import { BorderCollapse, BorderDetailProps, BorderRadius, BorderStyle, BorderWidth, ColorName, ColorProps } from '../types';
+export default interface BorderProps<ColorNameType extends string = ColorName> {
+    color?: ColorProps<ColorNameType>;
     collapse?: BorderCollapse;
     radius?: BorderRadius;
     style?: BorderStyle;

package/dist/models/BorderProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BorderProps.d.ts","sourceRoot":"","sources":["../../src/models/BorderProps.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,iBAAiB,EACjB,YAAY,EACZ,WAAW,EACX,WAAW,EACX,UAAU,EACX,MAAM,UAAU,CAAC;AAElB,MAAM,CAAC,OAAO,WAAW,WAAW;IAClC,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,GAAG,CAAC,EAAE,iBAAiB,CAAC;IACxB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,KAAK,CAAC,EAAE,iBAAiB,CAAC;CAC3B"}
+{"version":3,"file":"BorderProps.d.ts","sourceRoot":"","sources":["../../src/models/BorderProps.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,iBAAiB,EACjB,YAAY,EACZ,WAAW,EACX,WAAW,EACX,SAAS,EACT,UAAU,EACX,MAAM,UAAU,CAAC;AAElB,MAAM,CAAC,OAAO,WAAW,WAAW,CAAC,aAAa,SAAS,MAAM,GAAG,SAAS;IAC3E,KAAK,CAAC,EAAE,UAAU,CAAC,aAAa,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,GAAG,CAAC,EAAE,iBAAiB,CAAC;IACxB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,KAAK,CAAC,EAAE,iBAAiB,CAAC;CAC3B"}

package/dist/models/LightDarkColor.d.ts

@@ -1,7 +1,7 @@
 import { Property } from 'csstype';
 import { default as ColorAttributes } from '../types/ColorAttributes';
 import { default as ColorName } from '../types/ColorName';
-export default interface LightDarkColor<ColorNameType = ColorName> {
+export default interface LightDarkColor<ColorNameType extends string = ColorName> {
     light: Property.Color | ColorAttributes<ColorNameType>;
     dark: Property.Color | ColorAttributes<ColorNameType>;
 }

package/dist/models/LightDarkColor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LightDarkColor.d.ts","sourceRoot":"","sources":["../../src/models/LightDarkColor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,eAAe,MAAM,0BAA0B,CAAC;AACvD,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAE3C,MAAM,CAAC,OAAO,WAAW,cAAc,CAAC,aAAa,GAAG,SAAS;IAC/D,KAAK,EAAE,QAAQ,CAAC,KAAK,GAAG,eAAe,CAAC,aAAa,CAAC,CAAC;IACvD,IAAI,EAAE,QAAQ,CAAC,KAAK,GAAG,eAAe,CAAC,aAAa,CAAC,CAAC;CACvD"}
+{"version":3,"file":"LightDarkColor.d.ts","sourceRoot":"","sources":["../../src/models/LightDarkColor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,eAAe,MAAM,0BAA0B,CAAC;AACvD,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAE3C,MAAM,CAAC,OAAO,WAAW,cAAc,CAAC,aAAa,SAAS,MAAM,GAAG,SAAS;IAC9E,KAAK,EAAE,QAAQ,CAAC,KAAK,GAAG,eAAe,CAAC,aAAa,CAAC,CAAC;IACvD,IAAI,EAAE,QAAQ,CAAC,KAAK,GAAG,eAAe,CAAC,aAAa,CAAC,CAAC;CACvD"}

package/dist/types/ColorAttributes.d.ts

@@ -1,6 +1,6 @@
 import { default as ColorLightness } from './ColorLightness';
 import { default as ColorName } from './ColorName';
-type ColorAttributes<ColorNameType = ColorName> = {
+type ColorAttributes<ColorNameType extends string = ColorName> = {
     name: ColorNameType;
     lightness: ColorLightness;
     alpha?: number;

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

@@ -1 +1 @@
-{"version":3,"file":"ColorAttributes.d.ts","sourceRoot":"","sources":["../../src/types/ColorAttributes.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,KAAK,eAAe,CAAC,aAAa,GAAG,SAAS,IAAI;IAChD,IAAI,EAAE,aAAa,CAAC;IACpB,SAAS,EAAE,cAAc,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"ColorAttributes.d.ts","sourceRoot":"","sources":["../../src/types/ColorAttributes.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,KAAK,eAAe,CAAC,aAAa,SAAS,MAAM,GAAG,SAAS,IAAI;IAC/D,IAAI,EAAE,aAAa,CAAC;IACpB,SAAS,EAAE,cAAc,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/types/ColorProps.d.ts

@@ -1,6 +1,6 @@
 import { default as ColorAttributes } from './ColorAttributes';
 import { default as ColorName } from './ColorName';
-type ColorProps<ColorNameType = ColorName> = {
+type ColorProps<ColorNameType extends string = ColorName> = {
     default?: ColorAttributes<ColorNameType> | "transparent";
     hover?: ColorAttributes<ColorNameType> | "transparent";
     focus?: ColorAttributes<ColorNameType> | "transparent";

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

@@ -1 +1 @@
-{"version":3,"file":"ColorProps.d.ts","sourceRoot":"","sources":["../../src/types/ColorProps.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,KAAK,UAAU,CAAC,aAAa,GAAG,SAAS,IAAI;IAC3C,OAAO,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,GAAG,aAAa,CAAC;IACzD,KAAK,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,GAAG,aAAa,CAAC;IACvD,KAAK,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,GAAG,aAAa,CAAC;IACvD,MAAM,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,GAAG,aAAa,CAAC;IACxD,QAAQ,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,GAAG,aAAa,CAAC;IAC1D,WAAW,CAAC,EAAE;QACZ,KAAK,EAAE;YACL,OAAO,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,GAAG,aAAa,CAAC;YACzD,KAAK,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,GAAG,aAAa,CAAC;YACvD,KAAK,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,GAAG,aAAa,CAAC;YACvD,MAAM,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,GAAG,aAAa,CAAC;YACxD,QAAQ,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,GAAG,aAAa,CAAC;SAC3D,CAAC;QACF,IAAI,EAAE;YACJ,OAAO,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,GAAG,aAAa,CAAC;YACzD,KAAK,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,GAAG,aAAa,CAAC;YACvD,KAAK,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,GAAG,aAAa,CAAC;YACvD,MAAM,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,GAAG,aAAa,CAAC;YACxD,QAAQ,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,GAAG,aAAa,CAAC;SAC3D,CAAC;KACH,CAAC;CACH,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"ColorProps.d.ts","sourceRoot":"","sources":["../../src/types/ColorProps.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,KAAK,UAAU,CAAC,aAAa,SAAS,MAAM,GAAG,SAAS,IAAI;IAC1D,OAAO,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,GAAG,aAAa,CAAC;IACzD,KAAK,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,GAAG,aAAa,CAAC;IACvD,KAAK,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,GAAG,aAAa,CAAC;IACvD,MAAM,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,GAAG,aAAa,CAAC;IACxD,QAAQ,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,GAAG,aAAa,CAAC;IAC1D,WAAW,CAAC,EAAE;QACZ,KAAK,EAAE;YACL,OAAO,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,GAAG,aAAa,CAAC;YACzD,KAAK,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,GAAG,aAAa,CAAC;YACvD,KAAK,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,GAAG,aAAa,CAAC;YACvD,MAAM,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,GAAG,aAAa,CAAC;YACxD,QAAQ,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,GAAG,aAAa,CAAC;SAC3D,CAAC;QACF,IAAI,EAAE;YACJ,OAAO,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,GAAG,aAAa,CAAC;YACzD,KAAK,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,GAAG,aAAa,CAAC;YACvD,KAAK,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,GAAG,aAAa,CAAC;YACvD,MAAM,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,GAAG,aAAa,CAAC;YACxD,QAAQ,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,GAAG,aAAa,CAAC;SAC3D,CAAC;KACH,CAAC;CACH,CAAC;AAEF,eAAe,UAAU,CAAC"}

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/classNameUtility/classNameUtility.js.map

@@ -1 +1 @@
-{"version":3,"file":"classNameUtility.js","sources":["../../../src/utilities/classNameUtility/classNameUtility.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/restrict-template-expressions */\r\nimport BaseComponentProps from \"../../models/BaseComponentProps\";\r\nimport { ColorAttributes, ColorName, Gutter } from \"../../types\";\r\nimport { Property } from \"csstype\";\r\n\r\nfunction setFlexDirectionClassNames(\r\n  classNames: CSSModuleClasses,\r\n  flexDirection?: Property.FlexDirection,\r\n  sizeString?: string,\r\n): string[] {\r\n  if (!flexDirection) {\r\n    return [];\r\n  }\r\n\r\n  const flexDirectionClassNames: string[] = [];\r\n  if (\r\n    flexDirection === \"row\" ||\r\n    flexDirection === \"row-reverse\" ||\r\n    flexDirection === \"column\" ||\r\n    flexDirection === \"column-reverse\"\r\n  ) {\r\n    if (sizeString) {\r\n      flexDirectionClassNames.push(\r\n        classNames[`is-${sizeString}-direction-${flexDirection}`],\r\n      );\r\n    } else {\r\n      flexDirectionClassNames.push(classNames[`is-direction-${flexDirection}`]);\r\n    }\r\n  }\r\n\r\n  return flexDirectionClassNames;\r\n}\r\n\r\nfunction getGutterClassNames(\r\n  classNames: CSSModuleClasses,\r\n  gutter?: Gutter,\r\n  sizeString?: string,\r\n): string[] {\r\n  if (!gutter) {\r\n    return [];\r\n  }\r\n\r\n  const gutterClassNames: string[] = [];\r\n\r\n  if (typeof gutter === \"string\") {\r\n    if (sizeString) {\r\n      gutterClassNames.push(classNames[`has-gutter-${sizeString}-${gutter}`]);\r\n    } else {\r\n      gutterClassNames.push(classNames[`has-gutter-${gutter}`]);\r\n    }\r\n    return gutterClassNames;\r\n  }\r\n\r\n  if (typeof gutter === \"number\") {\r\n    if (sizeString) {\r\n      gutterClassNames.push(\r\n        classNames[`has-gutter-${sizeString}-${gutter}rem`],\r\n      );\r\n    } else {\r\n      gutterClassNames.push(classNames[`has-gutter-${gutter}rem`]);\r\n    }\r\n    return gutterClassNames;\r\n  }\r\n\r\n  if (\"x\" in gutter) {\r\n    if (typeof gutter.x === \"string\") {\r\n      if (sizeString) {\r\n        gutterClassNames.push(\r\n          classNames[`has-gutter-x-${sizeString}-${gutter.x}`],\r\n        );\r\n      } else {\r\n        gutterClassNames.push(classNames[`has-gutter-x-${gutter.x}`]);\r\n      }\r\n    } else if (typeof gutter.x === \"number\") {\r\n      if (sizeString) {\r\n        gutterClassNames.push(\r\n          classNames[`has-gutter-x-${sizeString}-${gutter.x}rem`],\r\n        );\r\n      } else {\r\n        gutterClassNames.push(classNames[`has-gutter-x-${gutter.x}rem`]);\r\n      }\r\n    }\r\n  }\r\n\r\n  if (\"y\" in gutter) {\r\n    if (typeof gutter.y === \"string\") {\r\n      if (sizeString) {\r\n        gutterClassNames.push(\r\n          classNames[`has-gutter-y-${sizeString}-${gutter.y}`],\r\n        );\r\n      } else {\r\n        gutterClassNames.push(classNames[`has-gutter-y-${gutter.y}`]);\r\n      }\r\n    } else if (typeof gutter.y === \"number\") {\r\n      if (sizeString) {\r\n        gutterClassNames.push(\r\n          classNames[`has-gutter-y-${sizeString}-${gutter.y}rem`],\r\n        );\r\n      } else {\r\n        gutterClassNames.push(classNames[`has-gutter-y-${gutter.y}rem`]);\r\n      }\r\n    }\r\n  }\r\n\r\n  return gutterClassNames;\r\n}\r\n\r\nfunction getUtilityClassNames(props: BaseComponentProps): string[] {\r\n  const assignedClassNames: string[] = [];\r\n\r\n  const assignStateColor = <ColorNameType = ColorName>(\r\n    name: string,\r\n    stateStr: string,\r\n    state?: ColorAttributes<ColorNameType> | \"transparent\",\r\n    colorScheme?: string,\r\n  ) => {\r\n    if (state && typeof state === \"object\" && state.name === \"rainbow\") {\r\n      assignedClassNames.push(\r\n        `${name}${colorScheme ? `-${colorScheme}` : \"\"}${\r\n          stateStr === \"default\" ? \"\" : `-${stateStr}`\r\n        }-${state.name}-${state.lightness === 5 ? `05` : state.lightness}`,\r\n      );\r\n    }\r\n  };\r\n\r\n  if (props.fore) {\r\n    if (props.fore.color) {\r\n      assignStateColor(\"forecolor\", \"default\", props.fore.color.default);\r\n      assignStateColor(\"forecolor\", \"hover\", props.fore.color.hover);\r\n      assignStateColor(\"forecolor\", \"focus\", props.fore.color.focus);\r\n      assignStateColor(\"forecolor\", \"active\", props.fore.color.active);\r\n      assignStateColor(\"forecolor\", \"disabled\", props.fore.color.disabled);\r\n      if (props.fore.color.colorScheme) {\r\n        if (props.fore.color.colorScheme.light) {\r\n          const foreColorLight = props.fore.color.colorScheme.light;\r\n          assignStateColor(\r\n            \"forecolor\",\r\n            \"default\",\r\n            foreColorLight.default,\r\n            \"light\",\r\n          );\r\n          assignStateColor(\"forecolor\", \"hover\", foreColorLight.hover, \"light\");\r\n          assignStateColor(\"forecolor\", \"focus\", foreColorLight.focus, \"light\");\r\n          assignStateColor(\r\n            \"forecolor\",\r\n            \"active\",\r\n            foreColorLight.active,\r\n            \"light\",\r\n          );\r\n          assignStateColor(\r\n            \"forecolor\",\r\n            \"disabled\",\r\n            foreColorLight.disabled,\r\n            \"light\",\r\n          );\r\n        }\r\n        if (props.fore.color.colorScheme.dark) {\r\n          const foreColorDark = props.fore.color.colorScheme.dark;\r\n          assignStateColor(\r\n            \"forecolor\",\r\n            \"default\",\r\n            foreColorDark.default,\r\n            \"dark\",\r\n          );\r\n          assignStateColor(\"forecolor\", \"hover\", foreColorDark.hover, \"dark\");\r\n          assignStateColor(\"forecolor\", \"focus\", foreColorDark.focus, \"dark\");\r\n          assignStateColor(\"forecolor\", \"active\", foreColorDark.active, \"dark\");\r\n          assignStateColor(\r\n            \"forecolor\",\r\n            \"disabled\",\r\n            foreColorDark.disabled,\r\n            \"dark\",\r\n          );\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  if (props.back) {\r\n    if (props.back.color) {\r\n      assignStateColor(\"backcolor\", \"default\", props.back.color.default);\r\n      assignStateColor(\"backcolor\", \"hover\", props.back.color.hover);\r\n      assignStateColor(\"backcolor\", \"focus\", props.back.color.focus);\r\n      assignStateColor(\"backcolor\", \"active\", props.back.color.active);\r\n      assignStateColor(\"backcolor\", \"disabled\", props.back.color.disabled);\r\n      if (props.back.color.colorScheme) {\r\n        if (props.back.color.colorScheme.light) {\r\n          const backColorLight = props.back.color.colorScheme.light;\r\n          assignStateColor(\r\n            \"backcolor\",\r\n            \"default\",\r\n            backColorLight.default,\r\n            \"light\",\r\n          );\r\n          assignStateColor(\"backcolor\", \"hover\", backColorLight.hover, \"light\");\r\n          assignStateColor(\"backcolor\", \"focus\", backColorLight.focus, \"light\");\r\n          assignStateColor(\r\n            \"backcolor\",\r\n            \"active\",\r\n            backColorLight.active,\r\n            \"light\",\r\n          );\r\n          assignStateColor(\r\n            \"backcolor\",\r\n            \"disabled\",\r\n            backColorLight.disabled,\r\n            \"light\",\r\n          );\r\n        }\r\n        if (props.back.color.colorScheme.dark) {\r\n          const backColorDark = props.back.color.colorScheme.dark;\r\n          assignStateColor(\r\n            \"backcolor\",\r\n            \"default\",\r\n            backColorDark.default,\r\n            \"dark\",\r\n          );\r\n          assignStateColor(\"backcolor\", \"hover\", backColorDark.hover, \"dark\");\r\n          assignStateColor(\"backcolor\", \"focus\", backColorDark.focus, \"dark\");\r\n          assignStateColor(\"backcolor\", \"active\", backColorDark.active, \"dark\");\r\n          assignStateColor(\r\n            \"backcolor\",\r\n            \"disabled\",\r\n            backColorDark.disabled,\r\n            \"dark\",\r\n          );\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  if (props.positioning) {\r\n    if (props.positioning.translateMiddle) {\r\n      assignedClassNames.push(`translate-middle`);\r\n    }\r\n    if (props.positioning.translateMiddleX) {\r\n      assignedClassNames.push(`translate-middle-x`);\r\n    }\r\n    if (props.positioning.translateMiddleY) {\r\n      assignedClassNames.push(`translate-middle-y`);\r\n    }\r\n  }\r\n\r\n  if (props.sizing) {\r\n    if (props.sizing.aspectRatio) {\r\n      if (props.sizing.aspectRatio.includes(\":\")) {\r\n        assignedClassNames.push(\r\n          `aspect-ratio-${props.sizing.aspectRatio.replace(\":\", \"-\")}`,\r\n        );\r\n      } else {\r\n        assignedClassNames.push(`aspect-ratio-${props.sizing.aspectRatio}`);\r\n      }\r\n    }\r\n  }\r\n\r\n  return assignedClassNames;\r\n}\r\n\r\nconst classNameUtility = {\r\n  setFlexDirectionClassNames,\r\n  getGutterClassNames,\r\n  getUtilityClassNames,\r\n};\r\n\r\nexport default classNameUtility;\r\n"],"names":["setFlexDirectionClassNames","classNames","flexDirection","sizeString","flexDirectionClassNames","getGutterClassNames","gutter","gutterClassNames","getUtilityClassNames","props","assignedClassNames","assignStateColor","name","stateStr","state","colorScheme","foreColorLight","foreColorDark","backColorLight","backColorDark","classNameUtility"],"mappings":"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"}
+{"version":3,"file":"classNameUtility.js","sources":["../../../src/utilities/classNameUtility/classNameUtility.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/restrict-template-expressions */\r\nimport BaseComponentProps from \"../../models/BaseComponentProps\";\r\nimport { ColorAttributes, ColorName, Gutter } from \"../../types\";\r\nimport { Property } from \"csstype\";\r\n\r\nfunction setFlexDirectionClassNames(\r\n  classNames: CSSModuleClasses,\r\n  flexDirection?: Property.FlexDirection,\r\n  sizeString?: string,\r\n): string[] {\r\n  if (!flexDirection) {\r\n    return [];\r\n  }\r\n\r\n  const flexDirectionClassNames: string[] = [];\r\n  if (\r\n    flexDirection === \"row\" ||\r\n    flexDirection === \"row-reverse\" ||\r\n    flexDirection === \"column\" ||\r\n    flexDirection === \"column-reverse\"\r\n  ) {\r\n    if (sizeString) {\r\n      flexDirectionClassNames.push(\r\n        classNames[`is-${sizeString}-direction-${flexDirection}`],\r\n      );\r\n    } else {\r\n      flexDirectionClassNames.push(classNames[`is-direction-${flexDirection}`]);\r\n    }\r\n  }\r\n\r\n  return flexDirectionClassNames;\r\n}\r\n\r\nfunction getGutterClassNames(\r\n  classNames: CSSModuleClasses,\r\n  gutter?: Gutter,\r\n  sizeString?: string,\r\n): string[] {\r\n  if (!gutter) {\r\n    return [];\r\n  }\r\n\r\n  const gutterClassNames: string[] = [];\r\n\r\n  if (typeof gutter === \"string\") {\r\n    if (sizeString) {\r\n      gutterClassNames.push(classNames[`has-gutter-${sizeString}-${gutter}`]);\r\n    } else {\r\n      gutterClassNames.push(classNames[`has-gutter-${gutter}`]);\r\n    }\r\n    return gutterClassNames;\r\n  }\r\n\r\n  if (typeof gutter === \"number\") {\r\n    if (sizeString) {\r\n      gutterClassNames.push(\r\n        classNames[`has-gutter-${sizeString}-${gutter}rem`],\r\n      );\r\n    } else {\r\n      gutterClassNames.push(classNames[`has-gutter-${gutter}rem`]);\r\n    }\r\n    return gutterClassNames;\r\n  }\r\n\r\n  if (\"x\" in gutter) {\r\n    if (typeof gutter.x === \"string\") {\r\n      if (sizeString) {\r\n        gutterClassNames.push(\r\n          classNames[`has-gutter-x-${sizeString}-${gutter.x}`],\r\n        );\r\n      } else {\r\n        gutterClassNames.push(classNames[`has-gutter-x-${gutter.x}`]);\r\n      }\r\n    } else if (typeof gutter.x === \"number\") {\r\n      if (sizeString) {\r\n        gutterClassNames.push(\r\n          classNames[`has-gutter-x-${sizeString}-${gutter.x}rem`],\r\n        );\r\n      } else {\r\n        gutterClassNames.push(classNames[`has-gutter-x-${gutter.x}rem`]);\r\n      }\r\n    }\r\n  }\r\n\r\n  if (\"y\" in gutter) {\r\n    if (typeof gutter.y === \"string\") {\r\n      if (sizeString) {\r\n        gutterClassNames.push(\r\n          classNames[`has-gutter-y-${sizeString}-${gutter.y}`],\r\n        );\r\n      } else {\r\n        gutterClassNames.push(classNames[`has-gutter-y-${gutter.y}`]);\r\n      }\r\n    } else if (typeof gutter.y === \"number\") {\r\n      if (sizeString) {\r\n        gutterClassNames.push(\r\n          classNames[`has-gutter-y-${sizeString}-${gutter.y}rem`],\r\n        );\r\n      } else {\r\n        gutterClassNames.push(classNames[`has-gutter-y-${gutter.y}rem`]);\r\n      }\r\n    }\r\n  }\r\n\r\n  return gutterClassNames;\r\n}\r\n\r\nfunction getUtilityClassNames(props: BaseComponentProps): string[] {\r\n  const assignedClassNames: string[] = [];\r\n\r\n  const assignStateColor = <ColorNameType extends string = ColorName>(\r\n    name: string,\r\n    stateStr: string,\r\n    state?: ColorAttributes<ColorNameType> | \"transparent\",\r\n    colorScheme?: string,\r\n  ) => {\r\n    if (state && typeof state === \"object\" && state.name === \"rainbow\") {\r\n      assignedClassNames.push(\r\n        `${name}${colorScheme ? `-${colorScheme}` : \"\"}${\r\n          stateStr === \"default\" ? \"\" : `-${stateStr}`\r\n        }-${state.name}-${state.lightness === 5 ? `05` : state.lightness}`,\r\n      );\r\n    }\r\n  };\r\n\r\n  if (props.fore) {\r\n    if (props.fore.color) {\r\n      assignStateColor(\"forecolor\", \"default\", props.fore.color.default);\r\n      assignStateColor(\"forecolor\", \"hover\", props.fore.color.hover);\r\n      assignStateColor(\"forecolor\", \"focus\", props.fore.color.focus);\r\n      assignStateColor(\"forecolor\", \"active\", props.fore.color.active);\r\n      assignStateColor(\"forecolor\", \"disabled\", props.fore.color.disabled);\r\n      if (props.fore.color.colorScheme) {\r\n        if (props.fore.color.colorScheme.light) {\r\n          const foreColorLight = props.fore.color.colorScheme.light;\r\n          assignStateColor(\r\n            \"forecolor\",\r\n            \"default\",\r\n            foreColorLight.default,\r\n            \"light\",\r\n          );\r\n          assignStateColor(\"forecolor\", \"hover\", foreColorLight.hover, \"light\");\r\n          assignStateColor(\"forecolor\", \"focus\", foreColorLight.focus, \"light\");\r\n          assignStateColor(\r\n            \"forecolor\",\r\n            \"active\",\r\n            foreColorLight.active,\r\n            \"light\",\r\n          );\r\n          assignStateColor(\r\n            \"forecolor\",\r\n            \"disabled\",\r\n            foreColorLight.disabled,\r\n            \"light\",\r\n          );\r\n        }\r\n        if (props.fore.color.colorScheme.dark) {\r\n          const foreColorDark = props.fore.color.colorScheme.dark;\r\n          assignStateColor(\r\n            \"forecolor\",\r\n            \"default\",\r\n            foreColorDark.default,\r\n            \"dark\",\r\n          );\r\n          assignStateColor(\"forecolor\", \"hover\", foreColorDark.hover, \"dark\");\r\n          assignStateColor(\"forecolor\", \"focus\", foreColorDark.focus, \"dark\");\r\n          assignStateColor(\"forecolor\", \"active\", foreColorDark.active, \"dark\");\r\n          assignStateColor(\r\n            \"forecolor\",\r\n            \"disabled\",\r\n            foreColorDark.disabled,\r\n            \"dark\",\r\n          );\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  if (props.back) {\r\n    if (props.back.color) {\r\n      assignStateColor(\"backcolor\", \"default\", props.back.color.default);\r\n      assignStateColor(\"backcolor\", \"hover\", props.back.color.hover);\r\n      assignStateColor(\"backcolor\", \"focus\", props.back.color.focus);\r\n      assignStateColor(\"backcolor\", \"active\", props.back.color.active);\r\n      assignStateColor(\"backcolor\", \"disabled\", props.back.color.disabled);\r\n      if (props.back.color.colorScheme) {\r\n        if (props.back.color.colorScheme.light) {\r\n          const backColorLight = props.back.color.colorScheme.light;\r\n          assignStateColor(\r\n            \"backcolor\",\r\n            \"default\",\r\n            backColorLight.default,\r\n            \"light\",\r\n          );\r\n          assignStateColor(\"backcolor\", \"hover\", backColorLight.hover, \"light\");\r\n          assignStateColor(\"backcolor\", \"focus\", backColorLight.focus, \"light\");\r\n          assignStateColor(\r\n            \"backcolor\",\r\n            \"active\",\r\n            backColorLight.active,\r\n            \"light\",\r\n          );\r\n          assignStateColor(\r\n            \"backcolor\",\r\n            \"disabled\",\r\n            backColorLight.disabled,\r\n            \"light\",\r\n          );\r\n        }\r\n        if (props.back.color.colorScheme.dark) {\r\n          const backColorDark = props.back.color.colorScheme.dark;\r\n          assignStateColor(\r\n            \"backcolor\",\r\n            \"default\",\r\n            backColorDark.default,\r\n            \"dark\",\r\n          );\r\n          assignStateColor(\"backcolor\", \"hover\", backColorDark.hover, \"dark\");\r\n          assignStateColor(\"backcolor\", \"focus\", backColorDark.focus, \"dark\");\r\n          assignStateColor(\"backcolor\", \"active\", backColorDark.active, \"dark\");\r\n          assignStateColor(\r\n            \"backcolor\",\r\n            \"disabled\",\r\n            backColorDark.disabled,\r\n            \"dark\",\r\n          );\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  if (props.positioning) {\r\n    if (props.positioning.translateMiddle) {\r\n      assignedClassNames.push(`translate-middle`);\r\n    }\r\n    if (props.positioning.translateMiddleX) {\r\n      assignedClassNames.push(`translate-middle-x`);\r\n    }\r\n    if (props.positioning.translateMiddleY) {\r\n      assignedClassNames.push(`translate-middle-y`);\r\n    }\r\n  }\r\n\r\n  if (props.sizing) {\r\n    if (props.sizing.aspectRatio) {\r\n      if (props.sizing.aspectRatio.includes(\":\")) {\r\n        assignedClassNames.push(\r\n          `aspect-ratio-${props.sizing.aspectRatio.replace(\":\", \"-\")}`,\r\n        );\r\n      } else {\r\n        assignedClassNames.push(`aspect-ratio-${props.sizing.aspectRatio}`);\r\n      }\r\n    }\r\n  }\r\n\r\n  return assignedClassNames;\r\n}\r\n\r\nconst classNameUtility = {\r\n  setFlexDirectionClassNames,\r\n  getGutterClassNames,\r\n  getUtilityClassNames,\r\n};\r\n\r\nexport default classNameUtility;\r\n"],"names":["setFlexDirectionClassNames","classNames","flexDirection","sizeString","flexDirectionClassNames","getGutterClassNames","gutter","gutterClassNames","getUtilityClassNames","props","assignedClassNames","assignStateColor","name","stateStr","state","colorScheme","foreColorLight","foreColorDark","backColorLight","backColorDark","classNameUtility"],"mappings":"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"}

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

@@ -1,8 +1,8 @@
 import { BaseComponentProps } from '../../models';
 import { Interpolation, Theme } from '@emotion/react';
 import { ColorAttributes, ColorName } from '../../types';
-declare function getColorVariable<ColorNameType = ColorName>(colorAttributes?: ColorAttributes<ColorNameType> | "transparent"): string | undefined;
-declare function getEmotionCss(props: BaseComponentProps): Interpolation<Theme>;
+declare function getColorVariable<ColorNameType extends string = ColorName>(colorAttributes?: ColorAttributes<ColorNameType> | "transparent"): string | undefined;
+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,GAAG,SAAS,EACjD,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