react-minolith 2.0.4 → 2.1.0

package/dist/components/Textarea/Textarea.js

@@ -1,62 +1,55 @@
 "use client";
-import { jsx as d } from "@emotion/react/jsx-runtime";
-import a from "../../utilities/classNameUtility/classNameUtility.js";
-import o from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Input.css';const l = "_input_654vx_1", _ = {
-  "input-checkbox": "_input-checkbox_654vx_1",
-  input: l,
-  "is-border-width-xthin": "_is-border-width-xthin_654vx_29",
-  "is-border-width-thin": "_is-border-width-thin_654vx_33",
-  "is-border-width-medium": "_is-border-width-medium_654vx_37",
-  "is-border-width-thick": "_is-border-width-thick_654vx_41",
-  "is-border-width-xthick": "_is-border-width-xthick_654vx_45",
-  "is-border-width-xxthick": "_is-border-width-xxthick_654vx_49",
-  "is-border-width-xxxthick": "_is-border-width-xxxthick_654vx_53",
-  "is-disabled": "_is-disabled_654vx_62",
-  "is-gray": "_is-gray_654vx_71",
-  "is-red": "_is-red_654vx_89",
-  "is-coral": "_is-coral_654vx_107",
-  "is-orange": "_is-orange_654vx_125",
-  "is-yellow": "_is-yellow_654vx_143",
-  "is-lime": "_is-lime_654vx_161",
-  "is-green": "_is-green_654vx_179",
-  "is-cyan": "_is-cyan_654vx_197",
-  "is-blue": "_is-blue_654vx_215",
-  "is-violet": "_is-violet_654vx_233",
-  "is-magenta": "_is-magenta_654vx_251",
-  "input-radio": "_input-radio_654vx_270",
-  "input-color": "_input-color_654vx_554",
-  "input-range": "_input-range_654vx_559",
-  "input-range-track": "_input-range-track_654vx_567",
-  "input-range-thumb": "_input-range-thumb_654vx_571",
-  "is-focus": "_is-focus_654vx_578",
-  "is-focused": "_is-focused_654vx_578",
-  "is-border-radius-xsmall": "_is-border-radius-xsmall_654vx_592",
-  "is-border-radius-small": "_is-border-radius-small_654vx_595",
-  "is-border-radius-medium": "_is-border-radius-medium_654vx_598",
-  "is-border-radius-large": "_is-border-radius-large_654vx_601",
-  "is-border-radius-xlarge": "_is-border-radius-xlarge_654vx_604",
-  "is-border-radius-circle": "_is-border-radius-circle_654vx_607",
-  "is-border-radius-pill": "_is-border-radius-pill_654vx_610"
+import { jsx as n } from "@emotion/react/jsx-runtime";
+import s from "../../utilities/classNameUtility/classNameUtility.js";
+import a from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
+import '../../assets/Input.css';const d = "_input_1wblk_1", l = {
+  "input-checkbox": "_input-checkbox_1wblk_1",
+  input: d,
+  "is-border-width-xthin": "_is-border-width-xthin_1wblk_29",
+  "is-border-width-thin": "_is-border-width-thin_1wblk_33",
+  "is-border-width-medium": "_is-border-width-medium_1wblk_37",
+  "is-border-width-thick": "_is-border-width-thick_1wblk_41",
+  "is-border-width-xthick": "_is-border-width-xthick_1wblk_45",
+  "is-border-width-xxthick": "_is-border-width-xxthick_1wblk_49",
+  "is-border-width-xxxthick": "_is-border-width-xxxthick_1wblk_53",
+  "is-disabled": "_is-disabled_1wblk_62",
+  "input-radio": "_input-radio_1wblk_72",
+  "input-color": "_input-color_1wblk_136",
+  "input-range": "_input-range_1wblk_141",
+  "input-range-track": "_input-range-track_1wblk_149",
+  "input-range-thumb": "_input-range-thumb_1wblk_153",
+  "is-focus": "_is-focus_1wblk_160",
+  "is-focused": "_is-focused_1wblk_160"
 };
