@grupo-elo-editorial/shared-ui-react 1.2.16 → 1.3.1

package/CHANGELOG.md

@@ -4,6 +4,27 @@ Format: [Keep a Changelog](https://keepachangelog.com/en/1.1.0/) · Versioning:
 
 ---
 
+## [1.3.1] — 2026-06-02 (HeroCarousel — dots pagination visualmente corretos)
+
+### Fixed
+
+- **`HeroCarousel`**: dots de pagination corrigidos — o `min-h-[24px]` do touch target sobrescrevia `h-1.5` tornando os dots visualmente grandes (44×24 px de fundo). Separado o touch target (button transparente `min-w-11 min-h-6 group`) do visual (inner `<span>`) para que o fundo colorido tenha exatamente `h-1 w-1` (inativo) ou `h-1 w-3` (ativo). Cores: `bg-white/40` inativo → `bg-white/60` no `group-hover`; `bg-white` ativo. Gap: `gap-2` → `gap-1.5`. Touch targets e `focus-visible:ring` preservados (WCAG 2.5.5 / 1.4.11).
+- `package.json` `version` bumped `1.3.0 → 1.3.1`.
+
+---
+
+## [1.3.0] — 2026-06-02 (HeroCarousel — polish visual nos controles de navegação)
+
+### Changed
+
+- **`HeroCarousel`**: setas de navegação com opacidade reduzida: idle `bg-white/90` → `bg-white/50`; hover `hover:bg-white` → `hover:bg-white/80`. Touch targets (`min-w-[44px] min-h-[44px]`) e `focus-visible:ring` preservados (WCAG 2.5.5 / 1.4.11).
+
+- **`HeroCarousel`**: pagination dots menores: pill ativo `h-2 w-8` (32×8 px) → `h-1.5 w-5` (20×6 px); círculo inativo `h-2 w-2` (8×8 px) → `h-1.5 w-1.5` (6×6 px). Wrapper mantém `min-w-[44px] min-h-[24px]` (WCAG 2.5.5).
+
+- `package.json` `version` bumped `1.2.16 → 1.3.0`.
+
+---
+
 ## [1.2.9] — 2026-05-26 (HeroCarousel — desktop aspect ratio 24:7)
 
 ### Changed

package/dist/index.js

@@ -1945,7 +1945,7 @@ const at = x(
               "button",
               {
                 onClick: N,
-                className: "absolute left-4 top-1/2 -translate-y-1/2 rounded-full bg-white/90 p-2 shadow-lg transition-all hover:bg-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] min-w-[44px] min-h-[44px]",
+                className: "absolute left-4 top-1/2 -translate-y-1/2 rounded-full bg-white/50 p-2 shadow-lg transition-all hover:bg-white/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] min-w-[44px] min-h-[44px]",
                 "aria-label": "Slide anterior",
                 children: /* @__PURE__ */ e(he, { className: "h-6 w-6 text-gray-900" })
               }
@@ -1954,22 +1954,28 @@ const at = x(
               "button",
               {
                 onClick: h,
-                className: "absolute right-4 top-1/2 -translate-y-1/2 rounded-full bg-white/90 p-2 shadow-lg transition-all hover:bg-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] min-w-[44px] min-h-[44px]",
+                className: "absolute right-4 top-1/2 -translate-y-1/2 rounded-full bg-white/50 p-2 shadow-lg transition-all hover:bg-white/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] min-w-[44px] min-h-[44px]",
                 "aria-label": "Próximo slide",
                 children: /* @__PURE__ */ e(W, { className: "h-6 w-6 text-gray-900" })
               }
             )
           ] }),
-          t.length > 1 && /* @__PURE__ */ e("div", { className: "absolute bottom-4 left-1/2 -translate-x-1/2 flex gap-2", children: t.map((d, v) => /* @__PURE__ */ e(
+          t.length > 1 && /* @__PURE__ */ e("div", { className: "absolute bottom-4 left-1/2 -translate-x-1/2 flex gap-1.5", children: t.map((d, v) => /* @__PURE__ */ e(
             "button",
             {
               onClick: () => b(v),
-              className: o(
-                "h-2 rounded-full transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] min-w-[44px] min-h-[24px] flex items-center justify-center",
-                v === s ? "w-8 bg-white" : "w-2 bg-white/50 hover:bg-white/70"
-              ),
+              className: "min-w-11 min-h-6 flex items-center justify-center focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring rounded-full group",
               "aria-label": `Ir para slide ${v + 1}`,
-              "aria-current": v === s
+              "aria-current": v === s,
+              children: /* @__PURE__ */ e(
+                "span",
+                {
+                  className: o(
+                    "block rounded-full transition-all",
+                    v === s ? "h-1 w-3 bg-white" : "h-1 w-1 bg-white/40 group-hover:bg-white/60"
+                  )
+                }
+              )
             },
             v
           )) })