@grupo-elo-editorial/shared-ui-react 1.2.16 → 1.3.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.
- package/CHANGELOG.md +12 -0
- package/dist/index.js +4 -4
- package/dist/index.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -4,6 +4,18 @@ Format: [Keep a Changelog](https://keepachangelog.com/en/1.1.0/) · Versioning:
|
|
|
4
4
|
|
|
5
5
|
---
|
|
6
6
|
|
|
7
|
+
## [1.3.0] — 2026-06-02 (HeroCarousel — polish visual nos controles de navegação)
|
|
8
|
+
|
|
9
|
+
### Changed
|
|
10
|
+
|
|
11
|
+
- **`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).
|
|
12
|
+
|
|
13
|
+
- **`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).
|
|
14
|
+
|
|
15
|
+
- `package.json` `version` bumped `1.2.16 → 1.3.0`.
|
|
16
|
+
|
|
17
|
+
---
|
|
18
|
+
|
|
7
19
|
## [1.2.9] — 2026-05-26 (HeroCarousel — desktop aspect ratio 24:7)
|
|
8
20
|
|
|
9
21
|
### Changed
|
package/dist/index.js
CHANGED
|
@@ -1945,7 +1945,7 @@ const at = x(
|
|
|
1945
1945
|
"button",
|
|
1946
1946
|
{
|
|
1947
1947
|
onClick: N,
|
|
1948
|
-
className: "absolute left-4 top-1/2 -translate-y-1/2 rounded-full bg-white/
|
|
1948
|
+
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]",
|
|
1949
1949
|
"aria-label": "Slide anterior",
|
|
1950
1950
|
children: /* @__PURE__ */ e(he, { className: "h-6 w-6 text-gray-900" })
|
|
1951
1951
|
}
|
|
@@ -1954,7 +1954,7 @@ const at = x(
|
|
|
1954
1954
|
"button",
|
|
1955
1955
|
{
|
|
1956
1956
|
onClick: h,
|
|
1957
|
-
className: "absolute right-4 top-1/2 -translate-y-1/2 rounded-full bg-white/
|
|
1957
|
+
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]",
|
|
1958
1958
|
"aria-label": "Próximo slide",
|
|
1959
1959
|
children: /* @__PURE__ */ e(W, { className: "h-6 w-6 text-gray-900" })
|
|
1960
1960
|
}
|
|
@@ -1965,8 +1965,8 @@ const at = x(
|
|
|
1965
1965
|
{
|
|
1966
1966
|
onClick: () => b(v),
|
|
1967
1967
|
className: o(
|
|
1968
|
-
"h-
|
|
1969
|
-
v === s ? "w-
|
|
1968
|
+
"h-1.5 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",
|
|
1969
|
+
v === s ? "w-5 bg-white" : "w-1.5 bg-white/50 hover:bg-white/70"
|
|
1970
1970
|
),
|
|
1971
1971
|
"aria-label": `Ir para slide ${v + 1}`,
|
|
1972
1972
|
"aria-current": v === s
|