-function c(e) {
-  const i = { ...e };
-  delete i.colorName, delete i.fore, delete i.back, delete i.highlighter, delete i.border, delete i.positioning, delete i.sizing, delete i.spacing, delete i.css, delete i.as;
-  const s = [_.input];
-  e.colorName && s.push(_[`is-${e.colorName}`]);
-  const r = a.getUtilityClassNames(e);
-  r && s.push(...r), e.className && s.push(e.className);
-  const t = o.getEmotionCss(e);
-  return /* @__PURE__ */ d(
+function _(i) {
+  const o = { ...i };
+  delete o.colorName, delete o.fore, delete o.back, delete o.highlighter, delete o.border, delete o.positioning, delete o.sizing, delete o.spacing, delete o.css, delete o.as;
+  const t = [l.input];
+  i.colorName && t.push(l[`is-${i.colorName}`]);
+  const e = s.getUtilityClassNames(i);
+  e && t.push(...e), i.className && t.push(i.className);
+  const r = {
+    ...i.colorName ? {
+      "--minolith-input-color-fore": `var(--minolith-color-${i.colorName}-input-fore)`,
+      "--minolith-input-color-back": `var(--minolith-color-${i.colorName}-input-back)`,
+      "--minolith-input-color-border": `var(--minolith-color-${i.colorName}-input-border)`,
+      "--minolith-input-color-placeholder": `var(--minolith-color-${i.colorName}-input-placeholder)`,
+      "--minolith-input-focus-color-back": `var(--minolith-color-${i.colorName}-input-focus-back)`,
+      "--minolith-input-focus-color-border": `var(--minolith-color-${i.colorName}-input-focus-border)`,
+      "--minolith-input-disabled-color-back": `var(--minolith-color-${i.colorName}-input-disabled-back)`,
+      "--minolith-input-disabled-color-border": `var(--minolith-color-${i.colorName}-input-disabled-border)`
+    } : void 0
+  }, c = a.getEmotionCss(i, r);
+  return /* @__PURE__ */ n(
     "textarea",
     {
-      ...i,
-      className: s.join(" "),
-      css: t
+      ...o,
+      className: t.join(" "),
+      css: c
     }
   );
 }
 export {
-  c as default
+  _ as default
 };
 //# sourceMappingURL=Textarea.js.map

package/dist/components/Textarea/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["\"use client\";\r\nimport { ReactElement } from \"react\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport classNames from \"./Textarea.module.scss\";\r\nimport TextareaProps from \"./TextareaProps\";\r\n\r\nexport default function Textarea(props: TextareaProps): ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"css\"];\r\n  delete assignedProps[\"as\"];\r\n  //#endregion BaseComponentProps\r\n  const assignedClassNames: string[] = [classNames[\"input\"]];\r\n\r\n  if (props.colorName) {\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  }\r\n\r\n  const utilityClassNames = classNameUtility.getUtilityClassNames(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n  const css = emotionStyleUtility.getEmotionCss(props);\r\n  return (\r\n    <textarea\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Textarea","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,SAAwBA,EAASC,GAAoC;AACnE,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,EAAc,WAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAErB,QAAMC,IAA+B,CAACC,EAAW,KAAQ;AAEzD,EAAIH,EAAM,aACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC;AAG7D,QAAMI,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAEzC,QAAMM,IAAMC,EAAoB,cAAcP,CAAK;AACnD,SACE,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGP;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Textarea.js","sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["\"use client\";\r\nimport { ReactElement } from \"react\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport classNames from \"./Textarea.module.scss\";\r\nimport TextareaProps from \"./TextareaProps\";\r\nimport { Interpolation, Theme } from \"@emotion/react\";\r\n\r\nexport default function Textarea(props: TextareaProps): ReactElement {\r\n  const assignedProps = { ...props };\r\n  delete assignedProps[\"colorName\"];\r\n  //#region BaseComponentProps\r\n  delete assignedProps[\"fore\"];\r\n  delete assignedProps[\"back\"];\r\n  delete assignedProps[\"highlighter\"];\r\n  delete assignedProps[\"border\"];\r\n  delete assignedProps[\"positioning\"];\r\n  delete assignedProps[\"sizing\"];\r\n  delete assignedProps[\"spacing\"];\r\n  delete assignedProps[\"css\"];\r\n  delete assignedProps[\"as\"];\r\n  //#endregion BaseComponentProps\r\n  const assignedClassNames: string[] = [classNames[\"input\"]];\r\n\r\n  if (props.colorName) {\r\n    assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n  }\r\n\r\n  const utilityClassNames = classNameUtility.getUtilityClassNames(props);\r\n  if (utilityClassNames) {\r\n    assignedClassNames.push(...utilityClassNames);\r\n  }\r\n  if (props.className) {\r\n    assignedClassNames.push(props.className);\r\n  }\r\n\r\n  const colorNameCss: Interpolation<Theme> = props.colorName\r\n    ? {\r\n        [\"--minolith-input-color-fore\"]: `var(--minolith-color-${props.colorName}-input-fore)`,\r\n        [\"--minolith-input-color-back\"]: `var(--minolith-color-${props.colorName}-input-back)`,\r\n        [\"--minolith-input-color-border\"]: `var(--minolith-color-${props.colorName}-input-border)`,\r\n        [\"--minolith-input-color-placeholder\"]: `var(--minolith-color-${props.colorName}-input-placeholder)`,\r\n        [\"--minolith-input-focus-color-back\"]: `var(--minolith-color-${props.colorName}-input-focus-back)`,\r\n        [\"--minolith-input-focus-color-border\"]: `var(--minolith-color-${props.colorName}-input-focus-border)`,\r\n        [\"--minolith-input-disabled-color-back\"]: `var(--minolith-color-${props.colorName}-input-disabled-back)`,\r\n        [\"--minolith-input-disabled-color-border\"]: `var(--minolith-color-${props.colorName}-input-disabled-border)`,\r\n      }\r\n    : undefined;\r\n\r\n  const optionalCss = {\r\n    ...colorNameCss,\r\n  };\r\n\r\n  const css = emotionStyleUtility.getEmotionCss(props, optionalCss);\r\n\r\n  return (\r\n    <textarea\r\n      {...assignedProps}\r\n      className={assignedClassNames.join(\" \")}\r\n      css={css}\r\n    />\r\n  );\r\n}\r\n"],"names":["Textarea","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","optionalCss","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAQA,SAAwBA,EAASC,GAAoC;AACnE,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,EAAc,WAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAErB,QAAMC,IAA+B,CAACC,EAAW,KAAQ;AAEzD,EAAIH,EAAM,aACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC;AAG7D,QAAMI,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAgBzC,QAAMM,IAAc;AAAA,IAClB,GAdyCN,EAAM,YAC7C;AAAA,MACG,+BAAgC,wBAAwBA,EAAM,SAAS;AAAA,MACvE,+BAAgC,wBAAwBA,EAAM,SAAS;AAAA,MACvE,iCAAkC,wBAAwBA,EAAM,SAAS;AAAA,MACzE,sCAAuC,wBAAwBA,EAAM,SAAS;AAAA,MAC9E,qCAAsC,wBAAwBA,EAAM,SAAS;AAAA,MAC7E,uCAAwC,wBAAwBA,EAAM,SAAS;AAAA,MAC/E,wCAAyC,wBAAwBA,EAAM,SAAS;AAAA,MAChF,0CAA2C,wBAAwBA,EAAM,SAAS;AAAA,IAAA,IAErF;AAAA,EAGC,GAGCO,IAAMC,EAAoB,cAAcR,GAAOM,CAAW;AAEhE,SACE,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGR;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAK;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Textarea/TextareaProps.d.ts

@@ -1,7 +1,7 @@
 import { DetailedHTMLProps, TextareaHTMLAttributes } from 'react';
 import { BaseComponentProps } from '../../models';
-import { ColorName } from '../../types';
+import { ColorName, SemanticColorName } from '../../types';
 export default interface TextareaProps extends DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, BaseComponentProps {
-    colorName?: ColorName;
+    colorName?: ColorName | SemanticColorName;
 }
 //# sourceMappingURL=TextareaProps.d.ts.map

package/dist/components/Textarea/TextareaProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextareaProps.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/TextareaProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,CAAC,OAAO,WAAW,aACvB,SACE,iBAAiB,CACf,sBAAsB,CAAC,mBAAmB,CAAC,EAC3C,mBAAmB,CACpB,EACD,kBAAkB;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB"}
+{"version":3,"file":"TextareaProps.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/TextareaProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAE3D,MAAM,CAAC,OAAO,WAAW,aACvB,SACE,iBAAiB,CACf,sBAAsB,CAAC,mBAAmB,CAAC,EAC3C,mBAAmB,CACpB,EACD,kBAAkB;IACpB,SAAS,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAC;CAC3C"}

package/dist/layouts/Centering/Centering.js

@@ -2,7 +2,7 @@
 import { jsx as l } from "@emotion/react/jsx-runtime";
 import a from "../../utilities/classNameUtility/classNameUtility.js";
 import c from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
-import '../../assets/Centering.css';const o = "_centering_1c62g_1", m = {
+import '../../assets/Centering.css';const o = "_centering_pvczy_1", m = {
   centering: o
 };
 function f(t) {