@stackoverflow/stacks 1.8.0 → 1.9.1

package/lib/{css/input-utils.less → input-utils.less}

@@ -1,44 +1,44 @@
-.input-states(@rules) {
-    .is-disabled &,
-    .is-readonly &,
-    .has-success &,
-    .has-error &,
-    .has-warning & {
-        @rules();
-    }
-};
-
-.validation-states(@prefix, @error: {}, @success: {}, @warning: {}) {
-    .has-error &,
-    .has-success &,
-    .has-warning & {
-        --_@{prefix}-bc-focus: ~"var(--_@{prefix}-bc)";
-    }
-
-    .has-error & {
-        --_@{prefix}-bc: var(--red-400);
-        --_@{prefix}-bs-focus: 0 0 0 var(--su-static4) var(--focus-ring-error);
-        @error();
-    }
-
-    .has-success & {
-        --_@{prefix}-bc: var(--green-400);
-        --_@{prefix}-bs-focus: 0 0 0 var(--su-static4) var(--focus-ring-success);
-        @success();
-    }
-
-    .has-warning & {
-        --_@{prefix}-bc: var(--yellow-600);
-        --_@{prefix}-bs-focus: 0 0 0 var(--su-static4) var(--focus-ring-warning);
-        @warning();
-    }
-}
-
-.is-disabled,
-.is-readonly,
-.has-success,
-.has-error,
-.has-warning {
-    position: relative;
-}
-
+.input-states(@rules) {
+    .is-disabled &,
+    .is-readonly &,
+    .has-success &,
+    .has-error &,
+    .has-warning & {
+        @rules();
+    }
+};
+
+.validation-states(@prefix, @error: {}, @success: {}, @warning: {}) {
+    .has-error &,
+    .has-success &,
+    .has-warning & {
+        --_@{prefix}-bc-focus: ~"var(--_@{prefix}-bc)";
+    }
+
+    .has-error & {
+        --_@{prefix}-bc: var(--red-400);
+        --_@{prefix}-bs-focus: 0 0 0 var(--su-static4) var(--focus-ring-error);
+        @error();
+    }
+
+    .has-success & {
+        --_@{prefix}-bc: var(--green-400);
+        --_@{prefix}-bs-focus: 0 0 0 var(--su-static4) var(--focus-ring-success);
+        @success();
+    }
+
+    .has-warning & {
+        --_@{prefix}-bc: var(--yellow-600);
+        --_@{prefix}-bs-focus: 0 0 0 var(--su-static4) var(--focus-ring-warning);
+        @warning();
+    }
+}
+
+.is-disabled,
+.is-readonly,
+.has-success,
+.has-error,
+.has-warning {
+    position: relative;
+}
+

package/lib/{css/stacks-dynamic.less → stacks-dynamic.less}

@@ -1,25 +1,24 @@
-//
-//  STACK OVERFLOW
-//  DYNAMIC STACK ITEMS
-//
-//  This CSS comes from Stacks, our CSS & Pattern library for rapidly building
-//  Stack Overflow. For documentation of all these classes and how to contribute,
-//  visit https://stackoverflow.design/
-//
-//  This is where all the magic happens.
-//
-//
-//  ============================================================================
-//  $   DYNAMIC ELEMENTS
-//      The following items are elements which we allow communities to modify
-//      via variables.
-//  ----------------------------------------------------------------------------
-//  --  SET BASIC STYLES FOR BODY
-@import "base/body.less";
-
-//  --  LESS CONSTANTS AND MIXINS
-@import "exports/exports.less";
-
-//  --  CONFIG
-@import "base/configuration-static.less";
-@import "base/internals.less";
+//
+//  STACK OVERFLOW
+//  DYNAMIC STACK ITEMS
+//
+//  This CSS comes from Stacks, our CSS & Pattern library for rapidly building
+//  Stack Overflow. For documentation of all these classes and how to contribute,
+//  visit https://stackoverflow.design/
+//
+//  This is where all the magic happens.
+//
+//
+//  ============================================================================
+//  $   DYNAMIC ELEMENTS
+//      The following items are elements which we allow communities to modify
+//      via variables.
+//  ----------------------------------------------------------------------------
+//  --  SET BASIC STYLES FOR BODY
+@import "base/body.less";
+//  --  LESS CONSTANTS AND MIXINS
+@import "exports/exports.less";
+
+//  --  CONFIG
+@import "base/configuration-static.less";
+@import "base/internal.less";

package/lib/stacks-static.less

