Skip to content

Commit ad8ac20

Browse files
committed
Merge branch 'release/1.0.0-alpha.9'
2 parents 33662fd + 674586b commit ad8ac20

Some content is hidden

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

43 files changed

+1158
-200
lines changed

CHANGELOG.md

+7
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,13 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
66

77
## [Unreleased]
88

9+
## [v1.0.0-alpha.9](https://github.com/studiometa/ui/compare/1.0.0-alpha.8..1.0.0-alpha.9) (2024-10-15)
10+
11+
### Added
12+
13+
- Add a [FigureShopify](https://ui.studiometa.dev/-/components/atoms/FigureShopify/) component ([#303](https://github.com/studiometa/ui/pull/303))
14+
- **Transition:** add support for grouped transitions ([#305](https://github.com/studiometa/ui/issues/305), [#306](https://github.com/studiometa/ui/pull/306), [be85501](https://github.com/studiometa/ui/commit/be85501))
15+
916
## [v1.0.0-alpha.8](https://github.com/studiometa/ui/compare/1.0.0-alpha.7..1.0.0-alpha.8) (2024-09-25)
1017

1118
### Added

composer.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "studiometa/ui",
3-
"version": "1.0.0-alpha.8",
3+
"version": "1.0.0-alpha.9",
44
"description": "A set of opiniated, unstyled and accessible components.",
55
"license": "MIT",
66
"require": {

package-lock.json

+178-12
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@studiometa/ui-workspace",
3-
"version": "1.0.0-alpha.8",
3+
"version": "1.0.0-alpha.9",
44
"private": true,
55
"workspaces": [
66
"packages/*"
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
---
2+
title: FigureShopify examples
3+
---
4+
5+
# Examples
6+
7+
## Simple
8+
9+
This is a simple example using a 1 × 1 pixels transparent PNG as a placeholder.
10+
11+
<PreviewPlayground
12+
:html="() => import('./stories/app.liquid?raw')"
13+
:script="() => import('./stories/app.js?raw')"
14+
/>
15+
16+
## Blurred placeholder
17+
18+
This example uses a small sized image with a maximum width of 10 pixels with a blur backdrop-filter as a placeholder.
19+
20+
<PreviewPlayground
21+
:html="() => import('./stories/blurred.liquid?raw')"
22+
:script="() => import('./stories/app.js?raw')"
23+
/>
24+
25+
## Advanced reveal
26+
27+
<PreviewPlayground
28+
:html="() => import('./stories/reveal.liquid?raw')"
29+
:script="() => import('./stories/reveal.js?raw')"
30+
:css="() => import('./stories/reveal.css?raw')"
31+
/>

0 commit comments

Comments
 (0)