@monospaced/set-config 0.22.0 → 0.23.0
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.
- package/README.md +1 -1
- package/package.json +4 -4
- package/set.catalog.css +11 -11
- package/stylelint/index.mjs +3 -0
package/README.md
CHANGED
|
@@ -67,7 +67,7 @@ export default [
|
|
|
67
67
|
|
|
68
68
|
## Stylelint
|
|
69
69
|
|
|
70
|
-
Drop-in shareable config — extends `stylelint-config-standard` and layers on Set's CSS authoring discipline: alphabetical property ordering (`stylelint-order`), token-discipline rules (no raw colors, no absolute lengths, no raw time, no `!important`), logical-CSS enforcement (`stylelint-plugin-logical-css`) so component CSS stays portable across writing modes, and the Baseline rule (`plugin/use-baseline`, see above).
|
|
70
|
+
Drop-in shareable config — extends `stylelint-config-standard` and layers on Set's CSS authoring discipline: alphabetical property ordering (`stylelint-order`), token-discipline rules (no raw colors, no absolute lengths, no raw time, no `!important`), logical-CSS enforcement (`stylelint-plugin-logical-css`) so component CSS stays portable across writing modes, and the Baseline rule (`plugin/use-baseline`, see above). Needless disables are reported: a `stylelint-disable` comment that suppresses nothing fails, so a Baseline justification is removed the moment the data makes it unnecessary.
|
|
71
71
|
|
|
72
72
|
```js
|
|
73
73
|
// .stylelintrc.mjs
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@monospaced/set-config",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.23.0",
|
|
4
4
|
"description": "Shared developer-tooling config for Set. ESLint, Stylelint, Prettier, browserslist presets plus the --set-* token catalog for editor autocomplete and tooling.",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -63,8 +63,8 @@
|
|
|
63
63
|
"eslint-plugin-simple-import-sort": "^13.0.0",
|
|
64
64
|
"globals": "^17.14.0",
|
|
65
65
|
"stylelint-config-standard": "^40.0.0",
|
|
66
|
-
"stylelint-declaration-strict-value": "^1.
|
|
67
|
-
"stylelint-order": "^8.1.
|
|
66
|
+
"stylelint-declaration-strict-value": "^1.12.1",
|
|
67
|
+
"stylelint-order": "^8.1.3",
|
|
68
68
|
"stylelint-plugin-logical-css": "^2.1.0",
|
|
69
69
|
"stylelint-plugin-use-baseline": "^1.4.8",
|
|
70
70
|
"typescript-eslint": "^8.72.1"
|
|
@@ -91,7 +91,7 @@
|
|
|
91
91
|
}
|
|
92
92
|
},
|
|
93
93
|
"devDependencies": {
|
|
94
|
-
"eslint": "^10.
|
|
94
|
+
"eslint": "^10.14.0",
|
|
95
95
|
"typescript": "^5.9.3"
|
|
96
96
|
},
|
|
97
97
|
"scripts": {
|
package/set.catalog.css
CHANGED
|
@@ -139,17 +139,17 @@
|
|
|
139
139
|
--set-layout-spacing-vertical-800: 2.25rem; /** Responsive layout vertical spacing 800. */
|
|
140
140
|
--set-layout-spacing-vertical-900: 3rem; /** Responsive layout vertical spacing 900. */
|
|
141
141
|
--set-layout-spacing-vertical-950: 3.75rem; /** Responsive layout vertical spacing 950. */
|
|
142
|
-
--set-motion-duration-0:
|
|
143
|
-
--set-motion-duration-100:
|
|
144
|
-
--set-motion-duration-1300:
|
|
145
|
-
--set-motion-duration-150:
|
|
146
|
-
--set-motion-duration-200:
|
|
147
|
-
--set-motion-duration-250:
|
|
148
|
-
--set-motion-duration-300:
|
|
149
|
-
--set-motion-duration-3000:
|
|
150
|
-
--set-motion-duration-50:
|
|
151
|
-
--set-motion-duration-5000:
|
|
152
|
-
--set-motion-duration-600:
|
|
142
|
+
--set-motion-duration-0: 0s; /** Instantaneous duration. */
|
|
143
|
+
--set-motion-duration-100: 0.1s; /** Default duration. Pick the step that matches the size and emphasis of the motion. */
|
|
144
|
+
--set-motion-duration-1300: 1.333s; /** Longer duration step. Use for one-shot sequences (e.g. the animated logo boot). */
|
|
145
|
+
--set-motion-duration-150: 0.15s; /** Quick duration step. */
|
|
146
|
+
--set-motion-duration-200: 0.2s; /** Moderate duration step. */
|
|
147
|
+
--set-motion-duration-250: 0.25s; /** Comfortable duration step. */
|
|
148
|
+
--set-motion-duration-300: 0.3s; /** Extended duration step. */
|
|
149
|
+
--set-motion-duration-3000: 3s; /** Ambient duration step. */
|
|
150
|
+
--set-motion-duration-50: 0.05s; /** Micro duration step. */
|
|
151
|
+
--set-motion-duration-5000: 5s; /** Long ambient duration step. */
|
|
152
|
+
--set-motion-duration-600: 0.64s; /** Long duration step. */
|
|
153
153
|
--set-motion-easing-ease-in: cubic-bezier(0.32, 0, 1, 1); /** Ease-in curve. Use for elements leaving the viewport — slow start, accelerating exit. */
|
|
154
154
|
--set-motion-easing-ease-in-out: cubic-bezier(0.25, 0, 0.75, 1); /** Ease-in-out curve. Use for movements that both originate and settle on screen (e.g. expansions in place). */
|
|
155
155
|
--set-motion-easing-ease-out: cubic-bezier(0, 0, 0.68, 1); /** Ease-out curve. Use for elements entering the viewport — fast start, gentle settle. */
|
package/stylelint/index.mjs
CHANGED
|
@@ -38,6 +38,9 @@ const stylelintConfig = {
|
|
|
38
38
|
require.resolve("stylelint-plugin-use-baseline"),
|
|
39
39
|
setTokensPlugin,
|
|
40
40
|
],
|
|
41
|
+
// A disable that suppresses nothing fails, so a Baseline justification is
|
|
42
|
+
// removed the moment the data makes it unnecessary.
|
|
43
|
+
reportNeedlessDisables: true,
|
|
41
44
|
rules: {
|
|
42
45
|
"set/set-known-tokens": true,
|
|
43
46
|
"color-named": [
|