@stackoverflow/stacks 2.4.0 → 2.5.0

package/lib/exports/color-mixins.less.test.ts

@@ -1,150 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { renderLess } from "../test/less-test-utils";
-
-describe("color-mixins", () => {
-    describe("colors", () => {
-        describe("generate-colors", () => {
-            it("light", async () => {
-                const css = await renderLess(`
-                    @import (reference) "color-mixins.less";
-
-                    // TODO: figure out how to simplify sets to reduce output
-
-                    /* .generate-colors(light) */
-                    body {
-                        .generate-colors(light);
-                    }
-                `);
-
-                expect(css).toMatchSnapshot();
-            });
-        });
-        it("create-colors", async () => {
-            const css = await renderLess(`
-                @import (reference) "color-mixins.less";
-
-                /*
-                .set-test-emerald() {
-                    default: hsl(150, 60%, 55%);
-                }
-                .set-test-ruby() {
-                    100: hsl(350, 70%, 97%);
-                    600: hsl(350, 70%, 29%);
-                }
-                .sets-test() {
-                    emerald: .set-test-emerald();
-                    ruby: .set-test-ruby();
-                }
-                */
-                .set-test-emerald() {
-                    default: hsl(150, 60%, 55%);
-                }
-                .set-test-ruby() {
-                    100: hsl(350, 70%, 97%);
-                    600: hsl(350, 70%, 29%);
-                }
-                .sets-test() {
-                    emerald: .set-test-emerald();
-                    ruby: .set-test-ruby();
-                }
-
-                /* .create-colors(.sets-test(), variables) */
-                body {
-                    .create-colors(.sets-test(), variables);
-                }
-
-                /* .create-colors(.sets-test(), classes) */
-                body {
-                    .create-colors(.sets-test(), classes);
-                }
-            `);
-
-            expect(css).toMatchSnapshot();
-        });
-        it("create-color-classes", async () => {
-            const css = await renderLess(`
-                @import (reference) "color-mixins.less";
-                /* .create-color-classes(red-500, var(--red-500)) */
-                /* .create-color-classes(blue-400, var(--blue-400), dark, color) */
-                /* .create-color-classes(green-300, var(--green-300), light, background-color) */
-                body {
-                    .create-color-classes(red-500, var(--red-500));
-                    .create-color-classes(blue-500, var(--blue-500), dark, color);
-                    .create-color-classes(green-300, var(--green-300), light, background-color);
-                }
-            `);
-
-            expect(css).toMatchSnapshot();
-        });
-        it(".create-aliased-utility-classes", async () => {
-            const css = await renderLess(`
-                @import (reference) "color-mixins.less";
-                /* .create-aliased-utility-classes() */
-                /* .create-aliased-utility-classes(dark) */
-                body {
-                    .create-aliased-utility-classes();
-                }
-                body.theme-dark {
-                    .create-aliased-utility-classes(dark);
-                }
-            `);
-
-            expect(css).toMatchSnapshot();
-        });
-    });
-    describe("theming", () => {
-        it("create-custom-theme-hsl-rgb-variables", async () => {
-            const css = await renderLess(`
-                @import (reference) "color-mixins.less";
-                create-custom-theme-hsl-rgb-variables(#ff1100, primary, base) {
-                    .create-custom-theme-hsl-variables(#ff1100, primary, base);
-                }
-                create-custom-theme-hsl-rgb-variables(#29ff53, secondary, base) {
-                    .create-custom-theme-hsl-variables(#29ff53, secondary, base);
-                }
-                create-custom-theme-hsl-rgb-variables(#1c091d, primary, dark) {
-                    .create-custom-theme-hsl-variables(#1c091d, primary, dark);
-                }
-                create-custom-theme-hsl-rgb-variables(#49281f, secondary, dark) {
-                    .create-custom-theme-hsl-variables(#49281f, secondary, dark);
-                }
-            `);
-
-            expect(css).toMatchSnapshot();
-        });
-
-        it("create-theme-variables", async () => {
-            const css = await renderLess(`
-                @import (reference) "color-mixins.less";
-                body {
-                    .create-theme-variables();
-                }
-                body.theme-highcontrast {
-                    .create-theme-variables(light-highcontrast);
-                }
-            `);
-
-            expect(css).toMatchSnapshot();
-        });
-
-        it("create-custom-theme-variables", async () => {
-            const css = await renderLess(`
-                @import (reference) "color-mixins.less";
-                create-custom-theme-variables(primary, base) {
-                    .create-custom-theme-variables(primary, base);
-                }
-                create-custom-theme-variables(primary, dark) {
-                    .create-custom-theme-variables(primary, dark);
-                }
-                create-custom-theme-variables(secondary, base) {
-                    .create-custom-theme-variables(secondary, base);
-                }
-                create-custom-theme-variables(secondary, base) {
-                    .create-custom-theme-variables(secondary, base);
-                }
-            `);
-
-            expect(css).toMatchSnapshot();
-        });
-    });
-});

package/lib/exports/color.less.test.ts

@@ -1,12 +0,0 @@
-import { describe, it, expect } from "vitest";
-import { renderLess } from "../test/less-test-utils";
-
-describe("colors", () => {
-    it("should output all the css generated by the v2 colors/theming generation mixins", async () => {
-        const css = await renderLess(`
-            @import "./lib/exports/color.less";
-        `);
-
-        expect(css).toMatchSnapshot();
-    });
-});