@@ -0,0 +1,93 @@
+// stacks-static.less contains styles which we DO NOT allow communities to modify via variables
+// BASE
+@import "base/reset.less";
+@import "base/fieldset.less";
+@import "base/icon.less";
+@import "input-utils.less";
+
+//  --  COMPONENTS
+@import "components/activity-indicator/activity-indicator.less";
+@import "components/anchor/anchor.less";
+@import "components/avatar/avatar.less";
+@import "components/award-bling/award-bling.less";
+@import "components/badge/badge.less";
+@import "components/banner/banner.less";
+@import "components/block-link/block-link.less";
+@import "components/breadcrumbs/breadcrumbs.less";
+@import "components/button/button.less";
+@import "components/button-group/button-group.less";
+@import "components/card/card.less";
+@import "components/check-control/check-control.less";
+@import "components/check-group/check-group.less";
+@import "components/checkbox_radio/checkbox_radio.less";
+@import "components/code-block/code-block.less";
+@import "components/description/description.less";
+@import "components/empty-state/empty-state.less";
+@import "components/expandable/expandable.less";
+@import "components/input_textarea/input_textarea.less";
+@import "components/input-fill/input-fill.less";
+@import "components/input-icon/input-icon.less";
+@import "components/input-message/input-message.less";
+@import "components/label/label.less";
+@import "components/link/link.less";
+@import "components/link-preview/link-preview.less";
+@import "components/menu/menu.less";
+@import "components/modal/modal.less";
+@import "components/navigation/navigation.less";
+@import "components/notice/notice.less";
+@import "components/page-title/page-title.less";
+@import "components/pagination/pagination.less";
+@import "components/popover/popover.less";
+@import "components/post-summary/post-summary.less";
+@import "components/progress-bar/progress-bar.less";
+@import "components/prose/prose.less";
+@import "components/select/select.less";
+@import "components/sidebar-widget/sidebar-widget.less";
+@import "components/spinner/spinner.less";
+@import "components/table/table.less";
+@import "components/table-container/table-container.less";
+@import "components/tag/tag.less";
+@import "components/toast/toast.less";
+@import "components/toggle-switch/toggle-switch.less";
+@import "components/topbar/topbar.less";
+@import "components/uploader/uploader.less";
+@import "components/user-card/user-card.less";
+
+// LESS CONSTANTS AND MIXINS
+@import "exports/exports.less";
+
+//  --  ATOMIC CLASSES
+@import "atomic/border.less";
+@import "atomic/color.less";
+@import "atomic/flex.less";
+@import "atomic/gap.less";
+@import "atomic/grid.less";
+@import "atomic/spacing.less";
+@import "atomic/typography.less";
+@import "atomic/misc.less";
+@import "atomic/width-height.less";
+
+/* stylelint-disable */
+#stacks-internals #screen-lg({
+    #stacks-internals-collect-large();
+});
+#stacks-internals #screen-md({
+    #stacks-internals-collect-medium();
+});
+#stacks-internals #screen-sm({
+    #stacks-internals-collect-small();
+});
+
+@media print { // We need printing styles to be last so they can override all other styles.
+    .print\:d-block & {
+        display: block !important;
+    }
+    .print\:d-none & {
+        display: none !important;
+    }
+}
+/* stylelint-enable */
+
+// CONFIG
+@import "base/configuration-static.less";
+@import "base/internal.less";

package/lib/{css/stacks.less → stacks.less}

@@ -1,13 +1,13 @@
-//
-//  STACK OVERFLOW
-//  THE COMPLETE STANDALONE STACKS
-//
-//  This CSS comes from Stacks, our CSS & Pattern library for rapidly building
-//  Stack Overflow. For documentation of all these classes and how to contribute,
-//  visit https://stackoverflow.design/
-//
-//  This is where all the magic happens.
-//
-//  ============================================================================
-@import "stacks-static.less";
-@import "stacks-dynamic.less";
+//
+//  STACK OVERFLOW
+//  THE COMPLETE STANDALONE STACKS
+//
+//  This CSS comes from Stacks, our CSS & Pattern library for rapidly building
+//  Stack Overflow. For documentation of all these classes and how to contribute,
+//  visit https://stackoverflow.design/
+//
+//  This is where all the magic happens.
+//
+//  ============================================================================
+@import "stacks-static.less";
+@import "stacks-dynamic.less";

package/lib/{ts/stacks.ts → stacks.ts}

