@astryxdesign/theme-neutral 0.2.0 → 0.3.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.
Files changed (14) hide show
  1. package/dist/{chunk-TC7YR7RU.mjs → chunk-5EOEL66W.mjs} +4 -0
  2. package/dist/icons.d.ts.map +1 -1
  3. package/dist/icons.js +2 -0
  4. package/dist/icons.mjs +1 -1
  5. package/dist/neutral.d.ts +2 -1
  6. package/dist/neutral.js +3 -2
  7. package/dist/neutral.variants.d.ts +2 -1
  8. package/dist/neutralTheme.d.ts.map +1 -1
  9. package/dist/source.js +6 -1
  10. package/dist/source.mjs +5 -2
  11. package/dist/theme.css +3 -2
  12. package/package.json +3 -3
  13. package/src/icons.tsx +4 -0
  14. package/src/neutralTheme.ts +4 -1
package/dist/{chunk-TC7YR7RU.mjs → chunk-5EOEL66W.mjs} RENAMED
@@ -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;AAoC1D,eAAO,MAAM,mBAAmB,EAAE,YA2BjC,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
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  neutralIconRegistry
3
- } from "./chunk-TC7YR7RU.mjs";
3
+ } from "./chunk-5EOEL66W.mjs";
4
4
  export {
5
5
  neutralIconRegistry
6
6
  };
package/dist/neutral.d.ts CHANGED
@@ -2,7 +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
- * Generated: 2026-07-30T20:44:04.788Z
5
+ * CLI: @astryxdesign/cli@0.3.0
6
+ * Core: @astryxdesign/core@0.3.0
6
7
  */
7
8
 
8
9
  /// <reference path="./neutral.variants.d.ts" />
package/dist/neutral.js CHANGED
@@ -2,7 +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
- * Generated: 2026-07-30T20:44:04.787Z
5
+ * CLI: @astryxdesign/cli@0.3.0
6
+ * Core: @astryxdesign/core@0.3.0
6
7
  */
7
8
 
8
9
  import { neutralIconRegistry } from './icons';
