igniteui-theming 1.0.0-alpha

package/.github/workflows/npm-publish.yml

@@ -0,0 +1,39 @@
+name: Npm.js deploy
+
+on:
+  release:
+    types: [created]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: actions/setup-node@v2
+        with:
+          node-version: 16
+          cache: 'npm'
+          registry-url: 'https://registry.npmjs.org'
+
+      - run: echo "VERSION=${GITHUB_REF/refs\/tags\//}" >> $GITHUB_ENV
+      - run: echo ${VERSION}
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Test package
+        run: npm test
+
+      - name: Define NPM tag
+        run: |
+            if [[ ${VERSION} == *"alpha"* || ${VERSION} == *"beta"* || ${VERSION} == *"rc"* ]]; then echo "NPM_TAG=next"; else echo "NPM_TAG=latest"; fi >> $GITHUB_ENV
+            echo ${NPM_TAG}
+      - name: Create package version
+        run: npm version ${VERSION} --no-git-tag-version --save --allow-same-version
+        working-directory: ./
+
+      - name: Publish igniteui-theming
+        run: npm publish --tag ${NPM_TAG}
+        working-directory: ./
+        env:
+          NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}

package/_index.scss

@@ -0,0 +1,2 @@
+@forward './sass/functions';
+@forward './sass/mixins';

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "igniteui-theming",
+  "version": "1.0.0-alpha",
+  "description": "A set of Sass variables, mixins, and functions for generating palettes, typography, and elevations used by Ignite UI components.",
+  "main": "index.js",
+  "scripts": {
+    "test": "jest"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/IgniteUI/igniteui-theming.git"
+  },
+  "keywords": [
+    "sass",
+    "Ignite",
+    "UI",
+    "theming",
+    "palettes",
+    "elevations",
+    "typography"
+  ],
+  "author": "Infragistics",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/IgniteUI/igniteui-theming/issues"
+  },
+  "homepage": "https://github.com/IgniteUI/igniteui-theming#readme",
+  "exports": {
+    ".": {
+      "sass": "./_index.scss"
+    },
+    "./functions": {
+      "sass": "./sass/_functions.scss"
+    }
+  },
+  "devDependencies": {
+    "jest": "^28.1.1",
+    "sass-true": "^6.1.0"
+  },
+  "peerDependencies": {
+    "sass": "^1.52.3"
+  }
+}

package/sass/_functions.scss

@@ -0,0 +1,3 @@
+@function sum($a, $b) {
+    @return $a + $b;
+}

package/sass/_mixins.scss

@@ -0,0 +1,4 @@
+@mixin test() {
+    color: red;
+    content: 'I come in peace.';
+}

package/tests/_index.scss

@@ -0,0 +1,8 @@
+@use '../node_modules/sass-true/' as *;
+
+@include describe('Zip [function]') {
+    @include it('Zips multiple lists into a single multi-dimensional list') {
+      // Assert the expected results
+      @include assert-equal(zip(a b c, 1 2 3), (a 1, b 2, c 3));
+    }
+}

package/tests/test.js

@@ -0,0 +1,5 @@
+const path = require('path');
+const sassTrue = require('sass-true');
+
+const sassFile = path.join(__dirname, '_index.scss');
+sassTrue.runSass({ file: sassFile }, { describe, it });