From 804e33de324eae2494cee9daa4f2719ca2f8daf1 Mon Sep 17 00:00:00 2001
From: Gabriele Petronella <gabriele@buildo.io>
Date: Thu, 2 May 2024 15:51:38 +0200
Subject: [PATCH] Stuff

---
 .github/workflows/storybook-publish.yaml      | 27 +++++++++++++++++++
 package.json                                  |  3 ++-
 projects/layout-components/documentation.json | 16 +++++------
 projects/layout-components/package.json       |  2 +-
 4 files changed, 38 insertions(+), 10 deletions(-)
 create mode 100644 .github/workflows/storybook-publish.yaml

diff --git a/.github/workflows/storybook-publish.yaml b/.github/workflows/storybook-publish.yaml
new file mode 100644
index 0000000..ed390e1
--- /dev/null
+++ b/.github/workflows/storybook-publish.yaml
@@ -0,0 +1,27 @@
+name: Build and Publish Storybook to GitHub Pages
+
+on:
+  push:
+    branches:
+      - "main"
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: "20"
+
+      - uses: bitovi/github-actions-storybook-to-github-pages@v1.0.3
+        with:
+          build_command: npm run ng run layout-components:build-storybook
+          path: storybook-static # default: dist/storybook
+          checkout: false
diff --git a/package.json b/package.json
index 56d2f1a..1a97c6d 100644
--- a/package.json
+++ b/package.json
@@ -58,5 +58,6 @@
     "ng-packagr": "^17.3.0",
     "storybook": "^8.0.9",
     "typescript": "~5.4.2"
-  }
+  },
+  "packageManager": "pnpm@8.15.5+sha256.4b4efa12490e5055d59b9b9fc9438b7d581a6b7af3b5675eb5c5f447cee1a589"
 }
diff --git a/projects/layout-components/documentation.json b/projects/layout-components/documentation.json
index 66c7f5a..bc4779c 100644
--- a/projects/layout-components/documentation.json
+++ b/projects/layout-components/documentation.json
@@ -425,15 +425,15 @@
             "extends": []
         },
         {
-            "name": "TileComponent",
-            "id": "component-TileComponent-7e5a0f8c7c2f197cb276fc4df549a3cbcbfe517cd4b0d4d460ef892ae05d3f98dda262b67596a9e5c815d465722e61ed68cb38e6ccf4a3d125c3e6fab4de70ec",
-            "file": "projects/layout-components/src/lib/tile/tile.component.ts",
+            "name": "TilesComponent",
+            "id": "component-TilesComponent-60e428fe3c753abd77e9c8a6c0da5406788cfef3f3d08e45ffcd5bdd8c64cacdbe5ef316b93d5ee9e306b8cd935b4511ceb7ca26dc4e06c8bd511ea391d412ae",
+            "file": "projects/layout-components/src/lib/tiles/tiles.component.ts",
             "encapsulation": [],
             "entryComponents": [],
             "inputs": [],
             "outputs": [],
             "providers": [],
-            "selector": "tile",
+            "selector": "tiles",
             "styleUrls": [],
             "styles": [],
             "template": "<ng-content></ng-content>",
@@ -490,8 +490,8 @@
             "description": "",
             "rawdescription": "\n",
             "type": "component",
-            "sourceCode": "import { Component, HostBinding, Input } from '@angular/core';\nimport { Gap, Padding } from '../common';\n\n@Component({\n  selector: 'tile',\n  standalone: true,\n  imports: [],\n  template: `<ng-content></ng-content>`,\n  styleUrl: './tile.component.css',\n})\nexport class TileComponent {\n  @HostBinding('style.gap') @Input() gap: Gap = '0';\n  @HostBinding('style.grid-template-columns')\n  @Input()\n  gridTemplateColumns: string = 'repeat(4, 1fr)';\n  @HostBinding('style.grid-template-rows') @Input() gridTemplateRows: string =\n    'auto';\n  @HostBinding('style.padding') @Input() padding: Padding = '0';\n}\n",
-            "styleUrl": "./tile.component.css",
+            "sourceCode": "import { Component, HostBinding, Input } from '@angular/core';\nimport { Gap, Padding } from '../common';\n\n@Component({\n  selector: 'tiles',\n  standalone: true,\n  imports: [],\n  template: `<ng-content></ng-content>`,\n  styleUrl: './tiles.component.css',\n})\nexport class TilesComponent {\n  @HostBinding('style.gap') @Input() gap: Gap = '0';\n  @HostBinding('style.grid-template-columns')\n  @Input()\n  gridTemplateColumns: string = 'repeat(4, 1fr)';\n  @HostBinding('style.grid-template-rows') @Input() gridTemplateRows: string =\n    'auto';\n  @HostBinding('style.padding') @Input() padding: Padding = '0';\n}\n",
+            "styleUrl": "./tiles.component.css",
             "assetsDirs": [],
             "styleUrlsData": "",
             "stylesData": "",
@@ -771,10 +771,10 @@
                 "status": "low"
             },
             {
-                "filePath": "projects/layout-components/src/lib/tile/tile.component.ts",
+                "filePath": "projects/layout-components/src/lib/tiles/tiles.component.ts",
                 "type": "component",
                 "linktype": "component",
-                "name": "TileComponent",
+                "name": "TilesComponent",
                 "coveragePercent": 0,
                 "coverageCount": "0/5",
                 "status": "low"
diff --git a/projects/layout-components/package.json b/projects/layout-components/package.json
index 9a851f9..9556ba6 100644
--- a/projects/layout-components/package.json
+++ b/projects/layout-components/package.json
@@ -2,7 +2,7 @@
   "name": "@buildo/angular-layout-components",
   "repository": {
     "type": "git",
-    "url": "https://github.com/buildo/angular-layout-components.git"
+    "url": "git+https://github.com/buildo/angular-layout-components.git"
   },
   "version": "0.1.7",
   "peerDependencies": {