@@ -1,113 +1,113 @@
-import * as Stimulus from "@hotwired/stimulus";
-
-export class StacksApplication extends Stimulus.Application {
-    static _initializing = true;
-
-    load(...definitions: Stimulus.Definition[]): void;
-    load(definitions: Stimulus.Definition[]): void;
-    load(
-        head: Stimulus.Definition | Stimulus.Definition[],
-        ...rest: Stimulus.Definition[]
-    ) {
-        const definitions = Array.isArray(head) ? head : [head, ...rest];
-
-        for (const definition of definitions) {
-            const hasPrefix = /^s-/.test(definition.identifier);
-            if (StacksApplication._initializing && !hasPrefix) {
-                throw 'Stacks-created Stimulus controller names must start with "s-".';
-            }
-            if (!StacksApplication._initializing && hasPrefix) {
-                throw 'The "s-" prefix on Stimulus controller names is reserved for Stacks-created controllers.';
-            }
-        }
-
-        super.load(definitions);
-    }
-
-    static start(
-        element?: Element,
-        schema?: Stimulus.Schema
-    ): StacksApplication {
-        const application = new StacksApplication(element, schema);
-        // eslint-disable-next-line @typescript-eslint/no-floating-promises
-        application.start();
-        return application;
-    }
-
-    static finalize() {
-        StacksApplication._initializing = false;
-    }
-}
-
-export const application: Stimulus.Application = StacksApplication.start();
-
-export class StacksController extends Stimulus.Controller {
-    protected getElementData(element: Element, key: string) {
-        return element.getAttribute("data-" + this.identifier + "-" + key);
-    }
-    protected setElementData(element: Element, key: string, value: string) {
-        element.setAttribute("data-" + this.identifier + "-" + key, value);
-    }
-    protected removeElementData(element: Element, key: string) {
-        element.removeAttribute("data-" + this.identifier + "-" + key);
-    }
-    protected triggerEvent<T>(
-        eventName: string,
-        detail?: T,
-        optionalElement?: Element
-    ) {
-        const namespacedName = this.identifier + ":" + eventName;
-        let event: CustomEvent<T>;
-        try {
-            event = new CustomEvent(namespacedName, {
-                bubbles: true,
-                cancelable: true,
-                detail: detail,
-            });
-        } catch (ex) {
-            // Internet Explorer
-            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-            event = document.createEvent("CustomEvent");
-            event.initCustomEvent(namespacedName, true, true, detail);
-        }
-        (optionalElement || this.element).dispatchEvent(event);
-        return event;
-    }
-}
-
-// ControllerDefinition/createController/addController is here to make
-// it easier to consume Stimulus from ES5 files (without classes)
-export interface ControllerDefinition {
-    [name: string]: unknown;
-    targets?: string[];
-}
-export function createController(
-    controllerDefinition: ControllerDefinition
-): typeof StacksController {
-    // eslint-disable-next-line no-prototype-builtins
-    const Controller = controllerDefinition.hasOwnProperty("targets")
-        ? class Controller extends StacksController {
-              static targets = controllerDefinition.targets ?? [];
-          }
-        : class Controller extends StacksController {};
-
-    for (const prop in controllerDefinition) {
-        const ownPropDescriptor =
-            // eslint-disable-next-line no-prototype-builtins
-            controllerDefinition.hasOwnProperty(prop) &&
-            Object.getOwnPropertyDescriptor(controllerDefinition, prop);
-        if (prop !== "targets" && ownPropDescriptor) {
-            Object.defineProperty(
-                Controller.prototype,
-                prop,
-                ownPropDescriptor
-            );
-        }
-    }
-
-    return Controller;
-}
-
-export function addController(name: string, controller: ControllerDefinition) {
-    application.register(name, createController(controller));
-}
+import * as Stimulus from "@hotwired/stimulus";
+
+export class StacksApplication extends Stimulus.Application {
+    static _initializing = true;
+
+    load(...definitions: Stimulus.Definition[]): void;
+    load(definitions: Stimulus.Definition[]): void;
+    load(
+        head: Stimulus.Definition | Stimulus.Definition[],
+        ...rest: Stimulus.Definition[]
+    ) {
+        const definitions = Array.isArray(head) ? head : [head, ...rest];
+
+        for (const definition of definitions) {
+            const hasPrefix = /^s-/.test(definition.identifier);
+            if (StacksApplication._initializing && !hasPrefix) {
+                throw 'Stacks-created Stimulus controller names must start with "s-".';
+            }
+            if (!StacksApplication._initializing && hasPrefix) {
+                throw 'The "s-" prefix on Stimulus controller names is reserved for Stacks-created controllers.';
+            }
+        }
+
+        super.load(definitions);
+    }
+
+    static start(
+        element?: Element,
+        schema?: Stimulus.Schema
+    ): StacksApplication {
+        const application = new StacksApplication(element, schema);
+        // eslint-disable-next-line @typescript-eslint/no-floating-promises
+        application.start();
+        return application;
+    }
+
+    static finalize() {
+        StacksApplication._initializing = false;
+    }
+}
+
+export const application: Stimulus.Application = StacksApplication.start();
+
+export class StacksController extends Stimulus.Controller {
+    protected getElementData(element: Element, key: string) {
+        return element.getAttribute("data-" + this.identifier + "-" + key);
+    }
+    protected setElementData(element: Element, key: string, value: string) {
+        element.setAttribute("data-" + this.identifier + "-" + key, value);
+    }
+    protected removeElementData(element: Element, key: string) {
+        element.removeAttribute("data-" + this.identifier + "-" + key);
+    }
+    protected triggerEvent<T>(
+        eventName: string,
+        detail?: T,
+        optionalElement?: Element
+    ) {
+        const namespacedName = this.identifier + ":" + eventName;
+        let event: CustomEvent<T>;
+        try {
+            event = new CustomEvent(namespacedName, {
+                bubbles: true,
+                cancelable: true,
+                detail: detail,
+            });
+        } catch (ex) {
+            // Internet Explorer
+            // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+            event = document.createEvent("CustomEvent");
+            event.initCustomEvent(namespacedName, true, true, detail);
+        }
+        (optionalElement || this.element).dispatchEvent(event);
+        return event;
+    }
+}
+
+// ControllerDefinition/createController/addController is here to make
+// it easier to consume Stimulus from ES5 files (without classes)
+export interface ControllerDefinition {
+    [name: string]: unknown;
+    targets?: string[];
+}
+export function createController(
+    controllerDefinition: ControllerDefinition
+): typeof StacksController {
+    // eslint-disable-next-line no-prototype-builtins
+    const Controller = controllerDefinition.hasOwnProperty("targets")
+        ? class Controller extends StacksController {
+              static targets = controllerDefinition.targets ?? [];
+          }
+        : class Controller extends StacksController {};
+
+    for (const prop in controllerDefinition) {
+        const ownPropDescriptor =
+            // eslint-disable-next-line no-prototype-builtins
+            controllerDefinition.hasOwnProperty(prop) &&
+            Object.getOwnPropertyDescriptor(controllerDefinition, prop);
+        if (prop !== "targets" && ownPropDescriptor) {
+            Object.defineProperty(
+                Controller.prototype,
+                prop,
+                ownPropDescriptor
+            );
+        }
+    }
+
+    return Controller;
+}
+
+export function addController(name: string, controller: ControllerDefinition) {
+    application.register(name, createController(controller));
+}

