@guebbit/css-toolkit 1.1.3 → 1.2.2

package/src/mixins/_create-colors.scss

@@ -109,7 +109,7 @@
     @if list.length($feature-list) < 1 or list.index($feature-list, "on-root"){
       @each $branch-name, $branch in $color-list {
         @each $sname, $scolor in $branch {
-          // @if type-of($scolor) == color {
+          // @if meta.type-of($scolor) == color {
           --#{$prefix}on-#{$branch-name}-#{$sname}: #{color-functions.extract-colors(color-functions.color-contrast($scolor))};
           // _}
         }

package/test/compile.test.js

@@ -31,11 +31,11 @@ describe("COMPILE", function() {
     });
 
     it('Check some rules', function() {
-        // -- TODO
+        // --
         expect(cssCompiled).to.contain('.blue-400-text {');
-        expect(cssCompiled).to.contain('color: rgb(61.4, 139, 253.4) !important');
-        expect(cssCompiled).to.contain('.blue-500-bg {');
-        expect(cssCompiled).to.contain('background: #0d6efd !important');
+        expect(cssCompiled).to.contain('color: rgb(61.4, 139, 253.4) !important;');
+        expect(cssCompiled).to.contain('.blue-400-bg {');
+        expect(cssCompiled).to.contain('background: rgb(61.4, 139, 253.4) !important;');
         // --
         expect(cssCompiled).to.contain('--blue-400: 61.4 139 253.4;');
         expect(cssCompiled).to.contain('--manga-red-500: 212 24 22;');
@@ -58,12 +58,21 @@ describe("COMPILE", function() {
         expect(cssCompiled).to.contain('@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {');
         expect(cssCompiled).to.contain('@supports (-ms-ime-align: auto) {');
         expect(cssCompiled).to.contain('@supports (-moz-appearance: none) {');
-        // -- RGB or hex based on color precision. Use sass:color hex or rgb to be sure
-        expect(cssCompiled).to.contain('--color-opaque-1: #111111;');
-        expect(cssCompiled).to.contain('--color-opaque-2: rgb(110.5, 110.5, 110.5);');
         // --
-        expect(cssCompiled).to.contain('--color-shift-1: rgb(89.25, 89.25, 89.25);');
-        expect(cssCompiled).to.contain('--color-shift-2: rgb(229.5, 229.5, 229.5);');
+        expect(cssCompiled).to.contain('--color-opaque-1: rgba(33.0810810811, 33.0810810811, 33.0810810811, 0.84)');
+        expect(cssCompiled).to.contain('--color-opaque-2: rgb(110.5, 110.5, 110.5)');
+        expect(cssCompiled).to.contain('--color-opaque-3: #dddddd;');
+        // --
+        expect(cssCompiled).to.contain('--color-tint-1: rgb(89.25, 89.25, 89.25);');
+        expect(cssCompiled).to.contain('--color-tint-2: rgb(229.5, 229.5, 229.5);');
+        // --
+        expect(cssCompiled).to.contain('--color-shade-1: rgb(25.5, 25.5, 25.5);');
+        expect(cssCompiled).to.contain('--color-shade-2: rgb(165.75, 165.75, 165.75);');
+        // --
+        expect(cssCompiled).to.contain('--color-shift-1: rgb(25.5, 25.5, 25.5);');
+        expect(cssCompiled).to.contain('--color-shift-2: rgb(165.75, 165.75, 165.75);');
+        expect(cssCompiled).to.contain('--color-shift-3: rgb(89.25, 89.25, 89.25);');
+        expect(cssCompiled).to.contain('--color-shift-4: rgb(229.5, 229.5, 229.5);');
         // --
         expect(cssCompiled).to.contain('--color-contrast-1: #fff;');
         expect(cssCompiled).to.contain('--color-contrast-2: #000;');

package/test/lint.test.js

@@ -2,7 +2,6 @@ import { describe, it } from 'mocha';
 import { expect } from "chai";
 import stylelint from "stylelint";
 import path from "path";
-import styleLintFormatter from "stylelint-config-standard-scss";
 import { fileURLToPath } from "url";
 
 
@@ -18,7 +17,6 @@ describe("LINT", function() {
         return stylelint.lint({
             configFile: path.join(__dirname, '../.stylelintrc.json'),
             ignorePath: path.join(__dirname, '../.stylelintignore'),
-            formatter: styleLintFormatter,
             files: [
                 path.join(__dirname, './test.scss'),
             ],