meticulous-ui 2.0.2 → 2.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/components/Input/Input/Input.js +7 -7
  2. package/components/Input/Input/styles.js +1 -1
  3. package/components/Input/Textarea/Textarea.js +24 -24
  4. package/components/Input/Textarea/styles.js +2 -2
  5. package/package.json +1 -1
package/components/Input/Input/Input.js CHANGED
@@ -7,10 +7,10 @@ import M from "../../../colors/white.js";
7
7
  import N from "../../../colors/grey.js";
8
8
  const Z = ({
9
9
  label: r,
10
- onChange: g,
10
+ onChange: $,
11
11
  value: t,
12
- type: F,
13
- hasError: $,
12
+ type: g,
13
+ hasError: F,
14
14
  name: B = "input",
15
15
  color: C = "blue",
16
16
  size: y = "20",
@@ -23,13 +23,13 @@ const Z = ({
23
23
  ...d
24
24
  }) => {
25
25
  const [n, u] = H(!1), e = K(C), W = () => u(!0), E = () => u(!1), S = (w) => {
26
- g(w);
27
- }, { placeholder: c } = d, x = { color: N.m500, size: 22 }, i = I(a), p = I(f), h = !!(a && i), j = !!(f && p), l = $;
26
+ $(w);
27
+ }, { placeholder: c } = d, x = { color: N.m500, size: 22 }, i = I(a), p = I(f), h = !!(a && i), j = !!(f && p), l = F;
28
28
  return /* @__PURE__ */ o.jsxs(P, { children: [
29
29
  /* @__PURE__ */ o.jsx(
30
30
  q,
31
31
  {
32
- type: F,
32
+ type: g,
33
33
  name: B,
34
34
  $hasError: l,
35
35
  size: y,
@@ -56,7 +56,7 @@ const Z = ({
56
56
  $shade: e,
57
57
  value: t,
58
58
  background: s,
59
- outerBackground: n || t ? R : s,
59
+ $outerBackground: n || t ? R : s,
60
60
  $hasLeftIcon: h,
61
61
  $hasRightIcon: j,
62
62
  $onlyPh: c && !r,
package/components/Input/Input/styles.js CHANGED
@@ -62,7 +62,7 @@ const k = e.div`
62
62
  top: -0.4rem;
63
63
  left: 0.5rem;
64
64
  font-size: 0.8rem;
65
- background-color: ${({ outerBackground: o }) => o};
65
+ background-color: ${({ $outerBackground: o }) => o};
66
66
  border-radius: 0.4rem;
67
67
  margin: 0 0.4rem;
68
68
  transition: 0.25s;
package/components/Input/Textarea/Textarea.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import { j as e } from "../../../_virtual/jsx-runtime.js";
2
- import A from "../../../node_modules/lodash-es/omit.js";
3
- import { useState as I, useRef as L } from "react";
4
- import { Wrapper as O, TextareaBox as S, Parent as W, Label as q, HelperText as z } from "./styles.js";
5
- import { getColor as G } from "./helpers.js";
6
- import J from "../../../colors/white.js";
2
+ import z from "../../../node_modules/lodash-es/omit.js";
3
+ import { useState as A, useRef as I } from "react";
4
+ import { Wrapper as L, TextareaBox as N, Parent as O, Label as S, HelperText as W } from "./styles.js";
5
+ import { getColor as q } from "./helpers.js";
6
+ import G from "../../../colors/white.js";
7
7
  const X = ({
8
8
  label: s,
9
9
  onChange: m,
@@ -11,17 +11,17 @@ const X = ({
11
11
  type: d,
12
12
  hasError: u,
13
13
  name: j = "textarea",
14
- color: g = "blue",
15
- helperText: i = "",
14
+ color: $ = "blue",
15
+ helperText: a = "",
16
16
  background: n = "transparent",
17
- outerBackground: $ = J,
17
+ outerBackground: g = G,
18
18
  isDynamic: c,
19
19
  isResizeNone: B,
20
20
  rows: F = "2",
21
- cols: C = "20",
21
+ cols: R = "20",
22
22
  ...x
23
23
  }) => {
24
- const [o, f] = I(!1), l = G(g), p = L(null), H = () => f(!0), R = () => f(!1), w = (P) => {
24
+ const [o, f] = A(!1), l = q($), p = I(null), C = () => f(!0), H = () => f(!1), w = (P) => {
25
25
  if (c) {
26
26
  const r = p.current;
27
27
  if (r) {
@@ -31,44 +31,44 @@ const X = ({
31
31
  }
32
32
  }
33
33
  m(P);
34
- }, { placeholder: h } = x, a = u, y = c, E = c ? {} : { rows: F };
35
- return /* @__PURE__ */ e.jsxs(O, { children: [
34
+ }, { placeholder: h } = x, i = u, y = c, E = c ? {} : { rows: F };
35
+ return /* @__PURE__ */ e.jsxs(L, { children: [
36
36
  /* @__PURE__ */ e.jsx(
37
- S,
37
+ N,
38
38
  {
39
39
  type: d,
40
40
  name: j,
41
- $hasError: a,
41
+ $hasError: i,
42
42
  value: t,
43
43
  $isFocused: o,
44
44
  $shade: l,
45
45
  $isDynamic: y,
46
46
  background: n,
47
- cols: C,
48
- isResizeNone: B,
47
+ cols: R,
48
+ $isResizeNone: B,
49
49
  ...E,
50
50
  ref: p,
51
- onFocus: H,
52
- onBlur: R,
51
+ onFocus: C,
52
+ onBlur: H,
53
53
  onChange: w,
54
- ...A(x, "placeholder")
54
+ ...z(x, "placeholder")
55
55
  }
56
56
  ),
57
- /* @__PURE__ */ e.jsxs(W, { children: [
57
+ /* @__PURE__ */ e.jsxs(O, { children: [
58
58
  (s || h && !t) && /* @__PURE__ */ e.jsx(
59
- q,
59
+ S,
60
60
  {
61
- $hasError: a,
61
+ $hasError: i,
62
62
  $isFocused: o,
63
63
  $shade: l,
64
64
  value: t,
65
65
  background: n,
66
- outerBackground: o || t ? $ : n,
66
+ $outerBackground: o || t ? g : n,
67
67
  $onlyPh: h && !s,
68
68
  children: s || h
69
69
  }
70
70
  ),
71
- i && /* @__PURE__ */ e.jsx(z, { $hasError: a, $isFocused: o, $shade: l, children: i })
71
+ a && /* @__PURE__ */ e.jsx(W, { $hasError: i, $isFocused: o, $shade: l, children: a })
72
72
  ] })
73
73
  ] });
74
74
  };
package/components/Input/Textarea/styles.js CHANGED
@@ -14,7 +14,7 @@ const b = o.textarea`
14
14
  min-height: 1.4rem;
15
15
  min-width: 3rem;
16
16
 
17
- ${({ isResizeNone: e }) => e && r`
17
+ ${({ $isResizeNone: e }) => e && r`
18
18
  resize: none;
19
19
  `}
20
20
 
@@ -59,7 +59,7 @@ const b = o.textarea`
59
59
  top: -0.4rem;
60
60
  left: 0.5rem;
61
61
  font-size: 0.8rem;
62
- background-color: ${({ outerBackground: e }) => e};
62
+ background-color: ${({ $outerBackground: e }) => e};
63
63
  border-radius: 0.4rem;
64
64
  margin: 0 0.4rem;
65
65
  transition: 0.25s;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "meticulous-ui",
3
- "version": "2.0.2",
3
+ "version": "2.0.3",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.js",
6
6
  "repository": {