@code0-tech/pictor 0.0.0-mvp.12 → 0.0.0-mvp.13

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.
@@ -1 +1 @@
1
- .toast{padding:1rem}.toast{border-radius:1rem;font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;line-height:1.5}.toast__header{align-items:center;justify-content:space-between}.toast__content{margin:.35rem 0;box-sizing:border-box}.toast__header-wrapper{align-items:center;gap:.35rem}.toast__header-wrapper>svg{min-width:1rem;min-height:1rem}.toast__dismissible{cursor:pointer;display:flex;align-items:center;justify-content:center}.toast__dismissible{border-radius:1rem}.toast__dismissible svg{min-width:1rem;min-height:1rem}.toast--primary{border:none;background:#030014;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a}.toast--secondary{border:none;background:#1c1a2c;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a}.toast--success{border:none;background:#071314;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a}.toast--warning{border:none;background:#1c1313;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a}.toast--error{border:none;background:#180016;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a}.toast--info{border:none;background:#0e1a24;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a}
1
+ .toast{padding:1rem}.toast{border-radius:1rem;font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;line-height:1.5}.toast__header{align-items:flex-start;justify-content:space-between;gap:.35rem}.toast__icon{display:flex;align-items:center;justify-content:center}.toast__content{margin-top:.35rem;box-sizing:border-box}.toast__header-wrapper{align-items:center;gap:.35rem}.toast__header-wrapper>svg{min-width:1rem;min-height:1rem}.toast__dismissible{cursor:pointer;display:flex;align-items:center;justify-content:center}.toast__dismissible{border-radius:1rem}.toast__dismissible svg{min-width:1rem;min-height:1rem}.toast--primary{border:none;background:#030014;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a}.toast--secondary{border:none;background:#1c1a2c;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a}.toast--success{border:none;background:#071314;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a}.toast--warning{border:none;background:#1c1313;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a}.toast--error{border:none;background:#180016;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a}.toast--info{border:none;background:#0e1a24;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a}
@@ -17,12 +17,12 @@ const k = (n) => {
17
17
  r = d, i = f === void 0 ? "secondary" : f;
18
18
  let s;
19
19
  e[5] === Symbol.for("react.memo_cache_sentinel") ? (s = {
20
- primary: /* @__PURE__ */ t(a, { size: 16 }),
21
- secondary: /* @__PURE__ */ t(a, { size: 16 }),
22
- info: /* @__PURE__ */ t(u, { size: 16 }),
23
- success: /* @__PURE__ */ t(y, { size: 16 }),
24
- warning: /* @__PURE__ */ t(x, { size: 16 }),
25
- error: /* @__PURE__ */ t(h, { size: 16 })
20
+ primary: /* @__PURE__ */ t(a, { size: 18 }),
21
+ secondary: /* @__PURE__ */ t(a, { size: 18 }),
22
+ info: /* @__PURE__ */ t(u, { size: 18 }),
23
+ success: /* @__PURE__ */ t(y, { size: 18 }),
24
+ warning: /* @__PURE__ */ t(x, { size: 18 }),
25
+ error: /* @__PURE__ */ t(h, { size: 18 })
26
26
  }, e[5] = s) : s = e[5], c = s, o = I(`alert alert--${i}`, p), e[0] = n, e[1] = r, e[2] = i, e[3] = c, e[4] = o;
27
27
  } else
28
28
  r = e[1], i = e[2], c = e[3], o = e[4];
@@ -1,67 +1,67 @@
1
- import { jsx as i, jsxs as p } from "react/jsx-runtime";
2
- import { c as x } from "../../_virtual/compiler-runtime.js";
3
- import { toast as y } from "sonner";
1
+ import { jsx as s, jsxs as N } from "react/jsx-runtime";
2
+ import { c as I } from "../../_virtual/compiler-runtime.js";
3
+ import { toast as x } from "sonner";
4
4
  import '../../assets/components/toast/Toast.style.css';/* empty css */
5
5
  import "../../utils/contextStore.js";
6
6
  import "react";
7
7
  import { mergeCode0Props as $ } from "../../utils/utils.js";
8
- import { IconX as g, IconCircleX as T, IconAlertCircle as j, IconCircleCheck as k, IconInfoCircle as w, IconCircleDot as z } from "@tabler/icons-react";
8
+ import { IconX as T, IconCircleX as g, IconAlertCircle as j, IconCircleCheck as k, IconInfoCircle as w, IconCircleDot as C } from "@tabler/icons-react";
9
9
  import { Text as X } from "../text/Text.js";
10
- import { Flex as I } from "../flex/Flex.js";
11
- function L(s) {
12
- return y.custom((e) => /* @__PURE__ */ i(A, { id: e, ...s, children: s.children }));
10
+ import { Flex as z } from "../flex/Flex.js";
11
+ function L(i) {
12
+ return x.custom((e) => /* @__PURE__ */ s(A, { id: e, ...i, children: i.children }));
13
13
  }
14
- function A(s) {
15
- const e = x.c(25);
16
- let o, t, r, l, c;
17
- if (e[0] !== s) {
14
+ function A(i) {
15
+ const e = I.c(25);
16
+ let o, t, c, l, r;
17
+ if (e[0] !== i) {
18
18
  const {
19
- dismissible: u,
20
- color: C,
21
- title: b,
19
+ dismissible: p,
20
+ color: u,
21
+ title: y,
22
22
  onClose: E,
23
- children: v,
24
- ...N
25
- } = s;
26
- c = b, o = v, r = u === void 0 ? !1 : u, t = C === void 0 ? "secondary" : C, l = $(`toast toast--${t}`, N), e[0] = s, e[1] = o, e[2] = t, e[3] = r, e[4] = l, e[5] = c;
23
+ children: b,
24
+ ...v
25
+ } = i;
26
+ r = y, o = b, c = p === void 0 ? !1 : p, t = u === void 0 ? "secondary" : u, l = $(`toast toast--${t}`, v), e[0] = i, e[1] = o, e[2] = t, e[3] = c, e[4] = l, e[5] = r;
27
27
  } else
28
- o = e[1], t = e[2], r = e[3], l = e[4], c = e[5];
28
+ o = e[1], t = e[2], c = e[3], l = e[4], r = e[5];
29
29
  let n;
30
- e[6] !== t ? (n = t && /* @__PURE__ */ i(D, { color: t }), e[6] = t, e[7] = n) : n = e[7];
31
- let m;
32
- e[8] !== c ? (m = /* @__PURE__ */ i(X, { size: "md", hierarchy: "primary", children: c }), e[8] = c, e[9] = m) : m = e[9];
30
+ e[6] !== t ? (n = t && /* @__PURE__ */ s(D, { color: t }), e[6] = t, e[7] = n) : n = e[7];
33
31
  let a;
34
- e[10] !== n || e[11] !== m ? (a = /* @__PURE__ */ p(I, { align: "center", className: "toast__header-wrapper", children: [
32
+ e[8] !== r ? (a = /* @__PURE__ */ s(X, { size: "md", hierarchy: "primary", children: r }), e[8] = r, e[9] = a) : a = e[9];
33
+ let m;
34
+ e[10] !== n || e[11] !== a ? (m = /* @__PURE__ */ N(z, { className: "toast__header-wrapper", children: [
35
35
  n,
36
- m
37
- ] }), e[10] = n, e[11] = m, e[12] = a) : a = e[12];
36
+ a
37
+ ] }), e[10] = n, e[11] = a, e[12] = m) : m = e[12];
38
38
  let d;
39
- e[13] !== r || e[14] !== s.id ? (d = r && /* @__PURE__ */ i("span", { className: "toast__dismissible", onClick: () => y.dismiss(s.id), children: /* @__PURE__ */ i(g, { size: 16 }) }), e[13] = r, e[14] = s.id, e[15] = d) : d = e[15];
39
+ e[13] !== c || e[14] !== i.id ? (d = c && /* @__PURE__ */ s("span", { className: "toast__dismissible", onClick: () => x.dismiss(i.id), children: /* @__PURE__ */ s(T, { size: 18 }) }), e[13] = c, e[14] = i.id, e[15] = d) : d = e[15];
40
40
  let f;
41
- e[16] !== a || e[17] !== d ? (f = /* @__PURE__ */ p(I, { className: "toast__header", children: [
42
- a,
41
+ e[16] !== m || e[17] !== d ? (f = /* @__PURE__ */ N(z, { className: "toast__header", children: [
42
+ m,
43
43
  d
44
- ] }), e[16] = a, e[17] = d, e[18] = f) : f = e[18];
45
- let h;
46
- e[19] !== o ? (h = o && /* @__PURE__ */ i("div", { className: "toast__content", children: o }), e[19] = o, e[20] = h) : h = e[20];
44
+ ] }), e[16] = m, e[17] = d, e[18] = f) : f = e[18];
47
45
  let _;
48
- return e[21] !== l || e[22] !== f || e[23] !== h ? (_ = /* @__PURE__ */ p("div", { ...l, children: [
46
+ e[19] !== o ? (_ = o && /* @__PURE__ */ s("div", { className: "toast__content", children: o }), e[19] = o, e[20] = _) : _ = e[20];
47
+ let h;
48
+ return e[21] !== l || e[22] !== f || e[23] !== _ ? (h = /* @__PURE__ */ N("div", { ...l, children: [
49
49
  f,
50
- h
51
- ] }), e[21] = l, e[22] = f, e[23] = h, e[24] = _) : _ = e[24], _;
50
+ _
51
+ ] }), e[21] = l, e[22] = f, e[23] = _, e[24] = h) : h = e[24], h;
52
52
  }
53
- const D = (s) => {
54
- const e = x.c(1), {
53
+ const D = (i) => {
54
+ const e = I.c(1), {
55
55
  color: o
56
- } = s;
56
+ } = i;
57
57
  let t;
58
58
  return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = {
59
- primary: /* @__PURE__ */ i(z, { size: 16 }),
60
- secondary: /* @__PURE__ */ i(z, { size: 16 }),
61
- info: /* @__PURE__ */ i(w, { size: 16 }),
62
- success: /* @__PURE__ */ i(k, { size: 16 }),
63
- warning: /* @__PURE__ */ i(j, { size: 16 }),
64
- error: /* @__PURE__ */ i(T, { size: 16 })
59
+ primary: /* @__PURE__ */ s(C, { className: "toast__icon", size: 18 }),
60
+ secondary: /* @__PURE__ */ s(C, { className: "toast__icon", size: 18 }),
61
+ info: /* @__PURE__ */ s(w, { className: "toast__icon", size: 18 }),
62
+ success: /* @__PURE__ */ s(k, { className: "toast__icon", size: 18 }),
63
+ warning: /* @__PURE__ */ s(j, { className: "toast__icon", size: 18 }),
64
+ error: /* @__PURE__ */ s(g, { className: "toast__icon", size: 18 })
65
65
  }, e[0] = t) : t = e[0], t[o] ?? null;
66
66
  };
67
67
  export {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@code0-tech/pictor",
3
- "version": "0.0.0-mvp.12",
3
+ "version": "0.0.0-mvp.13",
4
4
  "type": "module",
5
5
  "description": "A simple template for a custom React component library",
6
6
  "scripts": {