@stackoverflow/stacks 1.6.1 → 1.6.3

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

@@ -732,6 +732,7 @@ body.theme-highcontrast .s-badge.s-badge__danger.s-badge__filled {
   --_ba-bg: var(--black-700);
   --_ba-fc: var(--white);
 }
+.s-badge--image,
 .s-badge .s-badge--image {
   display: inline-flex;
   align-self: center;
@@ -1620,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);
@@ -1645,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);
 }
@@ -2938,6 +2927,8 @@ body.theme-highcontrast .s-progress.s-progress__stepped .s-progress--stop {
   --_pr-spacing: 1.1em;
   --_pr-spacing-condensed: calc(var(--_pr-spacing) / 2);
   --_pr-spoiler-transition: opacity 0.1s ease-in-out;
+  --s-prose-spacing: var(--_pr-spacing);
+  --s-prose-spacing-condensed: var(--_pr-spacing-condensed);
   font-size: var(--_pr-fs);
   line-height: var(--_pr-lh);
   overflow-wrap: break-word;
@@ -3142,6 +3133,7 @@ body.theme-highcontrast .s-prose {
   quotes: none;
 }
 .s-prose dd,
+.s-prose div,
 .s-prose dl,
 .s-prose .s-table-container,
 .s-prose .s-link-preview {
@@ -21230,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);
@@ -21350,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);
@@ -22435,6 +22428,9 @@ body.theme-highcontrast .s-banner__warning.s-banner__important {
   color: inherit;
   padding: var(--su8);
 }
+.s-banner .s-banner--btn:not(:focus) {
+  box-shadow: none;
+}
 .s-banner .s-banner--btn:focus,
 .s-banner .s-banner--btn:hover {
   background: var(--_no-btn-bg-focus);
@@ -22665,6 +22661,9 @@ body.theme-highcontrast .s-notice__warning.s-notice__important {
   color: inherit;
   padding: var(--su8);
 }
+.s-notice .s-notice--btn:not(:focus) {
+  box-shadow: none;
+}
 .s-notice .s-notice--btn:focus,
 .s-notice .s-notice--btn:hover {
   background: var(--_no-btn-bg-focus);