@grantcodes/style-dictionary 0.0.1

package/.github/workflows/create-release.yml

@@ -0,0 +1,45 @@
+name: Create Release
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  release-please:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: google-github-actions/release-please-action@v3
+        name: Create release PR
+        with:
+          release-type: node
+          package-name: '@grantcodes/style-dictionary'
+
+      - uses: actions/checkout@v3
+        name: Checkout code
+        if: ${{ steps.release.outputs.release_created }}
+
+      - uses: actions/setup-node@v3
+        name: Setup node
+        with:
+          node-version: 16
+          registry-url: 'https://registry.npmjs.org'
+        if: ${{ steps.release.outputs.release_created }}
+
+      - run: npm ci
+        name: Install dependencies
+        if: ${{ steps.release.outputs.release_created }}
+
+      - run: npm run build
+        name: Build package
+        if: ${{ steps.release.outputs.release_created }}
+
+      - run: npm test
+        name: Run tests
+        if: ${{ steps.release.outputs.release_created }}
+
+      - run: npm publish
+        name: Publish to NPM
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+        if: ${{ steps.release.outputs.release_created }}

package/.simple-git-hooks.cjs

@@ -0,0 +1 @@
+const defaultHooks = require('@grantcodes/commit/.simple-git-hooks.cjs'); module.exports = { ...defaultHooks };

package/README.md

@@ -0,0 +1,3 @@
+# @grantcodes/style-dictionary
+
+This is my personal [style dictionary](https://github.com/amzn/style-dictionary) that I use for various personal projects.

package/assets/fonts/greycliff.css

@@ -0,0 +1,161 @@
+@font-face {
+  font-family: Greycliff;
+  font-style: normal;
+  font-weight: 100;
+  font-display: swap;
+  src: url('./greycliff-extra-light.woff2') format('woff2'),
+    url('./greycliff-extra-light.woff') format('woff');
+}
+
+@font-face {
+  font-family: Greycliff;
+  font-style: normal;
+  font-weight: 200;
+  font-display: swap;
+  src: url('./greycliff-light.woff2') format('woff2'),
+    url('./greycliff-light.woff') format('woff');
+}
+
+@font-face {
+  font-family: Greycliff;
+  font-style: normal;
+  font-weight: 300;
+  font-display: swap;
+  src: url('./greycliff-thin.woff2') format('woff2'),
+    url('./greycliff-thin.woff') format('woff');
+}
+
+@font-face {
+  font-family: Greycliff;
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url('./greycliff-regular.woff2') format('woff2'),
+    url('./greycliff-regular.woff') format('woff');
+}
+
+@font-face {
+  font-family: Greycliff;
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: url('./greycliff-medium.woff2') format('woff2'),
+    url('./greycliff-medium.woff') format('woff');
+}
+
+@font-face {
+  font-family: Greycliff;
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: url('./greycliff-demi-bold.woff2') format('woff2'),
+    url('./greycliff-demi-bold.woff') format('woff');
+}
+
+@font-face {
+  font-family: Greycliff;
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url('./greycliff-bold.woff2') format('woff2'),
+    url('./greycliff-bold.woff') format('woff');
+}
+
+@font-face {
+  font-family: Greycliff;
+  font-style: normal;
+  font-weight: 800;
+  font-display: swap;
+  src: url('./greycliff-extra-bold.woff2') format('woff2'),
+    url('./greycliff-extra-bold.woff') format('woff');
+}
+
+@font-face {
+  font-family: Greycliff;
+  font-style: normal;
+  font-weight: 900;
+  font-display: swap;
+  src: url('./greycliff-heavy.woff2') format('woff2'),
+    url('./greycliff-heavy.woff') format('woff');
+}
+
+@font-face {
+  font-family: Greycliff;
+  font-style: italic;
+  font-weight: 100;
+  font-display: swap;
+  src: url('./greycliff-extra-light-oblique.woff2') format('woff2'),
+    url('./greycliff-extra-light-oblique.woff') format('woff');
+}
+
+@font-face {
+  font-family: Greycliff;
+  font-style: italic;
+  font-weight: 200;
+  font-display: swap;
+  src: url('./greycliff-light-oblique.woff2') format('woff2'),
+    url('./greycliff-light-oblique.woff') format('woff');
+}
+
+@font-face {
+  font-family: Greycliff;
+  font-style: italic;
+  font-weight: 300;
+  font-display: swap;
+  src: url('./greycliff-thin-oblique.woff2') format('woff2'),
+    url('./greycliff-thin-oblique.woff') format('woff');
+}
+
+@font-face {
+  font-family: Greycliff;
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src: url('./greycliff-regular-oblique.woff2') format('woff2'),
+    url('./greycliff-regular-oblique.woff') format('woff');
+}
+
+@font-face {
+  font-family: Greycliff;
+  font-style: italic;
+  font-weight: 500;
+  font-display: swap;
+  src: url('./greycliff-medium-oblique.woff2') format('woff2'),
+    url('./greycliff-medium-oblique.woff') format('woff');
+}
+
+@font-face {
+  font-family: Greycliff;
+  font-style: italic;
+  font-weight: 600;
+  font-display: swap;
+  src: url('./greycliff-demi-bold-oblique.woff2') format('woff2'),
+    url('./greycliff-demi-bold-oblique.woff') format('woff');
+}
+
+@font-face {
+  font-family: Greycliff;
+  font-style: italic;
+  font-weight: 700;
+  font-display: swap;
+  src: url('./greycliff-bold-oblique.woff2') format('woff2'),
+    url('./greycliff-bold-oblique.woff') format('woff');
+}
+
+@font-face {
+  font-family: Greycliff;
+  font-style: italic;
+  font-weight: 800;
+  font-display: swap;
+  src: url('./greycliff-extra-bold-oblique.woff2') format('woff2'),
+    url('./greycliff-extra-bold-oblique.woff') format('woff');
+}
+
+@font-face {
+  font-family: Greycliff;
+  font-style: italic;
+  font-weight: 900;
+  font-display: swap;
+  src: url('./greycliff-heavy-oblique.woff2') format('woff2'),
+    url('./greycliff-heavy-oblique.woff') format('woff');
+}

package/assets/fonts/quicksand.css

@@ -0,0 +1,35 @@
+@font-face {
+  font-family: Quicksand;
+  font-style: normal;
+  font-weight: 200;
+  font-display: swap;
+  src: url('./quicksand-light.woff2') format('woff2'),
+    url('./quicksand-light.woff') format('woff');
+}
+
+@font-face {
+  font-family: Quicksand;
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url('./quicksand-regular.woff2') format('woff2'),
+    url('./quicksand-regular.woff') format('woff');
+}
+
+@font-face {
+  font-family: Quicksand;
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: url('./quicksand-medium.woff2') format('woff2'),
+    url('./quicksand-medium.woff') format('woff');
+}
+
+@font-face {
+  font-family: Quicksand;
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url('./quicksand-bold.woff2') format('woff2'),
+    url('./quicksand-bold.woff') format('woff');
+}