@seygo/ui 0.1.1 → 0.2.0

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 +8 -6
  2. package/dist/index.js +8 -6
  3. package/package.json +8 -2
package/dist/index.cjs CHANGED
@@ -284,22 +284,24 @@ function ModalCustom({
284
284
  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
285
285
  "section",
286
286
  {
287
- className: "flex items-center justify-center w-full h-full absolute inset-0 bg-black/50",
287
+ className: "fixed inset-0 z-50 flex items-center justify-center p-4",
288
+ style: { backgroundColor: "rgba(0,0,0,0.5)" },
288
289
  onClick: onClose,
289
290
  children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
290
291
  "div",
291
292
  {
292
- className: "relative flex flex-col rounded-xl bg-white",
293
- style: { width: `${width}px`, height: `${height}px` },
293
+ className: "relative flex max-h-full w-full flex-col overflow-hidden rounded-xl bg-white shadow-xl",
294
+ style: { width: `min(${width}px, calc(100vw - 2rem))`, height: `min(${height}px, calc(100vh - 2rem))` },
294
295
  onClick: (e) => e.stopPropagation(),
295
296
  children: [
296
- /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex", children: [
297
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "p-3 text-xl", children: title ? title : "" }),
297
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex items-center justify-between gap-3 border-b border-gray-200 px-4 py-3 pr-3", children: [
298
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "min-w-0 truncate text-xl font-medium", children: title ? title : "" }),
298
299
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
299
300
  "button",
300
301
  {
301
- className: "absolute cursor-pointer top-3 right-3 text-gray-400 hover:text-gray-700 transition-colors",
302
+ className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-md text-gray-400 transition-colors hover:bg-gray-100 hover:text-gray-700",
302
303
  onClick: onClose,
304
+ "aria-label": "Fechar modal",
303
305
  children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react3.X, { size: 20, weight: "bold" })
304
306
  }
305
307
  )
package/dist/index.js CHANGED
@@ -255,22 +255,24 @@ function ModalCustom({
255
255
  return /* @__PURE__ */ jsx4(
256
256
  "section",
257
257
  {
258
- className: "flex items-center justify-center w-full h-full absolute inset-0 bg-black/50",
258
+ className: "fixed inset-0 z-50 flex items-center justify-center p-4",
259
+ style: { backgroundColor: "rgba(0,0,0,0.5)" },
259
260
  onClick: onClose,
260
261
  children: /* @__PURE__ */ jsxs3(
261
262
  "div",
262
263
  {
263
- className: "relative flex flex-col rounded-xl bg-white",
264
- style: { width: `${width}px`, height: `${height}px` },
264
+ className: "relative flex max-h-full w-full flex-col overflow-hidden rounded-xl bg-white shadow-xl",
265
+ style: { width: `min(${width}px, calc(100vw - 2rem))`, height: `min(${height}px, calc(100vh - 2rem))` },
265
266
  onClick: (e) => e.stopPropagation(),
266
267
  children: [
267
- /* @__PURE__ */ jsxs3("div", { className: "flex", children: [
268
- /* @__PURE__ */ jsx4("div", { className: "p-3 text-xl", children: title ? title : "" }),
268
+ /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between gap-3 border-b border-gray-200 px-4 py-3 pr-3", children: [
269
+ /* @__PURE__ */ jsx4("div", { className: "min-w-0 truncate text-xl font-medium", children: title ? title : "" }),
269
270
  /* @__PURE__ */ jsx4(
270
271
  "button",
271
272
  {
272
- className: "absolute cursor-pointer top-3 right-3 text-gray-400 hover:text-gray-700 transition-colors",
273
+ className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-md text-gray-400 transition-colors hover:bg-gray-100 hover:text-gray-700",
273
274
  onClick: onClose,
275
+ "aria-label": "Fechar modal",
274
276
  children: /* @__PURE__ */ jsx4(X, { size: 20, weight: "bold" })
275
277
  }
276
278
  )
package/package.json CHANGED
@@ -1,9 +1,15 @@
1
1
  {
2
2
  "name": "@seygo/ui",
3
- "version": "0.1.1",
3
+ "version": "0.2.0",
4
4
  "description": "Biblioteca de componentes UI da Seygo — wrappers do Ant Design com padrões internos",
5
5
  "license": "MIT",
6
- "keywords": ["seygo", "ui", "components", "antd", "react"],
6
+ "keywords": [
7
+ "seygo",
8
+ "ui",
9
+ "components",
10
+ "antd",
11
+ "react"
12
+ ],
7
13
  "repository": {
8
14
  "type": "git",
9
15
  "url": "https://github.com/seygo/seygo-frontend-componentes"