@stackoverflow/stacks 2.3.1 → 2.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/README.md +2 -2
  2. package/dist/css/stacks.css +22 -13
  3. package/dist/css/stacks.min.css +1 -1
  4. package/lib/components/post-summary/post-summary.test.setup.ts +1 -1
  5. package/lib/components/topbar/topbar.less +22 -19
  6. package/lib/test/a11y-test-utils.ts +1 -1
  7. package/package.json +6 -6
package/lib/components/post-summary/post-summary.test.setup.ts CHANGED
@@ -293,7 +293,7 @@ const getBadgeChildren = (badge: BadgeType) => {
293
293
  stats: true,
294
294
  },
295
295
  stats: {
296
- badge: badge as BadgeType,
296
+ badge: badge,
297
297
  answers: 0,
298
298
  votes: 1,
299
299
  views: 20,
package/lib/components/topbar/topbar.less CHANGED
@@ -90,23 +90,11 @@
90
90
  });
91
91
 
92
92
  #stacks-internals #screen-sm({
93
- & &--searchbar {
94
- --_tb-searchbar-d: none;
95
- --_tb-searchbar-p: var(--su8) var(--su12);
96
- --_tb-searchbar-open-d: flex;
97
- --_tb-searchbar-open-mxw: none;
98
-
99
- .s-select {
100
- width: 25% !important;
101
- }
102
-
103
- background: var(--theme-topbar-item-background-hover, var(--black-200));
104
- left: 0;
105
- max-width: 100%;
106
- position: absolute;
107
- right: 0;
108
- top: 100%;
109
- }
93
+ --_tb-searchbar-d: none;
94
+ --_tb-searchbar-p: var(--su8) var(--su12);
95
+ --_tb-searchbar-open-d: flex;
96
+ --_tb-searchbar-open-mxw: none;
97
+ --_tb-searchbar-select-w: 25%;
110
98
  });
111
99
 
112
100
  // VARIANTS
@@ -327,6 +315,15 @@
327
315
  }
328
316
 
329
317
  & &--searchbar {
318
+ #stacks-internals #screen-sm({
319
+ background: var(--theme-topbar-item-background-hover, var(--black-200));
320
+ left: 0;
321
+ max-width: 100%;
322
+ position: absolute;
323
+ right: 0;
324
+ top: 100%;
325
+ });
326
+
330
327
  .s-topbar--searchbar--input-group {
331
328
  .s-input {
332
329
  &::placeholder {
@@ -354,6 +351,10 @@
354
351
  }
355
352
 
356
353
  .s-select {
354
+ #stacks-internals #screen-sm({
355
+ width: 25% !important;
356
+ });
357
+
357
358
  > select {
358
359
  &:focus-visible,
359
360
  &.focus {
@@ -386,8 +387,10 @@
386
387
  }
387
388
 
388
389
  &.s-topbar--searchbar__open {
389
- display: var(--_tb-searchbar-open-d);
390
- max-width: var(--_tb-searchbar-open-mxw);
390
+ #stacks-internals #screen-sm({
391
+ display: var(--_tb-searchbar-open-d);
392
+ max-width: var(--_tb-searchbar-open-mxw);
393
+ });
391
394
  }
392
395
 
393
396
  display: var(--_tb-searchbar-d);
package/lib/test/a11y-test-utils.ts CHANGED
@@ -13,7 +13,7 @@ type A11yTestArgs = TestVariationArgs & {
13
13
  };
14
14
 
15
15
  // register Stack APCA conformance threshold function
16
- // see also https://stackoverflow.design/product/base/color-fundamentals/#accessibility-standards
16
+ // see also https://stackoverflow.design/product/foundation/accessibility/#visual-accessibility
17
17
  const customConformanceThresholdFn = (fontSize: string): number | null => {
18
18
  // if the font size is 32px or larger, we use a 45Lc threshold
19
19
  // otherwise, we use a 60Lc threshold
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "type": "git",
6
6
  "url": "https://github.com/StackExchange/Stacks.git"
7
7
  },
8
- "version": "2.3.1",
8
+ "version": "2.3.2",
9
9
  "files": [
10
10
  "dist",
11
11
  "lib"
@@ -54,8 +54,8 @@
54
54
  "@types/cssbeautify": "^0.3.5",
55
55
  "@types/less": "^3.0.6",
56
56
  "@types/mocha": "^10.0.6",
57
- "@typescript-eslint/eslint-plugin": "^7.2.0",
58
- "@typescript-eslint/parser": "^7.2.0",
57
+ "@typescript-eslint/eslint-plugin": "^7.3.1",
58
+ "@typescript-eslint/parser": "^7.3.1",
59
59
  "@web/dev-server-esbuild": "^1.0.2",
60
60
  "@web/dev-server-rollup": "^0.6.1",
61
61
  "@web/test-runner": "^0.18.1",
@@ -76,20 +76,20 @@
76
76
  "jquery": "^3.7.1",
77
77
  "less-loader": "^12.2.0",
78
78
  "list.js": "^2.3.1",
79
- "markdown-it": "^14.0.0",
79
+ "markdown-it": "^14.1.0",
80
80
  "mini-css-extract-plugin": "^2.8.1",
81
81
  "postcss-less": "^6.0.0",
82
82
  "postcss-loader": "^8.1.1",
83
83
  "prettier": "^3.2.5",
84
84
  "rollup-plugin-postcss": "^4.0.2",
85
- "stylelint": "^16.2.1",
85
+ "stylelint": "^16.3.0",
86
86
  "stylelint-config-recommended": "^14.0.0",
87
87
  "stylelint-config-standard": "^36.0.0",
88
88
  "terser-webpack-plugin": "^5.3.10",
89
89
  "ts-loader": "^9.5.1",
90
90
  "typescript": "^5.4.2",
91
91
  "vitest": "^1.4.0",
92
- "webpack": "^5.90.3",
92
+ "webpack": "^5.91.0",
93
93
  "webpack-cli": "^5.1.4",
94
94
  "webpack-merge": "^5.10.0"
95
95
  },