@astryxdesign/theme-neutral 0.3.0 → 0.4.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/dist/neutral.d.ts +2 -2
- package/dist/neutral.js +4 -4
- package/dist/neutral.variants.d.ts +2 -2
- package/dist/neutralTheme.d.ts.map +1 -1
- package/dist/source.js +4 -1
- package/dist/source.mjs +4 -1
- package/dist/theme.css +21 -3
- package/package.json +4 -4
- package/src/neutralTheme.ts +4 -1
package/dist/neutral.d.ts
CHANGED
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
* @generated by `astryx theme build` — do not edit manually.
|
|
3
3
|
* Source: src/neutralTheme.ts
|
|
4
4
|
* Command: astryx theme build src/neutralTheme.ts --out dist/theme.css
|
|
5
|
-
* CLI: @astryxdesign/cli@0.
|
|
6
|
-
* Core: @astryxdesign/core@0.
|
|
5
|
+
* CLI: @astryxdesign/cli@0.4.0
|
|
6
|
+
* Core: @astryxdesign/core@0.4.0
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
/// <reference path="./neutral.variants.d.ts" />
|
package/dist/neutral.js
CHANGED
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
* @generated by `astryx theme build` — do not edit manually.
|
|
3
3
|
* Source: src/neutralTheme.ts
|
|
4
4
|
* Command: astryx theme build src/neutralTheme.ts --out dist/theme.css
|
|
5
|
-
* CLI: @astryxdesign/cli@0.
|
|
6
|
-
* Core: @astryxdesign/core@0.
|
|
5
|
+
* CLI: @astryxdesign/cli@0.4.0
|
|
6
|
+
* Core: @astryxdesign/core@0.4.0
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
|
-
import { neutralIconRegistry } from
|
|
9
|
+
import { neutralIconRegistry } from "./icons.mjs";
|
|
10
10
|
/**
|
|
11
11
|
* neutral theme — built by `pnpm exec astryx theme build`
|
|
12
12
|
* Import the CSS file alongside this module:
|
|
@@ -174,7 +174,7 @@ export const neutralTheme = {
|
|
|
174
174
|
"--color-border-gray": "light-dark(#d4d4d4, #262626)",
|
|
175
175
|
"--color-icon-gray": "light-dark(#525252, #a3a3a3)",
|
|
176
176
|
"--color-text-gray": "light-dark(#262626, #e5e5e5)",
|
|
177
|
-
"--radius-none": "
|
|
177
|
+
"--radius-none": "0px",
|
|
178
178
|
"--radius-inner": "0.375rem",
|
|
179
179
|
"--radius-element": "0.625rem",
|
|
180
180
|
"--radius-container": "0.75rem",
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
* @generated by `astryx theme build` — do not edit manually.
|
|
3
3
|
* Source: src/neutralTheme.ts
|
|
4
4
|
* Command: astryx theme build src/neutralTheme.ts --out dist/theme.css
|
|
5
|
-
* CLI: @astryxdesign/cli@0.
|
|
6
|
-
* Core: @astryxdesign/core@0.
|
|
5
|
+
* CLI: @astryxdesign/cli@0.4.0
|
|
6
|
+
* Core: @astryxdesign/core@0.4.0
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
// Generated by astryx theme build
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"neutralTheme.d.ts","sourceRoot":"","sources":["../src/neutralTheme.ts"],"names":[],"mappings":"AA0DA,eAAO,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"neutralTheme.d.ts","sourceRoot":"","sources":["../src/neutralTheme.ts"],"names":[],"mappings":"AA0DA,eAAO,MAAM,YAAY,iDAqkBvB,CAAC"}
|
package/dist/source.js
CHANGED
|
@@ -338,8 +338,11 @@ var neutralTheme = (0, import_theme.defineTheme)({
|
|
|
338
338
|
"--color-text-gray": ["#262626", "#e5e5e5"],
|
|
339
339
|
// =========================================================================
|
|
340
340
|
// Radius — slightly larger than default (kept as-is)
|
|
341
|
+
// --radius-none and --radius-full are always fixed and must never be
|
|
342
|
+
// scaled by a theme (see defineTheme's radius config docs) — 0 and
|
|
343
|
+
// 9999px respectively, matching @astryxdesign/core's own defaults.
|
|
341
344
|
// =========================================================================
|
|
342
|
-
"--radius-none": "
|
|
345
|
+
"--radius-none": "0px",
|
|
343
346
|
"--radius-inner": "0.375rem",
|
|
344
347
|
"--radius-element": "0.625rem",
|
|
345
348
|
"--radius-container": "0.75rem",
|
package/dist/source.mjs
CHANGED
|
@@ -275,8 +275,11 @@ var neutralTheme = defineTheme({
|
|
|
275
275
|
"--color-text-gray": ["#262626", "#e5e5e5"],
|
|
276
276
|
// =========================================================================
|
|
277
277
|
// Radius — slightly larger than default (kept as-is)
|
|
278
|
+
// --radius-none and --radius-full are always fixed and must never be
|
|
279
|
+
// scaled by a theme (see defineTheme's radius config docs) — 0 and
|
|
280
|
+
// 9999px respectively, matching @astryxdesign/core's own defaults.
|
|
278
281
|
// =========================================================================
|
|
279
|
-
"--radius-none": "
|
|
282
|
+
"--radius-none": "0px",
|
|
280
283
|
"--radius-inner": "0.375rem",
|
|
281
284
|
"--radius-element": "0.625rem",
|
|
282
285
|
"--radius-container": "0.75rem",
|
package/dist/theme.css
CHANGED
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
* @generated by `astryx theme build` — do not edit manually.
|
|
3
3
|
* Source: src/neutralTheme.ts
|
|
4
4
|
* Command: astryx theme build src/neutralTheme.ts --out dist/theme.css
|
|
5
|
-
* CLI: @astryxdesign/cli@0.
|
|
6
|
-
* Core: @astryxdesign/core@0.
|
|
5
|
+
* CLI: @astryxdesign/cli@0.4.0
|
|
6
|
+
* Core: @astryxdesign/core@0.4.0
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
@layer reset {
|
|
@@ -240,7 +240,7 @@
|
|
|
240
240
|
--color-border-gray: light-dark(#d4d4d4, #262626);
|
|
241
241
|
--color-icon-gray: light-dark(#525252, #a3a3a3);
|
|
242
242
|
--color-text-gray: light-dark(#262626, #e5e5e5);
|
|
243
|
-
--radius-none:
|
|
243
|
+
--radius-none: 0px;
|
|
244
244
|
--radius-inner: 0.375rem;
|
|
245
245
|
--radius-element: 0.625rem;
|
|
246
246
|
--radius-container: 0.75rem;
|
|
@@ -298,6 +298,24 @@
|
|
|
298
298
|
line-height: var(--text-heading-6-leading);
|
|
299
299
|
}
|
|
300
300
|
|
|
301
|
+
.astryx-heading.display-1 {
|
|
302
|
+
font-family: var(--font-family-heading);
|
|
303
|
+
font-size: var(--text-display-1-size);
|
|
304
|
+
line-height: var(--text-display-1-leading);
|
|
305
|
+
}
|
|
306
|
+
|
|
307
|
+
.astryx-heading.display-2 {
|
|
308
|
+
font-family: var(--font-family-heading);
|
|
309
|
+
font-size: var(--text-display-2-size);
|
|
310
|
+
line-height: var(--text-display-2-leading);
|
|
311
|
+
}
|
|
312
|
+
|
|
313
|
+
.astryx-heading.display-3 {
|
|
314
|
+
font-family: var(--font-family-heading);
|
|
315
|
+
font-size: var(--text-display-3-size);
|
|
316
|
+
line-height: var(--text-display-3-leading);
|
|
317
|
+
}
|
|
318
|
+
|
|
301
319
|
.astryx-text.body {
|
|
302
320
|
font-family: var(--font-family-body);
|
|
303
321
|
font-size: var(--text-body-size);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@astryxdesign/theme-neutral",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.4.0",
|
|
4
4
|
"displayName": "Neutral Theme",
|
|
5
5
|
"private": false,
|
|
6
6
|
"description": "Restrained warm grays. Minimal and quiet, so the content stays the focus.",
|
|
@@ -49,14 +49,14 @@
|
|
|
49
49
|
"lucide-react": "^1.18.0"
|
|
50
50
|
},
|
|
51
51
|
"peerDependencies": {
|
|
52
|
-
"@astryxdesign/core": "0.
|
|
52
|
+
"@astryxdesign/core": "0.4.0",
|
|
53
53
|
"react": ">=19"
|
|
54
54
|
},
|
|
55
55
|
"devDependencies": {
|
|
56
|
-
"@astryxdesign/cli": "0.
|
|
56
|
+
"@astryxdesign/cli": "0.4.0"
|
|
57
57
|
},
|
|
58
58
|
"module": "./dist/source.mjs",
|
|
59
59
|
"scripts": {
|
|
60
|
-
"build": "astryx theme build src/neutralTheme.ts -o dist/theme.css && tsup && tsc --project tsconfig.build.json"
|
|
60
|
+
"build": "astryx theme build src/neutralTheme.ts -o dist/theme.css --icons-specifier ./icons.mjs && tsup && tsc --project tsconfig.build.json"
|
|
61
61
|
}
|
|
62
62
|
}
|
package/src/neutralTheme.ts
CHANGED
|
@@ -323,8 +323,11 @@ export const neutralTheme = defineTheme({
|
|
|
323
323
|
|
|
324
324
|
// =========================================================================
|
|
325
325
|
// Radius — slightly larger than default (kept as-is)
|
|
326
|
+
// --radius-none and --radius-full are always fixed and must never be
|
|
327
|
+
// scaled by a theme (see defineTheme's radius config docs) — 0 and
|
|
328
|
+
// 9999px respectively, matching @astryxdesign/core's own defaults.
|
|
326
329
|
// =========================================================================
|
|
327
|
-
'--radius-none': '
|
|
330
|
+
'--radius-none': '0px',
|
|
328
331
|
'--radius-inner': '0.375rem',
|
|
329
332
|
'--radius-element': '0.625rem',
|
|
330
333
|
'--radius-container': '0.75rem',
|