package/lib/test/open-wc-testing-patch.d.ts

@@ -0,0 +1,26 @@
+// patch for @open-wc/testing types
+// TODO: remove when this PR gets merged:
+// https://github.com/open-wc/open-wc/pull/2652
+
+// eslint-disable-next-line @typescript-eslint/triple-slash-reference
+/// <reference path="../../node_modules/@open-wc/testing/register-chai-plugins.d.ts" />
+
+export { html } from "@open-wc/testing-helpers";
+export { unsafeStatic } from "@open-wc/testing-helpers";
+export { triggerBlurFor } from "@open-wc/testing-helpers";
+export { triggerFocusFor } from "@open-wc/testing-helpers";
+export { oneEvent } from "@open-wc/testing-helpers";
+export { isIE } from "@open-wc/testing-helpers";
+export { defineCE } from "@open-wc/testing-helpers";
+export { aTimeout } from "@open-wc/testing-helpers";
+export { nextFrame } from "@open-wc/testing-helpers";
+export { litFixture } from "@open-wc/testing-helpers";
+export { litFixtureSync } from "@open-wc/testing-helpers";
+export { fixture } from "@open-wc/testing-helpers";
+export { fixtureSync } from "@open-wc/testing-helpers";
+export { fixtureCleanup } from "@open-wc/testing-helpers";
+export { elementUpdated } from "@open-wc/testing-helpers";
+export { waitUntil } from "@open-wc/testing-helpers";
+
+export * as chai from "chai";
+export { expect, assert, should } from "chai";