Merge pull request #23 from gethyas/next

Update for new Hyas setup

.changeset/README.md

@@ -0,0 +1,8 @@
+# Changesets
+
+Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
+with multi-package repos, or single-package repos to help you version and publish your code. You can
+find the full documentation for it [in our repository](https://github.com/changesets/changesets)
+
+We have a quick list of common questions to get you started engaging with this project in
+[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)

.changeset/config.json

@@ -0,0 +1,11 @@
+{
+  "$schema": "https://unpkg.com/@changesets/[email protected]/schema.json",
+  "changelog": ["@changesets/changelog-github", { "repo": "gethyas/images" }],
+  "commit": false,
+  "fixed": [],
+  "linked": [],
+  "access": "restricted",
+  "baseBranch": "main",
+  "updateInternalDependencies": "patch",
+  "ignore": []
+}

.changeset/neat-mugs-travel.md

@@ -0,0 +1,5 @@
+---
+"@hyas/images": minor
+---
+
+Update for new Hyas setup

.gitignore

@@ -1 +1,2 @@
+.env
 node_modules

.prettierignore

@@ -0,0 +1,14 @@
+*.html
+*.ico
+*.png
+*.jp*g
+*.toml
+*.*ignore
+*.svg
+*.xml
+LICENSE
+.npmrc
+.gitkeep
+*.woff*
+*.json
+flexsearch.js

.prettierrc.yaml

@@ -0,0 +1,19 @@
+# Default config
+tabWidth: 4
+endOfLine: crlf
+singleQuote: true
+printWidth: 100000
+trailingComma: none
+bracketSameLine: true
+quoteProps: consistent
+experimentalTernaries: true
+
+# Overrided config
+overrides:
+  - files: ["*.md", "*.json", "*.yaml"]
+    options:
+      tabWidth: 2
+      singleQuote: false
+  - files: ["*.scss"]
+    options:
+      singleQuote: false

.vscode/settings.json

@@ -0,0 +1,7 @@
+{
+  "editor.wordWrap": "off",
+  "files.trimTrailingWhitespace": true,
+  "files.insertFinalNewline": true,
+  "editor.tabSize": 2,
+  "editor.insertSpaces": true
+}

README.md

@@ -1,3 +1,9 @@
 # Hyas images
 
 Official images integration for Hyas.
+
+## Getting Started
+
+See the Doks documentation:
+
+- [Images](https://images.gethyas.com/docs/start-here/getting-started/)

assets/scss/components/_images.scss

@@ -1,32 +1,33 @@
 img {
-  max-width: 100%;
-  height: auto;
+    max-width: 100%;
+    height: auto;
 }
 
 img[data-sizes="auto"] {
-  display: block; 
+    display: block;
 }
 
-img, picture {
-  font-size: 0;
+img,
+picture {
+    font-size: 0;
 }
 
 figcaption {
-  font-size: 1rem;
-  margin-top: 0.5rem;
-  font-style: italic;
+    font-size: 1rem;
+    margin-top: 0.5rem;
+    font-style: italic;
 }
 
 .content .gitpod-mark-monochrome.icon {
-  margin-bottom: 0.125rem;
-  margin-right: 0.5rem;
+    margin-bottom: 0.125rem;
+    margin-right: 0.5rem;
 }
 
 .blur-up {
-  filter: blur(5px);
-  transition: filter 400ms;
+    filter: blur(5px);
+    transition: filter 400ms;
 }
 
 .blur-up.lazyloaded {
-  filter: unset;
+    filter: unset;
 }