fix(rootage): add missing strokeWidth and rename stroke to strokeColor in chip-tab (#1256)

Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>

Author: te6-in

docs/public/rootage/components/chip-tab.json

@@ -32,8 +32,11 @@
             "color": {
               "type": "color"
             },
-            "stroke": {
+            "strokeColor": {
               "type": "color"
+            },
+            "strokeWidth": {
+              "type": "dimension"
             }
           }
         },
@@ -293,9 +296,16 @@
                   "type": "color",
                   "value": "$color.bg.transparent"
                 },
-                "stroke": {
+                "strokeColor": {
                   "type": "color",
                   "value": "$color.stroke.neutral-muted"
+                },
+                "strokeWidth": {
+                  "type": "dimension",
+                  "value": {
+                    "value": 1,
+                    "unit": "px"
+                  }
                 }
               },
               "label": {

packages/css/vars/component/chip-tab.d.ts

@@ -79,7 +79,8 @@ export declare const vars: {
     "enabled": {
       "root": {
         "color": "var(--seed-color-bg-transparent)",
-        "stroke": "var(--seed-color-stroke-neutral-muted)"
+        "strokeColor": "var(--seed-color-stroke-neutral-muted)",
+        "strokeWidth": "1px"
       },
       "label": {
         "color": "var(--seed-color-fg-neutral)"

packages/css/vars/component/chip-tab.mjs

@@ -79,7 +79,8 @@ export const vars = {
     "enabled": {
       "root": {
         "color": "var(--seed-color-bg-transparent)",
-        "stroke": "var(--seed-color-stroke-neutral-muted)"
+        "strokeColor": "var(--seed-color-stroke-neutral-muted)",
+        "strokeWidth": "1px"
       },
       "label": {
         "color": "var(--seed-color-fg-neutral)"

packages/qvism-preset/src/recipes/chip-tabs.ts

@@ -128,7 +128,8 @@ const chipTabs = defineSlotRecipe({
       neutralOutline: {
         trigger: {
           backgroundColor: triggerVars.variantNeutralOutline.enabled.root.color,
-          border: `1px solid ${triggerVars.variantNeutralOutline.enabled.root.stroke}`,
+          // TODO: replace 1px with triggerVars.variantNeutralOutline.enabled.root.strokeWidth
+          border: `1px solid ${triggerVars.variantNeutralOutline.enabled.root.strokeColor}`,
 
           color: triggerVars.variantNeutralOutline.enabled.label.color,
 

packages/qvism-preset/src/vars/component/chip-tab.d.ts

@@ -79,7 +79,8 @@ export declare const vars: {
     "enabled": {
       "root": {
         "color": "var(--seed-color-bg-transparent)",
-        "stroke": "var(--seed-color-stroke-neutral-muted)"
+        "strokeColor": "var(--seed-color-stroke-neutral-muted)",
+        "strokeWidth": "1px"
       },
       "label": {
         "color": "var(--seed-color-fg-neutral)"

packages/qvism-preset/src/vars/component/chip-tab.mjs

@@ -79,7 +79,8 @@ export const vars = {
     "enabled": {
       "root": {
         "color": "var(--seed-color-bg-transparent)",
-        "stroke": "var(--seed-color-stroke-neutral-muted)"
+        "strokeColor": "var(--seed-color-stroke-neutral-muted)",
+        "strokeWidth": "1px"
       },
       "label": {
         "color": "var(--seed-color-fg-neutral)"

packages/rootage/components/chip-tab.yaml

@@ -22,8 +22,10 @@ data:
             type: dimension
           color:
             type: color
-          stroke:
+          strokeColor:
             type: color
+          strokeWidth:
+            type: dimension
       label:
         properties:
           fontSize:
@@ -85,7 +87,8 @@ data:
       enabled:
         root:
           color: $color.bg.transparent
-          stroke: $color.stroke.neutral-muted
+          strokeColor: $color.stroke.neutral-muted
+          strokeWidth: 1px
         label:
           color: $color.fg.neutral
       enabled,pressed: