From b34b06500b60971e7f5d7dd9095aef8b1726ad75 Mon Sep 17 00:00:00 2001 From: Pascal CESCON - Amoifr Date: Sat, 18 Apr 2026 16:31:26 +0200 Subject: [PATCH 1/3] [Toolkit][Shadcn] Add scroll-area recipe --- src/Toolkit/CHANGELOG.md | 1 + .../scroll-area/examples/Demo.html.twig | 9 + .../scroll-area/examples/Horizontal.html.twig | 31 +++ .../shadcn/scroll-area/examples/RTL.html.twig | 27 ++ .../scroll-area/examples/Usage.html.twig | 12 + .../kits/shadcn/scroll-area/manifest.json | 12 + .../templates/components/ScrollArea.html.twig | 9 + ...oll-area, code file Demo.html.twig__1.html | 121 +++++++++ ...t scroll-area, code file Demo.html__1.html | 51 ++++ ...ea, code file Horizontal.html.twig__1.html | 69 +++++ ...roll-area, code file RTL.html.twig__1.html | 251 ++++++++++++++++++ ... scroll-area, code file Usage.html__1.html | 31 +++ 12 files changed, 624 insertions(+) create mode 100644 src/Toolkit/kits/shadcn/scroll-area/examples/Demo.html.twig create mode 100644 src/Toolkit/kits/shadcn/scroll-area/examples/Horizontal.html.twig create mode 100644 src/Toolkit/kits/shadcn/scroll-area/examples/RTL.html.twig create mode 100644 src/Toolkit/kits/shadcn/scroll-area/examples/Usage.html.twig create mode 100644 src/Toolkit/kits/shadcn/scroll-area/manifest.json create mode 100644 src/Toolkit/kits/shadcn/scroll-area/templates/components/ScrollArea.html.twig create mode 100644 src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component scroll-area, code file Demo.html.twig__1.html create mode 100644 src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component scroll-area, code file Demo.html__1.html create mode 100644 src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component scroll-area, code file Horizontal.html.twig__1.html create mode 100644 src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component scroll-area, code file RTL.html.twig__1.html create mode 100644 src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component scroll-area, code file Usage.html__1.html diff --git a/src/Toolkit/CHANGELOG.md b/src/Toolkit/CHANGELOG.md index 5ba248f5890..dc58a51ccfb 100644 --- a/src/Toolkit/CHANGELOG.md +++ b/src/Toolkit/CHANGELOG.md @@ -15,6 +15,7 @@ - [Shadcn] Add `collapsible` recipe - [Shadcn] Add `typography` recipe - [Shadcn] Add `toggle-group` recipe +- [Shadcn] Add `scroll-area` recipe ## 2.35 diff --git a/src/Toolkit/kits/shadcn/scroll-area/examples/Demo.html.twig b/src/Toolkit/kits/shadcn/scroll-area/examples/Demo.html.twig new file mode 100644 index 00000000000..9876e62b75b --- /dev/null +++ b/src/Toolkit/kits/shadcn/scroll-area/examples/Demo.html.twig @@ -0,0 +1,9 @@ + +
+

Tags

+ {% for i in range(50, 1, -1) %} +
v1.2.0-beta.{{ i }}
+
+ {% endfor %} +
+ diff --git a/src/Toolkit/kits/shadcn/scroll-area/examples/Horizontal.html.twig b/src/Toolkit/kits/shadcn/scroll-area/examples/Horizontal.html.twig new file mode 100644 index 00000000000..feb199516b3 --- /dev/null +++ b/src/Toolkit/kits/shadcn/scroll-area/examples/Horizontal.html.twig @@ -0,0 +1,31 @@ + +
+
+
+ Photo by Ornella Binni +
+
+ Photo by + Ornella Binni +
+
+
+
+ Photo by Tom Byrom +
+
+ Photo by + Tom Byrom +
+
+
+
+ Photo by Vladimir Malyavko +
+
+ Photo by + Vladimir Malyavko +
+
+
+ diff --git a/src/Toolkit/kits/shadcn/scroll-area/examples/RTL.html.twig b/src/Toolkit/kits/shadcn/scroll-area/examples/RTL.html.twig new file mode 100644 index 00000000000..d79bccd092d --- /dev/null +++ b/src/Toolkit/kits/shadcn/scroll-area/examples/RTL.html.twig @@ -0,0 +1,27 @@ +
+ {# Arabic #} +
+ +
+

العلامات

+ {% for i in range(50, 1, -1) %} +
v1.2.0-beta.{{ i }}
+
+ {% endfor %} +
+ +
+ + {# Hebrew #} +
+ +
+

תגיות

+ {% for i in range(50, 1, -1) %} +
v1.2.0-beta.{{ i }}
+
+ {% endfor %} +
+ +
+
diff --git a/src/Toolkit/kits/shadcn/scroll-area/examples/Usage.html.twig b/src/Toolkit/kits/shadcn/scroll-area/examples/Usage.html.twig new file mode 100644 index 00000000000..a7e21e305e8 --- /dev/null +++ b/src/Toolkit/kits/shadcn/scroll-area/examples/Usage.html.twig @@ -0,0 +1,12 @@ + +

Scrollable content goes here.

+

Line 2

+

Line 3

+

Line 4

+

Line 5

+

Line 6

+

Line 7

+

Line 8

+

Line 9

+

Line 10

+ diff --git a/src/Toolkit/kits/shadcn/scroll-area/manifest.json b/src/Toolkit/kits/shadcn/scroll-area/manifest.json new file mode 100644 index 00000000000..d3978833699 --- /dev/null +++ b/src/Toolkit/kits/shadcn/scroll-area/manifest.json @@ -0,0 +1,12 @@ +{ + "$schema": "../../../schema-kit-recipe-v1.json", + "type": "component", + "name": "Scroll Area", + "description": "A container that augments native scroll behavior with a stylized scrollbar.", + "copy-files": { + "templates/": "templates/" + }, + "dependencies": { + "composer": ["tales-from-a-dev/twig-tailwind-extra:^1.0.0"] + } +} diff --git a/src/Toolkit/kits/shadcn/scroll-area/templates/components/ScrollArea.html.twig b/src/Toolkit/kits/shadcn/scroll-area/templates/components/ScrollArea.html.twig new file mode 100644 index 00000000000..62675fa91f6 --- /dev/null +++ b/src/Toolkit/kits/shadcn/scroll-area/templates/components/ScrollArea.html.twig @@ -0,0 +1,9 @@ +{# @block content The scrollable content #} +
+ {%- block content %}{% endblock -%} +
diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component scroll-area, code file Demo.html.twig__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component scroll-area, code file Demo.html.twig__1.html new file mode 100644 index 00000000000..17566d055e8 --- /dev/null +++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component scroll-area, code file Demo.html.twig__1.html @@ -0,0 +1,121 @@ + +
+
+

Tags

+
v1.2.0-beta.50
+
+
v1.2.0-beta.49
+
+
v1.2.0-beta.48
+
+
v1.2.0-beta.47
+
+
v1.2.0-beta.46
+
+
v1.2.0-beta.45
+
+
v1.2.0-beta.44
+
+
v1.2.0-beta.43
+
+
v1.2.0-beta.42
+
+
v1.2.0-beta.41
+
+
v1.2.0-beta.40
+
+
v1.2.0-beta.39
+
+
v1.2.0-beta.38
+
+
v1.2.0-beta.37
+
+
v1.2.0-beta.36
+
+
v1.2.0-beta.35
+
+
v1.2.0-beta.34
+
+
v1.2.0-beta.33
+
+
v1.2.0-beta.32
+
+
v1.2.0-beta.31
+
+
v1.2.0-beta.30
+
+
v1.2.0-beta.29
+
+
v1.2.0-beta.28
+
+
v1.2.0-beta.27
+
+
v1.2.0-beta.26
+
+
v1.2.0-beta.25
+
+
v1.2.0-beta.24
+
+
v1.2.0-beta.23
+
+
v1.2.0-beta.22
+
+
v1.2.0-beta.21
+
+
v1.2.0-beta.20
+
+
v1.2.0-beta.19
+
+
v1.2.0-beta.18
+
+
v1.2.0-beta.17
+
+
v1.2.0-beta.16
+
+
v1.2.0-beta.15
+
+
v1.2.0-beta.14
+
+
v1.2.0-beta.13
+
+
v1.2.0-beta.12
+
+
v1.2.0-beta.11
+
+
v1.2.0-beta.10
+
+
v1.2.0-beta.9
+
+
v1.2.0-beta.8
+
+
v1.2.0-beta.7
+
+
v1.2.0-beta.6
+
+
v1.2.0-beta.5
+
+
v1.2.0-beta.4
+
+
v1.2.0-beta.3
+
+
v1.2.0-beta.2
+
+
v1.2.0-beta.1
+
+
+
\ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component scroll-area, code file Demo.html__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component scroll-area, code file Demo.html__1.html new file mode 100644 index 00000000000..be93cf64546 --- /dev/null +++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component scroll-area, code file Demo.html__1.html @@ -0,0 +1,51 @@ + +
+
+

Tags

+
v1.2.0-beta.50
+
+
v1.2.0-beta.49
+
+
v1.2.0-beta.48
+
+
v1.2.0-beta.47
+
+
v1.2.0-beta.46
+
+
v1.2.0-beta.45
+
+
v1.2.0-beta.44
+
+
v1.2.0-beta.43
+
+
v1.2.0-beta.42
+
+
\ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component scroll-area, code file Horizontal.html.twig__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component scroll-area, code file Horizontal.html.twig__1.html new file mode 100644 index 00000000000..90a554e8168 --- /dev/null +++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component scroll-area, code file Horizontal.html.twig__1.html @@ -0,0 +1,69 @@ + +
+
+
+
+ Photo by Ornella Binni +
+
+ Photo by + Ornella Binni +
+
+
+
+ Photo by Tom Byrom +
+
+ Photo by + Tom Byrom +
+
+
+
+ Photo by Vladimir Malyavko +
+
+ Photo by + Vladimir Malyavko +
+
+
+
\ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component scroll-area, code file RTL.html.twig__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component scroll-area, code file RTL.html.twig__1.html new file mode 100644 index 00000000000..b861b6099bd --- /dev/null +++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component scroll-area, code file RTL.html.twig__1.html @@ -0,0 +1,251 @@ + +
+
+
+
+

العلامات

+
v1.2.0-beta.50
+
+
v1.2.0-beta.49
+
+
v1.2.0-beta.48
+
+
v1.2.0-beta.47
+
+
v1.2.0-beta.46
+
+
v1.2.0-beta.45
+
+
v1.2.0-beta.44
+
+
v1.2.0-beta.43
+
+
v1.2.0-beta.42
+
+
v1.2.0-beta.41
+
+
v1.2.0-beta.40
+
+
v1.2.0-beta.39
+
+
v1.2.0-beta.38
+
+
v1.2.0-beta.37
+
+
v1.2.0-beta.36
+
+
v1.2.0-beta.35
+
+
v1.2.0-beta.34
+
+
v1.2.0-beta.33
+
+
v1.2.0-beta.32
+
+
v1.2.0-beta.31
+
+
v1.2.0-beta.30
+
+
v1.2.0-beta.29
+
+
v1.2.0-beta.28
+
+
v1.2.0-beta.27
+
+
v1.2.0-beta.26
+
+
v1.2.0-beta.25
+
+
v1.2.0-beta.24
+
+
v1.2.0-beta.23
+
+
v1.2.0-beta.22
+
+
v1.2.0-beta.21
+
+
v1.2.0-beta.20
+
+
v1.2.0-beta.19
+
+
v1.2.0-beta.18
+
+
v1.2.0-beta.17
+
+
v1.2.0-beta.16
+
+
v1.2.0-beta.15
+
+
v1.2.0-beta.14
+
+
v1.2.0-beta.13
+
+
v1.2.0-beta.12
+
+
v1.2.0-beta.11
+
+
v1.2.0-beta.10
+
+
v1.2.0-beta.9
+
+
v1.2.0-beta.8
+
+
v1.2.0-beta.7
+
+
v1.2.0-beta.6
+
+
v1.2.0-beta.5
+
+
v1.2.0-beta.4
+
+
v1.2.0-beta.3
+
+
v1.2.0-beta.2
+
+
v1.2.0-beta.1
+
+
+
+
+ +
+
+
+

תגיות

+
v1.2.0-beta.50
+
+
v1.2.0-beta.49
+
+
v1.2.0-beta.48
+
+
v1.2.0-beta.47
+
+
v1.2.0-beta.46
+
+
v1.2.0-beta.45
+
+
v1.2.0-beta.44
+
+
v1.2.0-beta.43
+
+
v1.2.0-beta.42
+
+
v1.2.0-beta.41
+
+
v1.2.0-beta.40
+
+
v1.2.0-beta.39
+
+
v1.2.0-beta.38
+
+
v1.2.0-beta.37
+
+
v1.2.0-beta.36
+
+
v1.2.0-beta.35
+
+
v1.2.0-beta.34
+
+
v1.2.0-beta.33
+
+
v1.2.0-beta.32
+
+
v1.2.0-beta.31
+
+
v1.2.0-beta.30
+
+
v1.2.0-beta.29
+
+
v1.2.0-beta.28
+
+
v1.2.0-beta.27
+
+
v1.2.0-beta.26
+
+
v1.2.0-beta.25
+
+
v1.2.0-beta.24
+
+
v1.2.0-beta.23
+
+
v1.2.0-beta.22
+
+
v1.2.0-beta.21
+
+
v1.2.0-beta.20
+
+
v1.2.0-beta.19
+
+
v1.2.0-beta.18
+
+
v1.2.0-beta.17
+
+
v1.2.0-beta.16
+
+
v1.2.0-beta.15
+
+
v1.2.0-beta.14
+
+
v1.2.0-beta.13
+
+
v1.2.0-beta.12
+
+
v1.2.0-beta.11
+
+
v1.2.0-beta.10
+
+
v1.2.0-beta.9
+
+
v1.2.0-beta.8
+
+
v1.2.0-beta.7
+
+
v1.2.0-beta.6
+
+
v1.2.0-beta.5
+
+
v1.2.0-beta.4
+
+
v1.2.0-beta.3
+
+
v1.2.0-beta.2
+
+
v1.2.0-beta.1
+
+
+
+
+
\ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component scroll-area, code file Usage.html__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component scroll-area, code file Usage.html__1.html new file mode 100644 index 00000000000..d0d8c7a1e1a --- /dev/null +++ b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component scroll-area, code file Usage.html__1.html @@ -0,0 +1,31 @@ + +
+

Scrollable content goes here.

+

Line 2

+

Line 3

+

Line 4

+

Line 5

+

Line 6

+

Line 7

+

Line 8

+

Line 9

+

Line 10

+
\ No newline at end of file From badea558b77e64e0e1d1ddb8e36beddfee3a0d21 Mon Sep 17 00:00:00 2001 From: Pascal CESCON - Amoifr Date: Thu, 23 Apr 2026 07:49:08 +0200 Subject: [PATCH 2/3] [Toolkit][Shadcn] Move CHANGELOG entry to 3.1 --- src/Toolkit/CHANGELOG.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/Toolkit/CHANGELOG.md b/src/Toolkit/CHANGELOG.md index dc58a51ccfb..3da8997bbec 100644 --- a/src/Toolkit/CHANGELOG.md +++ b/src/Toolkit/CHANGELOG.md @@ -6,6 +6,7 @@ - [Flowbite] Add `dropdown` recipe - [Shadcn] Add `hover-card` recipe - [Shadcn] Add `resizable` recipe +- [Shadcn] Add `scroll-area` recipe ## 3.0.0 @@ -15,7 +16,6 @@ - [Shadcn] Add `collapsible` recipe - [Shadcn] Add `typography` recipe - [Shadcn] Add `toggle-group` recipe -- [Shadcn] Add `scroll-area` recipe ## 2.35 From d2679354429d044ae12478d6b90c8b92557beda7 Mon Sep 17 00:00:00 2001 From: Pascal CESCON - Amoifr Date: Mon, 27 Apr 2026 15:04:20 +0200 Subject: [PATCH 3/3] [Toolkit][Shadcn] scroll-area: drop orphan snapshots --- ...t scroll-area, code file Demo.html__1.html | 51 ------------------- ... scroll-area, code file Usage.html__1.html | 31 ----------- 2 files changed, 82 deletions(-) delete mode 100644 src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component scroll-area, code file Demo.html__1.html delete mode 100644 src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component scroll-area, code file Usage.html__1.html diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component scroll-area, code file Demo.html__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component scroll-area, code file Demo.html__1.html deleted file mode 100644 index be93cf64546..00000000000 --- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component scroll-area, code file Demo.html__1.html +++ /dev/null @@ -1,51 +0,0 @@ - -
-
-

Tags

-
v1.2.0-beta.50
-
-
v1.2.0-beta.49
-
-
v1.2.0-beta.48
-
-
v1.2.0-beta.47
-
-
v1.2.0-beta.46
-
-
v1.2.0-beta.45
-
-
v1.2.0-beta.44
-
-
v1.2.0-beta.43
-
-
v1.2.0-beta.42
-
-
\ No newline at end of file diff --git a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component scroll-area, code file Usage.html__1.html b/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component scroll-area, code file Usage.html__1.html deleted file mode 100644 index d0d8c7a1e1a..00000000000 --- a/src/Toolkit/tests/Functional/__snapshots__/ComponentsRenderingTest__testComponentRendering with data set Kit shadcn, component scroll-area, code file Usage.html__1.html +++ /dev/null @@ -1,31 +0,0 @@ - -
-

Scrollable content goes here.

-

Line 2

-

Line 3

-

Line 4

-

Line 5

-

Line 6

-

Line 7

-

Line 8

-

Line 9

-

Line 10

-
\ No newline at end of file