Merge remote-tracking branch 'origin/dev' into feature/storybook-readme

Author: JesmoDev

.gitattributes

@@ -0,0 +1,21 @@
+# Set the default behavior, in case people don't have core.autocrlf set.
+* text=auto
+
+# Explicitly declare text files you want to always be normalized and converted
+# to native line endings on checkout.
+*.ts text eol=lf
+*.js text eol=lf
+*.cjs text eol=lf
+*.mjs text eol=lf
+*.json text eol=lf
+*.html text eol=lf
+*.md text eol=lf
+*.hbs text eol=lf
+
+# Declare files that will always have CRLF line endings on checkout.
+# *.sln text eol=crlf
+
+# Denote all files that are truly binary and should not be modified.
+*.png binary
+*.jpg binary
+*.gif binary

.github/workflows/chromatic.yml

@@ -7,13 +7,26 @@ name: 'Chromatic'
 on:
   push:
     paths:
+      - 'package.json'
+      - 'package-lock.json'
+      - '.github/workflows/chromatic.yml'
       - '.storybook/**'
       - 'packages/*/package.json'
       - 'packages/*/lib/**'
       - 'packages/*/assets/**'
     branches-ignore:
       - 'dependabot/*'
 
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+    inputs:
+      sha:
+        description: The SHA-1 hash referring to the commit to check.
+        required: true
+      ref:
+        description: The head branch associated with the pull request.
+        required: true
+
 # List of jobs
 jobs:
   chromatic-deployment:
@@ -22,8 +35,13 @@ jobs:
     # Job steps
     steps:
       - uses: actions/checkout@v1
+      - name: Use Node.js 16.x
+        uses: actions/setup-node@v2
+        with:
+          node-version: 16.x
+          cache: 'npm'
       - name: Install dependencies
-        run: npm ci --ignore-scripts
+        run: npm ci
       - name: Publish to Chromatic
         uses: chromaui/action@v1
         with:

.storybook/preview-head.html

@@ -1,4 +1,15 @@
 <style>
+  /* Make stories able to use 100% height */
+  html {
+    height: 100vh;
+  }
+  /* Make stories able to use 100% height */
+  body,
+  #root,
+  #root-inner {
+    height: 100%;
+  }
+
   body {
     /* reset defaults: */
     margin: 24px;