Skip to content

Commit b4a89ab

Browse files
segunadebayosegunadebayo
committed
docs: marquee
1 parent 64b7dab commit b4a89ab

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

63 files changed

+1027
-635
lines changed

‎bun.lock‎

Lines changed: 322 additions & 322 deletions
Large diffs are not rendered by default.

‎packages/react/CHANGELOG.md‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,12 @@
11
## [Unreleased]
22

3+
### Fixed
4+
5+
- **Dialog, Popover**: Improved shadow DOM support for interact outside and focus trap detection
6+
- **Marquee**: Fixed Firefox flicker and added GPU acceleration
7+
- **Dialog**: Fixed layout shift issue when using `scrollbar-gutter: stable` in CSS
8+
- **Slider**: Fixed `onValueChangeEnd` callback not triggering for programmatic value changes
9+
310
## [5.27.0] - 2025-11-01
411

512
### Added

‎packages/react/package.json‎

Lines changed: 61 additions & 61 deletions
Original file line numberDiff line numberDiff line change
@@ -85,67 +85,67 @@
8585
"sideEffects": false,
8686
"dependencies": {
8787
"@internationalized/date": "3.10.0",
88-
"@zag-js/accordion": "1.26.5",
89-
"@zag-js/anatomy": "1.26.5",
90-
"@zag-js/angle-slider": "1.26.5",
91-
"@zag-js/async-list": "1.26.5",
92-
"@zag-js/auto-resize": "1.26.5",
93-
"@zag-js/avatar": "1.26.5",
94-
"@zag-js/bottom-sheet": "1.26.5",
95-
"@zag-js/carousel": "1.26.5",
96-
"@zag-js/checkbox": "1.26.5",
97-
"@zag-js/clipboard": "1.26.5",
98-
"@zag-js/collapsible": "1.26.5",
99-
"@zag-js/collection": "1.26.5",
100-
"@zag-js/color-picker": "1.26.5",
101-
"@zag-js/color-utils": "1.26.5",
102-
"@zag-js/combobox": "1.26.5",
103-
"@zag-js/core": "1.26.5",
104-
"@zag-js/date-picker": "1.26.5",
105-
"@zag-js/date-utils": "1.26.5",
106-
"@zag-js/dialog": "1.26.5",
107-
"@zag-js/dom-query": "1.26.5",
108-
"@zag-js/editable": "1.26.5",
109-
"@zag-js/file-upload": "1.26.5",
110-
"@zag-js/file-utils": "1.26.5",
111-
"@zag-js/floating-panel": "1.26.5",
112-
"@zag-js/focus-trap": "1.26.5",
113-
"@zag-js/highlight-word": "1.26.5",
114-
"@zag-js/hover-card": "1.26.5",
115-
"@zag-js/i18n-utils": "1.26.5",
116-
"@zag-js/json-tree-utils": "1.26.5",
117-
"@zag-js/listbox": "1.26.5",
118-
"@zag-js/marquee": "1.26.5",
119-
"@zag-js/menu": "1.26.5",
120-
"@zag-js/number-input": "1.26.5",
121-
"@zag-js/pagination": "1.26.5",
122-
"@zag-js/password-input": "1.26.5",
123-
"@zag-js/pin-input": "1.26.5",
124-
"@zag-js/popover": "1.26.5",
125-
"@zag-js/presence": "1.26.5",
126-
"@zag-js/progress": "1.26.5",
127-
"@zag-js/qr-code": "1.26.5",
128-
"@zag-js/radio-group": "1.26.5",
129-
"@zag-js/rating-group": "1.26.5",
130-
"@zag-js/react": "1.26.5",
131-
"@zag-js/scroll-area": "1.26.5",
132-
"@zag-js/select": "1.26.5",
133-
"@zag-js/signature-pad": "1.26.5",
134-
"@zag-js/slider": "1.26.5",
135-
"@zag-js/splitter": "1.26.5",
136-
"@zag-js/steps": "1.26.5",
137-
"@zag-js/switch": "1.26.5",
138-
"@zag-js/tabs": "1.26.5",
139-
"@zag-js/tags-input": "1.26.5",
140-
"@zag-js/timer": "1.26.5",
141-
"@zag-js/toast": "1.26.5",
142-
"@zag-js/toggle": "1.26.5",
143-
"@zag-js/toggle-group": "1.26.5",
144-
"@zag-js/tooltip": "1.26.5",
145-
"@zag-js/tour": "1.26.5",
146-
"@zag-js/tree-view": "1.26.5",
147-
"@zag-js/types": "1.26.5",
148-
"@zag-js/utils": "1.26.5"
88+
"@zag-js/accordion": "1.27.0",
89+
"@zag-js/anatomy": "1.27.0",
90+
"@zag-js/angle-slider": "1.27.0",
91+
"@zag-js/async-list": "1.27.0",
92+
"@zag-js/auto-resize": "1.27.0",
93+
"@zag-js/avatar": "1.27.0",
94+
"@zag-js/bottom-sheet": "1.27.0",
95+
"@zag-js/carousel": "1.27.0",
96+
"@zag-js/checkbox": "1.27.0",
97+
"@zag-js/clipboard": "1.27.0",
98+
"@zag-js/collapsible": "1.27.0",
99+
"@zag-js/collection": "1.27.0",
100+
"@zag-js/color-picker": "1.27.0",
101+
"@zag-js/color-utils": "1.27.0",
102+
"@zag-js/combobox": "1.27.0",
103+
"@zag-js/core": "1.27.0",
104+
"@zag-js/date-picker": "1.27.0",
105+
"@zag-js/date-utils": "1.27.0",
106+
"@zag-js/dialog": "1.27.0",
107+
"@zag-js/dom-query": "1.27.0",
108+
"@zag-js/editable": "1.27.0",
109+
"@zag-js/file-upload": "1.27.0",
110+
"@zag-js/file-utils": "1.27.0",
111+
"@zag-js/floating-panel": "1.27.0",
112+
"@zag-js/focus-trap": "1.27.0",
113+
"@zag-js/highlight-word": "1.27.0",
114+
"@zag-js/hover-card": "1.27.0",
115+
"@zag-js/i18n-utils": "1.27.0",
116+
"@zag-js/json-tree-utils": "1.27.0",
117+
"@zag-js/listbox": "1.27.0",
118+
"@zag-js/marquee": "1.27.0",
119+
"@zag-js/menu": "1.27.0",
120+
"@zag-js/number-input": "1.27.0",
121+
"@zag-js/pagination": "1.27.0",
122+
"@zag-js/password-input": "1.27.0",
123+
"@zag-js/pin-input": "1.27.0",
124+
"@zag-js/popover": "1.27.0",
125+
"@zag-js/presence": "1.27.0",
126+
"@zag-js/progress": "1.27.0",
127+
"@zag-js/qr-code": "1.27.0",
128+
"@zag-js/radio-group": "1.27.0",
129+
"@zag-js/rating-group": "1.27.0",
130+
"@zag-js/react": "1.27.0",
131+
"@zag-js/scroll-area": "1.27.0",
132+
"@zag-js/select": "1.27.0",
133+
"@zag-js/signature-pad": "1.27.0",
134+
"@zag-js/slider": "1.27.0",
135+
"@zag-js/splitter": "1.27.0",
136+
"@zag-js/steps": "1.27.0",
137+
"@zag-js/switch": "1.27.0",
138+
"@zag-js/tabs": "1.27.0",
139+
"@zag-js/tags-input": "1.27.0",
140+
"@zag-js/timer": "1.27.0",
141+
"@zag-js/toast": "1.27.0",
142+
"@zag-js/toggle": "1.27.0",
143+
"@zag-js/toggle-group": "1.27.0",
144+
"@zag-js/tooltip": "1.27.0",
145+
"@zag-js/tour": "1.27.0",
146+
"@zag-js/tree-view": "1.27.0",
147+
"@zag-js/types": "1.27.0",
148+
"@zag-js/utils": "1.27.0"
149149
},
150150
"devDependencies": {
151151
"check-password-strength": "3.0.0",

‎packages/react/src/components/marquee/examples/auto-fill.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,9 +7,9 @@ export const AutoFill = () => (
77
<Marquee.Viewport>
88
<Marquee.Content>
99
{items.map((item, i) => (
10-
<div key={i} style={{ padding: '0 2rem' }}>
10+
<Marquee.Item key={i} style={{ padding: '0 2rem' }}>
1111
{item}
12-
</div>
12+
</Marquee.Item>
1313
))}
1414
</Marquee.Content>
1515
</Marquee.Viewport>

‎packages/react/src/components/marquee/examples/basic.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,9 +7,9 @@ export const Basic = () => (
77
<Marquee.Viewport>
88
<Marquee.Content>
99
{items.map((item, i) => (
10-
<div key={i} style={{ padding: '0 2rem' }}>
10+
<Marquee.Item key={i} style={{ padding: '0 2rem' }}>
1111
{item}
12-
</div>
12+
</Marquee.Item>
1313
))}
1414
</Marquee.Content>
1515
</Marquee.Viewport>

‎packages/react/src/components/marquee/examples/finite-loops.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -17,9 +17,9 @@ export const FiniteLoops = () => {
1717
<Marquee.Viewport>
1818
<Marquee.Content>
1919
{items.map((item, i) => (
20-
<div key={i} style={{ padding: '0 2rem' }}>
20+
<Marquee.Item key={i} style={{ padding: '0 2rem' }}>
2121
{item}
22-
</div>
22+
</Marquee.Item>
2323
))}
2424
</Marquee.Content>
2525
</Marquee.Viewport>

‎packages/react/src/components/marquee/examples/pause-on-interaction.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,9 +7,9 @@ export const PauseOnInteraction = () => (
77
<Marquee.Viewport>
88
<Marquee.Content>
99
{items.map((item, i) => (
10-
<div key={i} style={{ padding: '0 2rem' }}>
10+
<Marquee.Item key={i} style={{ padding: '0 2rem' }}>
1111
{item}
12-
</div>
12+
</Marquee.Item>
1313
))}
1414
</Marquee.Content>
1515
</Marquee.Viewport>

‎packages/react/src/components/marquee/examples/programmatic-control.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,9 +11,9 @@ export const ProgrammaticControl = () => {
1111
<Marquee.Viewport>
1212
<Marquee.Content>
1313
{items.map((item, i) => (
14-
<div key={i} style={{ padding: '0 2rem' }}>
14+
<Marquee.Item key={i} style={{ padding: '0 2rem' }}>
1515
{item}
16-
</div>
16+
</Marquee.Item>
1717
))}
1818
</Marquee.Content>
1919
</Marquee.Viewport>

‎packages/react/src/components/marquee/examples/reverse.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,9 +7,9 @@ export const Reverse = () => (
77
<Marquee.Viewport>
88
<Marquee.Content>
99
{items.map((item, i) => (
10-
<div key={i} style={{ padding: '0 2rem' }}>
10+
<Marquee.Item key={i} style={{ padding: '0 2rem' }}>
1111
{item}
12-
</div>
12+
</Marquee.Item>
1313
))}
1414
</Marquee.Content>
1515
</Marquee.Viewport>

‎packages/react/src/components/marquee/examples/speed.tsx‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -10,9 +10,9 @@ export const Speed = () => (
1010
<Marquee.Viewport>
1111
<Marquee.Content>
1212
{items.map((item, i) => (
13-
<div key={i} style={{ padding: '0 2rem' }}>
13+
<Marquee.Item key={i} style={{ padding: '0 2rem' }}>
1414
{item}
15-
</div>
15+
</Marquee.Item>
1616
))}
1717
</Marquee.Content>
1818
</Marquee.Viewport>
@@ -25,9 +25,9 @@ export const Speed = () => (
2525
<Marquee.Viewport>
2626
<Marquee.Content>
2727
{items.map((item, i) => (
28-
<div key={i} style={{ padding: '0 2rem' }}>
28+
<Marquee.Item key={i} style={{ padding: '0 2rem' }}>
2929
{item}
30-
</div>
30+
</Marquee.Item>
3131
))}
3232
</Marquee.Content>
3333
</Marquee.Viewport>
@@ -40,9 +40,9 @@ export const Speed = () => (
4040
<Marquee.Viewport>
4141
<Marquee.Content>
4242
{items.map((item, i) => (
43-
<div key={i} style={{ padding: '0 2rem' }}>
43+
<Marquee.Item key={i} style={{ padding: '0 2rem' }}>
4444
{item}
45-
</div>
45+
</Marquee.Item>
4646
))}
4747
</Marquee.Content>
4848
</Marquee.Viewport>

0 commit comments

Comments
 (0)