@stackoverflow/stacks 1.6.2 → 1.6.4

package/README.md

@@ -20,6 +20,8 @@ Stacks documentation can be found at https://stackoverflow.design/
 
 - [Using Stacks](#using-stacks)
 - [Building Stacks](#building-stacks)
+- [Linting Stacks](#linting-stacks)
+- [Testing Stacks](#testing-stacks)
 - [Bugs and feature requests](#bugs-and-feature-requests)
 - [Contributing](#contributing)
 - [License](#license)
@@ -32,6 +34,26 @@ To contribute to Stacks documentation or its CSS library, you’ll need to build
 
 Having trouble getting these steps to work? Open [an issue](https://github.com/StackExchange/Stacks/issues/new) with a `setup` label.
 
+## Linting Stacks
+
+Run all lint suites by running:
+```sh
+npm run lint
+```
+
+Lint the styles (stylelint) by running:
+```sh
+npm run lint:css
+```
+Lint the typescript source code (eslint) via running:
+```sh
+npm run lint:ts
+```
+Lint the source code format (prettier) via running:
+```sh
+npm run lint:format
+```
+
 ## Testing Stacks
 Stacks has implemented visual regression testing with [Backstop](https://github.com/garris/BackstopJS). To test if your new feature introduces visual regressions, run `npm run test` in a new Terminal window while Stacks is running. After the tests have run, a new browser window with any regressions will show. If the regressions are desired, you can run `npm run approve` to establish the new baseline.
 

package/dist/controllers/index.d.ts

@@ -1,7 +1,7 @@
-export { ExpandableController } from './s-expandable-control';
-export { hideModal, ModalController, showModal } from './s-modal';
-export { TabListController } from './s-navigation-tablist';
-export { attachPopover, detachPopover, hidePopover, BasePopoverController, PopoverController, showPopover } from './s-popover';
-export { TableController } from './s-table';
-export { setTooltipHtml, setTooltipText, TooltipController } from './s-tooltip';
-export { UploaderController } from './s-uploader';
+export { ExpandableController } from "./s-expandable-control";
+export { hideModal, ModalController, showModal } from "./s-modal";
+export { TabListController } from "./s-navigation-tablist";
+export { attachPopover, detachPopover, hidePopover, BasePopoverController, PopoverController, showPopover, } from "./s-popover";
+export { TableController } from "./s-table";
+export { setTooltipHtml, setTooltipText, TooltipController } from "./s-tooltip";
+export { UploaderController } from "./s-uploader";

package/dist/controllers/s-expandable-control.d.ts

@@ -1,4 +1,4 @@
-import * as Stacks from '../stacks';
+import * as Stacks from "../stacks";
 export declare class ExpandableController extends Stacks.StacksController {
     private isCollapsed;
     private events;

package/dist/css/stacks.css

@@ -1621,20 +1621,6 @@ body.theme-highcontrast .is-readonly .s-input-icon {
 .s-textarea__md,
 .s-select__md > select {
   font-size: var(--fs-body3);
-}
-.s-input__lg,
-.s-textarea__lg,
-.s-select__lg > select {
-  font-size: var(--fs-title);
-}
-.s-input__xl,
-.s-textarea__xl,
-.s-select__xl > select {
-  font-size: var(--fs-headline1);
-}
-.s-input__md,
-.s-textarea__md,
-.s-select__md > select {
   padding-top: 0.5em;
   padding-bottom: 0.5em;
   border-radius: calc(var(--br-sm) + 1px);
@@ -1646,12 +1632,14 @@ body.theme-highcontrast .is-readonly .s-input-icon {
 .s-input__lg,
 .s-textarea__lg,
 .s-select__lg > select {
+  font-size: var(--fs-title);
   padding: 0.45em 0.6em;
   border-radius: calc(var(--br-sm) + 1px);
 }
 .s-input__xl,
 .s-textarea__xl,
 .s-select__xl > select {
+  font-size: var(--fs-headline1);
   padding: 0.4em 0.5em;
   border-radius: var(--br-md);
 }
@@ -1699,7 +1687,7 @@ fieldset[disabled] .s-label .s-description,
 .s-label.s-label__xl {
   --_la-fs: var(--fs-headline1);
 }
-.s-label .s-label--status {
+.s-label--status {
   --_la-status-b: none;
   --_la-status-bg: var(--black-050);
   --_la-status-fc: var(--fc-medium);
@@ -1713,42 +1701,42 @@ fieldset[disabled] .s-label .s-description,
   padding: var(--su2) var(--su8);
   vertical-align: text-bottom;
 }
-body.theme-highcontrast .s-label .s-label--status {
+body.theme-highcontrast .s-label--status {
   --_la-status-b: var(--su-static1) solid currentColor;
 }
-.s-label .s-label--status__beta {
+.s-label--status__beta {
   --_la-status-bg: var(--blue-100);
   --_la-status-fc: var(--blue-700);
 }
-.s-label .s-label--status__new {
+.s-label--status__new {
   --_la-status-bg: var(--green-100);
   --_la-status-fc: var(--green-700);
 }
 @media (prefers-color-scheme: dark) {
-  body.theme-system .s-label .s-label--status__new {
+  body.theme-system .s-label--status__new {
     --_la-status-bg: var(--green-050);
     --_la-status-fc: var(--green-800);
   }
 }
-body.theme-dark .s-label .s-label--status__new,
-.theme-dark__forced .s-label .s-label--status__new,
-body.theme-system .theme-dark__forced .s-label .s-label--status__new {
+body.theme-dark .s-label--status__new,
+.theme-dark__forced .s-label--status__new,
+body.theme-system .theme-dark__forced .s-label--status__new {
   --_la-status-bg: var(--green-050);
   --_la-status-fc: var(--green-800);
 }
-.s-label .s-label--status__required {
+.s-label--status__required {
   --_la-status-bg: var(--red-100);
   --_la-status-fc: var(--red-700);
 }
 @media (prefers-color-scheme: dark) {
-  body.theme-system .s-label .s-label--status__required {
+  body.theme-system .s-label--status__required {
     --_la-status-bg: var(--red-050);
     --_la-status-fc: var(--red-800);
   }
 }
-body.theme-dark .s-label .s-label--status__required,
-.theme-dark__forced .s-label .s-label--status__required,
-body.theme-system .theme-dark__forced .s-label .s-label--status__required {
+body.theme-dark .s-label--status__required,
+.theme-dark__forced .s-label--status__required,
+body.theme-system .theme-dark__forced .s-label--status__required {
   --_la-status-bg: var(--red-050);
   --_la-status-fc: var(--red-800);
 }
@@ -21234,7 +21222,7 @@ body *:after {
   --_bu-bc: transparent;
   --_bu-bg: transparent;
   --_bu-br: var(--br-sm);
-  --_bu-bs: inset 0 var(--su-static1) 0 0 hsla(0, 0%, 100%, 0.7);
+  --_bu-bs: none;
   --_bu-fc: var(--theme-button-color);
   --_bu-focus-ring: 0 0 0 var(--su-static4) var(--focus-ring);
   --_bu-fs: var(--fs-body1);
@@ -21354,6 +21342,7 @@ body.theme-highcontrast .s-btn-group.s-btn-group--radio .s-btn--radio:checked +
   box-shadow: none;
 }
 .s-btn.s-btn__filled {
+  --_bu-bs: inset 0 var(--su-static1) 0 0 hsla(0, 0%, 100%, 0.7);
   border-color: var(--_bu-filled-bc);
   background-color: var(--_bu-filled-bg);
   color: var(--_bu-filled-fc);