@stackoverflow/stacks 2.8.0 → 2.8.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.
@@ -58,7 +58,6 @@
58
58
  & .s-btn--text {
59
59
  &:before {
60
60
  content: attr(data-text);
61
- content: attr(data-text) / "";
62
61
  font-weight: bold;
63
62
  height: 0;
64
63
  pointer-events: none;
@@ -82,7 +82,6 @@
82
82
  transform: translate3d(0, 30%, 0) scale3d(0.6, 0.6, 0.6);
83
83
  transition: opacity 200ms var(--te-smooth) 0s, z-index 0s 100ms, visibility 0s 100ms, transform 100ms var(--te-smooth) 0s, transform 100ms var(--te-smooth) 0s; // Transition out
84
84
  visibility: hidden;
85
- will-change: visibility, z-index, opacity, transform; // Not supported by Edge
86
85
  z-index: var(--zi-hide); // Make sure it's also below everything so we can't interact with it.
87
86
  }
88
87
 
@@ -113,6 +112,5 @@
113
112
  position: fixed;
114
113
  transition: opacity 100ms var(--te-smooth) 0s, z-index 0s 100ms, visibility 0s 100ms; // Transition out
115
114
  visibility: hidden;
116
- will-change: visibility, z-index, opacity; // Not supported in Edge
117
115
  z-index: var(--zi-hide); // Make sure it's also below everything so we can't interact with it.
118
116
  }
@@ -14,6 +14,7 @@
14
14
  --_na-item-selected-bg: var(--theme-primary);
15
15
  --_na-item-selected-fc: var(--white);
16
16
  --_na-item-selected-bg-hover: var(--theme-primary-500);
17
+ --_na-item-text-ta: center;
17
18
  --_na-title-mt: var(--su16);
18
19
 
19
20
  // CONTEXTUAL STYLES
@@ -39,6 +40,7 @@
39
40
  --_na-fd: column;
40
41
  --_na-gap: 0;
41
42
  --_na-p: 0;
43
+ --_na-item-text-ta: unset;
42
44
  --_na-item-ws: normal;
43
45
  }
44
46
 
@@ -66,6 +68,8 @@
66
68
  .highcontrast-mode({
67
69
  text-decoration: none;
68
70
  });
71
+
72
+ font-weight: bold;
69
73
  }
70
74
 
71
75
  // TODO: include child component class (without variant) on selector
@@ -112,6 +116,21 @@
112
116
  user-select: auto;
113
117
  }
114
118
 
119
+ & &--item-text {
120
+ &:before {
121
+ content: attr(data-text);
122
+ font-weight: bold;
123
+ height: 0;
124
+ pointer-events: none;
125
+ user-select: none;
126
+ visibility: hidden;
127
+ }
128
+
129
+ display: inline-flex;
130
+ flex-direction: column;
131
+ text-align: var(--_na-item-text-ta);
132
+ }
133
+
115
134
  & &--title {
116
135
  &:first-child {
117
136
  --_na-title-mt: 0;
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.8.0",
8
+ "version": "2.8.2",
9
9
  "files": [
10
10
  "dist",
11
11
  "lib",
@@ -47,14 +47,14 @@
47
47
  "devDependencies": {
48
48
  "@11ty/eleventy": "^3.1.0",
49
49
  "@changesets/changelog-github": "^0.5.1",
50
- "@changesets/cli": "^2.29.4",
51
- "@eslint/js": "^9.27.0",
50
+ "@changesets/cli": "^2.29.5",
51
+ "@eslint/js": "^9.30.0",
52
52
  "@highlightjs/cdn-assets": "^11.11.1",
53
53
  "@open-wc/testing": "^4.0.0",
54
54
  "@rollup/plugin-commonjs": "^26.0.1",
55
55
  "@rollup/plugin-replace": "^6.0.2",
56
- "@stackoverflow/stacks-editor": "^0.15.0",
57
- "@stackoverflow/stacks-icons": "^6.2.0",
56
+ "@stackoverflow/stacks-editor": "^0.15.2",
57
+ "@stackoverflow/stacks-icons": "^6.6.1",
58
58
  "@testing-library/dom": "^10.4.0",
59
59
  "@testing-library/user-event": "^14.6.1",
60
60
  "@types/cssbeautify": "^0.3.5",
@@ -67,15 +67,16 @@
67
67
  "@web/test-runner-visual-regression": "^0.10.0",
68
68
  "apca-check": "^0.1.1",
69
69
  "colorjs.io": "^0.5.2",
70
- "concurrently": "^9.1.2",
70
+ "concurrently": "^9.2.0",
71
71
  "css-loader": "^7.1.2",
72
72
  "cssbeautify": "^0.3.1",
73
73
  "cssnano": "^7.0.7",
74
74
  "docsearch.js": "^2.6.3",
75
75
  "eleventy-plugin-highlightjs": "^1.1.0",
76
+ "eleventy-plugin-llms-txt": "^1.2.0",
76
77
  "eleventy-plugin-nesting-toc": "^1.3.0",
77
- "eslint": "^9.27.0",
78
- "eslint-config-prettier": "^10.1.2",
78
+ "eslint": "^9.31.0",
79
+ "eslint-config-prettier": "^10.1.5",
79
80
  "eslint-plugin-no-unsanitized": "^4.1.2",
80
81
  "jquery": "^3.7.1",
81
82
  "less-loader": "^12.3.0",
@@ -84,17 +85,17 @@
84
85
  "mini-css-extract-plugin": "^2.9.2",
85
86
  "postcss-less": "^6.0.0",
86
87
  "postcss-loader": "^8.1.1",
87
- "prettier": "^3.5.3",
88
+ "prettier": "^3.6.2",
88
89
  "rollup-plugin-postcss": "^4.0.2",
89
- "stylelint": "^16.19.1",
90
+ "stylelint": "^16.21.1",
90
91
  "stylelint-config-recommended": "^16.0.0",
91
92
  "stylelint-config-standard": "^38.0.0",
92
93
  "terser-webpack-plugin": "^5.3.14",
93
94
  "ts-loader": "^9.5.2",
94
95
  "typescript": "^5.8.3",
95
- "typescript-eslint": "^8.32.0",
96
+ "typescript-eslint": "^8.35.1",
96
97
  "vitest": "^3.1.3",
97
- "webpack": "^5.99.7",
98
+ "webpack": "^5.99.9",
98
99
  "webpack-cli": "^6.0.1",
99
100
  "webpack-merge": "^6.0.1"
100
101
  },