@astryxdesign/theme-neutral 0.2.0-canary.fce8b64 → 0.3.0-canary.041a0ef
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/{chunk-TC7YR7RU.mjs → chunk-5EOEL66W.mjs} +4 -0
- package/dist/icons.d.ts.map +1 -1
- package/dist/icons.js +2 -0
- package/dist/icons.mjs +1 -1
- package/dist/neutral.d.ts +2 -2
- package/dist/neutral.js +3 -3
- package/dist/neutral.variants.d.ts +2 -2
- package/dist/neutralTheme.d.ts.map +1 -1
- package/dist/source.js +6 -1
- package/dist/source.mjs +5 -2
- package/dist/theme.css +21 -3
- package/package.json +3 -3
- package/src/icons.tsx +4 -0
- package/src/neutralTheme.ts +4 -1
|
@@ -4,6 +4,8 @@ import {
|
|
|
4
4
|
ChevronDown,
|
|
5
5
|
ChevronLeft,
|
|
6
6
|
ChevronRight,
|
|
7
|
+
ChevronsLeft,
|
|
8
|
+
ChevronsRight,
|
|
7
9
|
Check,
|
|
8
10
|
CheckCircle,
|
|
9
11
|
XCircle,
|
|
@@ -37,6 +39,8 @@ var neutralIconRegistry = {
|
|
|
37
39
|
chevronDown: /* @__PURE__ */ jsx(ChevronDown, { ...iconProps }),
|
|
38
40
|
chevronLeft: /* @__PURE__ */ jsx(ChevronLeft, { ...iconProps }),
|
|
39
41
|
chevronRight: /* @__PURE__ */ jsx(ChevronRight, { ...iconProps }),
|
|
42
|
+
chevronsLeft: /* @__PURE__ */ jsx(ChevronsLeft, { ...iconProps }),
|
|
43
|
+
chevronsRight: /* @__PURE__ */ jsx(ChevronsRight, { ...iconProps }),
|
|
40
44
|
check: /* @__PURE__ */ jsx(Check, { ...iconProps }),
|
|
41
45
|
success: /* @__PURE__ */ jsx(CheckCircle, { ...iconProps }),
|
|
42
46
|
error: /* @__PURE__ */ jsx(XCircle, { ...iconProps }),
|
package/dist/icons.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../src/icons.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../src/icons.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,yBAAyB,CAAC;AAsC1D,eAAO,MAAM,mBAAmB,EAAE,YA6BjC,CAAC"}
|
package/dist/icons.js
CHANGED
|
@@ -34,6 +34,8 @@ var neutralIconRegistry = {
|
|
|
34
34
|
chevronDown: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronDown, { ...iconProps }),
|
|
35
35
|
chevronLeft: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronLeft, { ...iconProps }),
|
|
36
36
|
chevronRight: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronRight, { ...iconProps }),
|
|
37
|
+
chevronsLeft: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronsLeft, { ...iconProps }),
|
|
38
|
+
chevronsRight: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronsRight, { ...iconProps }),
|
|
37
39
|
check: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Check, { ...iconProps }),
|
|
38
40
|
success: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.CheckCircle, { ...iconProps }),
|
|
39
41
|
error: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.XCircle, { ...iconProps }),
|
package/dist/icons.mjs
CHANGED
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.3.0
|
|
6
|
+
* Core: @astryxdesign/core@0.3.0
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
/// <reference path="./neutral.variants.d.ts" />
|
package/dist/neutral.js
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.3.0
|
|
6
|
+
* Core: @astryxdesign/core@0.3.0
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
import { neutralIconRegistry } from './icons';
|
|
@@ -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.3.0
|
|
6
|
+
* Core: @astryxdesign/core@0.3.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
|
@@ -40,6 +40,8 @@ var neutralIconRegistry = {
|
|
|
40
40
|
chevronDown: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronDown, { ...iconProps }),
|
|
41
41
|
chevronLeft: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronLeft, { ...iconProps }),
|
|
42
42
|
chevronRight: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronRight, { ...iconProps }),
|
|
43
|
+
chevronsLeft: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronsLeft, { ...iconProps }),
|
|
44
|
+
chevronsRight: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronsRight, { ...iconProps }),
|
|
43
45
|
check: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Check, { ...iconProps }),
|
|
44
46
|
success: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.CheckCircle, { ...iconProps }),
|
|
45
47
|
error: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.XCircle, { ...iconProps }),
|
|
@@ -336,8 +338,11 @@ var neutralTheme = (0, import_theme.defineTheme)({
|
|
|
336
338
|
"--color-text-gray": ["#262626", "#e5e5e5"],
|
|
337
339
|
// =========================================================================
|
|
338
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.
|
|
339
344
|
// =========================================================================
|
|
340
|
-
"--radius-none": "
|
|
345
|
+
"--radius-none": "0px",
|
|
341
346
|
"--radius-inner": "0.375rem",
|
|
342
347
|
"--radius-element": "0.625rem",
|
|
343
348
|
"--radius-container": "0.75rem",
|
package/dist/source.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
neutralIconRegistry
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-5EOEL66W.mjs";
|
|
4
4
|
|
|
5
5
|
// src/neutralTheme.ts
|
|
6
6
|
import { defineTheme, defineSyntaxTheme } from "@astryxdesign/core/theme";
|
|
@@ -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.3.0
|
|
6
|
+
* Core: @astryxdesign/core@0.3.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.3.0-canary.041a0ef",
|
|
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,11 +49,11 @@
|
|
|
49
49
|
"lucide-react": "^1.18.0"
|
|
50
50
|
},
|
|
51
51
|
"peerDependencies": {
|
|
52
|
-
"@astryxdesign/core": "0.
|
|
52
|
+
"@astryxdesign/core": "0.3.0-canary.041a0ef",
|
|
53
53
|
"react": ">=19"
|
|
54
54
|
},
|
|
55
55
|
"devDependencies": {
|
|
56
|
-
"@astryxdesign/cli": "0.
|
|
56
|
+
"@astryxdesign/cli": "0.3.0-canary.041a0ef"
|
|
57
57
|
},
|
|
58
58
|
"module": "./dist/source.mjs",
|
|
59
59
|
"scripts": {
|
package/src/icons.tsx
CHANGED
|
@@ -18,6 +18,8 @@ import {
|
|
|
18
18
|
ChevronDown,
|
|
19
19
|
ChevronLeft,
|
|
20
20
|
ChevronRight,
|
|
21
|
+
ChevronsLeft,
|
|
22
|
+
ChevronsRight,
|
|
21
23
|
Check,
|
|
22
24
|
CheckCircle,
|
|
23
25
|
XCircle,
|
|
@@ -52,6 +54,8 @@ export const neutralIconRegistry: IconRegistry = {
|
|
|
52
54
|
chevronDown: <ChevronDown {...iconProps} />,
|
|
53
55
|
chevronLeft: <ChevronLeft {...iconProps} />,
|
|
54
56
|
chevronRight: <ChevronRight {...iconProps} />,
|
|
57
|
+
chevronsLeft: <ChevronsLeft {...iconProps} />,
|
|
58
|
+
chevronsRight: <ChevronsRight {...iconProps} />,
|
|
55
59
|
check: <Check {...iconProps} />,
|
|
56
60
|
success: <CheckCircle {...iconProps} />,
|
|
57
61
|
error: <XCircle {...iconProps} />,
|
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',
|