@@ -109,7 +110,7 @@ export const neutralTheme = {
109
110
  "--color-overlay-hover": "light-dark(#0000000D, #FFFFFF0D)",
110
111
  "--color-overlay-pressed": "light-dark(#0000001A, #FFFFFF1A)",
111
112
  "--color-text-primary": "light-dark(#171717, #fafafa)",
112
- "--color-text-secondary": "light-dark(#737373, #a3a3a3)",
113
+ "--color-text-secondary": "light-dark(#525252, #a3a3a3)",
113
114
  "--color-text-disabled": "light-dark(#a3a3a3, #525252)",
114
115
  "--color-text-accent": "light-dark(#262626, #ebebeb)",
115
116
  "--color-on-dark": "#ffffff",
package/dist/neutral.variants.d.ts CHANGED
@@ -2,7 +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
- * Generated: 2026-07-30T20:44:04.787Z
5
+ * CLI: @astryxdesign/cli@0.3.0
6
+ * Core: @astryxdesign/core@0.3.0
6
7
  */
7
8
 
8
9
  // Generated by astryx theme build
package/dist/neutralTheme.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"neutralTheme.d.ts","sourceRoot":"","sources":["../src/neutralTheme.ts"],"names":[],"mappings":"AA0DA,eAAO,MAAM,YAAY,iDA+jBvB,CAAC"}
1
+ {"version":3,"file":"neutralTheme.d.ts","sourceRoot":"","sources":["../src/neutralTheme.ts"],"names":[],"mappings":"AA0DA,eAAO,MAAM,YAAY,iDAkkBvB,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 }),
@@ -174,7 +176,10 @@ var neutralTheme = (0, import_theme.defineTheme)({
174
176
  "--color-overlay-pressed": ["#0000001A", "#FFFFFF1A"],
175
177
  // Text
176
178
  "--color-text-primary": ["#171717", "#fafafa"],
177
- "--color-text-secondary": ["#737373", "#a3a3a3"],
179
+ // Light secondary is neutral-600 (#525252), not 500 (#737373): 500 only
180
+ // reaches 4.19:1 on the T95 body (#f1f1f1), just under WCAG AA 4.5:1.
181
+ // 600 clears it (6.9:1 on body, 7.8:1 on card). Dark stays neutral-400.
182
+ "--color-text-secondary": ["#525252", "#a3a3a3"],
178
183
  "--color-text-disabled": ["#a3a3a3", "#525252"],
179
184
  "--color-text-accent": ["#262626", "#ebebeb"],
180
185
  "--color-on-dark": "#ffffff",
package/dist/source.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  neutralIconRegistry
3
- } from "./chunk-TC7YR7RU.mjs";
3
+ } from "./chunk-5EOEL66W.mjs";
4
4
 
5
5
  // src/neutralTheme.ts
6
6
  import { defineTheme, defineSyntaxTheme } from "@astryxdesign/core/theme";
@@ -113,7 +113,10 @@ var neutralTheme = defineTheme({
113
113
  "--color-overlay-pressed": ["#0000001A", "#FFFFFF1A"],
114
114
  // Text
115
115
  "--color-text-primary": ["#171717", "#fafafa"],
116
- "--color-text-secondary": ["#737373", "#a3a3a3"],
116
+ // Light secondary is neutral-600 (#525252), not 500 (#737373): 500 only
117
+ // reaches 4.19:1 on the T95 body (#f1f1f1), just under WCAG AA 4.5:1.
118
+ // 600 clears it (6.9:1 on body, 7.8:1 on card). Dark stays neutral-400.
119
+ "--color-text-secondary": ["#525252", "#a3a3a3"],
117
120
  "--color-text-disabled": ["#a3a3a3", "#525252"],
118
121
  "--color-text-accent": ["#262626", "#ebebeb"],
119
122
  "--color-on-dark": "#ffffff",
package/dist/theme.css CHANGED
@@ -2,7 +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
- * Generated: 2026-07-30T20:44:04.787Z
5
+ * CLI: @astryxdesign/cli@0.3.0
6
+ * Core: @astryxdesign/core@0.3.0
6
7
  */
7
8
 
8
9
  @layer reset {
@@ -175,7 +176,7 @@
175
176
  --color-overlay-hover: light-dark(#0000000D, #FFFFFF0D);
176
177
  --color-overlay-pressed: light-dark(#0000001A, #FFFFFF1A);
177
178
  --color-text-primary: light-dark(#171717, #fafafa);
178
- --color-text-secondary: light-dark(#737373, #a3a3a3);
179
+ --color-text-secondary: light-dark(#525252, #a3a3a3);
179
180
  --color-text-disabled: light-dark(#a3a3a3, #525252);
180
181
  --color-text-accent: light-dark(#262626, #ebebeb);
181
182
  --color-on-dark: #ffffff;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@astryxdesign/theme-neutral",
3
- "version": "0.2.0",
3
+ "version": "0.3.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,11 +49,11 @@
49
49
  "lucide-react": "^1.18.0"
50
50
  },
51
51
  "peerDependencies": {
52
- "@astryxdesign/core": "0.2.0",
52
+ "@astryxdesign/core": "0.3.0",
53
53
  "react": ">=19"
54
54
  },
55
55
  "devDependencies": {
56
- "@astryxdesign/cli": "0.2.0"
56
+ "@astryxdesign/cli": "0.3.0"
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
@@ -144,7 +144,10 @@ export const neutralTheme = defineTheme({
144
144
 
145
145
  // Text
146
146
  '--color-text-primary': ['#171717', '#fafafa'],
147
- '--color-text-secondary': ['#737373', '#a3a3a3'],
147
+ // Light secondary is neutral-600 (#525252), not 500 (#737373): 500 only
148
+ // reaches 4.19:1 on the T95 body (#f1f1f1), just under WCAG AA 4.5:1.
149
+ // 600 clears it (6.9:1 on body, 7.8:1 on card). Dark stays neutral-400.
150
+ '--color-text-secondary': ['#525252', '#a3a3a3'],
148
151
  '--color-text-disabled': ['#a3a3a3', '#525252'],
149
152
  '--color-text-accent': ['#262626', '#ebebeb'],
150
153
  '--color-on-dark': '#ffffff',