@astryxdesign/theme-neutral 0.7.12-canary.dfd75a6 → 0.7.12-canary.e171d97

package/dist/neutral.js

@@ -396,6 +396,9 @@ export const neutralTheme = {
       }
     },
     "segmented-control-item": {
+      "base": {
+        "--color-text-secondary": "light-dark(#474747, #c6c6c6)"
+      },
       "size:sm": {
         "height": "calc(var(--size-element-sm) - 8px)"
       },

package/dist/neutralTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"neutralTheme.d.ts","sourceRoot":"","sources":["../src/neutralTheme.ts"],"names":[],"mappings":"AAyCA,eAAO,MAAM,YAAY,gEA8WvB,CAAC"}
+{"version":3,"file":"neutralTheme.d.ts","sourceRoot":"","sources":["../src/neutralTheme.ts"],"names":[],"mappings":"AAyCA,eAAO,MAAM,YAAY,gEAoXvB,CAAC"}

package/dist/source.cjs

@@ -418,7 +418,13 @@ var neutralTheme = (0, import_theme.defineTheme)({
         padding: "var(--spacing-1)"
       }
     },
+    // An unselected label sits on the translucent track, which lifts the
+    // page under it. In dark mode secondary text falls under 4.5:1 on the
+    // track over the surface, so it takes the same next stop.
     "segmented-control-item": {
+      base: {
+        "--color-text-secondary": `light-dark(${neutral.light[30]}, ${neutral.dark[80]})`
+      },
       "size:sm": {
         height: "calc(var(--size-element-sm) - 8px)"
       },

package/dist/source.mjs

@@ -423,7 +423,13 @@ var neutralTheme = defineTheme({
         padding: "var(--spacing-1)"
       }
     },
+    // An unselected label sits on the translucent track, which lifts the
+    // page under it. In dark mode secondary text falls under 4.5:1 on the
+    // track over the surface, so it takes the same next stop.
     "segmented-control-item": {
+      base: {
+        "--color-text-secondary": `light-dark(${neutral.light[30]}, ${neutral.dark[80]})`
+      },
       "size:sm": {
         height: "calc(var(--size-element-sm) - 8px)"
       },

package/dist/theme.css

@@ -499,6 +499,10 @@
     --_segmented-control-padding: var(--spacing-1);
   }
 
+  .astryx-segmented-control-item {
+    --color-text-secondary: light-dark(#474747, #c6c6c6);
+  }
+
   .astryx-segmented-control-item[data-size="sm"] {
     height: calc(var(--size-element-sm) - 8px);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astryxdesign/theme-neutral",
-  "version": "0.7.12-canary.dfd75a6",
+  "version": "0.7.12-canary.e171d97",
   "displayName": "Neutral Theme",
   "private": false,
   "description": "Restrained warm grays. Minimal and quiet, so the content stays the focus.",
@@ -78,11 +78,11 @@
     "lucide-react": "^1.18.0"
   },
   "peerDependencies": {
-    "@astryxdesign/core": "0.7.12-canary.dfd75a6",
+    "@astryxdesign/core": "0.7.12-canary.e171d97",
     "react": ">=19"
   },
   "devDependencies": {
-    "@astryxdesign/cli": "0.7.12-canary.dfd75a6"
+    "@astryxdesign/cli": "0.7.12-canary.e171d97"
   },
   "module": "./dist/source.mjs",
   "scripts": {

package/src/neutralTheme.ts

@@ -361,7 +361,13 @@ export const neutralTheme = defineTheme({
         padding: 'var(--spacing-1)',
       },
     },
+    // An unselected label sits on the translucent track, which lifts the
+    // page under it. In dark mode secondary text falls under 4.5:1 on the
+    // track over the surface, so it takes the same next stop.
     'segmented-control-item': {
+      base: {
+        '--color-text-secondary': `light-dark(${neutral.light[30]}, ${neutral.dark[80]})`,
+      },
       'size:sm': {
         height: 'calc(var(--size-element-sm) - 8px)',
       },