@stackoverflow/stacks 1.6.2 → 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

@@ -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);
 }
@@ -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);