ptechcore_ui 1.0.59 → 1.0.61

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 (3) hide show
  1. package/dist/index.cjs +7 -7
  2. package/dist/index.js +7 -7
  3. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -197,15 +197,15 @@ var Modal = ({
197
197
  title,
198
198
  description,
199
199
  sideactions,
200
- width = "max-w-md",
200
+ width = "w-[60vw]",
201
201
  minContentHeight,
202
202
  open,
203
203
  onClose,
204
204
  children
205
205
  }) => {
206
206
  if (!open) return null;
207
- const modalContent = /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-[9999]", children: [
208
- /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: `bg-[var(--color-surface)] rounded-lg p-6 mx-4 w-full ${width}`, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex justify-between items-start mb-2", children: [
207
+ const modalContent = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-[9999]", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: `bg-[var(--color-surface)] rounded-lg p-6 mx-4 ${width}`, children: [
208
+ /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex justify-between items-start mb-2", children: [
209
209
  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
210
210
  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h3", { className: "text-xl font-semibold text-[var(--color-text-primary)] flex items-center space-x-2", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: title }) }),
211
211
  description && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "text-sm text-[var(--color-text-secondary)] mt-1", children: description })
@@ -222,7 +222,7 @@ var Modal = ({
222
222
  }
223
223
  )
224
224
  ] })
225
- ] }) }),
225
+ ] }),
226
226
  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
227
227
  "div",
228
228
  {
@@ -231,7 +231,7 @@ var Modal = ({
231
231
  children
232
232
  }
233
233
  )
234
- ] });
234
+ ] }) });
235
235
  return (0, import_react_dom.createPortal)(modalContent, document.body);
236
236
  };
237
237
  var Modals_default = Modal;
@@ -3709,8 +3709,8 @@ var variantStyles = {
3709
3709
  badge: "bg-red-500 text-white"
3710
3710
  },
3711
3711
  outline: {
3712
- active: "bg-blue-100 text-blue-700",
3713
- inactive: "text-gray-500 hover:text-gray-700 hover:bg-gray-100",
3712
+ active: "bg-[var(--color-primary)] text-white",
3713
+ inactive: "text-gray-600 hover:bg-gray-100",
3714
3714
  base: "rounded-lg",
3715
3715
  badge: "bg-red-500 text-white"
3716
3716
  },
package/dist/index.js CHANGED
@@ -40,15 +40,15 @@ var Modal = ({
40
40
  title,
41
41
  description,
42
42
  sideactions,
43
- width = "max-w-md",
43
+ width = "w-[60vw]",
44
44
  minContentHeight,
45
45
  open,
46
46
  onClose,
47
47
  children
48
48
  }) => {
49
49
  if (!open) return null;
50
- const modalContent = /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-[9999]", children: [
51
- /* @__PURE__ */ jsx2("div", { className: `bg-[var(--color-surface)] rounded-lg p-6 mx-4 w-full ${width}`, children: /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-start mb-2", children: [
50
+ const modalContent = /* @__PURE__ */ jsx2("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-[9999]", children: /* @__PURE__ */ jsxs("div", { className: `bg-[var(--color-surface)] rounded-lg p-6 mx-4 ${width}`, children: [
51
+ /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-start mb-2", children: [
52
52
  /* @__PURE__ */ jsxs("div", { children: [
53
53
  /* @__PURE__ */ jsx2("h3", { className: "text-xl font-semibold text-[var(--color-text-primary)] flex items-center space-x-2", children: /* @__PURE__ */ jsx2("span", { children: title }) }),
54
54
  description && /* @__PURE__ */ jsx2("p", { className: "text-sm text-[var(--color-text-secondary)] mt-1", children: description })
@@ -65,7 +65,7 @@ var Modal = ({
65
65
  }
66
66
  )
67
67
  ] })
68
- ] }) }),
68
+ ] }),
69
69
  /* @__PURE__ */ jsx2(
70
70
  "div",
71
71
  {
@@ -74,7 +74,7 @@ var Modal = ({
74
74
  children
75
75
  }
76
76
  )
77
- ] });
77
+ ] }) });
78
78
  return createPortal(modalContent, document.body);
79
79
  };
80
80
  var Modals_default = Modal;
@@ -3580,8 +3580,8 @@ var variantStyles = {
3580
3580
  badge: "bg-red-500 text-white"
3581
3581
  },
3582
3582
  outline: {
3583
- active: "bg-blue-100 text-blue-700",
3584
- inactive: "text-gray-500 hover:text-gray-700 hover:bg-gray-100",
3583
+ active: "bg-[var(--color-primary)] text-white",
3584
+ inactive: "text-gray-600 hover:bg-gray-100",
3585
3585
  base: "rounded-lg",
3586
3586
  badge: "bg-red-500 text-white"
3587
3587
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ptechcore_ui",
3
- "version": "1.0.59",
3
+ "version": "1.0.61",
4
4
  "type": "module",
5
5
  "main": "./dist/index.cjs",
6
6
  "module": "./dist/index.js",