@seygo/ui 0.1.1 → 0.1.2

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 -6
  2. package/dist/index.js +7 -6
  3. package/package.json +8 -2
package/dist/index.cjs CHANGED
@@ -284,22 +284,23 @@ 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 bg-black/50 p-4",
288
288
  onClick: onClose,
289
289
  children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
290
290
  "div",
291
291
  {
292
- className: "relative flex flex-col rounded-xl bg-white",
293
- style: { width: `${width}px`, height: `${height}px` },
292
+ className: "relative flex max-h-full w-full flex-col overflow-hidden rounded-xl bg-white shadow-xl",
293
+ style: { width: `min(${width}px, calc(100vw - 2rem))`, height: `min(${height}px, calc(100vh - 2rem))` },
294
294
  onClick: (e) => e.stopPropagation(),
295
295
  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 : "" }),
296
+ /* @__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: [
297
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "min-w-0 truncate text-xl font-medium", children: title ? title : "" }),
298
298
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
299
299
  "button",
300
300
  {
301
- className: "absolute cursor-pointer top-3 right-3 text-gray-400 hover:text-gray-700 transition-colors",
301
+ 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
302
  onClick: onClose,
303
+ "aria-label": "Fechar modal",
303
304
  children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react3.X, { size: 20, weight: "bold" })
304
305
  }
305
306
  )
package/dist/index.js CHANGED
@@ -255,22 +255,23 @@ 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 bg-black/50 p-4",
259
259
  onClick: onClose,
260
260
  children: /* @__PURE__ */ jsxs3(
261
261
  "div",
262
262
  {
263
- className: "relative flex flex-col rounded-xl bg-white",
264
- style: { width: `${width}px`, height: `${height}px` },
263
+ className: "relative flex max-h-full w-full flex-col overflow-hidden rounded-xl bg-white shadow-xl",
264
+ style: { width: `min(${width}px, calc(100vw - 2rem))`, height: `min(${height}px, calc(100vh - 2rem))` },
265
265
  onClick: (e) => e.stopPropagation(),
266
266
  children: [
267
- /* @__PURE__ */ jsxs3("div", { className: "flex", children: [
268
- /* @__PURE__ */ jsx4("div", { className: "p-3 text-xl", children: title ? title : "" }),
267
+ /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between gap-3 border-b border-gray-200 px-4 py-3 pr-3", children: [
268
+ /* @__PURE__ */ jsx4("div", { className: "min-w-0 truncate text-xl font-medium", children: title ? title : "" }),
269
269
  /* @__PURE__ */ jsx4(
270
270
  "button",
271
271
  {
272
- className: "absolute cursor-pointer top-3 right-3 text-gray-400 hover:text-gray-700 transition-colors",
272
+ 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
273
  onClick: onClose,
274
+ "aria-label": "Fechar modal",
274
275
  children: /* @__PURE__ */ jsx4(X, { size: 20, weight: "bold" })
275
276
  }
276
277
  )
package/package.json CHANGED
@@ -1,9 +1,15 @@
1
1
  {
2
2
  "name": "@seygo/ui",
3
- "version": "0.1.1",
3
+ "version": "0.1.2",
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"