[
{
"manifestId": "badge--type-circle--color-green--fill-filled--figma-type-circle-color-green-tag-filled--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4821:1662",
"figmaName": "Badge",
"figmaVariantName": "Type=Circle, Color=Green, Tag=Filled",
"theme": "dark",
"codeComponent": "Badge",
"codeProps": {
"type": "Circle",
"color": "Green",
"fill": "Filled"
},
"state": "placeholder",
"rootTargetSelector": ".canonical-badge",
"textTargetSelector": null,
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "24px"
},
"sourceTokenizedFile": "badge__4821_1665.json",
"expectedSourceTokenizedFile": "badge__4821_1665.json",
"axisImplementationEvidence": {
"Type": [],
"Color": [
"badge-color-palette"
],
"Tag": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Badge.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Badge.Tag; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/badge/badge--type-circle--color-green--fill-filled--figma-type-circle-color-green-tag-filled--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 24,
"rootWidthMode": "FIXED",
"rootHeight": 24,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 0,
"bottom": 0,
"left": 0
},
"rootRadius": 16,
"rootGap": 10,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#2fb54e",
"rootFillCssVar": "--brand",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-primary-btn"
},
"expectedNodes": [
{
"figmaNodeId": "4824:8661",
"name": "5",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "badge--type-circle--color-green--fill-filled--figma-type-circle-color-green-tag-filled--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4821:1662",
"figmaName": "Badge",
"figmaVariantName": "Type=Circle, Color=Green, Tag=Filled",
"theme": "light",
"codeComponent": "Badge",
"codeProps": {
"type": "Circle",
"color": "Green",
"fill": "Filled"
},
"state": "placeholder",
"rootTargetSelector": ".canonical-badge",
"textTargetSelector": null,
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "24px"
},
"sourceTokenizedFile": "badge__4821_1665.json",
"expectedSourceTokenizedFile": "badge__4821_1665.json",
"axisImplementationEvidence": {
"Type": [],
"Color": [
"badge-color-palette"
],
"Tag": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Badge.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Badge.Tag; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/badge/badge--type-circle--color-green--fill-filled--figma-type-circle-color-green-tag-filled--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 24,
"rootWidthMode": "FIXED",
"rootHeight": 24,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 0,
"bottom": 0,
"left": 0
},
"rootRadius": 16,
"rootGap": 10,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#299f45",
"rootFillCssVar": "--brand",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-primary-btn"
},
"expectedNodes": [
{
"figmaNodeId": "4824:8661",
"name": "5",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "badge--type-circle--color-green--fill-line--figma-type-circle-color-green-tag-line--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4895:1363",
"figmaName": "Badge",
"figmaVariantName": "Type=Circle, Color=Green, Tag=Line",
"theme": "dark",
"codeComponent": "Badge",
"codeProps": {
"type": "Circle",
"color": "Green",
"fill": "Line"
},
"state": "placeholder",
"rootTargetSelector": ".canonical-badge",
"textTargetSelector": null,
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "24px"
},
"sourceTokenizedFile": "badge__4821_1665.json",
"expectedSourceTokenizedFile": "badge__4821_1665.json",
"axisImplementationEvidence": {
"Type": [],
"Color": [
"badge-color-palette"
],
"Tag": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Badge.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Badge.Tag; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/badge/badge--type-circle--color-green--fill-line--figma-type-circle-color-green-tag-line--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 24,
"rootWidthMode": "FIXED",
"rootHeight": 24,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 0,
"bottom": 0,
"left": 0
},
"rootRadius": 16,
"rootGap": 10,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#2fb54e",
"textFillCssVar": "--brand"
},
"expectedNodes": [
{
"figmaNodeId": "4895:1364",
"name": "5",
"type": "TEXT",
"fillHex": "#2fb54e",
"borderHex": null,
"textColorHex": "#2fb54e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "badge--type-circle--color-green--fill-line--figma-type-circle-color-green-tag-line--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4895:1363",
"figmaName": "Badge",
"figmaVariantName": "Type=Circle, Color=Green, Tag=Line",
"theme": "light",
"codeComponent": "Badge",
"codeProps": {
"type": "Circle",
"color": "Green",
"fill": "Line"
},
"state": "placeholder",
"rootTargetSelector": ".canonical-badge",
"textTargetSelector": null,
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "24px"
},
"sourceTokenizedFile": "badge__4821_1665.json",
"expectedSourceTokenizedFile": "badge__4821_1665.json",
"axisImplementationEvidence": {
"Type": [],
"Color": [
"badge-color-palette"
],
"Tag": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Badge.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Badge.Tag; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/badge/badge--type-circle--color-green--fill-line--figma-type-circle-color-green-tag-line--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 24,
"rootWidthMode": "FIXED",
"rootHeight": 24,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 0,
"bottom": 0,
"left": 0
},
"rootRadius": 16,
"rootGap": 10,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#299f45",
"textFillCssVar": "--brand"
},
"expectedNodes": [
{
"figmaNodeId": "4895:1364",
"name": "5",
"type": "TEXT",
"fillHex": "#299f45",
"borderHex": null,
"textColorHex": "#299f45",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "badge--type-circle--color-blue--fill-filled--figma-type-circle-color-blue-tag-filled--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4821:1663",
"figmaName": "Badge",
"figmaVariantName": "Type=Circle, Color=Blue, Tag=Filled",
"theme": "dark",
"codeComponent": "Badge",
"codeProps": {
"type": "Circle",
"color": "Blue",
"fill": "Filled"
},
"state": "placeholder",
"rootTargetSelector": ".canonical-badge",
"textTargetSelector": null,
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "24px"
},
"sourceTokenizedFile": "badge__4821_1665.json",
"expectedSourceTokenizedFile": "badge__4821_1665.json",
"axisImplementationEvidence": {
"Type": [],
"Color": [
"badge-color-palette"
],
"Tag": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Badge.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Badge.Tag; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/badge/badge--type-circle--color-blue--fill-filled--figma-type-circle-color-blue-tag-filled--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 24,
"rootWidthMode": "FIXED",
"rootHeight": 24,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 0,
"bottom": 0,
"left": 0
},
"rootRadius": 16,
"rootGap": 10,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#3892f3",
"rootFillCssVar": "--blue",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-primary-btn"
},
"expectedNodes": [
{
"figmaNodeId": "4824:8659",
"name": "5",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "badge--type-circle--color-blue--fill-filled--figma-type-circle-color-blue-tag-filled--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4821:1663",
"figmaName": "Badge",
"figmaVariantName": "Type=Circle, Color=Blue, Tag=Filled",
"theme": "light",
"codeComponent": "Badge",
"codeProps": {
"type": "Circle",
"color": "Blue",
"fill": "Filled"
},
"state": "placeholder",
"rootTargetSelector": ".canonical-badge",
"textTargetSelector": null,
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "24px"
},
"sourceTokenizedFile": "badge__4821_1665.json",
"expectedSourceTokenizedFile": "badge__4821_1665.json",
"axisImplementationEvidence": {
"Type": [],
"Color": [
"badge-color-palette"
],
"Tag": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Badge.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Badge.Tag; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/badge/badge--type-circle--color-blue--fill-filled--figma-type-circle-color-blue-tag-filled--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 24,
"rootWidthMode": "FIXED",
"rootHeight": 24,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 0,
"bottom": 0,
"left": 0
},
"rootRadius": 16,
"rootGap": 10,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#0473d5",
"rootFillCssVar": "--blue",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-primary-btn"
},
"expectedNodes": [
{
"figmaNodeId": "4824:8659",
"name": "5",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "badge--type-circle--color-blue--fill-line--figma-type-circle-color-blue-tag-line--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4895:1365",
"figmaName": "Badge",
"figmaVariantName": "Type=Circle, Color=Blue, Tag=Line",
"theme": "dark",
"codeComponent": "Badge",
"codeProps": {
"type": "Circle",
"color": "Blue",
"fill": "Line"
},
"state": "placeholder",
"rootTargetSelector": ".canonical-badge",
"textTargetSelector": null,
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "24px"
},
"sourceTokenizedFile": "badge__4821_1665.json",
"expectedSourceTokenizedFile": "badge__4821_1665.json",
"axisImplementationEvidence": {
"Type": [],
"Color": [
"badge-color-palette"
],
"Tag": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Badge.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Badge.Tag; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/badge/badge--type-circle--color-blue--fill-line--figma-type-circle-color-blue-tag-line--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 24,
"rootWidthMode": "FIXED",
"rootHeight": 24,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 0,
"bottom": 0,
"left": 0
},
"rootRadius": 16,
"rootGap": 10,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#3892f3",
"rootBorderCssVar": "--blue",
"rootBorderWidth": 1,
"textFillHex": "#3892f3",
"textFillCssVar": "--blue"
},
"expectedNodes": [
{
"figmaNodeId": "4895:1366",
"name": "5",
"type": "TEXT",
"fillHex": "#3892f3",
"borderHex": null,
"textColorHex": "#3892f3",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "badge--type-circle--color-blue--fill-line--figma-type-circle-color-blue-tag-line--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4895:1365",
"figmaName": "Badge",
"figmaVariantName": "Type=Circle, Color=Blue, Tag=Line",
"theme": "light",
"codeComponent": "Badge",
"codeProps": {
"type": "Circle",
"color": "Blue",
"fill": "Line"
},
"state": "placeholder",
"rootTargetSelector": ".canonical-badge",
"textTargetSelector": null,
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "24px"
},
"sourceTokenizedFile": "badge__4821_1665.json",
"expectedSourceTokenizedFile": "badge__4821_1665.json",
"axisImplementationEvidence": {
"Type": [],
"Color": [
"badge-color-palette"
],
"Tag": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Badge.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Badge.Tag; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/badge/badge--type-circle--color-blue--fill-line--figma-type-circle-color-blue-tag-line--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 24,
"rootWidthMode": "FIXED",
"rootHeight": 24,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 0,
"bottom": 0,
"left": 0
},
"rootRadius": 16,
"rootGap": 10,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#0473d5",
"rootBorderCssVar": "--blue",
"rootBorderWidth": 1,
"textFillHex": "#0473d5",
"textFillCssVar": "--blue"
},
"expectedNodes": [
{
"figmaNodeId": "4895:1366",
"name": "5",
"type": "TEXT",
"fillHex": "#0473d5",
"borderHex": null,
"textColorHex": "#0473d5",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "badge--type-circle--color-orange--fill-filled--figma-type-circle-color-orange-tag-filled--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4821:1661",
"figmaName": "Badge",
"figmaVariantName": "Type=Circle, Color=Orange, Tag=Filled",
"theme": "dark",
"codeComponent": "Badge",
"codeProps": {
"type": "Circle",
"color": "Orange",
"fill": "Filled"
},
"state": "placeholder",
"rootTargetSelector": ".canonical-badge",
"textTargetSelector": null,
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "24px"
},
"sourceTokenizedFile": "badge__4821_1665.json",
"expectedSourceTokenizedFile": "badge__4821_1665.json",
"axisImplementationEvidence": {
"Type": [],
"Color": [
"badge-color-palette"
],
"Tag": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Badge.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Badge.Tag; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/badge/badge--type-circle--color-orange--fill-filled--figma-type-circle-color-orange-tag-filled--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 24,
"rootWidthMode": "FIXED",
"rootHeight": 24,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 0,
"bottom": 0,
"left": 0
},
"rootRadius": 16,
"rootGap": 10,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#f68512",
"rootFillCssVar": "--orange",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-primary-btn"
},
"expectedNodes": [
{
"figmaNodeId": "4824:8663",
"name": "5",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "badge--type-circle--color-orange--fill-filled--figma-type-circle-color-orange-tag-filled--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4821:1661",
"figmaName": "Badge",
"figmaVariantName": "Type=Circle, Color=Orange, Tag=Filled",
"theme": "light",
"codeComponent": "Badge",
"codeProps": {
"type": "Circle",
"color": "Orange",
"fill": "Filled"
},
"state": "placeholder",
"rootTargetSelector": ".canonical-badge",
"textTargetSelector": null,
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "24px"
},
"sourceTokenizedFile": "badge__4821_1665.json",
"expectedSourceTokenizedFile": "badge__4821_1665.json",
"axisImplementationEvidence": {
"Type": [],
"Color": [
"badge-color-palette"
],
"Tag": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Badge.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Badge.Tag; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/badge/badge--type-circle--color-orange--fill-filled--figma-type-circle-color-orange-tag-filled--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 24,
"rootWidthMode": "FIXED",
"rootHeight": 24,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 0,
"bottom": 0,
"left": 0
},
"rootRadius": 16,
"rootGap": 10,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#e26601",
"rootFillCssVar": "--orange",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-primary-btn"
},
"expectedNodes": [
{
"figmaNodeId": "4824:8663",
"name": "5",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "badge--type-circle--color-orange--fill-line--figma-type-circle-color-orange-tag-line--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4895:1367",
"figmaName": "Badge",
"figmaVariantName": "Type=Circle, Color=Orange, Tag=Line",
"theme": "dark",
"codeComponent": "Badge",
"codeProps": {
"type": "Circle",
"color": "Orange",
"fill": "Line"
},
"state": "placeholder",
"rootTargetSelector": ".canonical-badge",
"textTargetSelector": null,
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "24px"
},
"sourceTokenizedFile": "badge__4821_1665.json",
"expectedSourceTokenizedFile": "badge__4821_1665.json",
"axisImplementationEvidence": {
"Type": [],
"Color": [
"badge-color-palette"
],
"Tag": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Badge.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Badge.Tag; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/badge/badge--type-circle--color-orange--fill-line--figma-type-circle-color-orange-tag-line--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 24,
"rootWidthMode": "FIXED",
"rootHeight": 24,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 0,
"bottom": 0,
"left": 0
},
"rootRadius": 16,
"rootGap": 10,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#f68512",
"rootBorderCssVar": "--orange",
"rootBorderWidth": 1,
"textFillHex": "#f68512",
"textFillCssVar": "--orange"
},
"expectedNodes": [
{
"figmaNodeId": "4895:1368",
"name": "5",
"type": "TEXT",
"fillHex": "#f68512",
"borderHex": null,
"textColorHex": "#f68512",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "badge--type-circle--color-orange--fill-line--figma-type-circle-color-orange-tag-line--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4895:1367",
"figmaName": "Badge",
"figmaVariantName": "Type=Circle, Color=Orange, Tag=Line",
"theme": "light",
"codeComponent": "Badge",
"codeProps": {
"type": "Circle",
"color": "Orange",
"fill": "Line"
},
"state": "placeholder",
"rootTargetSelector": ".canonical-badge",
"textTargetSelector": null,
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "24px"
},
"sourceTokenizedFile": "badge__4821_1665.json",
"expectedSourceTokenizedFile": "badge__4821_1665.json",
"axisImplementationEvidence": {
"Type": [],
"Color": [
"badge-color-palette"
],
"Tag": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Badge.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Badge.Tag; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/badge/badge--type-circle--color-orange--fill-line--figma-type-circle-color-orange-tag-line--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 24,
"rootWidthMode": "FIXED",
"rootHeight": 24,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 0,
"bottom": 0,
"left": 0
},
"rootRadius": 16,
"rootGap": 10,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#e26601",
"rootBorderCssVar": "--orange",
"rootBorderWidth": 1,
"textFillHex": "#e26601",
"textFillCssVar": "--orange"
},
"expectedNodes": [
{
"figmaNodeId": "4895:1368",
"name": "5",
"type": "TEXT",
"fillHex": "#e26601",
"borderHex": null,
"textColorHex": "#e26601",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "badge--type-circle--color-red--fill-filled--figma-type-circle-color-red-tag-filled--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4821:1660",
"figmaName": "Badge",
"figmaVariantName": "Type=Circle, Color=Red, Tag=Filled",
"theme": "dark",
"codeComponent": "Badge",
"codeProps": {
"type": "Circle",
"color": "Red",
"fill": "Filled"
},
"state": "placeholder",
"rootTargetSelector": ".canonical-badge",
"textTargetSelector": null,
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "24px"
},
"sourceTokenizedFile": "badge__4821_1665.json",
"expectedSourceTokenizedFile": "badge__4821_1665.json",
"axisImplementationEvidence": {
"Type": [],
"Color": [
"badge-color-palette"
],
"Tag": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Badge.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Badge.Tag; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/badge/badge--type-circle--color-red--fill-filled--figma-type-circle-color-red-tag-filled--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 24,
"rootWidthMode": "FIXED",
"rootHeight": 24,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 0,
"bottom": 0,
"left": 0
},
"rootRadius": 16,
"rootGap": 10,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ea4233",
"rootFillCssVar": "--red",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-primary-btn"
},
"expectedNodes": [
{
"figmaNodeId": "4824:8665",
"name": "5",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "badge--type-circle--color-red--fill-filled--figma-type-circle-color-red-tag-filled--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4821:1660",
"figmaName": "Badge",
"figmaVariantName": "Type=Circle, Color=Red, Tag=Filled",
"theme": "light",
"codeComponent": "Badge",
"codeProps": {
"type": "Circle",
"color": "Red",
"fill": "Filled"
},
"state": "placeholder",
"rootTargetSelector": ".canonical-badge",
"textTargetSelector": null,
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "24px"
},
"sourceTokenizedFile": "badge__4821_1665.json",
"expectedSourceTokenizedFile": "badge__4821_1665.json",
"axisImplementationEvidence": {
"Type": [],
"Color": [
"badge-color-palette"
],
"Tag": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Badge.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Badge.Tag; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/badge/badge--type-circle--color-red--fill-filled--figma-type-circle-color-red-tag-filled--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 24,
"rootWidthMode": "FIXED",
"rootHeight": 24,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 0,
"bottom": 0,
"left": 0
},
"rootRadius": 16,
"rootGap": 10,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#dc2717",
"rootFillCssVar": "--red",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-primary-btn"
},
"expectedNodes": [
{
"figmaNodeId": "4824:8665",
"name": "5",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "badge--type-circle--color-red--fill-line--figma-type-circle-color-red-tag-line--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4895:1369",
"figmaName": "Badge",
"figmaVariantName": "Type=Circle, Color=Red, Tag=Line",
"theme": "dark",
"codeComponent": "Badge",
"codeProps": {
"type": "Circle",
"color": "Red",
"fill": "Line"
},
"state": "placeholder",
"rootTargetSelector": ".canonical-badge",
"textTargetSelector": null,
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "24px"
},
"sourceTokenizedFile": "badge__4821_1665.json",
"expectedSourceTokenizedFile": "badge__4821_1665.json",
"axisImplementationEvidence": {
"Type": [],
"Color": [
"badge-color-palette"
],
"Tag": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Badge.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Badge.Tag; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/badge/badge--type-circle--color-red--fill-line--figma-type-circle-color-red-tag-line--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 24,
"rootWidthMode": "FIXED",
"rootHeight": 24,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 0,
"bottom": 0,
"left": 0
},
"rootRadius": 16,
"rootGap": 10,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#ea4233",
"textFillCssVar": "--red"
},
"expectedNodes": [
{
"figmaNodeId": "4895:1370",
"name": "5",
"type": "TEXT",
"fillHex": "#ea4233",
"borderHex": null,
"textColorHex": "#ea4233",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "badge--type-circle--color-red--fill-line--figma-type-circle-color-red-tag-line--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4895:1369",
"figmaName": "Badge",
"figmaVariantName": "Type=Circle, Color=Red, Tag=Line",
"theme": "light",
"codeComponent": "Badge",
"codeProps": {
"type": "Circle",
"color": "Red",
"fill": "Line"
},
"state": "placeholder",
"rootTargetSelector": ".canonical-badge",
"textTargetSelector": null,
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "24px"
},
"sourceTokenizedFile": "badge__4821_1665.json",
"expectedSourceTokenizedFile": "badge__4821_1665.json",
"axisImplementationEvidence": {
"Type": [],
"Color": [
"badge-color-palette"
],
"Tag": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Badge.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Badge.Tag; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/badge/badge--type-circle--color-red--fill-line--figma-type-circle-color-red-tag-line--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 24,
"rootWidthMode": "FIXED",
"rootHeight": 24,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 0,
"bottom": 0,
"left": 0
},
"rootRadius": 16,
"rootGap": 10,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#dc2717",
"textFillCssVar": "--red"
},
"expectedNodes": [
{
"figmaNodeId": "4895:1370",
"name": "5",
"type": "TEXT",
"fillHex": "#dc2717",
"borderHex": null,
"textColorHex": "#dc2717",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "badge--type-circle--color-neutral--fill-line--figma-type-circle-color-neutral-tag-line--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4993:1547",
"figmaName": "Badge",
"figmaVariantName": "Type=Circle, Color=Neutral, Tag=Line",
"theme": "dark",
"codeComponent": "Badge",
"codeProps": {
"type": "Circle",
"color": "Neutral",
"fill": "Line"
},
"state": "placeholder",
"rootTargetSelector": ".canonical-badge",
"textTargetSelector": null,
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "24px"
},
"sourceTokenizedFile": "badge__4821_1665.json",
"expectedSourceTokenizedFile": "badge__4821_1665.json",
"axisImplementationEvidence": {
"Type": [],
"Color": [
"badge-color-palette"
],
"Tag": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Badge.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Badge.Tag; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/badge/badge--type-circle--color-neutral--fill-line--figma-type-circle-color-neutral-tag-line--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 24,
"rootWidthMode": "FIXED",
"rootHeight": 24,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 0,
"bottom": 0,
"left": 0
},
"rootRadius": 16,
"rootGap": 10,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#353535",
"rootBorderCssVar": "--line-deep",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-body"
},
"expectedNodes": [
{
"figmaNodeId": "4993:1548",
"name": "5",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "badge--type-circle--color-neutral--fill-line--figma-type-circle-color-neutral-tag-line--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4993:1547",
"figmaName": "Badge",
"figmaVariantName": "Type=Circle, Color=Neutral, Tag=Line",
"theme": "light",
"codeComponent": "Badge",
"codeProps": {
"type": "Circle",
"color": "Neutral",
"fill": "Line"
},
"state": "placeholder",
"rootTargetSelector": ".canonical-badge",
"textTargetSelector": null,
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "24px"
},
"sourceTokenizedFile": "badge__4821_1665.json",
"expectedSourceTokenizedFile": "badge__4821_1665.json",
"axisImplementationEvidence": {
"Type": [],
"Color": [
"badge-color-palette"
],
"Tag": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Badge.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Badge.Tag; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/badge/badge--type-circle--color-neutral--fill-line--figma-type-circle-color-neutral-tag-line--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 24,
"rootWidthMode": "FIXED",
"rootHeight": 24,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 0,
"bottom": 0,
"left": 0
},
"rootRadius": 16,
"rootGap": 10,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#dbdbdb",
"rootBorderCssVar": "--line-deep",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--text-body"
},
"expectedNodes": [
{
"figmaNodeId": "4993:1548",
"name": "5",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "badge--type-circle--color-neutral--fill-filled--figma-type-circle-color-neutral-tag-filled--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4993:1549",
"figmaName": "Badge",
"figmaVariantName": "Type=Circle, Color=Neutral, Tag=Filled",
"theme": "dark",
"codeComponent": "Badge",
"codeProps": {
"type": "Circle",
"color": "Neutral",
"fill": "Filled"
},
"state": "placeholder",
"rootTargetSelector": ".canonical-badge",
"textTargetSelector": null,
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "24px"
},
"sourceTokenizedFile": "badge__4821_1665.json",
"expectedSourceTokenizedFile": "badge__4821_1665.json",
"axisImplementationEvidence": {
"Type": [],
"Color": [
"badge-color-palette"
],
"Tag": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Badge.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Badge.Tag; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/badge/badge--type-circle--color-neutral--fill-filled--figma-type-circle-color-neutral-tag-filled--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 24,
"rootWidthMode": "FIXED",
"rootHeight": 24,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 0,
"bottom": 0,
"left": 0
},
"rootRadius": 16,
"rootGap": 10,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--bg-layer4",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-body"
},
"expectedNodes": [
{
"figmaNodeId": "4993:1550",
"name": "5",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "badge--type-circle--color-neutral--fill-filled--figma-type-circle-color-neutral-tag-filled--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4993:1549",
"figmaName": "Badge",
"figmaVariantName": "Type=Circle, Color=Neutral, Tag=Filled",
"theme": "light",
"codeComponent": "Badge",
"codeProps": {
"type": "Circle",
"color": "Neutral",
"fill": "Filled"
},
"state": "placeholder",
"rootTargetSelector": ".canonical-badge",
"textTargetSelector": null,
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "24px"
},
"sourceTokenizedFile": "badge__4821_1665.json",
"expectedSourceTokenizedFile": "badge__4821_1665.json",
"axisImplementationEvidence": {
"Type": [],
"Color": [
"badge-color-palette"
],
"Tag": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Badge.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Badge.Tag; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/badge/badge--type-circle--color-neutral--fill-filled--figma-type-circle-color-neutral-tag-filled--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 24,
"rootWidthMode": "FIXED",
"rootHeight": 24,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 0,
"bottom": 0,
"left": 0
},
"rootRadius": 16,
"rootGap": 10,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#dbdbdb",
"rootFillCssVar": "--bg-layer4",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#141414",
"textFillCssVar": "--text-body"
},
"expectedNodes": [
{
"figmaNodeId": "4993:1550",
"name": "5",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "badge--type-rectangle--color-green--fill-filled--figma-type-rectangle-color-green-tag-filled--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4821:1668",
"figmaName": "Badge",
"figmaVariantName": "Type=Rectangle, Color=Green, Tag=Filled",
"theme": "dark",
"codeComponent": "Badge",
"codeProps": {
"type": "Rectangle",
"color": "Green",
"fill": "Filled"
},
"state": "placeholder",
"rootTargetSelector": ".canonical-badge",
"textTargetSelector": null,
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "52px"
},
"sourceTokenizedFile": "badge__4821_1665.json",
"expectedSourceTokenizedFile": "badge__4821_1665.json",
"axisImplementationEvidence": {
"Type": [],
"Color": [
"badge-color-palette"
],
"Tag": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Badge.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Badge.Tag; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/badge/badge--type-rectangle--color-green--fill-filled--figma-type-rectangle-color-green-tag-filled--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 52,
"rootWidthMode": "HUG",
"rootHeight": 24,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 16,
"rootGap": 0,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#2fb54e",
"rootFillCssVar": "--brand",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-primary-btn"
},
"expectedNodes": [
{
"figmaNodeId": "4824:8687",
"name": "Done",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "badge--type-rectangle--color-green--fill-filled--figma-type-rectangle-color-green-tag-filled--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4821:1668",
"figmaName": "Badge",
"figmaVariantName": "Type=Rectangle, Color=Green, Tag=Filled",
"theme": "light",
"codeComponent": "Badge",
"codeProps": {
"type": "Rectangle",
"color": "Green",
"fill": "Filled"
},
"state": "placeholder",
"rootTargetSelector": ".canonical-badge",
"textTargetSelector": null,
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "52px"
},
"sourceTokenizedFile": "badge__4821_1665.json",
"expectedSourceTokenizedFile": "badge__4821_1665.json",
"axisImplementationEvidence": {
"Type": [],
"Color": [
"badge-color-palette"
],
"Tag": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Badge.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Badge.Tag; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/badge/badge--type-rectangle--color-green--fill-filled--figma-type-rectangle-color-green-tag-filled--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 52,
"rootWidthMode": "HUG",
"rootHeight": 24,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 16,
"rootGap": 0,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#299f45",
"rootFillCssVar": "--brand",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-primary-btn"
},
"expectedNodes": [
{
"figmaNodeId": "4824:8687",
"name": "Done",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "badge--type-rectangle--color-green--fill-line--figma-type-rectangle-color-green-tag-line--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4895:1371",
"figmaName": "Badge",
"figmaVariantName": "Type=Rectangle, Color=Green, Tag=Line",
"theme": "dark",
"codeComponent": "Badge",
"codeProps": {
"type": "Rectangle",
"color": "Green",
"fill": "Line"
},
"state": "placeholder",
"rootTargetSelector": ".canonical-badge",
"textTargetSelector": null,
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "52px"
},
"sourceTokenizedFile": "badge__4821_1665.json",
"expectedSourceTokenizedFile": "badge__4821_1665.json",
"axisImplementationEvidence": {
"Type": [],
"Color": [
"badge-color-palette"
],
"Tag": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Badge.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Badge.Tag; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/badge/badge--type-rectangle--color-green--fill-line--figma-type-rectangle-color-green-tag-line--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 52,
"rootWidthMode": "HUG",
"rootHeight": 24,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 16,
"rootGap": 0,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#2fb54e",
"textFillCssVar": "--brand"
},
"expectedNodes": [
{
"figmaNodeId": "4895:1372",
"name": "Done",
"type": "TEXT",
"fillHex": "#2fb54e",
"borderHex": null,
"textColorHex": "#2fb54e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "badge--type-rectangle--color-green--fill-line--figma-type-rectangle-color-green-tag-line--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4895:1371",
"figmaName": "Badge",
"figmaVariantName": "Type=Rectangle, Color=Green, Tag=Line",
"theme": "light",
"codeComponent": "Badge",
"codeProps": {
"type": "Rectangle",
"color": "Green",
"fill": "Line"
},
"state": "placeholder",
"rootTargetSelector": ".canonical-badge",
"textTargetSelector": null,
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "52px"
},
"sourceTokenizedFile": "badge__4821_1665.json",
"expectedSourceTokenizedFile": "badge__4821_1665.json",
"axisImplementationEvidence": {
"Type": [],
"Color": [
"badge-color-palette"
],
"Tag": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Badge.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Badge.Tag; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/badge/badge--type-rectangle--color-green--fill-line--figma-type-rectangle-color-green-tag-line--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 52,
"rootWidthMode": "HUG",
"rootHeight": 24,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 16,
"rootGap": 0,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#299f45",
"textFillCssVar": "--brand"
},
"expectedNodes": [
{
"figmaNodeId": "4895:1372",
"name": "Done",
"type": "TEXT",
"fillHex": "#299f45",
"borderHex": null,
"textColorHex": "#299f45",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "badge--type-rectangle--color-blue--fill-filled--figma-type-rectangle-color-blue-tag-filled--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4821:1669",
"figmaName": "Badge",
"figmaVariantName": "Type=Rectangle, Color=Blue, Tag=Filled",
"theme": "dark",
"codeComponent": "Badge",
"codeProps": {
"type": "Rectangle",
"color": "Blue",
"fill": "Filled"
},
"state": "placeholder",
"rootTargetSelector": ".canonical-badge",
"textTargetSelector": null,
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "58px"
},
"sourceTokenizedFile": "badge__4821_1665.json",
"expectedSourceTokenizedFile": "badge__4821_1665.json",
"axisImplementationEvidence": {
"Type": [],
"Color": [
"badge-color-palette"
],
"Tag": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Badge.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Badge.Tag; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/badge/badge--type-rectangle--color-blue--fill-filled--figma-type-rectangle-color-blue-tag-filled--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 58,
"rootWidthMode": "HUG",
"rootHeight": 24,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 16,
"rootGap": 0,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#3892f3",
"rootFillCssVar": "--blue",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-primary-btn"
},
"expectedNodes": [
{
"figmaNodeId": "4824:8685",
"name": "Active",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "badge--type-rectangle--color-blue--fill-filled--figma-type-rectangle-color-blue-tag-filled--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4821:1669",
"figmaName": "Badge",
"figmaVariantName": "Type=Rectangle, Color=Blue, Tag=Filled",
"theme": "light",
"codeComponent": "Badge",
"codeProps": {
"type": "Rectangle",
"color": "Blue",
"fill": "Filled"
},
"state": "placeholder",
"rootTargetSelector": ".canonical-badge",
"textTargetSelector": null,
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "58px"
},
"sourceTokenizedFile": "badge__4821_1665.json",
"expectedSourceTokenizedFile": "badge__4821_1665.json",
"axisImplementationEvidence": {
"Type": [],
"Color": [
"badge-color-palette"
],
"Tag": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Badge.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Badge.Tag; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/badge/badge--type-rectangle--color-blue--fill-filled--figma-type-rectangle-color-blue-tag-filled--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 58,
"rootWidthMode": "HUG",
"rootHeight": 24,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 16,
"rootGap": 0,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#0473d5",
"rootFillCssVar": "--blue",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-primary-btn"
},
"expectedNodes": [
{
"figmaNodeId": "4824:8685",
"name": "Active",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "badge--type-rectangle--color-blue--fill-line--figma-type-rectangle-color-blue-tag-line--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4895:1373",
"figmaName": "Badge",
"figmaVariantName": "Type=Rectangle, Color=Blue, Tag=Line",
"theme": "dark",
"codeComponent": "Badge",
"codeProps": {
"type": "Rectangle",
"color": "Blue",
"fill": "Line"
},
"state": "placeholder",
"rootTargetSelector": ".canonical-badge",
"textTargetSelector": null,
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "58px"
},
"sourceTokenizedFile": "badge__4821_1665.json",
"expectedSourceTokenizedFile": "badge__4821_1665.json",
"axisImplementationEvidence": {
"Type": [],
"Color": [
"badge-color-palette"
],
"Tag": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Badge.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Badge.Tag; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/badge/badge--type-rectangle--color-blue--fill-line--figma-type-rectangle-color-blue-tag-line--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 58,
"rootWidthMode": "HUG",
"rootHeight": 24,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 16,
"rootGap": 0,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#3892f3",
"rootBorderCssVar": "--blue",
"rootBorderWidth": 1,
"textFillHex": "#3892f3",
"textFillCssVar": "--blue"
},
"expectedNodes": [
{
"figmaNodeId": "4895:1374",
"name": "Active",
"type": "TEXT",
"fillHex": "#3892f3",
"borderHex": null,
"textColorHex": "#3892f3",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "badge--type-rectangle--color-blue--fill-line--figma-type-rectangle-color-blue-tag-line--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4895:1373",
"figmaName": "Badge",
"figmaVariantName": "Type=Rectangle, Color=Blue, Tag=Line",
"theme": "light",
"codeComponent": "Badge",
"codeProps": {
"type": "Rectangle",
"color": "Blue",
"fill": "Line"
},
"state": "placeholder",
"rootTargetSelector": ".canonical-badge",
"textTargetSelector": null,
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "58px"
},
"sourceTokenizedFile": "badge__4821_1665.json",
"expectedSourceTokenizedFile": "badge__4821_1665.json",
"axisImplementationEvidence": {
"Type": [],
"Color": [
"badge-color-palette"
],
"Tag": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Badge.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Badge.Tag; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/badge/badge--type-rectangle--color-blue--fill-line--figma-type-rectangle-color-blue-tag-line--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 58,
"rootWidthMode": "HUG",
"rootHeight": 24,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 16,
"rootGap": 0,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#0473d5",
"rootBorderCssVar": "--blue",
"rootBorderWidth": 1,
"textFillHex": "#0473d5",
"textFillCssVar": "--blue"
},
"expectedNodes": [
{
"figmaNodeId": "4895:1374",
"name": "Active",
"type": "TEXT",
"fillHex": "#0473d5",
"borderHex": null,
"textColorHex": "#0473d5",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "badge--type-rectangle--color-orange--fill-filled--figma-type-rectangle-color-orange-tag-filled--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4821:1667",
"figmaName": "Badge",
"figmaVariantName": "Type=Rectangle, Color=Orange, Tag=Filled",
"theme": "dark",
"codeComponent": "Badge",
"codeProps": {
"type": "Rectangle",
"color": "Orange",
"fill": "Filled"
},
"state": "placeholder",
"rootTargetSelector": ".canonical-badge",
"textTargetSelector": null,
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "52px"
},
"sourceTokenizedFile": "badge__4821_1665.json",
"expectedSourceTokenizedFile": "badge__4821_1665.json",
"axisImplementationEvidence": {
"Type": [],
"Color": [
"badge-color-palette"
],
"Tag": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Badge.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Badge.Tag; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/badge/badge--type-rectangle--color-orange--fill-filled--figma-type-rectangle-color-orange-tag-filled--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 52,
"rootWidthMode": "HUG",
"rootHeight": 24,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 16,
"rootGap": 0,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#f68512",
"rootFillCssVar": "--orange",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-primary-btn"
},
"expectedNodes": [
{
"figmaNodeId": "4824:8689",
"name": "Warn",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "badge--type-rectangle--color-orange--fill-filled--figma-type-rectangle-color-orange-tag-filled--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4821:1667",
"figmaName": "Badge",
"figmaVariantName": "Type=Rectangle, Color=Orange, Tag=Filled",
"theme": "light",
"codeComponent": "Badge",
"codeProps": {
"type": "Rectangle",
"color": "Orange",
"fill": "Filled"
},
"state": "placeholder",
"rootTargetSelector": ".canonical-badge",
"textTargetSelector": null,
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "52px"
},
"sourceTokenizedFile": "badge__4821_1665.json",
"expectedSourceTokenizedFile": "badge__4821_1665.json",
"axisImplementationEvidence": {
"Type": [],
"Color": [
"badge-color-palette"
],
"Tag": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Badge.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Badge.Tag; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/badge/badge--type-rectangle--color-orange--fill-filled--figma-type-rectangle-color-orange-tag-filled--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 52,
"rootWidthMode": "HUG",
"rootHeight": 24,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 16,
"rootGap": 0,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#e26601",
"rootFillCssVar": "--orange",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-primary-btn"
},
"expectedNodes": [
{
"figmaNodeId": "4824:8689",
"name": "Warn",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "badge--type-rectangle--color-orange--fill-line--figma-type-rectangle-color-orange-tag-line--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4895:1375",
"figmaName": "Badge",
"figmaVariantName": "Type=Rectangle, Color=Orange, Tag=Line",
"theme": "dark",
"codeComponent": "Badge",
"codeProps": {
"type": "Rectangle",
"color": "Orange",
"fill": "Line"
},
"state": "placeholder",
"rootTargetSelector": ".canonical-badge",
"textTargetSelector": null,
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "52px"
},
"sourceTokenizedFile": "badge__4821_1665.json",
"expectedSourceTokenizedFile": "badge__4821_1665.json",
"axisImplementationEvidence": {
"Type": [],
"Color": [
"badge-color-palette"
],
"Tag": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Badge.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Badge.Tag; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/badge/badge--type-rectangle--color-orange--fill-line--figma-type-rectangle-color-orange-tag-line--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 52,
"rootWidthMode": "HUG",
"rootHeight": 24,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 16,
"rootGap": 0,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#f68512",
"rootBorderCssVar": "--orange",
"rootBorderWidth": 1,
"textFillHex": "#f68512",
"textFillCssVar": "--orange"
},
"expectedNodes": [
{
"figmaNodeId": "4895:1376",
"name": "Warn",
"type": "TEXT",
"fillHex": "#f68512",
"borderHex": null,
"textColorHex": "#f68512",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "badge--type-rectangle--color-orange--fill-line--figma-type-rectangle-color-orange-tag-line--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4895:1375",
"figmaName": "Badge",
"figmaVariantName": "Type=Rectangle, Color=Orange, Tag=Line",
"theme": "light",
"codeComponent": "Badge",
"codeProps": {
"type": "Rectangle",
"color": "Orange",
"fill": "Line"
},
"state": "placeholder",
"rootTargetSelector": ".canonical-badge",
"textTargetSelector": null,
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "52px"
},
"sourceTokenizedFile": "badge__4821_1665.json",
"expectedSourceTokenizedFile": "badge__4821_1665.json",
"axisImplementationEvidence": {
"Type": [],
"Color": [
"badge-color-palette"
],
"Tag": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Badge.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Badge.Tag; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/badge/badge--type-rectangle--color-orange--fill-line--figma-type-rectangle-color-orange-tag-line--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 52,
"rootWidthMode": "HUG",
"rootHeight": 24,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 16,
"rootGap": 0,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#e26601",
"rootBorderCssVar": "--orange",
"rootBorderWidth": 1,
"textFillHex": "#e26601",
"textFillCssVar": "--orange"
},
"expectedNodes": [
{
"figmaNodeId": "4895:1376",
"name": "Warn",
"type": "TEXT",
"fillHex": "#e26601",
"borderHex": null,
"textColorHex": "#e26601",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "badge--type-rectangle--color-red--fill-filled--figma-type-rectangle-color-red-tag-filled--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4821:1666",
"figmaName": "Badge",
"figmaVariantName": "Type=Rectangle, Color=Red, Tag=Filled",
"theme": "dark",
"codeComponent": "Badge",
"codeProps": {
"type": "Rectangle",
"color": "Red",
"fill": "Filled"
},
"state": "placeholder",
"rootTargetSelector": ".canonical-badge",
"textTargetSelector": null,
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "50px"
},
"sourceTokenizedFile": "badge__4821_1665.json",
"expectedSourceTokenizedFile": "badge__4821_1665.json",
"axisImplementationEvidence": {
"Type": [],
"Color": [
"badge-color-palette"
],
"Tag": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Badge.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Badge.Tag; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/badge/badge--type-rectangle--color-red--fill-filled--figma-type-rectangle-color-red-tag-filled--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 50,
"rootWidthMode": "HUG",
"rootHeight": 24,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 16,
"rootGap": 0,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ea4233",
"rootFillCssVar": "--red",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-primary-btn"
},
"expectedNodes": [
{
"figmaNodeId": "4824:8691",
"name": "Error",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "badge--type-rectangle--color-red--fill-filled--figma-type-rectangle-color-red-tag-filled--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4821:1666",
"figmaName": "Badge",
"figmaVariantName": "Type=Rectangle, Color=Red, Tag=Filled",
"theme": "light",
"codeComponent": "Badge",
"codeProps": {
"type": "Rectangle",
"color": "Red",
"fill": "Filled"
},
"state": "placeholder",
"rootTargetSelector": ".canonical-badge",
"textTargetSelector": null,
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "50px"
},
"sourceTokenizedFile": "badge__4821_1665.json",
"expectedSourceTokenizedFile": "badge__4821_1665.json",
"axisImplementationEvidence": {
"Type": [],
"Color": [
"badge-color-palette"
],
"Tag": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Badge.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Badge.Tag; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/badge/badge--type-rectangle--color-red--fill-filled--figma-type-rectangle-color-red-tag-filled--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 50,
"rootWidthMode": "HUG",
"rootHeight": 24,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 16,
"rootGap": 0,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#dc2717",
"rootFillCssVar": "--red",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-primary-btn"
},
"expectedNodes": [
{
"figmaNodeId": "4824:8691",
"name": "Error",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "badge--type-rectangle--color-red--fill-line--figma-type-rectangle-color-red-tag-line--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4895:1377",
"figmaName": "Badge",
"figmaVariantName": "Type=Rectangle, Color=Red, Tag=Line",
"theme": "dark",
"codeComponent": "Badge",
"codeProps": {
"type": "Rectangle",
"color": "Red",
"fill": "Line"
},
"state": "placeholder",
"rootTargetSelector": ".canonical-badge",
"textTargetSelector": null,
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "50px"
},
"sourceTokenizedFile": "badge__4821_1665.json",
"expectedSourceTokenizedFile": "badge__4821_1665.json",
"axisImplementationEvidence": {
"Type": [],
"Color": [
"badge-color-palette"
],
"Tag": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Badge.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Badge.Tag; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/badge/badge--type-rectangle--color-red--fill-line--figma-type-rectangle-color-red-tag-line--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 50,
"rootWidthMode": "HUG",
"rootHeight": 24,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 16,
"rootGap": 0,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#ea4233",
"textFillCssVar": "--red"
},
"expectedNodes": [
{
"figmaNodeId": "4895:1378",
"name": "Error",
"type": "TEXT",
"fillHex": "#ea4233",
"borderHex": null,
"textColorHex": "#ea4233",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "badge--type-rectangle--color-red--fill-line--figma-type-rectangle-color-red-tag-line--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4895:1377",
"figmaName": "Badge",
"figmaVariantName": "Type=Rectangle, Color=Red, Tag=Line",
"theme": "light",
"codeComponent": "Badge",
"codeProps": {
"type": "Rectangle",
"color": "Red",
"fill": "Line"
},
"state": "placeholder",
"rootTargetSelector": ".canonical-badge",
"textTargetSelector": null,
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "50px"
},
"sourceTokenizedFile": "badge__4821_1665.json",
"expectedSourceTokenizedFile": "badge__4821_1665.json",
"axisImplementationEvidence": {
"Type": [],
"Color": [
"badge-color-palette"
],
"Tag": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Badge.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Badge.Tag; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/badge/badge--type-rectangle--color-red--fill-line--figma-type-rectangle-color-red-tag-line--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 50,
"rootWidthMode": "HUG",
"rootHeight": 24,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 16,
"rootGap": 0,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#dc2717",
"textFillCssVar": "--red"
},
"expectedNodes": [
{
"figmaNodeId": "4895:1378",
"name": "Error",
"type": "TEXT",
"fillHex": "#dc2717",
"borderHex": null,
"textColorHex": "#dc2717",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "badge--type-rectangle--color-neutral--fill-line--figma-type-rectangle-color-neutral-tag-line--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4993:1553",
"figmaName": "Badge",
"figmaVariantName": "Type=Rectangle, Color=Neutral, Tag=Line",
"theme": "dark",
"codeComponent": "Badge",
"codeProps": {
"type": "Rectangle",
"color": "Neutral",
"fill": "Line"
},
"state": "placeholder",
"rootTargetSelector": ".canonical-badge",
"textTargetSelector": null,
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "48px"
},
"sourceTokenizedFile": "badge__4821_1665.json",
"expectedSourceTokenizedFile": "badge__4821_1665.json",
"axisImplementationEvidence": {
"Type": [],
"Color": [
"badge-color-palette"
],
"Tag": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Badge.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Badge.Tag; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/badge/badge--type-rectangle--color-neutral--fill-line--figma-type-rectangle-color-neutral-tag-line--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 48,
"rootWidthMode": "HUG",
"rootHeight": 24,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 16,
"rootGap": 0,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#353535",
"rootBorderCssVar": "--line-deep",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-body"
},
"expectedNodes": [
{
"figmaNodeId": "4993:1554",
"name": "Msg",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "badge--type-rectangle--color-neutral--fill-line--figma-type-rectangle-color-neutral-tag-line--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4993:1553",
"figmaName": "Badge",
"figmaVariantName": "Type=Rectangle, Color=Neutral, Tag=Line",
"theme": "light",
"codeComponent": "Badge",
"codeProps": {
"type": "Rectangle",
"color": "Neutral",
"fill": "Line"
},
"state": "placeholder",
"rootTargetSelector": ".canonical-badge",
"textTargetSelector": null,
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "48px"
},
"sourceTokenizedFile": "badge__4821_1665.json",
"expectedSourceTokenizedFile": "badge__4821_1665.json",
"axisImplementationEvidence": {
"Type": [],
"Color": [
"badge-color-palette"
],
"Tag": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Badge.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Badge.Tag; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/badge/badge--type-rectangle--color-neutral--fill-line--figma-type-rectangle-color-neutral-tag-line--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 48,
"rootWidthMode": "HUG",
"rootHeight": 24,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 16,
"rootGap": 0,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#dbdbdb",
"rootBorderCssVar": "--line-deep",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--text-body"
},
"expectedNodes": [
{
"figmaNodeId": "4993:1554",
"name": "Msg",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "badge--type-rectangle--color-neutral--fill-filled--figma-type-rectangle-color-neutral-tag-filled--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4993:1551",
"figmaName": "Badge",
"figmaVariantName": "Type=Rectangle, Color=Neutral, Tag=Filled",
"theme": "dark",
"codeComponent": "Badge",
"codeProps": {
"type": "Rectangle",
"color": "Neutral",
"fill": "Filled"
},
"state": "placeholder",
"rootTargetSelector": ".canonical-badge",
"textTargetSelector": null,
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "48px"
},
"sourceTokenizedFile": "badge__4821_1665.json",
"expectedSourceTokenizedFile": "badge__4821_1665.json",
"axisImplementationEvidence": {
"Type": [],
"Color": [
"badge-color-palette"
],
"Tag": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Badge.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Badge.Tag; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/badge/badge--type-rectangle--color-neutral--fill-filled--figma-type-rectangle-color-neutral-tag-filled--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 48,
"rootWidthMode": "HUG",
"rootHeight": 24,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 16,
"rootGap": 0,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--bg-layer4",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-body"
},
"expectedNodes": [
{
"figmaNodeId": "4993:1552",
"name": "Msg",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "badge--type-rectangle--color-neutral--fill-filled--figma-type-rectangle-color-neutral-tag-filled--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4993:1551",
"figmaName": "Badge",
"figmaVariantName": "Type=Rectangle, Color=Neutral, Tag=Filled",
"theme": "light",
"codeComponent": "Badge",
"codeProps": {
"type": "Rectangle",
"color": "Neutral",
"fill": "Filled"
},
"state": "placeholder",
"rootTargetSelector": ".canonical-badge",
"textTargetSelector": null,
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "48px"
},
"sourceTokenizedFile": "badge__4821_1665.json",
"expectedSourceTokenizedFile": "badge__4821_1665.json",
"axisImplementationEvidence": {
"Type": [],
"Color": [
"badge-color-palette"
],
"Tag": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Badge.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Badge.Tag; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/badge/badge--type-rectangle--color-neutral--fill-filled--figma-type-rectangle-color-neutral-tag-filled--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 48,
"rootWidthMode": "HUG",
"rootHeight": 24,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 16,
"rootGap": 0,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#dbdbdb",
"rootFillCssVar": "--bg-layer4",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#141414",
"textFillCssVar": "--text-body"
},
"expectedNodes": [
{
"figmaNodeId": "4993:1552",
"name": "Msg",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "pill-status--status-on-air--active-true--figma-status-on-air-active-true--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "5672:140618",
"figmaName": "Pill Status",
"figmaVariantName": "Status=On-air, Active=True",
"theme": "dark",
"codeComponent": "PillStatus",
"codeProps": {
"status": "On-air",
"active": true
},
"state": "placeholder",
"rootTargetSelector": ".pill",
"textTargetSelector": ".pill__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "93px"
},
"sourceTokenizedFile": "pill_status__5672_140617.json",
"expectedSourceTokenizedFile": "pill_status__5672_140617.json",
"axisImplementationEvidence": {
"Status": [],
"Active": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Pill Status.Status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Pill Status.Active; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/pillstatus/pill-status--status-on-air--active-true--figma-status-on-air-active-true--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 93,
"rootWidthMode": "HUG",
"rootHeight": 28,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 10
},
"rootRadius": 999,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ea4233",
"rootFillCssVar": "--red",
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#ea4233",
"textFillCssVar": "--red"
},
"expectedNodes": [
{
"figmaNodeId": "5672:140619",
"name": "Ellipse",
"type": "ELLIPSE",
"fillHex": "#ea4233",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "5672:140620",
"name": "On-air",
"type": "TEXT",
"fillHex": "#ea4233",
"borderHex": null,
"textColorHex": "#ea4233",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "5672:140621",
"name": "12",
"type": "TEXT",
"fillHex": "#ea4233",
"borderHex": null,
"textColorHex": "#ea4233",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "pill-status--status-on-air--active-false--figma-status-on-air-active-false--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "5672:140622",
"figmaName": "Pill Status",
"figmaVariantName": "Status=On-air, Active=False",
"theme": "dark",
"codeComponent": "PillStatus",
"codeProps": {
"status": "On-air",
"active": false
},
"state": "placeholder",
"rootTargetSelector": ".pill",
"textTargetSelector": ".pill__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "93px"
},
"sourceTokenizedFile": "pill_status__5672_140617.json",
"expectedSourceTokenizedFile": "pill_status__5672_140617.json",
"axisImplementationEvidence": {
"Status": [],
"Active": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Pill Status.Status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Pill Status.Active; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/pillstatus/pill-status--status-on-air--active-false--figma-status-on-air-active-false--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 93,
"rootWidthMode": "HUG",
"rootHeight": 28,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 10
},
"rootRadius": 999,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#262626",
"rootFillCssVar": "--bg-layer3",
"rootBorderHex": "#353535",
"rootBorderCssVar": "--line-deep",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "5672:140623",
"name": "Ellipse",
"type": "ELLIPSE",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "5672:140624",
"name": "On-air",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "5672:140625",
"name": "12",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "pill-status--status-preview--active-true--figma-status-preview-active-true--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "5672:140626",
"figmaName": "Pill Status",
"figmaVariantName": "Status=Preview, Active=True",
"theme": "dark",
"codeComponent": "PillStatus",
"codeProps": {
"status": "Preview",
"active": true
},
"state": "placeholder",
"rootTargetSelector": ".pill",
"textTargetSelector": ".pill__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "103px"
},
"sourceTokenizedFile": "pill_status__5672_140617.json",
"expectedSourceTokenizedFile": "pill_status__5672_140617.json",
"axisImplementationEvidence": {
"Status": [],
"Active": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Pill Status.Status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Pill Status.Active; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/pillstatus/pill-status--status-preview--active-true--figma-status-preview-active-true--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 103,
"rootWidthMode": "HUG",
"rootHeight": 28,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 10
},
"rootRadius": 999,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#2fb54e",
"rootFillCssVar": "--brand",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#2fb54e",
"textFillCssVar": "--brand"
},
"expectedNodes": [
{
"figmaNodeId": "5672:140627",
"name": "Ellipse",
"type": "ELLIPSE",
"fillHex": "#2fb54e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "5672:140628",
"name": "Preview",
"type": "TEXT",
"fillHex": "#2fb54e",
"borderHex": null,
"textColorHex": "#2fb54e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "5672:140629",
"name": "12",
"type": "TEXT",
"fillHex": "#2fb54e",
"borderHex": null,
"textColorHex": "#2fb54e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "pill-status--status-preview--active-false--figma-status-preview-active-false--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "5672:140630",
"figmaName": "Pill Status",
"figmaVariantName": "Status=Preview, Active=False",
"theme": "dark",
"codeComponent": "PillStatus",
"codeProps": {
"status": "Preview",
"active": false
},
"state": "placeholder",
"rootTargetSelector": ".pill",
"textTargetSelector": ".pill__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "103px"
},
"sourceTokenizedFile": "pill_status__5672_140617.json",
"expectedSourceTokenizedFile": "pill_status__5672_140617.json",
"axisImplementationEvidence": {
"Status": [],
"Active": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Pill Status.Status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Pill Status.Active; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/pillstatus/pill-status--status-preview--active-false--figma-status-preview-active-false--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 103,
"rootWidthMode": "HUG",
"rootHeight": 28,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 10
},
"rootRadius": 999,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#262626",
"rootFillCssVar": "--bg-layer3",
"rootBorderHex": "#353535",
"rootBorderCssVar": "--line-deep",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "5672:140631",
"name": "Ellipse",
"type": "ELLIPSE",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "5672:140632",
"name": "Preview",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "5672:140633",
"name": "12",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "pill-status--status-analyzing--active-true--figma-status-analyzing-active-true--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "5672:140634",
"figmaName": "Pill Status",
"figmaVariantName": "Status=Analyzing, Active=True",
"theme": "dark",
"codeComponent": "PillStatus",
"codeProps": {
"status": "Analyzing",
"active": true
},
"state": "placeholder",
"rootTargetSelector": ".pill",
"textTargetSelector": ".pill__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "113px"
},
"sourceTokenizedFile": "pill_status__5672_140617.json",
"expectedSourceTokenizedFile": "pill_status__5672_140617.json",
"axisImplementationEvidence": {
"Status": [],
"Active": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Pill Status.Status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Pill Status.Active; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/pillstatus/pill-status--status-analyzing--active-true--figma-status-analyzing-active-true--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 113,
"rootWidthMode": "HUG",
"rootHeight": 28,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 10
},
"rootRadius": 999,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#3892f3",
"rootFillCssVar": "--blue",
"rootBorderHex": "#3892f3",
"rootBorderCssVar": "--blue",
"rootBorderWidth": 1,
"textFillHex": "#3892f3",
"textFillCssVar": "--blue"
},
"expectedNodes": [
{
"figmaNodeId": "5672:140635",
"name": "Ellipse",
"type": "ELLIPSE",
"fillHex": "#3892f3",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "5672:140636",
"name": "Analyzing",
"type": "TEXT",
"fillHex": "#3892f3",
"borderHex": null,
"textColorHex": "#3892f3",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "5672:140637",
"name": "12",
"type": "TEXT",
"fillHex": "#3892f3",
"borderHex": null,
"textColorHex": "#3892f3",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "pill-status--status-analyzing--active-false--figma-status-analyzing-active-false--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "5672:140638",
"figmaName": "Pill Status",
"figmaVariantName": "Status=Analyzing, Active=False",
"theme": "dark",
"codeComponent": "PillStatus",
"codeProps": {
"status": "Analyzing",
"active": false
},
"state": "placeholder",
"rootTargetSelector": ".pill",
"textTargetSelector": ".pill__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "113px"
},
"sourceTokenizedFile": "pill_status__5672_140617.json",
"expectedSourceTokenizedFile": "pill_status__5672_140617.json",
"axisImplementationEvidence": {
"Status": [],
"Active": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Pill Status.Status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Pill Status.Active; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/pillstatus/pill-status--status-analyzing--active-false--figma-status-analyzing-active-false--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 113,
"rootWidthMode": "HUG",
"rootHeight": 28,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 10
},
"rootRadius": 999,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#262626",
"rootFillCssVar": "--bg-layer3",
"rootBorderHex": "#353535",
"rootBorderCssVar": "--line-deep",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "5672:140639",
"name": "Ellipse",
"type": "ELLIPSE",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "5672:140640",
"name": "Analyzing",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "5672:140641",
"name": "12",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "pill-status--status-inactive--active-true--figma-status-inactive-active-true--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "5672:140642",
"figmaName": "Pill Status",
"figmaVariantName": "Status=Inactive, Active=True",
"theme": "dark",
"codeComponent": "PillStatus",
"codeProps": {
"status": "Inactive",
"active": true
},
"state": "placeholder",
"rootTargetSelector": ".pill",
"textTargetSelector": ".pill__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "103px"
},
"sourceTokenizedFile": "pill_status__5672_140617.json",
"expectedSourceTokenizedFile": "pill_status__5672_140617.json",
"axisImplementationEvidence": {
"Status": [],
"Active": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Pill Status.Status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Pill Status.Active; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/pillstatus/pill-status--status-inactive--active-true--figma-status-inactive-active-true--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 103,
"rootWidthMode": "HUG",
"rootHeight": 28,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 10
},
"rootRadius": 999,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--bg-layer4",
"rootBorderHex": "#7b7b7b",
"rootBorderCssVar": "--color-grey-7",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "5672:140643",
"name": "Ellipse",
"type": "ELLIPSE",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "5672:140644",
"name": "Inactive",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "5672:140645",
"name": "12",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "pill-status--status-inactive--active-false--figma-status-inactive-active-false--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "5672:140646",
"figmaName": "Pill Status",
"figmaVariantName": "Status=Inactive, Active=False",
"theme": "dark",
"codeComponent": "PillStatus",
"codeProps": {
"status": "Inactive",
"active": false
},
"state": "placeholder",
"rootTargetSelector": ".pill",
"textTargetSelector": ".pill__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "103px"
},
"sourceTokenizedFile": "pill_status__5672_140617.json",
"expectedSourceTokenizedFile": "pill_status__5672_140617.json",
"axisImplementationEvidence": {
"Status": [],
"Active": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Pill Status.Status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Pill Status.Active; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/pillstatus/pill-status--status-inactive--active-false--figma-status-inactive-active-false--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 103,
"rootWidthMode": "HUG",
"rootHeight": 28,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 10
},
"rootRadius": 999,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#262626",
"rootFillCssVar": "--bg-layer3",
"rootBorderHex": "#353535",
"rootBorderCssVar": "--line-deep",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "5672:140647",
"name": "Ellipse",
"type": "ELLIPSE",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "5672:140648",
"name": "Inactive",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "5672:140649",
"name": "12",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-default--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-default-size-m-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:32817",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=default, size=M, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "default",
"size": "M",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "placeholder",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-default--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-default-size-m-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1436:32818",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:33893",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-error--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-error-size-m-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:6996",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=error, size=M, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "error",
"size": "M",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-error--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-error-size-m-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "4187:6997",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6998",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-default--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-default-size-l-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38596",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=default, size=L, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "default",
"size": "L",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "placeholder",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-default--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-default-size-l-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38597",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38598",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-error--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-error-size-l-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:7214",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=error, size=L, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "error",
"size": "L",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-error--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-error-size-l-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "4187:7215",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7216",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-default--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-default-size-m-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:32821",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=default, size=M, feature=default",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "default",
"size": "M",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "placeholder",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-default--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-default-size-m-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1436:32822",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:34089",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-error--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-error-size-m-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:7398",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=error, size=M, feature=default",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "error",
"size": "M",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-error--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-error-size-m-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "4187:7399",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7400",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-default--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-default-size-l-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38599",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=default, size=L, feature=default",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "default",
"size": "L",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "placeholder",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-default--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-default-size-l-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38600",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38601",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-error--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-error-size-l-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:7582",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=error, size=L, feature=default",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "error",
"size": "L",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-error--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-error-size-l-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "4187:7583",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7584",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-default--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-default-size-m-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:32897",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=default, size=M, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "default",
"size": "M",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "filled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-default--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-default-size-m-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1436:32898",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:33905",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-error--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-error-size-m-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:6999",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=error, size=M, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "error",
"size": "M",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-error--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-error-size-m-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "4187:7000",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7001",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-default--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-default-size-l-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38602",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=default, size=L, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "default",
"size": "L",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "filled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-default--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-default-size-l-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38603",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38604",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-error--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-error-size-l-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:7217",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=error, size=L, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "error",
"size": "L",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-error--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-error-size-l-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "4187:7218",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7219",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-multi-select--enable-on--ux-default--size-m--feature-default--multiple-true--editable-false--figma-dark-theme-on-status-multi-select-enable-on-ux-default-size-m-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:35181",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=multi select, enable=on, UX=default, size=M, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": [
"option-a"
],
"darkTheme": "on",
"status": "multi select",
"enable": "on",
"ux": "default",
"size": "M",
"feature": "default",
"multiple": true,
"editable": false
},
"state": "filled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-multi-select--enable-on--ux-default--size-m--feature-default--multiple-true--editable-false--figma-dark-theme-on-status-multi-select-enable-on-ux-default-size-m-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1436:35209",
"name": "Frame 2516",
"type": "FRAME",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1436:35182",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:35226",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:35210",
"name": "Frame 2517",
"type": "FRAME",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1436:35211",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:35239",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:35183",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-multi-select--enable-on--ux-error--size-m--feature-default--multiple-true--editable-false--figma-dark-theme-on-status-multi-select-enable-on-ux-error-size-m-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:7002",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=multi select, enable=on, UX=error, size=M, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": [
"option-a"
],
"darkTheme": "on",
"status": "multi select",
"enable": "on",
"ux": "error",
"size": "M",
"feature": "default",
"multiple": true,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-multi-select--enable-on--ux-error--size-m--feature-default--multiple-true--editable-false--figma-dark-theme-on-status-multi-select-enable-on-ux-error-size-m-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "4187:7004",
"name": "Frame 2516",
"type": "FRAME",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "4187:7005",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7006",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7007",
"name": "Frame 2517",
"type": "FRAME",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "4187:7008",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7009",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7010",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-multi-select--enable-on--ux-default--size-l--feature-default--multiple-true--editable-false--figma-dark-theme-on-status-multi-select-enable-on-ux-default-size-l-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38605",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=multi select, enable=on, UX=default, size=L, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": [
"option-a"
],
"darkTheme": "on",
"status": "multi select",
"enable": "on",
"ux": "default",
"size": "L",
"feature": "default",
"multiple": true,
"editable": false
},
"state": "filled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-multi-select--enable-on--ux-default--size-l--feature-default--multiple-true--editable-false--figma-dark-theme-on-status-multi-select-enable-on-ux-default-size-l-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38607",
"name": "Frame 2516",
"type": "FRAME",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1443:38608",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38609",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:42958",
"name": "Frame 2518",
"type": "FRAME",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1443:42959",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:42960",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38613",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-multi-select--enable-on--ux-error--size-l--feature-default--multiple-true--editable-false--figma-dark-theme-on-status-multi-select-enable-on-ux-error-size-l-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:7220",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=multi select, enable=on, UX=error, size=L, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": [
"option-a"
],
"darkTheme": "on",
"status": "multi select",
"enable": "on",
"ux": "error",
"size": "L",
"feature": "default",
"multiple": true,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-multi-select--enable-on--ux-error--size-l--feature-default--multiple-true--editable-false--figma-dark-theme-on-status-multi-select-enable-on-ux-error-size-l-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "4187:7222",
"name": "Frame 2516",
"type": "FRAME",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "4187:7223",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7224",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7225",
"name": "Frame 2518",
"type": "FRAME",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "4187:7226",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7227",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7228",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-multi-select--enable-on--ux-default--size-m--feature-default--multiple-true--editable-false--figma-dark-theme-off-status-multi-select-enable-on-ux-default-size-m-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:36574",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=multi select, enable=on, UX=default, size=M, feature=default",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": [
"option-a"
],
"darkTheme": "off",
"status": "multi select",
"enable": "on",
"ux": "default",
"size": "M",
"feature": "default",
"multiple": true,
"editable": false
},
"state": "filled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-multi-select--enable-on--ux-default--size-m--feature-default--multiple-true--editable-false--figma-dark-theme-off-status-multi-select-enable-on-ux-default-size-m-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1436:36576",
"name": "Frame 2516",
"type": "FRAME",
"fillHex": "#f0f0f0",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1436:36577",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:36578",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:36579",
"name": "Frame 2517",
"type": "FRAME",
"fillHex": "#f0f0f0",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1436:36580",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:36581",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:36582",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-multi-select--enable-on--ux-error--size-m--feature-default--multiple-true--editable-false--figma-dark-theme-off-status-multi-select-enable-on-ux-error-size-m-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:7401",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=multi select, enable=on, UX=error, size=M, feature=default",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": [
"option-a"
],
"darkTheme": "off",
"status": "multi select",
"enable": "on",
"ux": "error",
"size": "M",
"feature": "default",
"multiple": true,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-multi-select--enable-on--ux-error--size-m--feature-default--multiple-true--editable-false--figma-dark-theme-off-status-multi-select-enable-on-ux-error-size-m-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "4187:7403",
"name": "Frame 2516",
"type": "FRAME",
"fillHex": "#f0f0f0",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "4187:7404",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7405",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7406",
"name": "Frame 2517",
"type": "FRAME",
"fillHex": "#f0f0f0",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "4187:7407",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7408",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7409",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-multi-select--enable-on--ux-default--size-l--feature-default--multiple-true--editable-false--figma-dark-theme-off-status-multi-select-enable-on-ux-default-size-l-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38614",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=multi select, enable=on, UX=default, size=L, feature=default",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": [
"option-a"
],
"darkTheme": "off",
"status": "multi select",
"enable": "on",
"ux": "default",
"size": "L",
"feature": "default",
"multiple": true,
"editable": false
},
"state": "filled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-multi-select--enable-on--ux-default--size-l--feature-default--multiple-true--editable-false--figma-dark-theme-off-status-multi-select-enable-on-ux-default-size-l-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38616",
"name": "Frame 2516",
"type": "FRAME",
"fillHex": "#f0f0f0",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1443:38617",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38618",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38619",
"name": "Frame 2517",
"type": "FRAME",
"fillHex": "#f0f0f0",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1443:38620",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38621",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38622",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-multi-select--enable-on--ux-error--size-l--feature-default--multiple-true--editable-false--figma-dark-theme-off-status-multi-select-enable-on-ux-error-size-l-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:7585",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=multi select, enable=on, UX=error, size=L, feature=default",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": [
"option-a"
],
"darkTheme": "off",
"status": "multi select",
"enable": "on",
"ux": "error",
"size": "L",
"feature": "default",
"multiple": true,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-multi-select--enable-on--ux-error--size-l--feature-default--multiple-true--editable-false--figma-dark-theme-off-status-multi-select-enable-on-ux-error-size-l-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "4187:7587",
"name": "Frame 2516",
"type": "FRAME",
"fillHex": "#f0f0f0",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "4187:7588",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7589",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7590",
"name": "Frame 2517",
"type": "FRAME",
"fillHex": "#f0f0f0",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "4187:7591",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7592",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7593",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-multi-select--enable-on--ux-hover--size-m--feature-default--multiple-true--editable-false--figma-dark-theme-on-status-multi-select-enable-on-ux-hover-size-m-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:35469",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=multi select, enable=on, UX=hover, size=M, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": [
"option-a"
],
"darkTheme": "on",
"status": "multi select",
"enable": "on",
"ux": "hover",
"size": "M",
"feature": "default",
"multiple": true,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-multi-select--enable-on--ux-hover--size-m--feature-default--multiple-true--editable-false--figma-dark-theme-on-status-multi-select-enable-on-ux-hover-size-m-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1436:35471",
"name": "Frame 2516",
"type": "FRAME",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1436:35472",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:35473",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:35474",
"name": "Frame 2517",
"type": "FRAME",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1436:35475",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:35476",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:35510",
"name": "icon/Edit/Clear 1",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-multi-select--enable-on--ux-hover--size-l--feature-default--multiple-true--editable-false--figma-dark-theme-on-status-multi-select-enable-on-ux-hover-size-l-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38623",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=multi select, enable=on, UX=hover, size=L, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": [
"option-a"
],
"darkTheme": "on",
"status": "multi select",
"enable": "on",
"ux": "hover",
"size": "L",
"feature": "default",
"multiple": true,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-multi-select--enable-on--ux-hover--size-l--feature-default--multiple-true--editable-false--figma-dark-theme-on-status-multi-select-enable-on-ux-hover-size-l-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38625",
"name": "Frame 2516",
"type": "FRAME",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1443:38626",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38627",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38628",
"name": "Frame 2517",
"type": "FRAME",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1443:38629",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38630",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38631",
"name": "icon/Edit/Clear 1",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-multi-select--enable-on--ux-hover--size-m--feature-default--multiple-true--editable-false--figma-dark-theme-off-status-multi-select-enable-on-ux-hover-size-m-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:36583",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=multi select, enable=on, UX=hover, size=M, feature=default",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": [
"option-a"
],
"darkTheme": "off",
"status": "multi select",
"enable": "on",
"ux": "hover",
"size": "M",
"feature": "default",
"multiple": true,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-multi-select--enable-on--ux-hover--size-m--feature-default--multiple-true--editable-false--figma-dark-theme-off-status-multi-select-enable-on-ux-hover-size-m-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1436:36585",
"name": "Frame 2516",
"type": "FRAME",
"fillHex": "#ffffff",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1436:36586",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:36587",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:36588",
"name": "Frame 2517",
"type": "FRAME",
"fillHex": "#ffffff",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1436:36589",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:36590",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:36591",
"name": "icon/Edit/Clear 1",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-multi-select--enable-on--ux-hover--size-l--feature-default--multiple-true--editable-false--figma-dark-theme-off-status-multi-select-enable-on-ux-hover-size-l-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38632",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=multi select, enable=on, UX=hover, size=L, feature=default",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": [
"option-a"
],
"darkTheme": "off",
"status": "multi select",
"enable": "on",
"ux": "hover",
"size": "L",
"feature": "default",
"multiple": true,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-multi-select--enable-on--ux-hover--size-l--feature-default--multiple-true--editable-false--figma-dark-theme-off-status-multi-select-enable-on-ux-hover-size-l-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38634",
"name": "Frame 2516",
"type": "FRAME",
"fillHex": "#f0f0f0",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1443:38635",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38636",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38637",
"name": "Frame 2517",
"type": "FRAME",
"fillHex": "#f0f0f0",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1443:38638",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38639",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38640",
"name": "icon/Edit/Clear 1",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-multi-select--enable-on--ux-click--size-m--feature-default--multiple-true--editable-false--figma-dark-theme-on-status-multi-select-enable-on-ux-click-size-m-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:35569",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=multi select, enable=on, UX=click, size=M, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": [
"option-a"
],
"darkTheme": "on",
"status": "multi select",
"enable": "on",
"ux": "click",
"size": "M",
"feature": "default",
"multiple": true,
"editable": false
},
"state": "focus",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-multi-select--enable-on--ux-click--size-m--feature-default--multiple-true--editable-false--figma-dark-theme-on-status-multi-select-enable-on-ux-click-size-m-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1436:35571",
"name": "Frame 2516",
"type": "FRAME",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1436:35572",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:35573",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:35574",
"name": "Frame 2517",
"type": "FRAME",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1436:35575",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:35576",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:35693",
"name": "icon/Arrow/Updown",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-multi-select--enable-on--ux-click--size-l--feature-default--multiple-true--editable-false--figma-dark-theme-on-status-multi-select-enable-on-ux-click-size-l-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38641",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=multi select, enable=on, UX=click, size=L, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": [
"option-a"
],
"darkTheme": "on",
"status": "multi select",
"enable": "on",
"ux": "click",
"size": "L",
"feature": "default",
"multiple": true,
"editable": false
},
"state": "focus",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-multi-select--enable-on--ux-click--size-l--feature-default--multiple-true--editable-false--figma-dark-theme-on-status-multi-select-enable-on-ux-click-size-l-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38643",
"name": "Frame 2516",
"type": "FRAME",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1443:38644",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38645",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38646",
"name": "Frame 2517",
"type": "FRAME",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1443:38647",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38648",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38649",
"name": "icon/Arrow/Updown",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-multi-select--enable-on--ux-click--size-m--feature-default--multiple-true--editable-false--figma-dark-theme-off-status-multi-select-enable-on-ux-click-size-m-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:36592",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=multi select, enable=on, UX=click, size=M, feature=default",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": [
"option-a"
],
"darkTheme": "off",
"status": "multi select",
"enable": "on",
"ux": "click",
"size": "M",
"feature": "default",
"multiple": true,
"editable": false
},
"state": "focus",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-multi-select--enable-on--ux-click--size-m--feature-default--multiple-true--editable-false--figma-dark-theme-off-status-multi-select-enable-on-ux-click-size-m-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1436:36594",
"name": "Frame 2516",
"type": "FRAME",
"fillHex": "#ffffff",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1436:36595",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:36596",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:36597",
"name": "Frame 2517",
"type": "FRAME",
"fillHex": "#ffffff",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1436:36598",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:36599",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:36600",
"name": "icon/Arrow/Updown",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-multi-select--enable-on--ux-click--size-l--feature-default--multiple-true--editable-false--figma-dark-theme-off-status-multi-select-enable-on-ux-click-size-l-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38650",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=multi select, enable=on, UX=click, size=L, feature=default",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": [
"option-a"
],
"darkTheme": "off",
"status": "multi select",
"enable": "on",
"ux": "click",
"size": "L",
"feature": "default",
"multiple": true,
"editable": false
},
"state": "focus",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-multi-select--enable-on--ux-click--size-l--feature-default--multiple-true--editable-false--figma-dark-theme-off-status-multi-select-enable-on-ux-click-size-l-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38652",
"name": "Frame 2516",
"type": "FRAME",
"fillHex": "#f0f0f0",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1443:38653",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38654",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38655",
"name": "Frame 2517",
"type": "FRAME",
"fillHex": "#f0f0f0",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1443:38656",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38657",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38658",
"name": "icon/Arrow/Updown",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-multi-select--enable-on--ux-editable--size-m--feature-default--multiple-true--editable-true--figma-dark-theme-on-status-multi-select-enable-on-ux-editable-size-m-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:35746",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=multi select, enable=on, UX=editable, size=M, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": [
"option-a"
],
"darkTheme": "on",
"status": "multi select",
"enable": "on",
"ux": "editable",
"size": "M",
"feature": "default",
"multiple": true,
"editable": true
},
"state": "editable",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-multi-select--enable-on--ux-editable--size-m--feature-default--multiple-true--editable-true--figma-dark-theme-on-status-multi-select-enable-on-ux-editable-size-m-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1436:35748",
"name": "Frame 2516",
"type": "FRAME",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1436:35749",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:35750",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:35751",
"name": "Frame 2517",
"type": "FRAME",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1436:35752",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:35753",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:35788",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:35754",
"name": "icon/Arrow/Updown",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-multi-select--enable-on--ux-editable--size-l--feature-default--multiple-true--editable-true--figma-dark-theme-on-status-multi-select-enable-on-ux-editable-size-l-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38659",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=multi select, enable=on, UX=editable, size=L, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": [
"option-a"
],
"darkTheme": "on",
"status": "multi select",
"enable": "on",
"ux": "editable",
"size": "L",
"feature": "default",
"multiple": true,
"editable": true
},
"state": "editable",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-multi-select--enable-on--ux-editable--size-l--feature-default--multiple-true--editable-true--figma-dark-theme-on-status-multi-select-enable-on-ux-editable-size-l-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38661",
"name": "Frame 2516",
"type": "FRAME",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1443:38662",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38663",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38664",
"name": "Frame 2517",
"type": "FRAME",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1443:38665",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38666",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38667",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38668",
"name": "icon/Arrow/Updown",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-multi-select--enable-on--ux-editable--size-m--feature-default--multiple-true--editable-true--figma-dark-theme-off-status-multi-select-enable-on-ux-editable-size-m-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:36601",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=multi select, enable=on, UX=editable, size=M, feature=default",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": [
"option-a"
],
"darkTheme": "off",
"status": "multi select",
"enable": "on",
"ux": "editable",
"size": "M",
"feature": "default",
"multiple": true,
"editable": true
},
"state": "editable",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-multi-select--enable-on--ux-editable--size-m--feature-default--multiple-true--editable-true--figma-dark-theme-off-status-multi-select-enable-on-ux-editable-size-m-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1436:36603",
"name": "Frame 2516",
"type": "FRAME",
"fillHex": "#ffffff",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1436:36604",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:36605",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:36606",
"name": "Frame 2517",
"type": "FRAME",
"fillHex": "#ffffff",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1436:36607",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:36608",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:36609",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:36610",
"name": "icon/Arrow/Updown",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-multi-select--enable-on--ux-editable--size-l--feature-default--multiple-true--editable-true--figma-dark-theme-off-status-multi-select-enable-on-ux-editable-size-l-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38669",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=multi select, enable=on, UX=editable, size=L, feature=default",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": [
"option-a"
],
"darkTheme": "off",
"status": "multi select",
"enable": "on",
"ux": "editable",
"size": "L",
"feature": "default",
"multiple": true,
"editable": true
},
"state": "editable",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-multi-select--enable-on--ux-editable--size-l--feature-default--multiple-true--editable-true--figma-dark-theme-off-status-multi-select-enable-on-ux-editable-size-l-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38671",
"name": "Frame 2516",
"type": "FRAME",
"fillHex": "#f0f0f0",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1443:38672",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38673",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38674",
"name": "Frame 2517",
"type": "FRAME",
"fillHex": "#f0f0f0",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1443:38675",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38676",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38677",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38678",
"name": "icon/Arrow/Updown",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-multi-select--enable-off--ux-default--size-m--feature-default--multiple-true--editable-false--figma-dark-theme-on-status-multi-select-enable-off-ux-default-size-m-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:35387",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=multi select, enable=off, UX=default, size=M, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": [
"option-a"
],
"darkTheme": "on",
"status": "multi select",
"enable": "off",
"ux": "default",
"size": "M",
"feature": "default",
"multiple": true,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-multi-select--enable-off--ux-default--size-m--feature-default--multiple-true--editable-false--figma-dark-theme-on-status-multi-select-enable-off-ux-default-size-m-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "1436:35389",
"name": "Frame 2516",
"type": "FRAME",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1436:35390",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:35391",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:35392",
"name": "Frame 2517",
"type": "FRAME",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1436:35393",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:35394",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:35395",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-multi-select--enable-off--ux-default--size-l--feature-default--multiple-true--editable-false--figma-dark-theme-on-status-multi-select-enable-off-ux-default-size-l-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38679",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=multi select, enable=off, UX=default, size=L, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": [
"option-a"
],
"darkTheme": "on",
"status": "multi select",
"enable": "off",
"ux": "default",
"size": "L",
"feature": "default",
"multiple": true,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-multi-select--enable-off--ux-default--size-l--feature-default--multiple-true--editable-false--figma-dark-theme-on-status-multi-select-enable-off-ux-default-size-l-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38681",
"name": "Frame 2516",
"type": "FRAME",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1443:38682",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38683",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38684",
"name": "Frame 2517",
"type": "FRAME",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1443:38685",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38686",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38687",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-multi-select--enable-off--ux-default--size-m--feature-default--multiple-true--editable-false--figma-dark-theme-off-status-multi-select-enable-off-ux-default-size-m-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:36611",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=multi select, enable=off, UX=default, size=M, feature=default",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": [
"option-a"
],
"darkTheme": "off",
"status": "multi select",
"enable": "off",
"ux": "default",
"size": "M",
"feature": "default",
"multiple": true,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-multi-select--enable-off--ux-default--size-m--feature-default--multiple-true--editable-false--figma-dark-theme-off-status-multi-select-enable-off-ux-default-size-m-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#595959",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "1436:36613",
"name": "Frame 2516",
"type": "FRAME",
"fillHex": "#f0f0f0",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1436:36614",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:36615",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:36616",
"name": "Frame 2517",
"type": "FRAME",
"fillHex": "#f0f0f0",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1436:36617",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:36618",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:36619",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-multi-select--enable-off--ux-default--size-l--feature-default--multiple-true--editable-false--figma-dark-theme-off-status-multi-select-enable-off-ux-default-size-l-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38688",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=multi select, enable=off, UX=default, size=L, feature=default",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": [
"option-a"
],
"darkTheme": "off",
"status": "multi select",
"enable": "off",
"ux": "default",
"size": "L",
"feature": "default",
"multiple": true,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-multi-select--enable-off--ux-default--size-l--feature-default--multiple-true--editable-false--figma-dark-theme-off-status-multi-select-enable-off-ux-default-size-l-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#595959",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38690",
"name": "Frame 2516",
"type": "FRAME",
"fillHex": "#f0f0f0",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1443:38691",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38692",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38693",
"name": "Frame 2517",
"type": "FRAME",
"fillHex": "#f0f0f0",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1443:38694",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38695",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38696",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-default--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-default-size-m-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:32901",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=default, size=M, feature=default",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "default",
"size": "M",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "filled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-default--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-default-size-m-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1436:32902",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:34074",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-error--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-error-size-m-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:7410",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=error, size=M, feature=default",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "error",
"size": "M",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-error--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-error-size-m-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "4187:7411",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7412",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-default--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-default-size-l-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38697",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=default, size=L, feature=default",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "default",
"size": "L",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "filled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-default--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-default-size-l-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38698",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38699",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-error--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-error-size-l-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:7594",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=error, size=L, feature=default",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "error",
"size": "L",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-error--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-error-size-l-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "4187:7595",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7596",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-default--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-default-size-m-feature-time--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:32914",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=default, size=M, feature=time",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "default",
"size": "M",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "placeholder",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-default--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-default-size-m-feature-time--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1436:32915",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:32916",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-error--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-error-size-m-feature-time--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:7011",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=error, size=M, feature=time",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "error",
"size": "M",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-error--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-error-size-m-feature-time--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "4187:7012",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7013",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-default--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-default-size-l-feature-time--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38700",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=default, size=L, feature=time",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "default",
"size": "L",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "placeholder",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-default--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-default-size-l-feature-time--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38701",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38702",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-error--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-error-size-l-feature-time--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:7229",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=error, size=L, feature=time",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "error",
"size": "L",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-error--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-error-size-l-feature-time--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "4187:7230",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7231",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-default--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-default-size-m-feature-time--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:36620",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=default, size=M, feature=time",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "default",
"size": "M",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "placeholder",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-default--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-default-size-m-feature-time--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1436:36621",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:36622",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-error--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-error-size-m-feature-time--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:7413",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=error, size=M, feature=time",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "error",
"size": "M",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-error--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-error-size-m-feature-time--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "4187:7414",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7415",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-default--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-default-size-l-feature-time--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38703",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=default, size=L, feature=time",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "default",
"size": "L",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "placeholder",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-default--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-default-size-l-feature-time--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38704",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38705",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-error--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-error-size-l-feature-time--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:7597",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=error, size=L, feature=time",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "error",
"size": "L",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-error--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-error-size-l-feature-time--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "4187:7598",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7599",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-default--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-default-size-m-feature-date--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:34658",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=default, size=M, feature=date",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "default",
"size": "M",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "placeholder",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-default--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-default-size-m-feature-date--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1436:34659",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:34921",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:34922",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:34660",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-error--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-error-size-m-feature-date--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:7014",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=error, size=M, feature=date",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "error",
"size": "M",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-error--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-error-size-m-feature-date--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "4187:7015",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7016",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7017",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7018",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-default--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-default-size-l-feature-date--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38706",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=default, size=L, feature=date",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "default",
"size": "L",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "placeholder",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-default--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-default-size-l-feature-date--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38707",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38708",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38709",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38710",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-error--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-error-size-l-feature-date--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:7232",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=error, size=L, feature=date",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "error",
"size": "L",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-error--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-error-size-l-feature-date--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "4187:7233",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7234",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7235",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7236",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-default--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-default-size-m-feature-date--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:36623",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=default, size=M, feature=date",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "default",
"size": "M",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "placeholder",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-default--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-default-size-m-feature-date--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1436:36624",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:36625",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:36626",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:36627",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-error--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-error-size-m-feature-date--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:7416",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=error, size=M, feature=date",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "error",
"size": "M",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-error--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-error-size-m-feature-date--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "4187:7417",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7418",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7419",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7420",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-default--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-default-size-l-feature-date--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38711",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=default, size=L, feature=date",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "default",
"size": "L",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "placeholder",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-default--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-default-size-l-feature-date--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38712",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38713",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38714",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38715",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-error--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-error-size-l-feature-date--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:7600",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=error, size=L, feature=date",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "error",
"size": "L",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-error--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-error-size-l-feature-date--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "4187:7601",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7602",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7603",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7604",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-hover--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-hover-size-m-feature-time--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:32926",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=hover, size=M, feature=time",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "hover",
"size": "M",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-hover--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-hover-size-m-feature-time--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1436:34212",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:32928",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-hover--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-hover-size-l-feature-time--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38716",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=hover, size=L, feature=time",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "hover",
"size": "L",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-hover--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-hover-size-l-feature-time--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38717",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38718",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-hover--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-hover-size-m-feature-time--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:36628",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=hover, size=M, feature=time",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "hover",
"size": "M",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-hover--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-hover-size-m-feature-time--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1436:36629",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:36630",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-hover--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-hover-size-l-feature-time--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38719",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=hover, size=L, feature=time",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "hover",
"size": "L",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-hover--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-hover-size-l-feature-time--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38720",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38721",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-hover--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-hover-size-m-feature-date--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:34661",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=hover, size=M, feature=date",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "hover",
"size": "M",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-hover--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-hover-size-m-feature-date--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1436:34870",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:34971",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:34972",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:34973",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-hover--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-hover-size-l-feature-date--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38722",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=hover, size=L, feature=date",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "hover",
"size": "L",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-hover--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-hover-size-l-feature-date--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38723",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38724",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38725",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38726",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-hover--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-hover-size-m-feature-date--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:36631",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=hover, size=M, feature=date",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "hover",
"size": "M",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-hover--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-hover-size-m-feature-date--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1436:36632",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:36633",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:36634",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:36635",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-hover--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-hover-size-l-feature-date--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38727",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=hover, size=L, feature=date",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "hover",
"size": "L",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-hover--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-hover-size-l-feature-date--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38728",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38729",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38730",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38731",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-default--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-default-size-m-feature-time--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:32932",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=default, size=M, feature=time",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "default",
"size": "M",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "filled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-default--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-default-size-m-feature-time--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1436:34199",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:32934",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-error--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-error-size-m-feature-time--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:7019",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=error, size=M, feature=time",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "error",
"size": "M",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-error--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-error-size-m-feature-time--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "4187:7020",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7021",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-default--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-default-size-l-feature-time--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38732",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=default, size=L, feature=time",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "default",
"size": "L",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "filled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-default--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-default-size-l-feature-time--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38733",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38734",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-error--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-error-size-l-feature-time--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:7237",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=error, size=L, feature=time",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "error",
"size": "L",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-error--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-error-size-l-feature-time--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "4187:7238",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7239",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-default--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-default-size-m-feature-time--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:36636",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=default, size=M, feature=time",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "default",
"size": "M",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "filled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-default--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-default-size-m-feature-time--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1436:36637",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:36638",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-error--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-error-size-m-feature-time--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:7421",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=error, size=M, feature=time",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "error",
"size": "M",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-error--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-error-size-m-feature-time--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "4187:7422",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7423",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-default--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-default-size-l-feature-time--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38735",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=default, size=L, feature=time",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "default",
"size": "L",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "filled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-default--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-default-size-l-feature-time--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38736",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38737",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-error--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-error-size-l-feature-time--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:7605",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=error, size=L, feature=time",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "error",
"size": "L",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-error--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-error-size-l-feature-time--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "4187:7606",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7607",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-default--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-default-size-m-feature-date--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:34664",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=default, size=M, feature=date",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "default",
"size": "M",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "filled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-default--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-default-size-m-feature-date--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1436:34766",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:34923",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:34958",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:34666",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-error--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-error-size-m-feature-date--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:7022",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=error, size=M, feature=date",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "error",
"size": "M",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-error--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-error-size-m-feature-date--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "4187:7023",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7024",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7025",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7026",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-default--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-default-size-l-feature-date--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38738",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=default, size=L, feature=date",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "default",
"size": "L",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "filled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-default--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-default-size-l-feature-date--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38739",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38740",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38741",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38742",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-error--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-error-size-l-feature-date--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:7240",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=error, size=L, feature=date",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "error",
"size": "L",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-error--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-error-size-l-feature-date--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "4187:7241",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7242",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7243",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7244",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-default--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-default-size-m-feature-date--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:36639",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=default, size=M, feature=date",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "default",
"size": "M",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "filled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-default--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-default-size-m-feature-date--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1436:36640",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:36641",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:36642",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:36643",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-error--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-error-size-m-feature-date--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:7424",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=error, size=M, feature=date",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "error",
"size": "M",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-error--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-error-size-m-feature-date--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "4187:7425",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7426",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7427",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7428",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-default--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-default-size-l-feature-date--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38743",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=default, size=L, feature=date",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "default",
"size": "L",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "filled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-default--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-default-size-l-feature-date--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38744",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38745",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38746",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38747",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-error--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-error-size-l-feature-date--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:7608",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=error, size=L, feature=date",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "error",
"size": "L",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-error--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-error-size-l-feature-date--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "4187:7609",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7610",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7611",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7612",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-hover--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-hover-size-m-feature-time--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:32946",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=hover, size=M, feature=time",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "hover",
"size": "M",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-hover--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-hover-size-m-feature-time--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1436:34225",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:32948",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-hover--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-hover-size-l-feature-time--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38748",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=hover, size=L, feature=time",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "hover",
"size": "L",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-hover--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-hover-size-l-feature-time--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38749",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38750",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-hover--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-hover-size-m-feature-time--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:36644",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=hover, size=M, feature=time",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "hover",
"size": "M",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-hover--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-hover-size-m-feature-time--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1436:36645",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:36646",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-hover--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-hover-size-l-feature-time--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38751",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=hover, size=L, feature=time",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "hover",
"size": "L",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-hover--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-hover-size-l-feature-time--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38752",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38753",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-click--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-click-size-m-feature-time--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:35056",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=click, size=M, feature=time",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "click",
"size": "M",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "focus",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-click--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-click-size-m-feature-time--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1436:35057",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:35058",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:35070",
"name": "icon/Edit/Clear 1",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-click--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-click-size-l-feature-time--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38754",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=click, size=L, feature=time",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "click",
"size": "L",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "focus",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-click--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-click-size-l-feature-time--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38755",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38756",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38757",
"name": "icon/Edit/Clear 1",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-click--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-click-size-m-feature-time--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:36647",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=click, size=M, feature=time",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "click",
"size": "M",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "focus",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-click--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-click-size-m-feature-time--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1436:36648",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:36649",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:36650",
"name": "icon/Edit/Clear 1",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-click--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-click-size-l-feature-time--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38758",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=click, size=L, feature=time",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "click",
"size": "L",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "focus",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-click--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-click-size-l-feature-time--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38759",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38760",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38761",
"name": "icon/Edit/Clear 1",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-hover--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-hover-size-m-feature-date--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:34667",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=hover, size=M, feature=date",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "hover",
"size": "M",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-hover--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-hover-size-m-feature-date--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1436:34844",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:34975",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:34976",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:34977",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-hover--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-hover-size-l-feature-date--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38762",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=hover, size=L, feature=date",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "hover",
"size": "L",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-hover--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-hover-size-l-feature-date--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38763",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38764",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38765",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38766",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-hover--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-hover-size-m-feature-date--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:36651",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=hover, size=M, feature=date",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "hover",
"size": "M",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-hover--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-hover-size-m-feature-date--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1436:36652",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:36653",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:36654",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:36655",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-hover--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-hover-size-l-feature-date--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38767",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=hover, size=L, feature=date",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "hover",
"size": "L",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-hover--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-hover-size-l-feature-date--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38768",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38769",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38770",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38771",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-click--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-click-size-m-feature-date--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:35114",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=click, size=M, feature=date",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "click",
"size": "M",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "focus",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-click--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-click-size-m-feature-date--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1436:35115",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:35116",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:35117",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:35118",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:35143",
"name": "icon/Edit/Clear 1",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-click--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-click-size-l-feature-date--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38772",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=click, size=L, feature=date",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "click",
"size": "L",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "focus",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-click--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-click-size-l-feature-date--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38773",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38774",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38775",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38776",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38777",
"name": "icon/Edit/Clear 1",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-click--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-click-size-m-feature-date--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:36656",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=click, size=M, feature=date",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "click",
"size": "M",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "focus",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-click--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-click-size-m-feature-date--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1436:36657",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:36658",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:36659",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:36660",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:36661",
"name": "icon/Edit/Clear 1",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-click--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-click-size-l-feature-date--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38778",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=click, size=L, feature=date",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "click",
"size": "L",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "focus",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-click--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-click-size-l-feature-date--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38779",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38780",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38781",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38782",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38783",
"name": "icon/Edit/Clear 1",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-off--ux-default--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-off-ux-default-size-m-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:33029",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=off, UX=default, size=M, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "off",
"ux": "default",
"size": "M",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-off--ux-default--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-off-ux-default-size-m-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#595959",
"textFillCssVar": "--color-grey-8"
},
"expectedNodes": [
{
"figmaNodeId": "1436:33030",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:33929",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-off--ux-default--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-off-ux-default-size-l-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38784",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=off, UX=default, size=L, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "off",
"ux": "default",
"size": "L",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-off--ux-default--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-off-ux-default-size-l-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#595959",
"textFillCssVar": "--color-grey-8"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38785",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38786",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-off--ux-default--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-off-ux-default-size-m-feature-time--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:34290",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=off, UX=default, size=M, feature=time",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "off",
"ux": "default",
"size": "M",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-off--ux-default--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-off-ux-default-size-m-feature-time--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#595959",
"textFillCssVar": "--color-grey-8"
},
"expectedNodes": [
{
"figmaNodeId": "1436:34316",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:34291",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-off--ux-default--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-off-ux-default-size-l-feature-time--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38787",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=off, UX=default, size=L, feature=time",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "off",
"ux": "default",
"size": "L",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-off--ux-default--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-off-ux-default-size-l-feature-time--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#595959",
"textFillCssVar": "--color-grey-8"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38788",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38789",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-off--ux-default--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-off-ux-default-size-m-feature-time--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:36662",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=off, UX=default, size=M, feature=time",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "off",
"ux": "default",
"size": "M",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-off--ux-default--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-off-ux-default-size-m-feature-time--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#cccccc",
"textFillCssVar": "--color-grey-5"
},
"expectedNodes": [
{
"figmaNodeId": "1436:36663",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:36664",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-off--ux-default--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-off-ux-default-size-l-feature-time--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38790",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=off, UX=default, size=L, feature=time",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "off",
"ux": "default",
"size": "L",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-off--ux-default--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-off-ux-default-size-l-feature-time--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#cccccc",
"textFillCssVar": "--color-grey-5"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38791",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38792",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-off--ux-default--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-off-ux-default-size-m-feature-date--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:34670",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=off, UX=default, size=M, feature=date",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "off",
"ux": "default",
"size": "M",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-off--ux-default--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-off-ux-default-size-m-feature-date--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#595959",
"textFillCssVar": "--color-grey-8"
},
"expectedNodes": [
{
"figmaNodeId": "1436:34818",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:34960",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:34961",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:34672",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-off--ux-default--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-off-ux-default-size-l-feature-date--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38793",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=off, UX=default, size=L, feature=date",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "off",
"ux": "default",
"size": "L",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-off--ux-default--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-off-ux-default-size-l-feature-date--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#595959",
"textFillCssVar": "--color-grey-8"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38794",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38795",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38796",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38797",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-off--ux-default--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-off-ux-default-size-m-feature-date--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:36665",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=off, UX=default, size=M, feature=date",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "off",
"ux": "default",
"size": "M",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-off--ux-default--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-off-ux-default-size-m-feature-date--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#cccccc",
"textFillCssVar": "--color-grey-5"
},
"expectedNodes": [
{
"figmaNodeId": "1436:36666",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:36667",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:36668",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:36669",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-off--ux-default--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-off-ux-default-size-l-feature-date--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38798",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=off, UX=default, size=L, feature=date",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "off",
"ux": "default",
"size": "L",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-off--ux-default--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-off-ux-default-size-l-feature-date--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#cccccc",
"textFillCssVar": "--color-grey-5"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38799",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38800",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38801",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38802",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-off--ux-default--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-off-ux-default-size-m-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:33033",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=off, UX=default, size=M, feature=default",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "off",
"ux": "default",
"size": "M",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-off--ux-default--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-off-ux-default-size-m-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#cccccc",
"textFillCssVar": "--color-grey-5"
},
"expectedNodes": [
{
"figmaNodeId": "1436:33034",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:34101",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-off--ux-default--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-off-ux-default-size-l-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38803",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=off, UX=default, size=L, feature=default",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "off",
"ux": "default",
"size": "L",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-off--ux-default--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-off-ux-default-size-l-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#cccccc",
"textFillCssVar": "--color-grey-5"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38804",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38805",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-off--ux-default--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-off-ux-default-size-m-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:33037",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=off, UX=default, size=M, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "off",
"ux": "default",
"size": "M",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-off--ux-default--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-off-ux-default-size-m-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "1436:33038",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:33941",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-off--ux-default--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-off-ux-default-size-l-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38806",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=off, UX=default, size=L, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "off",
"ux": "default",
"size": "L",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-off--ux-default--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-off-ux-default-size-l-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38807",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38808",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-off--ux-default--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-off-ux-default-size-m-feature-time--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:34293",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=off, UX=default, size=M, feature=time",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "off",
"ux": "default",
"size": "M",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-off--ux-default--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-off-ux-default-size-m-feature-time--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "1436:34329",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:34294",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-off--ux-default--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-off-ux-default-size-l-feature-time--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38809",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=off, UX=default, size=L, feature=time",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "off",
"ux": "default",
"size": "L",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-off--ux-default--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-off-ux-default-size-l-feature-time--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38810",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38811",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-off--ux-default--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-off-ux-default-size-m-feature-time--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:36670",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=off, UX=default, size=M, feature=time",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "off",
"ux": "default",
"size": "M",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-off--ux-default--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-off-ux-default-size-m-feature-time--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#595959",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "1436:36671",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:36672",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-off--ux-default--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-off-ux-default-size-l-feature-time--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38812",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=off, UX=default, size=L, feature=time",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "off",
"ux": "default",
"size": "L",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-off--ux-default--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-off-ux-default-size-l-feature-time--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#595959",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38813",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38814",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-off--ux-default--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-off-ux-default-size-m-feature-date--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:34673",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=off, UX=default, size=M, feature=date",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "off",
"ux": "default",
"size": "M",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-off--ux-default--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-off-ux-default-size-m-feature-date--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "1436:34792",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:34969",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:34675",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:34970",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-off--ux-default--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-off-ux-default-size-l-feature-date--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38815",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=off, UX=default, size=L, feature=date",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "off",
"ux": "default",
"size": "L",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-off--ux-default--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-off-ux-default-size-l-feature-date--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38816",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38817",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38818",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38819",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-off--ux-default--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-off-ux-default-size-m-feature-date--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:36673",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=off, UX=default, size=M, feature=date",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "off",
"ux": "default",
"size": "M",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-off--ux-default--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-off-ux-default-size-m-feature-date--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#595959",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "1436:36674",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:36675",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:36676",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:36677",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-off--ux-default--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-off-ux-default-size-l-feature-date--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38820",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=off, UX=default, size=L, feature=date",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "off",
"ux": "default",
"size": "L",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-off--ux-default--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-off-ux-default-size-l-feature-date--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#595959",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38821",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38822",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38823",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38824",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-off--ux-default--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-off-ux-default-size-m-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:33041",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=off, UX=default, size=M, feature=default",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "off",
"ux": "default",
"size": "M",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-off--ux-default--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-off-ux-default-size-m-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#595959",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "1436:33042",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:34113",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-off--ux-default--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-off-ux-default-size-l-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38825",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=off, UX=default, size=L, feature=default",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "off",
"ux": "default",
"size": "L",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-off--ux-default--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-off-ux-default-size-l-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#595959",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38826",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38827",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-hover--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-hover-size-m-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:33045",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=hover, size=M, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "hover",
"size": "M",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-hover--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-hover-size-m-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1436:33046",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:33953",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-hover--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-hover-size-l-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38828",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=hover, size=L, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "hover",
"size": "L",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-hover--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-hover-size-l-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38829",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38830",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-hover--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-hover-size-m-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:33049",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=hover, size=M, feature=default",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "hover",
"size": "M",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-hover--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-hover-size-m-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1436:33050",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:34125",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-hover--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-hover-size-l-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38831",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=hover, size=L, feature=default",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "hover",
"size": "L",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-hover--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-hover-size-l-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38832",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38833",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-click--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-click-size-m-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:33059",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=click, size=M, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "click",
"size": "M",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "focus",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-click--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-click-size-m-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1436:33060",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:33977",
"name": "icon/Arrow/Updown",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-click--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-click-size-l-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38834",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=click, size=L, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "click",
"size": "L",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "focus",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-click--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-click-size-l-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38835",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38836",
"name": "icon/Arrow/Updown",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-editable--size-m--feature-default--multiple-false--editable-true--figma-dark-theme-on-status-placeholder-enable-on-ux-editable-size-m-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:34368",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=editable, size=M, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "editable",
"size": "M",
"feature": "default",
"multiple": false,
"editable": true
},
"state": "editable",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-editable--size-m--feature-default--multiple-false--editable-true--figma-dark-theme-on-status-placeholder-enable-on-ux-editable-size-m-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1436:34369",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:34370",
"name": "icon/Arrow/Updown",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-editable--size-l--feature-default--multiple-false--editable-true--figma-dark-theme-on-status-placeholder-enable-on-ux-editable-size-l-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38837",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=editable, size=L, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "editable",
"size": "L",
"feature": "default",
"multiple": false,
"editable": true
},
"state": "editable",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-editable--size-l--feature-default--multiple-false--editable-true--figma-dark-theme-on-status-placeholder-enable-on-ux-editable-size-l-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38838",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38839",
"name": "icon/Arrow/Updown",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-click--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-click-size-m-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:33063",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=click, size=M, feature=default",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "click",
"size": "M",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "focus",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-click--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-click-size-m-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1436:33064",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:34149",
"name": "icon/Arrow/Updown",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-click--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-click-size-l-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38840",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=click, size=L, feature=default",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "click",
"size": "L",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "focus",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-click--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-click-size-l-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38841",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38842",
"name": "icon/Arrow/Updown",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-editable--size-m--feature-default--multiple-false--editable-true--figma-dark-theme-off-status-placeholder-enable-on-ux-editable-size-m-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:37138",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=editable, size=M, feature=default",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "editable",
"size": "M",
"feature": "default",
"multiple": false,
"editable": true
},
"state": "editable",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-editable--size-m--feature-default--multiple-false--editable-true--figma-dark-theme-off-status-placeholder-enable-on-ux-editable-size-m-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1436:37139",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:37140",
"name": "icon/Arrow/Updown",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-editable--size-l--feature-default--multiple-false--editable-true--figma-dark-theme-off-status-placeholder-enable-on-ux-editable-size-l-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38843",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=editable, size=L, feature=default",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "editable",
"size": "L",
"feature": "default",
"multiple": false,
"editable": true
},
"state": "editable",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-editable--size-l--feature-default--multiple-false--editable-true--figma-dark-theme-off-status-placeholder-enable-on-ux-editable-size-l-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38844",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38845",
"name": "icon/Arrow/Updown",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-hover--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-hover-size-m-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:33073",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=hover, size=M, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "hover",
"size": "M",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-hover--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-hover-size-m-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1436:33074",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:33989",
"name": "icon/Edit/Clear 1",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-hover--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-hover-size-l-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38846",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=hover, size=L, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "hover",
"size": "L",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-hover--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-hover-size-l-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38847",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38848",
"name": "icon/Edit/Clear 1",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-hover--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-hover-size-m-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:33077",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=hover, size=M, feature=default",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "hover",
"size": "M",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-hover--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-hover-size-m-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1436:33078",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:34161",
"name": "icon/Edit/Clear 1",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-hover--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-hover-size-l-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38849",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=hover, size=L, feature=default",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "hover",
"size": "L",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-hover--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-hover-size-l-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38850",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38851",
"name": "icon/Edit/Clear 1",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-click--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-click-size-m-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:33087",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=click, size=M, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "click",
"size": "M",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "focus",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-click--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-click-size-m-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1436:33088",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:34031",
"name": "icon/Arrow/Updown",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-click--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-click-size-l-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38852",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=click, size=L, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "click",
"size": "L",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "focus",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-click--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-click-size-l-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38853",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38854",
"name": "icon/Arrow/Updown",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-editable--size-m--feature-default--multiple-false--editable-true--figma-dark-theme-on-status-value-enable-on-ux-editable-size-m-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:34371",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=editable, size=M, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "editable",
"size": "M",
"feature": "default",
"multiple": false,
"editable": true
},
"state": "editable",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-editable--size-m--feature-default--multiple-false--editable-true--figma-dark-theme-on-status-value-enable-on-ux-editable-size-m-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1436:34372",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:34373",
"name": "icon/Arrow/Updown",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-editable--size-l--feature-default--multiple-false--editable-true--figma-dark-theme-on-status-value-enable-on-ux-editable-size-l-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38855",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=editable, size=L, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "editable",
"size": "L",
"feature": "default",
"multiple": false,
"editable": true
},
"state": "editable",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-editable--size-l--feature-default--multiple-false--editable-true--figma-dark-theme-on-status-value-enable-on-ux-editable-size-l-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38856",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38857",
"name": "icon/Arrow/Updown",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-click--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-click-size-m-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:33093",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=click, size=M, feature=default",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "click",
"size": "M",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "focus",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-click--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-click-size-m-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1436:33094",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:34176",
"name": "icon/Arrow/Updown",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-click--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-click-size-l-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38858",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=click, size=L, feature=default",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "click",
"size": "L",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "focus",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-click--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-click-size-l-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38859",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38860",
"name": "icon/Arrow/Updown",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-editable--size-m--feature-default--multiple-false--editable-true--figma-dark-theme-off-status-value-enable-on-ux-editable-size-m-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:37141",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=editable, size=M, feature=default",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "editable",
"size": "M",
"feature": "default",
"multiple": false,
"editable": true
},
"state": "editable",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-editable--size-m--feature-default--multiple-false--editable-true--figma-dark-theme-off-status-value-enable-on-ux-editable-size-m-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1436:37142",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:37143",
"name": "icon/Arrow/Updown",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-editable--size-l--feature-default--multiple-false--editable-true--figma-dark-theme-off-status-value-enable-on-ux-editable-size-l-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1443:38861",
"figmaName": "select box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=editable, size=L, feature=default",
"theme": "light",
"codeComponent": "SelectBoxFilled",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "editable",
"size": "L",
"feature": "default",
"multiple": false,
"editable": true
},
"state": "editable",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_filled__1436_32816.json",
"expectedSourceTokenizedFile": "select_box_filled__1436_32816.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxfilled/select-box-filled--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-editable--size-l--feature-default--multiple-false--editable-true--figma-dark-theme-off-status-value-enable-on-ux-editable-size-l-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1443:38862",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1443:38863",
"name": "icon/Arrow/Updown",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-default--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-default-size-m-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:26922",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=default, size=M, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "default",
"size": "M",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "placeholder",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-default--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-default-size-m-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#595959",
"rootBorderCssVar": "--color-grey-8",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1804:26923",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:26924",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-error--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-error-size-m-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:5323",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=error, size=M, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "error",
"size": "M",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-error--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-error-size-m-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "4187:5324",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:5325",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-default--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-default-size-l-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61100",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=default, size=L, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "default",
"size": "L",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "placeholder",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-default--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-default-size-l-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#595959",
"rootBorderCssVar": "--color-grey-8",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61101",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61102",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-error--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-error-size-l-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:6628",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=error, size=L, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "error",
"size": "L",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-error--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-error-size-l-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "4187:6629",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6630",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-default--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-default-size-m-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:26928",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=default, size=M, feature=default",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "default",
"size": "M",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "placeholder",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-default--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-default-size-m-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#cccccc",
"rootBorderCssVar": "--color-grey-5",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1804:26929",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:26930",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-error--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-error-size-m-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:6444",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=error, size=M, feature=default",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "error",
"size": "M",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-error--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-error-size-m-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "4187:6445",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6446",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-default--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-default-size-l-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61103",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=default, size=L, feature=default",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "default",
"size": "L",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "placeholder",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-default--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-default-size-l-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#cccccc",
"rootBorderCssVar": "--color-grey-5",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61104",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61105",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-error--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-error-size-l-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:6812",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=error, size=L, feature=default",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "error",
"size": "L",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-error--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-error-size-l-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "4187:6813",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6814",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-default--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-default-size-m-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:26934",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=default, size=M, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "default",
"size": "M",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "filled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-default--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-default-size-m-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#595959",
"rootBorderCssVar": "--color-grey-8",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1804:26935",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:26936",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-error--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-error-size-m-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:6179",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=error, size=M, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "error",
"size": "M",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-error--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-error-size-m-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "4187:6180",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6181",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-default--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-default-size-l-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61106",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=default, size=L, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "default",
"size": "L",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "filled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-default--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-default-size-l-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#595959",
"rootBorderCssVar": "--color-grey-8",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61107",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61108",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-error--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-error-size-l-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:6631",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=error, size=L, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "error",
"size": "L",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-error--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-error-size-l-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "4187:6632",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6633",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-multi-select--enable-on--ux-default--size-m--feature-default--multiple-true--editable-false--figma-dark-theme-on-status-multi-select-enable-on-ux-default-size-m-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:26940",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=multi select, enable=on, UX=default, size=M, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": [
"option-a"
],
"darkTheme": "on",
"status": "multi select",
"enable": "on",
"ux": "default",
"size": "M",
"feature": "default",
"multiple": true,
"editable": false
},
"state": "filled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-multi-select--enable-on--ux-default--size-m--feature-default--multiple-true--editable-false--figma-dark-theme-on-status-multi-select-enable-on-ux-default-size-m-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#595959",
"rootBorderCssVar": "--color-grey-8",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1804:26942",
"name": "Frame 2516",
"type": "FRAME",
"fillHex": null,
"borderHex": "#434343",
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1804:26943",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:26944",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:26945",
"name": "Frame 2517",
"type": "FRAME",
"fillHex": null,
"borderHex": "#434343",
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1804:26946",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:26947",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:26948",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-multi-select--enable-on--ux-error--size-m--feature-default--multiple-true--editable-false--figma-dark-theme-on-status-multi-select-enable-on-ux-error-size-m-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:6267",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=multi select, enable=on, UX=error, size=M, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": [
"option-a"
],
"darkTheme": "on",
"status": "multi select",
"enable": "on",
"ux": "error",
"size": "M",
"feature": "default",
"multiple": true,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-multi-select--enable-on--ux-error--size-m--feature-default--multiple-true--editable-false--figma-dark-theme-on-status-multi-select-enable-on-ux-error-size-m-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "4187:6269",
"name": "Frame 2516",
"type": "FRAME",
"fillHex": null,
"borderHex": "#434343",
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "4187:6270",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6271",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6272",
"name": "Frame 2517",
"type": "FRAME",
"fillHex": null,
"borderHex": "#434343",
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "4187:6273",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6274",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6275",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-multi-select--enable-on--ux-default--size-l--feature-default--multiple-true--editable-false--figma-dark-theme-on-status-multi-select-enable-on-ux-default-size-l-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61109",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=multi select, enable=on, UX=default, size=L, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": [
"option-a"
],
"darkTheme": "on",
"status": "multi select",
"enable": "on",
"ux": "default",
"size": "L",
"feature": "default",
"multiple": true,
"editable": false
},
"state": "filled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-multi-select--enable-on--ux-default--size-l--feature-default--multiple-true--editable-false--figma-dark-theme-on-status-multi-select-enable-on-ux-default-size-l-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#595959",
"rootBorderCssVar": "--color-grey-8",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61111",
"name": "Frame 2516",
"type": "FRAME",
"fillHex": null,
"borderHex": "#434343",
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1852:61112",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61113",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61114",
"name": "Frame 2517",
"type": "FRAME",
"fillHex": null,
"borderHex": "#434343",
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1852:61115",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61116",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61117",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-multi-select--enable-on--ux-error--size-l--feature-default--multiple-true--editable-false--figma-dark-theme-on-status-multi-select-enable-on-ux-error-size-l-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:6634",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=multi select, enable=on, UX=error, size=L, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": [
"option-a"
],
"darkTheme": "on",
"status": "multi select",
"enable": "on",
"ux": "error",
"size": "L",
"feature": "default",
"multiple": true,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-multi-select--enable-on--ux-error--size-l--feature-default--multiple-true--editable-false--figma-dark-theme-on-status-multi-select-enable-on-ux-error-size-l-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "4187:6636",
"name": "Frame 2516",
"type": "FRAME",
"fillHex": null,
"borderHex": "#434343",
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "4187:6637",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6638",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6639",
"name": "Frame 2517",
"type": "FRAME",
"fillHex": null,
"borderHex": "#434343",
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "4187:6640",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6641",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6642",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-multi-select--enable-on--ux-default--size-m--feature-default--multiple-true--editable-false--figma-dark-theme-off-status-multi-select-enable-on-ux-default-size-m-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:26958",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=multi select, enable=on, UX=default, size=M, feature=default",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": [
"option-a"
],
"darkTheme": "off",
"status": "multi select",
"enable": "on",
"ux": "default",
"size": "M",
"feature": "default",
"multiple": true,
"editable": false
},
"state": "filled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-multi-select--enable-on--ux-default--size-m--feature-default--multiple-true--editable-false--figma-dark-theme-off-status-multi-select-enable-on-ux-default-size-m-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#dbdbdb",
"rootBorderCssVar": "--color-grey-4",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1804:26960",
"name": "Frame 2516",
"type": "FRAME",
"fillHex": null,
"borderHex": "#dbdbdb",
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1804:26961",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:26962",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:26963",
"name": "Frame 2517",
"type": "FRAME",
"fillHex": null,
"borderHex": "#dbdbdb",
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1804:26964",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:26965",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:26966",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-multi-select--enable-on--ux-error--size-m--feature-default--multiple-true--editable-false--figma-dark-theme-off-status-multi-select-enable-on-ux-error-size-m-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:6447",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=multi select, enable=on, UX=error, size=M, feature=default",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": [
"option-a"
],
"darkTheme": "off",
"status": "multi select",
"enable": "on",
"ux": "error",
"size": "M",
"feature": "default",
"multiple": true,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-multi-select--enable-on--ux-error--size-m--feature-default--multiple-true--editable-false--figma-dark-theme-off-status-multi-select-enable-on-ux-error-size-m-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "4187:6449",
"name": "Frame 2516",
"type": "FRAME",
"fillHex": null,
"borderHex": "#dbdbdb",
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "4187:6450",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6451",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6452",
"name": "Frame 2517",
"type": "FRAME",
"fillHex": null,
"borderHex": "#dbdbdb",
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "4187:6453",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6454",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6455",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-multi-select--enable-on--ux-default--size-l--feature-default--multiple-true--editable-false--figma-dark-theme-off-status-multi-select-enable-on-ux-default-size-l-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61118",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=multi select, enable=on, UX=default, size=L, feature=default",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": [
"option-a"
],
"darkTheme": "off",
"status": "multi select",
"enable": "on",
"ux": "default",
"size": "L",
"feature": "default",
"multiple": true,
"editable": false
},
"state": "filled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-multi-select--enable-on--ux-default--size-l--feature-default--multiple-true--editable-false--figma-dark-theme-off-status-multi-select-enable-on-ux-default-size-l-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#dbdbdb",
"rootBorderCssVar": "--color-grey-4",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61120",
"name": "Frame 2516",
"type": "FRAME",
"fillHex": null,
"borderHex": "#dbdbdb",
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1852:61121",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61122",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61123",
"name": "Frame 2517",
"type": "FRAME",
"fillHex": null,
"borderHex": "#dbdbdb",
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1852:61124",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61125",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61126",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-multi-select--enable-on--ux-error--size-l--feature-default--multiple-true--editable-false--figma-dark-theme-off-status-multi-select-enable-on-ux-error-size-l-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:6815",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=multi select, enable=on, UX=error, size=L, feature=default",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": [
"option-a"
],
"darkTheme": "off",
"status": "multi select",
"enable": "on",
"ux": "error",
"size": "L",
"feature": "default",
"multiple": true,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-multi-select--enable-on--ux-error--size-l--feature-default--multiple-true--editable-false--figma-dark-theme-off-status-multi-select-enable-on-ux-error-size-l-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "4187:6817",
"name": "Frame 2516",
"type": "FRAME",
"fillHex": null,
"borderHex": "#dbdbdb",
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "4187:6818",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6819",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6820",
"name": "Frame 2517",
"type": "FRAME",
"fillHex": null,
"borderHex": "#dbdbdb",
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "4187:6821",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6822",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6823",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-multi-select--enable-on--ux-hover--size-m--feature-default--multiple-true--editable-false--figma-dark-theme-on-status-multi-select-enable-on-ux-hover-size-m-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:26976",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=multi select, enable=on, UX=hover, size=M, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": [
"option-a"
],
"darkTheme": "on",
"status": "multi select",
"enable": "on",
"ux": "hover",
"size": "M",
"feature": "default",
"multiple": true,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-multi-select--enable-on--ux-hover--size-m--feature-default--multiple-true--editable-false--figma-dark-theme-on-status-multi-select-enable-on-ux-hover-size-m-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1804:26978",
"name": "Frame 2516",
"type": "FRAME",
"fillHex": "#262626",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1804:26979",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:26980",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:26981",
"name": "Frame 2517",
"type": "FRAME",
"fillHex": "#262626",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1804:26982",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:26983",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:26984",
"name": "icon/Edit/Clear 1",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-multi-select--enable-on--ux-hover--size-l--feature-default--multiple-true--editable-false--figma-dark-theme-on-status-multi-select-enable-on-ux-hover-size-l-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61127",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=multi select, enable=on, UX=hover, size=L, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": [
"option-a"
],
"darkTheme": "on",
"status": "multi select",
"enable": "on",
"ux": "hover",
"size": "L",
"feature": "default",
"multiple": true,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-multi-select--enable-on--ux-hover--size-l--feature-default--multiple-true--editable-false--figma-dark-theme-on-status-multi-select-enable-on-ux-hover-size-l-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61129",
"name": "Frame 2516",
"type": "FRAME",
"fillHex": "#262626",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1852:61130",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61131",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61132",
"name": "Frame 2517",
"type": "FRAME",
"fillHex": "#262626",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1852:61133",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61134",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61135",
"name": "icon/Edit/Clear 1",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-multi-select--enable-on--ux-hover--size-m--feature-default--multiple-true--editable-false--figma-dark-theme-off-status-multi-select-enable-on-ux-hover-size-m-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:26994",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=multi select, enable=on, UX=hover, size=M, feature=default",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": [
"option-a"
],
"darkTheme": "off",
"status": "multi select",
"enable": "on",
"ux": "hover",
"size": "M",
"feature": "default",
"multiple": true,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-multi-select--enable-on--ux-hover--size-m--feature-default--multiple-true--editable-false--figma-dark-theme-off-status-multi-select-enable-on-ux-hover-size-m-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1804:26996",
"name": "Frame 2516",
"type": "FRAME",
"fillHex": "#f0f0f0",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1804:26997",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:26998",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:26999",
"name": "Frame 2517",
"type": "FRAME",
"fillHex": "#f0f0f0",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1804:27000",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27001",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27002",
"name": "icon/Edit/Clear 1",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-multi-select--enable-on--ux-hover--size-l--feature-default--multiple-true--editable-false--figma-dark-theme-off-status-multi-select-enable-on-ux-hover-size-l-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61136",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=multi select, enable=on, UX=hover, size=L, feature=default",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": [
"option-a"
],
"darkTheme": "off",
"status": "multi select",
"enable": "on",
"ux": "hover",
"size": "L",
"feature": "default",
"multiple": true,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-multi-select--enable-on--ux-hover--size-l--feature-default--multiple-true--editable-false--figma-dark-theme-off-status-multi-select-enable-on-ux-hover-size-l-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61138",
"name": "Frame 2516",
"type": "FRAME",
"fillHex": "#f0f0f0",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1852:61139",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61140",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61141",
"name": "Frame 2517",
"type": "FRAME",
"fillHex": "#f0f0f0",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1852:61142",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61143",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61144",
"name": "icon/Edit/Clear 1",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-multi-select--enable-on--ux-click--size-m--feature-default--multiple-true--editable-false--figma-dark-theme-on-status-multi-select-enable-on-ux-click-size-m-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:27012",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=multi select, enable=on, UX=click, size=M, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": [
"option-a"
],
"darkTheme": "on",
"status": "multi select",
"enable": "on",
"ux": "click",
"size": "M",
"feature": "default",
"multiple": true,
"editable": false
},
"state": "focus",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-multi-select--enable-on--ux-click--size-m--feature-default--multiple-true--editable-false--figma-dark-theme-on-status-multi-select-enable-on-ux-click-size-m-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1804:27014",
"name": "Frame 2516",
"type": "FRAME",
"fillHex": "#262626",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1804:27015",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27016",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27017",
"name": "Frame 2517",
"type": "FRAME",
"fillHex": "#262626",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1804:27018",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27019",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27020",
"name": "icon/Arrow/Updown",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-multi-select--enable-on--ux-click--size-l--feature-default--multiple-true--editable-false--figma-dark-theme-on-status-multi-select-enable-on-ux-click-size-l-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61145",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=multi select, enable=on, UX=click, size=L, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": [
"option-a"
],
"darkTheme": "on",
"status": "multi select",
"enable": "on",
"ux": "click",
"size": "L",
"feature": "default",
"multiple": true,
"editable": false
},
"state": "focus",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-multi-select--enable-on--ux-click--size-l--feature-default--multiple-true--editable-false--figma-dark-theme-on-status-multi-select-enable-on-ux-click-size-l-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61147",
"name": "Frame 2516",
"type": "FRAME",
"fillHex": "#262626",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1852:61148",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61149",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61150",
"name": "Frame 2517",
"type": "FRAME",
"fillHex": "#262626",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1852:61151",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61152",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61153",
"name": "icon/Arrow/Updown",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-multi-select--enable-on--ux-click--size-m--feature-default--multiple-true--editable-false--figma-dark-theme-off-status-multi-select-enable-on-ux-click-size-m-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:27030",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=multi select, enable=on, UX=click, size=M, feature=default",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": [
"option-a"
],
"darkTheme": "off",
"status": "multi select",
"enable": "on",
"ux": "click",
"size": "M",
"feature": "default",
"multiple": true,
"editable": false
},
"state": "focus",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-multi-select--enable-on--ux-click--size-m--feature-default--multiple-true--editable-false--figma-dark-theme-off-status-multi-select-enable-on-ux-click-size-m-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1804:27032",
"name": "Frame 2516",
"type": "FRAME",
"fillHex": "#f0f0f0",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1804:27033",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27034",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27035",
"name": "Frame 2517",
"type": "FRAME",
"fillHex": "#f0f0f0",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1804:27036",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27037",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27038",
"name": "icon/Arrow/Updown",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-multi-select--enable-on--ux-click--size-l--feature-default--multiple-true--editable-false--figma-dark-theme-off-status-multi-select-enable-on-ux-click-size-l-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61154",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=multi select, enable=on, UX=click, size=L, feature=default",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": [
"option-a"
],
"darkTheme": "off",
"status": "multi select",
"enable": "on",
"ux": "click",
"size": "L",
"feature": "default",
"multiple": true,
"editable": false
},
"state": "focus",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-multi-select--enable-on--ux-click--size-l--feature-default--multiple-true--editable-false--figma-dark-theme-off-status-multi-select-enable-on-ux-click-size-l-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61156",
"name": "Frame 2516",
"type": "FRAME",
"fillHex": "#f0f0f0",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1852:61157",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61158",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61159",
"name": "Frame 2517",
"type": "FRAME",
"fillHex": "#f0f0f0",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1852:61160",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61161",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61162",
"name": "icon/Arrow/Updown",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-multi-select--enable-on--ux-editable--size-m--feature-default--multiple-true--editable-true--figma-dark-theme-on-status-multi-select-enable-on-ux-editable-size-m-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:27048",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=multi select, enable=on, UX=editable, size=M, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": [
"option-a"
],
"darkTheme": "on",
"status": "multi select",
"enable": "on",
"ux": "editable",
"size": "M",
"feature": "default",
"multiple": true,
"editable": true
},
"state": "editable",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-multi-select--enable-on--ux-editable--size-m--feature-default--multiple-true--editable-true--figma-dark-theme-on-status-multi-select-enable-on-ux-editable-size-m-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1804:27050",
"name": "Frame 2516",
"type": "FRAME",
"fillHex": "#262626",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1804:27051",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27052",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27053",
"name": "Frame 2517",
"type": "FRAME",
"fillHex": "#262626",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1804:27054",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27055",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27056",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27057",
"name": "icon/Arrow/Updown",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-multi-select--enable-on--ux-editable--size-l--feature-default--multiple-true--editable-true--figma-dark-theme-on-status-multi-select-enable-on-ux-editable-size-l-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61163",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=multi select, enable=on, UX=editable, size=L, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": [
"option-a"
],
"darkTheme": "on",
"status": "multi select",
"enable": "on",
"ux": "editable",
"size": "L",
"feature": "default",
"multiple": true,
"editable": true
},
"state": "editable",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-multi-select--enable-on--ux-editable--size-l--feature-default--multiple-true--editable-true--figma-dark-theme-on-status-multi-select-enable-on-ux-editable-size-l-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61165",
"name": "Frame 2516",
"type": "FRAME",
"fillHex": "#262626",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1852:61166",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61167",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61168",
"name": "Frame 2517",
"type": "FRAME",
"fillHex": "#262626",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1852:61169",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61170",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61171",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61172",
"name": "icon/Arrow/Updown",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-multi-select--enable-on--ux-editable--size-m--feature-default--multiple-true--editable-true--figma-dark-theme-off-status-multi-select-enable-on-ux-editable-size-m-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:27068",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=multi select, enable=on, UX=editable, size=M, feature=default",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": [
"option-a"
],
"darkTheme": "off",
"status": "multi select",
"enable": "on",
"ux": "editable",
"size": "M",
"feature": "default",
"multiple": true,
"editable": true
},
"state": "editable",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-multi-select--enable-on--ux-editable--size-m--feature-default--multiple-true--editable-true--figma-dark-theme-off-status-multi-select-enable-on-ux-editable-size-m-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1804:27070",
"name": "Frame 2516",
"type": "FRAME",
"fillHex": "#f0f0f0",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1804:27071",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27072",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27073",
"name": "Frame 2517",
"type": "FRAME",
"fillHex": "#f0f0f0",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1804:27074",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27075",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27076",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27077",
"name": "icon/Arrow/Updown",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-multi-select--enable-on--ux-editable--size-l--feature-default--multiple-true--editable-true--figma-dark-theme-off-status-multi-select-enable-on-ux-editable-size-l-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61173",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=multi select, enable=on, UX=editable, size=L, feature=default",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": [
"option-a"
],
"darkTheme": "off",
"status": "multi select",
"enable": "on",
"ux": "editable",
"size": "L",
"feature": "default",
"multiple": true,
"editable": true
},
"state": "editable",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-multi-select--enable-on--ux-editable--size-l--feature-default--multiple-true--editable-true--figma-dark-theme-off-status-multi-select-enable-on-ux-editable-size-l-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61175",
"name": "Frame 2516",
"type": "FRAME",
"fillHex": "#f0f0f0",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1852:61176",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61177",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61178",
"name": "Frame 2517",
"type": "FRAME",
"fillHex": "#f0f0f0",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1852:61179",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61180",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61181",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61182",
"name": "icon/Arrow/Updown",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-multi-select--enable-off--ux-default--size-m--feature-default--multiple-true--editable-false--figma-dark-theme-on-status-multi-select-enable-off-ux-default-size-m-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:27088",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=multi select, enable=off, UX=default, size=M, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": [
"option-a"
],
"darkTheme": "on",
"status": "multi select",
"enable": "off",
"ux": "default",
"size": "M",
"feature": "default",
"multiple": true,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-multi-select--enable-off--ux-default--size-m--feature-default--multiple-true--editable-false--figma-dark-theme-on-status-multi-select-enable-off-ux-default-size-m-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#595959",
"rootBorderCssVar": "--color-grey-8",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "1804:27090",
"name": "Frame 2516",
"type": "FRAME",
"fillHex": null,
"borderHex": "#434343",
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1804:27091",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27092",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27093",
"name": "Frame 2517",
"type": "FRAME",
"fillHex": null,
"borderHex": "#434343",
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1804:27094",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27095",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27096",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-multi-select--enable-off--ux-default--size-l--feature-default--multiple-true--editable-false--figma-dark-theme-on-status-multi-select-enable-off-ux-default-size-l-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61183",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=multi select, enable=off, UX=default, size=L, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": [
"option-a"
],
"darkTheme": "on",
"status": "multi select",
"enable": "off",
"ux": "default",
"size": "L",
"feature": "default",
"multiple": true,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-multi-select--enable-off--ux-default--size-l--feature-default--multiple-true--editable-false--figma-dark-theme-on-status-multi-select-enable-off-ux-default-size-l-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#595959",
"rootBorderCssVar": "--color-grey-8",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61185",
"name": "Frame 2516",
"type": "FRAME",
"fillHex": null,
"borderHex": "#434343",
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1852:61186",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61187",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61188",
"name": "Frame 2517",
"type": "FRAME",
"fillHex": null,
"borderHex": "#434343",
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1852:61189",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61190",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61191",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-multi-select--enable-off--ux-default--size-m--feature-default--multiple-true--editable-false--figma-dark-theme-off-status-multi-select-enable-off-ux-default-size-m-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:27106",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=multi select, enable=off, UX=default, size=M, feature=default",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": [
"option-a"
],
"darkTheme": "off",
"status": "multi select",
"enable": "off",
"ux": "default",
"size": "M",
"feature": "default",
"multiple": true,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-multi-select--enable-off--ux-default--size-m--feature-default--multiple-true--editable-false--figma-dark-theme-off-status-multi-select-enable-off-ux-default-size-m-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#cccccc",
"rootBorderCssVar": "--color-grey-5",
"rootBorderWidth": 1,
"textFillHex": "#595959",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "1804:27108",
"name": "Frame 2516",
"type": "FRAME",
"fillHex": null,
"borderHex": "#dbdbdb",
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1804:27109",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27110",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27111",
"name": "Frame 2517",
"type": "FRAME",
"fillHex": null,
"borderHex": "#dbdbdb",
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1804:27112",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27113",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27114",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-multi-select--enable-off--ux-default--size-l--feature-default--multiple-true--editable-false--figma-dark-theme-off-status-multi-select-enable-off-ux-default-size-l-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61192",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=multi select, enable=off, UX=default, size=L, feature=default",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": [
"option-a"
],
"darkTheme": "off",
"status": "multi select",
"enable": "off",
"ux": "default",
"size": "L",
"feature": "default",
"multiple": true,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-multi-select--enable-off--ux-default--size-l--feature-default--multiple-true--editable-false--figma-dark-theme-off-status-multi-select-enable-off-ux-default-size-l-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 4,
"right": 12,
"bottom": 4,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#cccccc",
"rootBorderCssVar": "--color-grey-5",
"rootBorderWidth": 1,
"textFillHex": "#595959",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61194",
"name": "Frame 2516",
"type": "FRAME",
"fillHex": null,
"borderHex": "#dbdbdb",
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1852:61195",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61196",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61197",
"name": "Frame 2517",
"type": "FRAME",
"fillHex": null,
"borderHex": "#dbdbdb",
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "1852:61198",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61199",
"name": "icon/Edit/Clear 2",
"type": "INSTANCE",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61200",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-default--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-default-size-m-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:27124",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=default, size=M, feature=default",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "default",
"size": "M",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "filled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-default--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-default-size-m-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#cccccc",
"rootBorderCssVar": "--color-grey-5",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1804:27125",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27126",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-error--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-error-size-m-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:6456",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=error, size=M, feature=default",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "error",
"size": "M",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-error--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-error-size-m-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "4187:6457",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6458",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-default--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-default-size-l-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61201",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=default, size=L, feature=default",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "default",
"size": "L",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "filled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-default--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-default-size-l-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#cccccc",
"rootBorderCssVar": "--color-grey-5",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61202",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61203",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-error--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-error-size-l-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:6824",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=error, size=L, feature=default",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "error",
"size": "L",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-error--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-error-size-l-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "4187:6825",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6826",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-default--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-default-size-m-feature-time--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:27130",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=default, size=M, feature=time",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "default",
"size": "M",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "placeholder",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-default--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-default-size-m-feature-time--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#595959",
"rootBorderCssVar": "--color-grey-8",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1804:27131",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27132",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-error--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-error-size-m-feature-time--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:6276",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=error, size=M, feature=time",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "error",
"size": "M",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-error--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-error-size-m-feature-time--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "4187:6277",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6278",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-default--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-default-size-l-feature-time--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61204",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=default, size=L, feature=time",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "default",
"size": "L",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "placeholder",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-default--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-default-size-l-feature-time--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#595959",
"rootBorderCssVar": "--color-grey-8",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61205",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61206",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-error--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-error-size-l-feature-time--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:6643",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=error, size=L, feature=time",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "error",
"size": "L",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-error--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-error-size-l-feature-time--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "4187:6644",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6645",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-default--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-default-size-m-feature-time--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:27136",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=default, size=M, feature=time",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "default",
"size": "M",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "placeholder",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-default--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-default-size-m-feature-time--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#cccccc",
"rootBorderCssVar": "--color-grey-5",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1804:27137",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27138",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-error--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-error-size-m-feature-time--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:6459",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=error, size=M, feature=time",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "error",
"size": "M",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-error--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-error-size-m-feature-time--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "4187:6460",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6461",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-default--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-default-size-l-feature-time--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61207",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=default, size=L, feature=time",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "default",
"size": "L",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "placeholder",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-default--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-default-size-l-feature-time--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#cccccc",
"rootBorderCssVar": "--color-grey-5",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61208",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61209",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-error--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-error-size-l-feature-time--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:6827",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=error, size=L, feature=time",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "error",
"size": "L",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-error--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-error-size-l-feature-time--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "4187:6828",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6829",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-default--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-default-size-m-feature-date--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:27142",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=default, size=M, feature=date",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "default",
"size": "M",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "placeholder",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-default--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-default-size-m-feature-date--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#595959",
"rootBorderCssVar": "--color-grey-8",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1804:27143",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27144",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27145",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27146",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-error--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-error-size-m-feature-date--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:6279",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=error, size=M, feature=date",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "error",
"size": "M",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-error--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-error-size-m-feature-date--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "4187:6280",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6281",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6282",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6283",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-default--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-default-size-l-feature-date--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61210",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=default, size=L, feature=date",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "default",
"size": "L",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "placeholder",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-default--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-default-size-l-feature-date--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#595959",
"rootBorderCssVar": "--color-grey-8",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61211",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61212",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61213",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61214",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-error--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-error-size-l-feature-date--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:6646",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=error, size=L, feature=date",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "error",
"size": "L",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-error--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-error-size-l-feature-date--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "4187:6647",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6648",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6649",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6650",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-default--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-default-size-m-feature-date--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:27152",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=default, size=M, feature=date",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "default",
"size": "M",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "placeholder",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-default--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-default-size-m-feature-date--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#cccccc",
"rootBorderCssVar": "--color-grey-5",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1804:27153",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27154",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27155",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27156",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-error--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-error-size-m-feature-date--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:6462",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=error, size=M, feature=date",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "error",
"size": "M",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-error--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-error-size-m-feature-date--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "4187:6463",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6464",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6465",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6466",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-default--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-default-size-l-feature-date--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61215",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=default, size=L, feature=date",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "default",
"size": "L",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "placeholder",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-default--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-default-size-l-feature-date--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#cccccc",
"rootBorderCssVar": "--color-grey-5",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61216",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61217",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61218",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61219",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-error--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-error-size-l-feature-date--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:6830",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=error, size=L, feature=date",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "error",
"size": "L",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-error--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-error-size-l-feature-date--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "4187:6831",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6832",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6833",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6834",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-hover--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-hover-size-m-feature-time--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:27162",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=hover, size=M, feature=time",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "hover",
"size": "M",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-hover--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-hover-size-m-feature-time--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1804:27163",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27164",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-hover--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-hover-size-l-feature-time--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61220",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=hover, size=L, feature=time",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "hover",
"size": "L",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-hover--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-hover-size-l-feature-time--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61221",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61222",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-hover--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-hover-size-m-feature-time--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:27168",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=hover, size=M, feature=time",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "hover",
"size": "M",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-hover--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-hover-size-m-feature-time--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1804:27169",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27170",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-hover--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-hover-size-l-feature-time--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61223",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=hover, size=L, feature=time",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "hover",
"size": "L",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-hover--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-hover-size-l-feature-time--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61224",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61225",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-hover--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-hover-size-m-feature-date--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:27174",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=hover, size=M, feature=date",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "hover",
"size": "M",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-hover--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-hover-size-m-feature-date--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1804:27175",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27176",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27177",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27178",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-hover--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-hover-size-l-feature-date--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61226",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=hover, size=L, feature=date",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "hover",
"size": "L",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-hover--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-hover-size-l-feature-date--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61227",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61228",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61229",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61230",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-hover--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-hover-size-m-feature-date--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:27184",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=hover, size=M, feature=date",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "hover",
"size": "M",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-hover--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-hover-size-m-feature-date--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1804:27185",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27186",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27187",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27188",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-hover--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-hover-size-l-feature-date--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61231",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=hover, size=L, feature=date",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "hover",
"size": "L",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-hover--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-hover-size-l-feature-date--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61232",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61233",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61234",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61235",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-default--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-default-size-m-feature-time--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:27194",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=default, size=M, feature=time",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "default",
"size": "M",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "filled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-default--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-default-size-m-feature-time--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#595959",
"rootBorderCssVar": "--color-grey-8",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1804:27195",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27196",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-error--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-error-size-m-feature-time--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:6284",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=error, size=M, feature=time",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "error",
"size": "M",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-error--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-error-size-m-feature-time--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "4187:6285",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6286",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-default--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-default-size-l-feature-time--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61236",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=default, size=L, feature=time",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "default",
"size": "L",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "filled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-default--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-default-size-l-feature-time--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#595959",
"rootBorderCssVar": "--color-grey-8",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61237",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61238",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-error--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-error-size-l-feature-time--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:6651",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=error, size=L, feature=time",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "error",
"size": "L",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-error--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-error-size-l-feature-time--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "4187:6652",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6653",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-default--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-default-size-m-feature-time--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:27200",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=default, size=M, feature=time",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "default",
"size": "M",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "filled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-default--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-default-size-m-feature-time--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#cccccc",
"rootBorderCssVar": "--color-grey-5",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1804:27201",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27202",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-error--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-error-size-m-feature-time--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:6467",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=error, size=M, feature=time",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "error",
"size": "M",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-error--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-error-size-m-feature-time--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "4187:6468",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6469",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-default--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-default-size-l-feature-time--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61239",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=default, size=L, feature=time",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "default",
"size": "L",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "filled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-default--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-default-size-l-feature-time--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#cccccc",
"rootBorderCssVar": "--color-grey-5",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61240",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61241",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-error--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-error-size-l-feature-time--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:6835",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=error, size=L, feature=time",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "error",
"size": "L",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-error--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-error-size-l-feature-time--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "4187:6836",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6837",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-default--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-default-size-m-feature-date--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:27206",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=default, size=M, feature=date",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "default",
"size": "M",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "filled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-default--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-default-size-m-feature-date--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#595959",
"rootBorderCssVar": "--color-grey-8",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1804:27207",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27208",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27209",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27210",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-error--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-error-size-m-feature-date--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:6287",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=error, size=M, feature=date",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "error",
"size": "M",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-error--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-error-size-m-feature-date--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "4187:6288",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6289",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6290",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6291",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-default--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-default-size-l-feature-date--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61242",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=default, size=L, feature=date",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "default",
"size": "L",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "filled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-default--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-default-size-l-feature-date--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#595959",
"rootBorderCssVar": "--color-grey-8",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61243",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61244",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61245",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61246",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-error--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-error-size-l-feature-date--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:6654",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=error, size=L, feature=date",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "error",
"size": "L",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-error--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-error-size-l-feature-date--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "4187:6655",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6656",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6657",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6658",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-default--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-default-size-m-feature-date--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:27216",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=default, size=M, feature=date",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "default",
"size": "M",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "filled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-default--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-default-size-m-feature-date--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#cccccc",
"rootBorderCssVar": "--color-grey-5",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1804:27217",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27218",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27219",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27220",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-error--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-error-size-m-feature-date--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:6470",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=error, size=M, feature=date",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "error",
"size": "M",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-error--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-error-size-m-feature-date--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "4187:6471",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6472",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6473",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6474",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-default--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-default-size-l-feature-date--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61247",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=default, size=L, feature=date",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "default",
"size": "L",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "filled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-default--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-default-size-l-feature-date--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#cccccc",
"rootBorderCssVar": "--color-grey-5",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61248",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61249",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61250",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61251",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-error--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-error-size-l-feature-date--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:6838",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=error, size=L, feature=date",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "error",
"size": "L",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "error",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-error--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-error-size-l-feature-date--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "4187:6839",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6840",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6841",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:6842",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-hover--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-hover-size-m-feature-time--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:27226",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=hover, size=M, feature=time",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "hover",
"size": "M",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-hover--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-hover-size-m-feature-time--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1804:27227",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27228",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-hover--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-hover-size-l-feature-time--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61252",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=hover, size=L, feature=time",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "hover",
"size": "L",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-hover--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-hover-size-l-feature-time--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61253",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61254",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-hover--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-hover-size-m-feature-time--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:27232",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=hover, size=M, feature=time",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "hover",
"size": "M",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-hover--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-hover-size-m-feature-time--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1804:27233",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27234",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-hover--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-hover-size-l-feature-time--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61255",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=hover, size=L, feature=time",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "hover",
"size": "L",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-hover--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-hover-size-l-feature-time--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61256",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61257",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-click--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-click-size-m-feature-time--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:27238",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=click, size=M, feature=time",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "click",
"size": "M",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "focus",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-click--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-click-size-m-feature-time--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1804:27239",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27240",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27241",
"name": "icon/Edit/Clear 1",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-click--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-click-size-l-feature-time--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61258",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=click, size=L, feature=time",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "click",
"size": "L",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "focus",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-click--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-click-size-l-feature-time--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61259",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61260",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61261",
"name": "icon/Edit/Clear 1",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-click--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-click-size-m-feature-time--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:27246",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=click, size=M, feature=time",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "click",
"size": "M",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "focus",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-click--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-click-size-m-feature-time--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1804:27247",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27248",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27249",
"name": "icon/Edit/Clear 1",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-click--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-click-size-l-feature-time--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61262",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=click, size=L, feature=time",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "click",
"size": "L",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "focus",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-click--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-click-size-l-feature-time--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61263",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61264",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61265",
"name": "icon/Edit/Clear 1",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-hover--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-hover-size-m-feature-date--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:27254",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=hover, size=M, feature=date",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "hover",
"size": "M",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-hover--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-hover-size-m-feature-date--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1804:27255",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27256",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27257",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27258",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-hover--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-hover-size-l-feature-date--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61266",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=hover, size=L, feature=date",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "hover",
"size": "L",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-hover--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-hover-size-l-feature-date--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61267",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61268",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61269",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61270",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-hover--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-hover-size-m-feature-date--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:27264",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=hover, size=M, feature=date",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "hover",
"size": "M",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-hover--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-hover-size-m-feature-date--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1804:27265",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27266",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27267",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27268",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-hover--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-hover-size-l-feature-date--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61271",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=hover, size=L, feature=date",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "hover",
"size": "L",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-hover--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-hover-size-l-feature-date--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61272",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61273",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61274",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61275",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-click--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-click-size-m-feature-date--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:27274",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=click, size=M, feature=date",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "click",
"size": "M",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "focus",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-click--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-click-size-m-feature-date--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1804:27275",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27276",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27277",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27278",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27279",
"name": "icon/Edit/Clear 1",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-click--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-click-size-l-feature-date--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61276",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=click, size=L, feature=date",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "click",
"size": "L",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "focus",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-click--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-click-size-l-feature-date--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61277",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61278",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61279",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61280",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61281",
"name": "icon/Edit/Clear 1",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-click--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-click-size-m-feature-date--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:27286",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=click, size=M, feature=date",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "click",
"size": "M",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "focus",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-click--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-click-size-m-feature-date--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1804:27287",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27288",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27289",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27290",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27291",
"name": "icon/Edit/Clear 1",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-click--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-click-size-l-feature-date--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61282",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=click, size=L, feature=date",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "click",
"size": "L",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "focus",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-click--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-click-size-l-feature-date--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61283",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61284",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61285",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61286",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61287",
"name": "icon/Edit/Clear 1",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-off--ux-default--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-off-ux-default-size-m-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:27298",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=off, UX=default, size=M, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "off",
"ux": "default",
"size": "M",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-off--ux-default--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-off-ux-default-size-m-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#595959",
"rootBorderCssVar": "--color-grey-8",
"rootBorderWidth": 1,
"textFillHex": "#595959",
"textFillCssVar": "--color-grey-8"
},
"expectedNodes": [
{
"figmaNodeId": "1804:27299",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27300",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-off--ux-default--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-off-ux-default-size-l-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61288",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=off, UX=default, size=L, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "off",
"ux": "default",
"size": "L",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-off--ux-default--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-off-ux-default-size-l-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#595959",
"rootBorderCssVar": "--color-grey-8",
"rootBorderWidth": 1,
"textFillHex": "#595959",
"textFillCssVar": "--color-grey-8"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61289",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61290",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-off--ux-default--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-off-ux-default-size-m-feature-time--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:27304",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=off, UX=default, size=M, feature=time",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "off",
"ux": "default",
"size": "M",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-off--ux-default--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-off-ux-default-size-m-feature-time--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#595959",
"rootBorderCssVar": "--color-grey-8",
"rootBorderWidth": 1,
"textFillHex": "#595959",
"textFillCssVar": "--color-grey-8"
},
"expectedNodes": [
{
"figmaNodeId": "1804:27305",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27306",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-off--ux-default--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-off-ux-default-size-l-feature-time--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61291",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=off, UX=default, size=L, feature=time",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "off",
"ux": "default",
"size": "L",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-off--ux-default--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-off-ux-default-size-l-feature-time--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#595959",
"rootBorderCssVar": "--color-grey-8",
"rootBorderWidth": 1,
"textFillHex": "#595959",
"textFillCssVar": "--color-grey-8"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61292",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61293",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-off--ux-default--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-off-ux-default-size-m-feature-time--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:27310",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=off, UX=default, size=M, feature=time",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "off",
"ux": "default",
"size": "M",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-off--ux-default--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-off-ux-default-size-m-feature-time--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#cccccc",
"rootBorderCssVar": "--color-grey-5",
"rootBorderWidth": 1,
"textFillHex": "#cccccc",
"textFillCssVar": "--color-grey-5"
},
"expectedNodes": [
{
"figmaNodeId": "1804:27311",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27312",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-off--ux-default--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-off-ux-default-size-l-feature-time--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61294",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=off, UX=default, size=L, feature=time",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "off",
"ux": "default",
"size": "L",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-off--ux-default--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-off-ux-default-size-l-feature-time--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#cccccc",
"rootBorderCssVar": "--color-grey-5",
"rootBorderWidth": 1,
"textFillHex": "#cccccc",
"textFillCssVar": "--color-grey-5"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61295",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61296",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-off--ux-default--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-off-ux-default-size-m-feature-date--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:27316",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=off, UX=default, size=M, feature=date",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "off",
"ux": "default",
"size": "M",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-off--ux-default--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-off-ux-default-size-m-feature-date--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#595959",
"rootBorderCssVar": "--color-grey-8",
"rootBorderWidth": 1,
"textFillHex": "#595959",
"textFillCssVar": "--color-grey-8"
},
"expectedNodes": [
{
"figmaNodeId": "1804:27317",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27318",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27319",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27320",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-off--ux-default--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-off-ux-default-size-l-feature-date--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61297",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=off, UX=default, size=L, feature=date",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "off",
"ux": "default",
"size": "L",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-off--ux-default--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-off-ux-default-size-l-feature-date--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#595959",
"rootBorderCssVar": "--color-grey-8",
"rootBorderWidth": 1,
"textFillHex": "#595959",
"textFillCssVar": "--color-grey-8"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61298",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61299",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61300",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61301",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-off--ux-default--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-off-ux-default-size-m-feature-date--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:27326",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=off, UX=default, size=M, feature=date",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "off",
"ux": "default",
"size": "M",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-off--ux-default--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-off-ux-default-size-m-feature-date--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#cccccc",
"rootBorderCssVar": "--color-grey-5",
"rootBorderWidth": 1,
"textFillHex": "#cccccc",
"textFillCssVar": "--color-grey-5"
},
"expectedNodes": [
{
"figmaNodeId": "1804:27327",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27328",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27329",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27330",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-off--ux-default--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-off-ux-default-size-l-feature-date--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61302",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=off, UX=default, size=L, feature=date",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "off",
"ux": "default",
"size": "L",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-off--ux-default--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-off-ux-default-size-l-feature-date--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#cccccc",
"rootBorderCssVar": "--color-grey-5",
"rootBorderWidth": 1,
"textFillHex": "#cccccc",
"textFillCssVar": "--color-grey-5"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61303",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61304",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61305",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61306",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-off--ux-default--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-off-ux-default-size-m-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:27336",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=off, UX=default, size=M, feature=default",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "off",
"ux": "default",
"size": "M",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-off--ux-default--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-off-ux-default-size-m-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#cccccc",
"rootBorderCssVar": "--color-grey-5",
"rootBorderWidth": 1,
"textFillHex": "#cccccc",
"textFillCssVar": "--color-grey-5"
},
"expectedNodes": [
{
"figmaNodeId": "1804:27337",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27338",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-off--ux-default--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-off-ux-default-size-l-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61307",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=off, UX=default, size=L, feature=default",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "off",
"ux": "default",
"size": "L",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-off--ux-default--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-off-ux-default-size-l-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#cccccc",
"rootBorderCssVar": "--color-grey-5",
"rootBorderWidth": 1,
"textFillHex": "#cccccc",
"textFillCssVar": "--color-grey-5"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61308",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61309",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-off--ux-default--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-off-ux-default-size-m-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:27342",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=off, UX=default, size=M, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "off",
"ux": "default",
"size": "M",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-off--ux-default--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-off-ux-default-size-m-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#595959",
"rootBorderCssVar": "--color-grey-8",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "1804:27343",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27344",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-off--ux-default--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-off-ux-default-size-l-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61310",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=off, UX=default, size=L, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "off",
"ux": "default",
"size": "L",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-off--ux-default--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-off-ux-default-size-l-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#595959",
"rootBorderCssVar": "--color-grey-8",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61311",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61312",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-off--ux-default--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-off-ux-default-size-m-feature-time--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:27348",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=off, UX=default, size=M, feature=time",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "off",
"ux": "default",
"size": "M",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-off--ux-default--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-off-ux-default-size-m-feature-time--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#595959",
"rootBorderCssVar": "--color-grey-8",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "1804:27349",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27350",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-off--ux-default--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-off-ux-default-size-l-feature-time--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61313",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=off, UX=default, size=L, feature=time",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "off",
"ux": "default",
"size": "L",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-off--ux-default--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-off-ux-default-size-l-feature-time--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#595959",
"rootBorderCssVar": "--color-grey-8",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61314",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61315",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-off--ux-default--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-off-ux-default-size-m-feature-time--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:27354",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=off, UX=default, size=M, feature=time",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "off",
"ux": "default",
"size": "M",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-off--ux-default--size-m--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-off-ux-default-size-m-feature-time--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#cccccc",
"rootBorderCssVar": "--color-grey-5",
"rootBorderWidth": 1,
"textFillHex": "#595959",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "1804:27355",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27356",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-off--ux-default--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-off-ux-default-size-l-feature-time--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61316",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=off, UX=default, size=L, feature=time",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "off",
"ux": "default",
"size": "L",
"feature": "time",
"multiple": false,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-off--ux-default--size-l--feature-time--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-off-ux-default-size-l-feature-time--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#cccccc",
"rootBorderCssVar": "--color-grey-5",
"rootBorderWidth": 1,
"textFillHex": "#595959",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61317",
"name": "icon/Time/Clock",
"type": "INSTANCE",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61318",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-off--ux-default--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-off-ux-default-size-m-feature-date--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:27360",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=off, UX=default, size=M, feature=date",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "off",
"ux": "default",
"size": "M",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-off--ux-default--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-off-ux-default-size-m-feature-date--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#595959",
"rootBorderCssVar": "--color-grey-8",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "1804:27361",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27362",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27363",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27364",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-off--ux-default--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-off-ux-default-size-l-feature-date--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61319",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=off, UX=default, size=L, feature=date",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "off",
"ux": "default",
"size": "L",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-off--ux-default--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-off-ux-default-size-l-feature-date--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#595959",
"rootBorderCssVar": "--color-grey-8",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61320",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61321",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61322",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61323",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-off--ux-default--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-off-ux-default-size-m-feature-date--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:27370",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=off, UX=default, size=M, feature=date",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "off",
"ux": "default",
"size": "M",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-off--ux-default--size-m--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-off-ux-default-size-m-feature-date--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#cccccc",
"rootBorderCssVar": "--color-grey-5",
"rootBorderWidth": 1,
"textFillHex": "#595959",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "1804:27371",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27372",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27373",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27374",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-off--ux-default--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-off-ux-default-size-l-feature-date--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61324",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=off, UX=default, size=L, feature=date",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "off",
"ux": "default",
"size": "L",
"feature": "date",
"multiple": false,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-off--ux-default--size-l--feature-date--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-off-ux-default-size-l-feature-date--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#cccccc",
"rootBorderCssVar": "--color-grey-5",
"rootBorderWidth": 1,
"textFillHex": "#595959",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61325",
"name": "icon/Time/Calendar",
"type": "INSTANCE",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61326",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61327",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61328",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-off--ux-default--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-off-ux-default-size-m-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:27380",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=off, UX=default, size=M, feature=default",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "off",
"ux": "default",
"size": "M",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-off--ux-default--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-off-ux-default-size-m-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#cccccc",
"rootBorderCssVar": "--color-grey-5",
"rootBorderWidth": 1,
"textFillHex": "#595959",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "1804:27381",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27382",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-off--ux-default--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-off-ux-default-size-l-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61329",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=off, UX=default, size=L, feature=default",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "off",
"ux": "default",
"size": "L",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "disabled",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-off--ux-default--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-off-ux-default-size-l-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#cccccc",
"rootBorderCssVar": "--color-grey-5",
"rootBorderWidth": 1,
"textFillHex": "#595959",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61330",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61331",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-hover--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-hover-size-m-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:27386",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=hover, size=M, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "hover",
"size": "M",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-hover--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-hover-size-m-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1804:27387",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27388",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-hover--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-hover-size-l-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61332",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=hover, size=L, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "hover",
"size": "L",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-hover--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-hover-size-l-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61333",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61334",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-hover--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-hover-size-m-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:27392",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=hover, size=M, feature=default",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "hover",
"size": "M",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-hover--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-hover-size-m-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1804:27393",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27394",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-hover--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-hover-size-l-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61335",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=hover, size=L, feature=default",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "hover",
"size": "L",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-hover--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-hover-size-l-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61336",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61337",
"name": "icon/Arrow/Dropdown",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-click--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-click-size-m-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:27398",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=click, size=M, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "click",
"size": "M",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "focus",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-click--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-click-size-m-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1804:27399",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27400",
"name": "icon/Arrow/Updown",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-click--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-click-size-l-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61338",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=click, size=L, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "click",
"size": "L",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "focus",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-click--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-placeholder-enable-on-ux-click-size-l-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61339",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61340",
"name": "icon/Arrow/Updown",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-editable--size-m--feature-default--multiple-false--editable-true--figma-dark-theme-on-status-placeholder-enable-on-ux-editable-size-m-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:27404",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=editable, size=M, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "editable",
"size": "M",
"feature": "default",
"multiple": false,
"editable": true
},
"state": "editable",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-editable--size-m--feature-default--multiple-false--editable-true--figma-dark-theme-on-status-placeholder-enable-on-ux-editable-size-m-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1804:27405",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27406",
"name": "icon/Arrow/Updown",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-editable--size-l--feature-default--multiple-false--editable-true--figma-dark-theme-on-status-placeholder-enable-on-ux-editable-size-l-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61341",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=editable, size=L, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "editable",
"size": "L",
"feature": "default",
"multiple": false,
"editable": true
},
"state": "editable",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-on--status-placeholder--enable-on--ux-editable--size-l--feature-default--multiple-false--editable-true--figma-dark-theme-on-status-placeholder-enable-on-ux-editable-size-l-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61342",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61343",
"name": "icon/Arrow/Updown",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-click--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-click-size-m-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:27410",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=click, size=M, feature=default",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "click",
"size": "M",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "focus",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-click--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-click-size-m-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1804:27411",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27412",
"name": "icon/Arrow/Updown",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-click--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-click-size-l-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61344",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=click, size=L, feature=default",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "click",
"size": "L",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "focus",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-click--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-placeholder-enable-on-ux-click-size-l-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61345",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61346",
"name": "icon/Arrow/Updown",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-editable--size-m--feature-default--multiple-false--editable-true--figma-dark-theme-off-status-placeholder-enable-on-ux-editable-size-m-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:27416",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=editable, size=M, feature=default",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "editable",
"size": "M",
"feature": "default",
"multiple": false,
"editable": true
},
"state": "editable",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-editable--size-m--feature-default--multiple-false--editable-true--figma-dark-theme-off-status-placeholder-enable-on-ux-editable-size-m-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1804:27417",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27418",
"name": "icon/Arrow/Updown",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-editable--size-l--feature-default--multiple-false--editable-true--figma-dark-theme-off-status-placeholder-enable-on-ux-editable-size-l-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61347",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=editable, size=L, feature=default",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "editable",
"size": "L",
"feature": "default",
"multiple": false,
"editable": true
},
"state": "editable",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue---darktheme-off--status-placeholder--enable-on--ux-editable--size-l--feature-default--multiple-false--editable-true--figma-dark-theme-off-status-placeholder-enable-on-ux-editable-size-l-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61348",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61349",
"name": "icon/Arrow/Updown",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-hover--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-hover-size-m-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:27422",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=hover, size=M, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "hover",
"size": "M",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-hover--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-hover-size-m-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1804:27423",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27424",
"name": "icon/Edit/Clear 1",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-hover--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-hover-size-l-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61350",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=hover, size=L, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "hover",
"size": "L",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-hover--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-hover-size-l-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61351",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61352",
"name": "icon/Edit/Clear 1",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-hover--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-hover-size-m-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:27428",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=hover, size=M, feature=default",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "hover",
"size": "M",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-hover--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-hover-size-m-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1804:27429",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27430",
"name": "icon/Edit/Clear 1",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-hover--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-hover-size-l-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61353",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=hover, size=L, feature=default",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "hover",
"size": "L",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "hover",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-hover--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-hover-size-l-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61354",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61355",
"name": "icon/Edit/Clear 1",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-click--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-click-size-m-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:27434",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=click, size=M, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "click",
"size": "M",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "focus",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-click--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-click-size-m-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1804:27435",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27436",
"name": "icon/Arrow/Updown",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-click--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-click-size-l-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61356",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=click, size=L, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "click",
"size": "L",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "focus",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-click--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-on-status-value-enable-on-ux-click-size-l-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61357",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61358",
"name": "icon/Arrow/Updown",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-editable--size-m--feature-default--multiple-false--editable-true--figma-dark-theme-on-status-value-enable-on-ux-editable-size-m-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:27440",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=editable, size=M, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "editable",
"size": "M",
"feature": "default",
"multiple": false,
"editable": true
},
"state": "editable",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-editable--size-m--feature-default--multiple-false--editable-true--figma-dark-theme-on-status-value-enable-on-ux-editable-size-m-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1804:27441",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27442",
"name": "icon/Arrow/Updown",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-editable--size-l--feature-default--multiple-false--editable-true--figma-dark-theme-on-status-value-enable-on-ux-editable-size-l-feature-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61359",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=editable, size=L, feature=default",
"theme": "dark",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "editable",
"size": "L",
"feature": "default",
"multiple": false,
"editable": true
},
"state": "editable",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-on--status-value--enable-on--ux-editable--size-l--feature-default--multiple-false--editable-true--figma-dark-theme-on-status-value-enable-on-ux-editable-size-l-feature-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61360",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61361",
"name": "icon/Arrow/Updown",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-click--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-click-size-m-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:27446",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=click, size=M, feature=default",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "click",
"size": "M",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "focus",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-click--size-m--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-click-size-m-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1804:27447",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27448",
"name": "icon/Arrow/Updown",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-click--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-click-size-l-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61362",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=click, size=L, feature=default",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "click",
"size": "L",
"feature": "default",
"multiple": false,
"editable": false
},
"state": "focus",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-click--size-l--feature-default--multiple-false--editable-false--figma-dark-theme-off-status-value-enable-on-ux-click-size-l-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61363",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61364",
"name": "icon/Arrow/Updown",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-editable--size-m--feature-default--multiple-false--editable-true--figma-dark-theme-off-status-value-enable-on-ux-editable-size-m-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1804:27452",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=editable, size=M, feature=default",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "editable",
"size": "M",
"feature": "default",
"multiple": false,
"editable": true
},
"state": "editable",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-editable--size-m--feature-default--multiple-false--editable-true--figma-dark-theme-off-status-value-enable-on-ux-editable-size-m-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1804:27453",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1804:27454",
"name": "icon/Arrow/Updown",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-editable--size-l--feature-default--multiple-false--editable-true--figma-dark-theme-off-status-value-enable-on-ux-editable-size-l-feature-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1852:61365",
"figmaName": "select box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=editable, size=L, feature=default",
"theme": "light",
"codeComponent": "SelectBoxLine",
"codeProps": {
"placeholder": "Please Select",
"options": [
{
"label": "Option A",
"value": "option-a"
},
{
"label": "Option B",
"value": "option-b"
}
],
"modelValue": "option-a",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "editable",
"size": "L",
"feature": "default",
"multiple": false,
"editable": true
},
"state": "editable",
"rootTargetSelector": ".select-trigger",
"textTargetSelector": ".select-value",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "select_box_line__1804_26921.json",
"expectedSourceTokenizedFile": "select_box_line__1804_26921.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": [
"selectboxline-feature-date",
"selectboxline-feature-time",
"selectboxfilled-feature-date",
"selectboxfilled-feature-time",
"datetime-select-topology"
]
},
"_warnings": [
"No axis-implementation-map.json entry found for Select.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Select.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/selectboxline/select-box-line--placeholder-please-select--options-object-object-object-object--modelvalue-option-a--darktheme-off--status-value--enable-on--ux-editable--size-l--feature-default--multiple-false--editable-true--figma-dark-theme-off-status-value-enable-on-ux-editable-size-l-feature-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1.2000000476837158,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1852:61366",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1852:61367",
"name": "icon/Arrow/Updown",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-default--size-m--feature-no--figma-dark-theme-on-status-placeholder-enable-on-ux-default-size-m-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1431:54604",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=default, size=M, feature=no",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "default",
"size": "M",
"feature": "no"
},
"state": "placeholder",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API.",
"Input placeholder text color is browser pseudo-element state; verifier can only inspect root/input computed color."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-default--size-m--feature-no--figma-dark-theme-on-status-placeholder-enable-on-ux-default-size-m-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--line-deep",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--text-placeholder"
},
"expectedNodes": [
{
"figmaNodeId": "1427:47532",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-error--size-m--feature-no--figma-dark-theme-on-status-placeholder-enable-on-ux-error-size-m-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:7940",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=error, size=M, feature=no",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "error",
"size": "M",
"feature": "no"
},
"state": "error",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-error--size-m--feature-no--figma-dark-theme-on-status-placeholder-enable-on-ux-error-size-m-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--line-deep",
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--text-placeholder"
},
"expectedNodes": [
{
"figmaNodeId": "4187:7941",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-default--size-l--feature-no--figma-dark-theme-on-status-placeholder-enable-on-ux-default-size-l-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:31698",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=default, size=L, feature=no",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "default",
"size": "L",
"feature": "no"
},
"state": "placeholder",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API.",
"Input placeholder text color is browser pseudo-element state; verifier can only inspect root/input computed color."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-default--size-l--feature-no--figma-dark-theme-on-status-placeholder-enable-on-ux-default-size-l-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1436:1432",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-error--size-l--feature-no--figma-dark-theme-on-status-placeholder-enable-on-ux-error-size-l-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:8055",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=error, size=L, feature=no",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "error",
"size": "L",
"feature": "no"
},
"state": "error",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-error--size-l--feature-no--figma-dark-theme-on-status-placeholder-enable-on-ux-error-size-l-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "4187:8056",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-default--size-m--feature-no--figma-dark-theme-off-status-placeholder-enable-on-ux-default-size-m-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1431:54626",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=default, size=M, feature=no",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "default",
"size": "M",
"feature": "no"
},
"state": "placeholder",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API.",
"Input placeholder text color is browser pseudo-element state; verifier can only inspect root/input computed color."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-default--size-m--feature-no--figma-dark-theme-off-status-placeholder-enable-on-ux-default-size-m-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1427:47737",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-error--size-m--feature-no--figma-dark-theme-off-status-placeholder-enable-on-ux-error-size-m-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:8103",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=error, size=M, feature=no",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "error",
"size": "M",
"feature": "no"
},
"state": "error",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-error--size-m--feature-no--figma-dark-theme-off-status-placeholder-enable-on-ux-error-size-m-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "4187:8104",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-default--size-m--feature-yes--figma-dark-theme-off-status-placeholder-enable-on-ux-default-size-m-feature-yes--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:31692",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=default, size=M, feature=yes",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "default",
"size": "M",
"feature": "yes"
},
"state": "placeholder",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API.",
"Input placeholder text color is browser pseudo-element state; verifier can only inspect root/input computed color."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-default--size-m--feature-yes--figma-dark-theme-off-status-placeholder-enable-on-ux-default-size-m-feature-yes--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1436:31368",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:31365",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-error--size-m--feature-yes--figma-dark-theme-off-status-placeholder-enable-on-ux-error-size-m-feature-yes--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:8106",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=error, size=M, feature=yes",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "error",
"size": "M",
"feature": "yes"
},
"state": "error",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-error--size-m--feature-yes--figma-dark-theme-off-status-placeholder-enable-on-ux-error-size-m-feature-yes--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "4187:8107",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:8108",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-default--size-l--feature-yes--figma-dark-theme-off-status-placeholder-enable-on-ux-default-size-l-feature-yes--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:31719",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=default, size=L, feature=yes",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "default",
"size": "L",
"feature": "yes"
},
"state": "placeholder",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API.",
"Input placeholder text color is browser pseudo-element state; verifier can only inspect root/input computed color."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-default--size-l--feature-yes--figma-dark-theme-off-status-placeholder-enable-on-ux-default-size-l-feature-yes--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1436:31491",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:31492",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-error--size-l--feature-yes--figma-dark-theme-off-status-placeholder-enable-on-ux-error-size-l-feature-yes--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:8151",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=error, size=L, feature=yes",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "error",
"size": "L",
"feature": "yes"
},
"state": "error",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-error--size-l--feature-yes--figma-dark-theme-off-status-placeholder-enable-on-ux-error-size-l-feature-yes--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "4187:8152",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:8153",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-default--size-l--feature-no--figma-dark-theme-off-status-placeholder-enable-on-ux-default-size-l-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:31723",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=default, size=L, feature=no",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "default",
"size": "L",
"feature": "no"
},
"state": "placeholder",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API.",
"Input placeholder text color is browser pseudo-element state; verifier can only inspect root/input computed color."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-default--size-l--feature-no--figma-dark-theme-off-status-placeholder-enable-on-ux-default-size-l-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1436:1438",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-error--size-l--feature-no--figma-dark-theme-off-status-placeholder-enable-on-ux-error-size-l-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:8154",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=error, size=L, feature=no",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "error",
"size": "L",
"feature": "no"
},
"state": "error",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-error--size-l--feature-no--figma-dark-theme-off-status-placeholder-enable-on-ux-error-size-l-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "4187:8155",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-default--size-xl--feature-no--figma-dark-theme-on-status-placeholder-enable-on-ux-default-size-xl-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1431:54608",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=default, size=XL, feature=no",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "default",
"size": "XL",
"feature": "no"
},
"state": "placeholder",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API.",
"Input placeholder text color is browser pseudo-element state; verifier can only inspect root/input computed color."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-default--size-xl--feature-no--figma-dark-theme-on-status-placeholder-enable-on-ux-default-size-xl-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 25,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1431:54450",
"name": "Enter Content",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1431:54451",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1431:54452",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-error--size-xl--feature-no--figma-dark-theme-on-status-placeholder-enable-on-ux-error-size-xl-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:8199",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=error, size=XL, feature=no",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "error",
"size": "XL",
"feature": "no"
},
"state": "error",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-error--size-xl--feature-no--figma-dark-theme-on-status-placeholder-enable-on-ux-error-size-xl-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 25,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "4187:8200",
"name": "Enter Content",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:8202",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:8203",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-default--size-xl--feature-no--figma-dark-theme-off-status-placeholder-enable-on-ux-default-size-xl-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1431:54630",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=default, size=XL, feature=no",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "default",
"size": "XL",
"feature": "no"
},
"state": "placeholder",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API.",
"Input placeholder text color is browser pseudo-element state; verifier can only inspect root/input computed color."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-default--size-xl--feature-no--figma-dark-theme-off-status-placeholder-enable-on-ux-default-size-xl-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 25,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1431:54482",
"name": "Enter Content",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1431:54483",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1431:54484",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-error--size-xl--feature-no--figma-dark-theme-off-status-placeholder-enable-on-ux-error-size-xl-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:8247",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=error, size=XL, feature=no",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "error",
"size": "XL",
"feature": "no"
},
"state": "error",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-error--size-xl--feature-no--figma-dark-theme-off-status-placeholder-enable-on-ux-error-size-xl-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 25,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "4187:8248",
"name": "Enter Content",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:8250",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:8251",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-off--ux-default--size-xl--feature-no--figma-dark-theme-on-status-placeholder-enable-off-ux-default-size-xl-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1431:54611",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=off, UX=default, size=XL, feature=no",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "off",
"ux": "default",
"size": "XL",
"feature": "no"
},
"state": "disabled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-off--ux-default--size-xl--feature-no--figma-dark-theme-on-status-placeholder-enable-off-ux-default-size-xl-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 25,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#595959",
"textFillCssVar": "--color-grey-8"
},
"expectedNodes": [
{
"figmaNodeId": "1431:54474",
"name": "Enter Content",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1431:54475",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1431:54476",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-off--ux-default--size-xl--feature-no--figma-dark-theme-off-status-placeholder-enable-off-ux-default-size-xl-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1431:54633",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=off, UX=default, size=XL, feature=no",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "off",
"ux": "default",
"size": "XL",
"feature": "no"
},
"state": "disabled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-off--ux-default--size-xl--feature-no--figma-dark-theme-off-status-placeholder-enable-off-ux-default-size-xl-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 25,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#cccccc",
"textFillCssVar": "--color-grey-5"
},
"expectedNodes": [
{
"figmaNodeId": "1431:54486",
"name": "Enter Content",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1431:54487",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1431:54488",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-hover--size-xl--feature-no--figma-dark-theme-on-status-placeholder-enable-on-ux-hover-size-xl-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1431:54618",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=hover, size=XL, feature=no",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "hover",
"size": "XL",
"feature": "no"
},
"state": "hover",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-hover--size-xl--feature-no--figma-dark-theme-on-status-placeholder-enable-on-ux-hover-size-xl-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 25,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1431:54458",
"name": "Enter Content",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1431:54459",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1431:54460",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-hover--size-xl--feature-no--figma-dark-theme-off-status-placeholder-enable-on-ux-hover-size-xl-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1431:54635",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=hover, size=XL, feature=no",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "hover",
"size": "XL",
"feature": "no"
},
"state": "hover",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-hover--size-xl--feature-no--figma-dark-theme-off-status-placeholder-enable-on-ux-hover-size-xl-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 25,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1431:54490",
"name": "Enter Content",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1431:54491",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1431:54492",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-click--size-xl--feature-no--figma-dark-theme-on-status-placeholder-enable-on-ux-click-size-xl-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1431:54621",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=click, size=XL, feature=no",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "click",
"size": "XL",
"feature": "no"
},
"state": "focus",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-click--size-xl--feature-no--figma-dark-theme-on-status-placeholder-enable-on-ux-click-size-xl-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 25,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1431:54466",
"name": "|Enter Content",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1431:54467",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1431:54468",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-click--size-xl--feature-no--figma-dark-theme-off-status-placeholder-enable-on-ux-click-size-xl-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1431:54637",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=click, size=XL, feature=no",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "click",
"size": "XL",
"feature": "no"
},
"state": "focus",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-click--size-xl--feature-no--figma-dark-theme-off-status-placeholder-enable-on-ux-click-size-xl-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 25,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1431:54494",
"name": "|Enter Content",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1431:54495",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1431:54496",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-default--size-xl--feature-no--figma-dark-theme-on-status-value-enable-on-ux-default-size-xl-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1431:54609",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=default, size=XL, feature=no",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "default",
"size": "XL",
"feature": "no"
},
"state": "filled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-default--size-xl--feature-no--figma-dark-theme-on-status-value-enable-on-ux-default-size-xl-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 25,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1431:54454",
"name": "Remark",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1536:5564",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1536:5565",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-error--size-xl--feature-no--figma-dark-theme-on-status-value-enable-on-ux-error-size-xl-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:8204",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=error, size=XL, feature=no",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "error",
"size": "XL",
"feature": "no"
},
"state": "error",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-error--size-xl--feature-no--figma-dark-theme-on-status-value-enable-on-ux-error-size-xl-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 25,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "4187:8205",
"name": "Remark",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:8207",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:8208",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-default--size-xl--feature-no--figma-dark-theme-off-status-value-enable-on-ux-default-size-xl-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1431:54631",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=default, size=XL, feature=no",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "default",
"size": "XL",
"feature": "no"
},
"state": "filled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-default--size-xl--feature-no--figma-dark-theme-off-status-value-enable-on-ux-default-size-xl-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 25,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1431:54498",
"name": "Remark",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1431:54499",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1431:54500",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-error--size-xl--feature-no--figma-dark-theme-off-status-value-enable-on-ux-error-size-xl-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:8252",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=error, size=XL, feature=no",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "error",
"size": "XL",
"feature": "no"
},
"state": "error",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-error--size-xl--feature-no--figma-dark-theme-off-status-value-enable-on-ux-error-size-xl-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 25,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "4187:8253",
"name": "Remark",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:8255",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:8256",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-off--ux-default--size-xl--feature-no--figma-dark-theme-on-status-value-enable-off-ux-default-size-xl-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1431:54610",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=off, UX=default, size=XL, feature=no",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "off",
"ux": "default",
"size": "XL",
"feature": "no"
},
"state": "disabled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-off--ux-default--size-xl--feature-no--figma-dark-theme-on-status-value-enable-off-ux-default-size-xl-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 25,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "1431:54478",
"name": "Remark",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1431:54479",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1431:54480",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-off--ux-default--size-xl--feature-no--figma-dark-theme-off-status-value-enable-off-ux-default-size-xl-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1431:54632",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=off, UX=default, size=XL, feature=no",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "off",
"ux": "default",
"size": "XL",
"feature": "no"
},
"state": "disabled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-off--ux-default--size-xl--feature-no--figma-dark-theme-off-status-value-enable-off-ux-default-size-xl-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 25,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#595959",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "1431:54502",
"name": "Remark",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1431:54503",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1431:54504",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-hover--size-xl--feature-no--figma-dark-theme-on-status-value-enable-on-ux-hover-size-xl-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1431:54619",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=hover, size=XL, feature=no",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "hover",
"size": "XL",
"feature": "no"
},
"state": "hover",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-hover--size-xl--feature-no--figma-dark-theme-on-status-value-enable-on-ux-hover-size-xl-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 25,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1431:54462",
"name": "Remark",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1431:54463",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1431:54464",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-hover--size-xl--feature-no--figma-dark-theme-off-status-value-enable-on-ux-hover-size-xl-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1431:54634",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=hover, size=XL, feature=no",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "hover",
"size": "XL",
"feature": "no"
},
"state": "hover",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-hover--size-xl--feature-no--figma-dark-theme-off-status-value-enable-on-ux-hover-size-xl-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 25,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1431:54506",
"name": "Remark",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1431:54507",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1431:54508",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-click--size-xl--feature-no--figma-dark-theme-on-status-value-enable-on-ux-click-size-xl-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1431:54620",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=click, size=XL, feature=no",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "click",
"size": "XL",
"feature": "no"
},
"state": "focus",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-click--size-xl--feature-no--figma-dark-theme-on-status-value-enable-on-ux-click-size-xl-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 5,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1431:54470",
"name": "Remark|",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1431:54471",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1431:54472",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-click--size-xl--feature-no--figma-dark-theme-off-status-value-enable-on-ux-click-size-xl-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1431:54636",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=click, size=XL, feature=no",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "click",
"size": "XL",
"feature": "no"
},
"state": "focus",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-click--size-xl--feature-no--figma-dark-theme-off-status-value-enable-on-ux-click-size-xl-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 5,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1431:54510",
"name": "Remark|",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1924:6429",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1924:6430",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-default--size-m--feature-no--figma-dark-theme-on-status-value-enable-on-ux-default-size-m-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1431:54605",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=default, size=M, feature=no",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "default",
"size": "M",
"feature": "no"
},
"state": "filled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-default--size-m--feature-no--figma-dark-theme-on-status-value-enable-on-ux-default-size-m-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--line-deep",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-body"
},
"expectedNodes": [
{
"figmaNodeId": "1427:47539",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-error--size-m--feature-no--figma-dark-theme-on-status-value-enable-on-ux-error-size-m-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:7943",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=error, size=M, feature=no",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "error",
"size": "M",
"feature": "no"
},
"state": "error",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-error--size-m--feature-no--figma-dark-theme-on-status-value-enable-on-ux-error-size-m-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--line-deep",
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-body"
},
"expectedNodes": [
{
"figmaNodeId": "4187:7944",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-default--size-l--feature-no--figma-dark-theme-on-status-value-enable-on-ux-default-size-l-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:31699",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=default, size=L, feature=no",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "default",
"size": "L",
"feature": "no"
},
"state": "filled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-default--size-l--feature-no--figma-dark-theme-on-status-value-enable-on-ux-default-size-l-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1436:1447",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-error--size-l--feature-no--figma-dark-theme-on-status-value-enable-on-ux-error-size-l-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:8058",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=error, size=L, feature=no",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "error",
"size": "L",
"feature": "no"
},
"state": "error",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-error--size-l--feature-no--figma-dark-theme-on-status-value-enable-on-ux-error-size-l-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "4187:8059",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-default--size-m--feature-no--figma-dark-theme-off-status-value-enable-on-ux-default-size-m-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1431:54627",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=default, size=M, feature=no",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "default",
"size": "M",
"feature": "no"
},
"state": "filled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-default--size-m--feature-no--figma-dark-theme-off-status-value-enable-on-ux-default-size-m-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1427:47740",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-error--size-m--feature-no--figma-dark-theme-off-status-value-enable-on-ux-error-size-m-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:8109",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=error, size=M, feature=no",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "error",
"size": "M",
"feature": "no"
},
"state": "error",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-error--size-m--feature-no--figma-dark-theme-off-status-value-enable-on-ux-error-size-m-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "4187:8110",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-default--size-m--feature-yes--figma-dark-theme-off-status-value-enable-on-ux-default-size-m-feature-yes--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:31693",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=default, size=M, feature=yes",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "default",
"size": "M",
"feature": "yes"
},
"state": "filled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-default--size-m--feature-yes--figma-dark-theme-off-status-value-enable-on-ux-default-size-m-feature-yes--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1436:31381",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:31367",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-error--size-m--feature-yes--figma-dark-theme-off-status-value-enable-on-ux-error-size-m-feature-yes--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:8112",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=error, size=M, feature=yes",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "error",
"size": "M",
"feature": "yes"
},
"state": "error",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-error--size-m--feature-yes--figma-dark-theme-off-status-value-enable-on-ux-error-size-m-feature-yes--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "4187:8113",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:8114",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-default--size-l--feature-yes--figma-dark-theme-off-status-value-enable-on-ux-default-size-l-feature-yes--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:31718",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=default, size=L, feature=yes",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "default",
"size": "L",
"feature": "yes"
},
"state": "filled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-default--size-l--feature-yes--figma-dark-theme-off-status-value-enable-on-ux-default-size-l-feature-yes--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1436:31494",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:31495",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-error--size-l--feature-yes--figma-dark-theme-off-status-value-enable-on-ux-error-size-l-feature-yes--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:8157",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=error, size=L, feature=yes",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "error",
"size": "L",
"feature": "yes"
},
"state": "error",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-error--size-l--feature-yes--figma-dark-theme-off-status-value-enable-on-ux-error-size-l-feature-yes--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "4187:8158",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:8159",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-default--size-l--feature-no--figma-dark-theme-off-status-value-enable-on-ux-default-size-l-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:31722",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=default, size=L, feature=no",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "default",
"size": "L",
"feature": "no"
},
"state": "filled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-default--size-l--feature-no--figma-dark-theme-off-status-value-enable-on-ux-default-size-l-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1436:1452",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-error--size-l--feature-no--figma-dark-theme-off-status-value-enable-on-ux-error-size-l-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:8160",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=error, size=L, feature=no",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "error",
"size": "L",
"feature": "no"
},
"state": "error",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-error--size-l--feature-no--figma-dark-theme-off-status-value-enable-on-ux-error-size-l-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "4187:8161",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-default--size-m--feature-yes--figma-dark-theme-on-status-placeholder-enable-on-ux-default-size-m-feature-yes--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:31686",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=default, size=M, feature=yes",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "default",
"size": "M",
"feature": "yes"
},
"state": "placeholder",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API.",
"Input placeholder text color is browser pseudo-element state; verifier can only inspect root/input computed color."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-default--size-m--feature-yes--figma-dark-theme-on-status-placeholder-enable-on-ux-default-size-m-feature-yes--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--line-deep",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--text-placeholder"
},
"expectedNodes": [
{
"figmaNodeId": "1436:31248",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:31058",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-error--size-m--feature-yes--figma-dark-theme-on-status-placeholder-enable-on-ux-error-size-m-feature-yes--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:7946",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=error, size=M, feature=yes",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "error",
"size": "M",
"feature": "yes"
},
"state": "error",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-error--size-m--feature-yes--figma-dark-theme-on-status-placeholder-enable-on-ux-error-size-m-feature-yes--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--line-deep",
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--text-placeholder"
},
"expectedNodes": [
{
"figmaNodeId": "4187:7947",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7948",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-default--size-l--feature-yes--figma-dark-theme-on-status-placeholder-enable-on-ux-default-size-l-feature-yes--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:31702",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=default, size=L, feature=yes",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "default",
"size": "L",
"feature": "yes"
},
"state": "placeholder",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API.",
"Input placeholder text color is browser pseudo-element state; verifier can only inspect root/input computed color."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-default--size-l--feature-yes--figma-dark-theme-on-status-placeholder-enable-on-ux-default-size-l-feature-yes--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1436:31497",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:31498",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-error--size-l--feature-yes--figma-dark-theme-on-status-placeholder-enable-on-ux-error-size-l-feature-yes--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:8061",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=error, size=L, feature=yes",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "error",
"size": "L",
"feature": "yes"
},
"state": "error",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-error--size-l--feature-yes--figma-dark-theme-on-status-placeholder-enable-on-ux-error-size-l-feature-yes--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "4187:8062",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:8063",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-click--size-m--feature-yes--figma-dark-theme-on-status-placeholder-enable-on-ux-click-size-m-feature-yes--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:31690",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=click, size=M, feature=yes",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "click",
"size": "M",
"feature": "yes"
},
"state": "focus",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-click--size-m--feature-yes--figma-dark-theme-on-status-placeholder-enable-on-ux-click-size-m-feature-yes--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--line-deep",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--text-placeholder"
},
"expectedNodes": [
{
"figmaNodeId": "1436:31276",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:31277",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-click--size-l--feature-yes--figma-dark-theme-on-status-placeholder-enable-on-ux-click-size-l-feature-yes--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:31716",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=click, size=L, feature=yes",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "click",
"size": "L",
"feature": "yes"
},
"state": "focus",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-click--size-l--feature-yes--figma-dark-theme-on-status-placeholder-enable-on-ux-click-size-l-feature-yes--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1436:31500",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:31501",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-hover--size-m--feature-yes--figma-dark-theme-on-status-placeholder-enable-on-ux-hover-size-m-feature-yes--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:31688",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=hover, size=M, feature=yes",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "hover",
"size": "M",
"feature": "yes"
},
"state": "hover",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-hover--size-m--feature-yes--figma-dark-theme-on-status-placeholder-enable-on-ux-hover-size-m-feature-yes--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--line-deep",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--text-placeholder"
},
"expectedNodes": [
{
"figmaNodeId": "1436:31319",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:31320",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-hover--size-l--feature-yes--figma-dark-theme-on-status-placeholder-enable-on-ux-hover-size-l-feature-yes--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:31710",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=hover, size=L, feature=yes",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "hover",
"size": "L",
"feature": "yes"
},
"state": "hover",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-hover--size-l--feature-yes--figma-dark-theme-on-status-placeholder-enable-on-ux-hover-size-l-feature-yes--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1436:31503",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:31504",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-default--size-m--feature-yes--figma-dark-theme-on-status-value-enable-on-ux-default-size-m-feature-yes--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:31687",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=default, size=M, feature=yes",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "default",
"size": "M",
"feature": "yes"
},
"state": "filled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-default--size-m--feature-yes--figma-dark-theme-on-status-value-enable-on-ux-default-size-m-feature-yes--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--line-deep",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-body"
},
"expectedNodes": [
{
"figmaNodeId": "1436:31262",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:31263",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-error--size-m--feature-yes--figma-dark-theme-on-status-value-enable-on-ux-error-size-m-feature-yes--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:7949",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=error, size=M, feature=yes",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "error",
"size": "M",
"feature": "yes"
},
"state": "error",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-error--size-m--feature-yes--figma-dark-theme-on-status-value-enable-on-ux-error-size-m-feature-yes--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--line-deep",
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-body"
},
"expectedNodes": [
{
"figmaNodeId": "4187:7950",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7951",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-default--size-l--feature-yes--figma-dark-theme-on-status-value-enable-on-ux-default-size-l-feature-yes--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:31703",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=default, size=L, feature=yes",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "default",
"size": "L",
"feature": "yes"
},
"state": "filled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-default--size-l--feature-yes--figma-dark-theme-on-status-value-enable-on-ux-default-size-l-feature-yes--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1436:31506",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:31507",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-error--size-l--feature-yes--figma-dark-theme-on-status-value-enable-on-ux-error-size-l-feature-yes--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:8064",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=error, size=L, feature=yes",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "error",
"size": "L",
"feature": "yes"
},
"state": "error",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-error--size-l--feature-yes--figma-dark-theme-on-status-value-enable-on-ux-error-size-l-feature-yes--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "4187:8065",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:8066",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-click--size-m--feature-yes--figma-dark-theme-on-status-value-enable-on-ux-click-size-m-feature-yes--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:31691",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=click, size=M, feature=yes",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "click",
"size": "M",
"feature": "yes"
},
"state": "focus",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 36
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-click--size-m--feature-yes--figma-dark-theme-on-status-value-enable-on-ux-click-size-m-feature-yes--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--line-deep",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-body"
},
"expectedNodes": [
{
"figmaNodeId": "1436:31279",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:31280",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:31303",
"name": "icon/Edit/Clear 1",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-click--size-l--feature-yes--figma-dark-theme-on-status-value-enable-on-ux-click-size-l-feature-yes--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:31717",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=click, size=L, feature=yes",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "click",
"size": "L",
"feature": "yes"
},
"state": "focus",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 36
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-click--size-l--feature-yes--figma-dark-theme-on-status-value-enable-on-ux-click-size-l-feature-yes--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1436:31509",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:31510",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:31511",
"name": "icon/Edit/Clear 1",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-hover--size-m--feature-yes--figma-dark-theme-on-status-value-enable-on-ux-hover-size-m-feature-yes--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:31689",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=hover, size=M, feature=yes",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "hover",
"size": "M",
"feature": "yes"
},
"state": "hover",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-hover--size-m--feature-yes--figma-dark-theme-on-status-value-enable-on-ux-hover-size-m-feature-yes--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--line-deep",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-body"
},
"expectedNodes": [
{
"figmaNodeId": "1436:31322",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:31323",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-hover--size-l--feature-yes--figma-dark-theme-on-status-value-enable-on-ux-hover-size-l-feature-yes--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:31711",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=hover, size=L, feature=yes",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "hover",
"size": "L",
"feature": "yes"
},
"state": "hover",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-hover--size-l--feature-yes--figma-dark-theme-on-status-value-enable-on-ux-hover-size-l-feature-yes--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1436:31513",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:31514",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-off--ux-default--size-m--feature-no--figma-dark-theme-on-status-placeholder-enable-off-ux-default-size-m-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1431:54613",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=off, UX=default, size=M, feature=no",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "off",
"ux": "default",
"size": "M",
"feature": "no"
},
"state": "disabled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-off--ux-default--size-m--feature-no--figma-dark-theme-on-status-placeholder-enable-off-ux-default-size-m-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--line-deep",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#595959",
"textFillCssVar": "--text-disabled"
},
"expectedNodes": [
{
"figmaNodeId": "1427:47595",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-off--ux-default--size-l--feature-no--figma-dark-theme-on-status-placeholder-enable-off-ux-default-size-l-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:31705",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=off, UX=default, size=L, feature=no",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "off",
"ux": "default",
"size": "L",
"feature": "no"
},
"state": "disabled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-off--ux-default--size-l--feature-no--figma-dark-theme-on-status-placeholder-enable-off-ux-default-size-l-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#595959",
"textFillCssVar": "--color-grey-8"
},
"expectedNodes": [
{
"figmaNodeId": "1436:1489",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-off--ux-default--size-m--feature-no--figma-dark-theme-off-status-placeholder-enable-off-ux-default-size-m-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1431:54645",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=off, UX=default, size=M, feature=no",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "off",
"ux": "default",
"size": "M",
"feature": "no"
},
"state": "disabled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-off--ux-default--size-m--feature-no--figma-dark-theme-off-status-placeholder-enable-off-ux-default-size-m-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#cccccc",
"textFillCssVar": "--text-disabled"
},
"expectedNodes": [
{
"figmaNodeId": "1427:47763",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-off--ux-default--size-l--feature-no--figma-dark-theme-off-status-placeholder-enable-off-ux-default-size-l-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:31724",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=off, UX=default, size=L, feature=no",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "off",
"ux": "default",
"size": "L",
"feature": "no"
},
"state": "disabled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-off--ux-default--size-l--feature-no--figma-dark-theme-off-status-placeholder-enable-off-ux-default-size-l-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#cccccc",
"textFillCssVar": "--color-grey-5"
},
"expectedNodes": [
{
"figmaNodeId": "1436:1491",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-off--ux-default--size-m--feature-no--figma-dark-theme-on-status-value-enable-off-ux-default-size-m-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1431:54612",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=off, UX=default, size=M, feature=no",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "off",
"ux": "default",
"size": "M",
"feature": "no"
},
"state": "disabled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-off--ux-default--size-m--feature-no--figma-dark-theme-on-status-value-enable-off-ux-default-size-m-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--line-deep",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "1427:47588",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-off--ux-default--size-l--feature-no--figma-dark-theme-on-status-value-enable-off-ux-default-size-l-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:31704",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=off, UX=default, size=L, feature=no",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "off",
"ux": "default",
"size": "L",
"feature": "no"
},
"state": "disabled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-off--ux-default--size-l--feature-no--figma-dark-theme-on-status-value-enable-off-ux-default-size-l-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "1436:1495",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-off--ux-default--size-m--feature-no--figma-dark-theme-off-status-value-enable-off-ux-default-size-m-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1431:54642",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=off, UX=default, size=M, feature=no",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "off",
"ux": "default",
"size": "M",
"feature": "no"
},
"state": "disabled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-off--ux-default--size-m--feature-no--figma-dark-theme-off-status-value-enable-off-ux-default-size-m-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#595959",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "1427:47766",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-off--ux-default--size-l--feature-no--figma-dark-theme-off-status-value-enable-off-ux-default-size-l-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:31725",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=off, UX=default, size=L, feature=no",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "off",
"ux": "default",
"size": "L",
"feature": "no"
},
"state": "disabled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-off--ux-default--size-l--feature-no--figma-dark-theme-off-status-value-enable-off-ux-default-size-l-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#595959",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "1436:1474",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-hover--size-m--feature-no--figma-dark-theme-on-status-placeholder-enable-on-ux-hover-size-m-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1431:54614",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=hover, size=M, feature=no",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "hover",
"size": "M",
"feature": "no"
},
"state": "hover",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-hover--size-m--feature-no--figma-dark-theme-on-status-placeholder-enable-on-ux-hover-size-m-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--line-deep",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--text-placeholder"
},
"expectedNodes": [
{
"figmaNodeId": "1427:47602",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-hover--size-l--feature-no--figma-dark-theme-on-status-placeholder-enable-on-ux-hover-size-l-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:31706",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=hover, size=L, feature=no",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "hover",
"size": "L",
"feature": "no"
},
"state": "hover",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-hover--size-l--feature-no--figma-dark-theme-on-status-placeholder-enable-on-ux-hover-size-l-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1436:1493",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-hover--size-m--feature-no--figma-dark-theme-off-status-placeholder-enable-on-ux-hover-size-m-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1431:54646",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=hover, size=M, feature=no",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "hover",
"size": "M",
"feature": "no"
},
"state": "hover",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-hover--size-m--feature-no--figma-dark-theme-off-status-placeholder-enable-on-ux-hover-size-m-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1427:47769",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-hover--size-m--feature-yes--figma-dark-theme-off-status-placeholder-enable-on-ux-hover-size-m-feature-yes--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:31694",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=hover, size=M, feature=yes",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "hover",
"size": "M",
"feature": "yes"
},
"state": "hover",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-hover--size-m--feature-yes--figma-dark-theme-off-status-placeholder-enable-on-ux-hover-size-m-feature-yes--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1436:31438",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:31417",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-hover--size-l--feature-yes--figma-dark-theme-off-status-placeholder-enable-on-ux-hover-size-l-feature-yes--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:31727",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=hover, size=L, feature=yes",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "hover",
"size": "L",
"feature": "yes"
},
"state": "hover",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-hover--size-l--feature-yes--figma-dark-theme-off-status-placeholder-enable-on-ux-hover-size-l-feature-yes--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1436:31516",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:31517",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-hover--size-l--feature-no--figma-dark-theme-off-status-placeholder-enable-on-ux-hover-size-l-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:31731",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=hover, size=L, feature=no",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "hover",
"size": "L",
"feature": "no"
},
"state": "hover",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-hover--size-l--feature-no--figma-dark-theme-off-status-placeholder-enable-on-ux-hover-size-l-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1436:1483",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-click--size-m--feature-no--figma-dark-theme-on-status-placeholder-enable-on-ux-click-size-m-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1431:54625",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=click, size=M, feature=no",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "click",
"size": "M",
"feature": "no"
},
"state": "focus",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-click--size-m--feature-no--figma-dark-theme-on-status-placeholder-enable-on-ux-click-size-m-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--line-deep",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--text-placeholder"
},
"expectedNodes": [
{
"figmaNodeId": "1427:47648",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-click--size-l--feature-no--figma-dark-theme-on-status-placeholder-enable-on-ux-click-size-l-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:31712",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=click, size=L, feature=no",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "click",
"size": "L",
"feature": "no"
},
"state": "focus",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-click--size-l--feature-no--figma-dark-theme-on-status-placeholder-enable-on-ux-click-size-l-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1436:1469",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-click--size-m--feature-no--figma-dark-theme-off-status-placeholder-enable-on-ux-click-size-m-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1431:54647",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=click, size=M, feature=no",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "click",
"size": "M",
"feature": "no"
},
"state": "focus",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-click--size-m--feature-no--figma-dark-theme-off-status-placeholder-enable-on-ux-click-size-m-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1427:47772",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-click--size-m--feature-yes--figma-dark-theme-off-status-placeholder-enable-on-ux-click-size-m-feature-yes--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:31696",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=click, size=M, feature=yes",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "click",
"size": "M",
"feature": "yes"
},
"state": "focus",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-click--size-m--feature-yes--figma-dark-theme-off-status-placeholder-enable-on-ux-click-size-m-feature-yes--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1436:31464",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:31419",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-click--size-l--feature-yes--figma-dark-theme-off-status-placeholder-enable-on-ux-click-size-l-feature-yes--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:31736",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=click, size=L, feature=yes",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "click",
"size": "L",
"feature": "yes"
},
"state": "focus",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-click--size-l--feature-yes--figma-dark-theme-off-status-placeholder-enable-on-ux-click-size-l-feature-yes--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1436:31519",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:31520",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-click--size-l--feature-no--figma-dark-theme-off-status-placeholder-enable-on-ux-click-size-l-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:31732",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=click, size=L, feature=no",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "click",
"size": "L",
"feature": "no"
},
"state": "focus",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-click--size-l--feature-no--figma-dark-theme-off-status-placeholder-enable-on-ux-click-size-l-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1436:1497",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": "#434343",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-hover--size-m--feature-no--figma-dark-theme-on-status-value-enable-on-ux-hover-size-m-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1431:54615",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=hover, size=M, feature=no",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "hover",
"size": "M",
"feature": "no"
},
"state": "hover",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-hover--size-m--feature-no--figma-dark-theme-on-status-value-enable-on-ux-hover-size-m-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--line-deep",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-body"
},
"expectedNodes": [
{
"figmaNodeId": "1427:47487",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-hover--size-l--feature-no--figma-dark-theme-on-status-value-enable-on-ux-hover-size-l-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:31707",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=hover, size=L, feature=no",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "hover",
"size": "L",
"feature": "no"
},
"state": "hover",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-hover--size-l--feature-no--figma-dark-theme-on-status-value-enable-on-ux-hover-size-l-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1436:1499",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-hover--size-m--feature-no--figma-dark-theme-off-status-value-enable-on-ux-hover-size-m-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1431:54643",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=hover, size=M, feature=no",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "hover",
"size": "M",
"feature": "no"
},
"state": "hover",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-hover--size-m--feature-no--figma-dark-theme-off-status-value-enable-on-ux-hover-size-m-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1427:47775",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-hover--size-m--feature-yes--figma-dark-theme-off-status-value-enable-on-ux-hover-size-m-feature-yes--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:31695",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=hover, size=M, feature=yes",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "hover",
"size": "M",
"feature": "yes"
},
"state": "hover",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-hover--size-m--feature-yes--figma-dark-theme-off-status-value-enable-on-ux-hover-size-m-feature-yes--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1436:31451",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:31421",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-hover--size-l--feature-yes--figma-dark-theme-off-status-value-enable-on-ux-hover-size-l-feature-yes--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:31726",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=hover, size=L, feature=yes",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "hover",
"size": "L",
"feature": "yes"
},
"state": "hover",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-hover--size-l--feature-yes--figma-dark-theme-off-status-value-enable-on-ux-hover-size-l-feature-yes--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1436:31522",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:31523",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-hover--size-l--feature-no--figma-dark-theme-off-status-value-enable-on-ux-hover-size-l-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:31730",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=hover, size=L, feature=no",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "hover",
"size": "L",
"feature": "no"
},
"state": "hover",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-hover--size-l--feature-no--figma-dark-theme-off-status-value-enable-on-ux-hover-size-l-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1436:1501",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-click--size-m--feature-no--figma-dark-theme-on-status-value-enable-on-ux-click-size-m-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1431:54624",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=click, size=M, feature=no",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "click",
"size": "M",
"feature": "no"
},
"state": "focus",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-click--size-m--feature-no--figma-dark-theme-on-status-value-enable-on-ux-click-size-m-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--line-deep",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-body"
},
"expectedNodes": [
{
"figmaNodeId": "1427:47651",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1427:47691",
"name": "icon/Edit/Clear 1",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-click--size-l--feature-no--figma-dark-theme-on-status-value-enable-on-ux-click-size-l-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:31713",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=click, size=L, feature=no",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "click",
"size": "L",
"feature": "no"
},
"state": "focus",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-click--size-l--feature-no--figma-dark-theme-on-status-value-enable-on-ux-click-size-l-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1436:1503",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:1504",
"name": "icon/Edit/Clear 1",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-click--size-m--feature-no--figma-dark-theme-off-status-value-enable-on-ux-click-size-m-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1431:54644",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=click, size=M, feature=no",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "click",
"size": "M",
"feature": "no"
},
"state": "focus",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-click--size-m--feature-no--figma-dark-theme-off-status-value-enable-on-ux-click-size-m-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1427:47777",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1427:47778",
"name": "icon/Edit/Clear 1",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-click--size-m--feature-yes--figma-dark-theme-off-status-value-enable-on-ux-click-size-m-feature-yes--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:31697",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=click, size=M, feature=yes",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "click",
"size": "M",
"feature": "yes"
},
"state": "focus",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 36
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-click--size-m--feature-yes--figma-dark-theme-off-status-value-enable-on-ux-click-size-m-feature-yes--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1436:31477",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:31423",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:31424",
"name": "icon/Edit/Clear 1",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-click--size-l--feature-yes--figma-dark-theme-off-status-value-enable-on-ux-click-size-l-feature-yes--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:31737",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=click, size=L, feature=yes",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "click",
"size": "L",
"feature": "yes"
},
"state": "focus",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 36
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-click--size-l--feature-yes--figma-dark-theme-off-status-value-enable-on-ux-click-size-l-feature-yes--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1436:31525",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:31526",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:31527",
"name": "icon/Edit/Clear 1",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-click--size-l--feature-no--figma-dark-theme-off-status-value-enable-on-ux-click-size-l-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1436:31733",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=click, size=L, feature=no",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "click",
"size": "L",
"feature": "no"
},
"state": "focus",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-click--size-l--feature-no--figma-dark-theme-off-status-value-enable-on-ux-click-size-l-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1436:1440",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1436:1441",
"name": "icon/Edit/Clear 1",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-default--size-xl--feature-text-count--figma-dark-theme-on-status-value-enable-on-ux-default-size-xl-feature-text-count--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1536:5985",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=default, size=XL, feature=text count",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "default",
"size": "XL",
"feature": "text count"
},
"state": "filled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-default--size-xl--feature-text-count--figma-dark-theme-on-status-value-enable-on-ux-default-size-xl-feature-text-count--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 24,
"left": 12
},
"rootRadius": 4,
"rootGap": 4,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1536:5551",
"name": "Remark",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1536:5553",
"name": "6/300",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1536:5555",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1536:5556",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-error--size-xl--feature-text-count--figma-dark-theme-on-status-value-enable-on-ux-error-size-xl-feature-text-count--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:8209",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=error, size=XL, feature=text count",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "error",
"size": "XL",
"feature": "text count"
},
"state": "error",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-error--size-xl--feature-text-count--figma-dark-theme-on-status-value-enable-on-ux-error-size-xl-feature-text-count--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 24,
"left": 12
},
"rootRadius": 4,
"rootGap": 4,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "4187:8210",
"name": "Remark",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:8212",
"name": "6/300",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:8214",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:8215",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-default--size-xl--feature-text-count--figma-dark-theme-off-status-value-enable-on-ux-default-size-xl-feature-text-count--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1536:5992",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=default, size=XL, feature=text count",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "default",
"size": "XL",
"feature": "text count"
},
"state": "filled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-default--size-xl--feature-text-count--figma-dark-theme-off-status-value-enable-on-ux-default-size-xl-feature-text-count--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 24,
"left": 12
},
"rootRadius": 4,
"rootGap": 4,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1536:5647",
"name": "Remark",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1536:5649",
"name": "6/300",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1536:5651",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1536:5652",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-error--size-xl--feature-text-count--figma-dark-theme-off-status-value-enable-on-ux-error-size-xl-feature-text-count--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:8257",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=error, size=XL, feature=text count",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "error",
"size": "XL",
"feature": "text count"
},
"state": "error",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-error--size-xl--feature-text-count--figma-dark-theme-off-status-value-enable-on-ux-error-size-xl-feature-text-count--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 24,
"left": 12
},
"rootRadius": 4,
"rootGap": 4,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "4187:8258",
"name": "Remark",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:8260",
"name": "6/300",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:8262",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:8263",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-hover--size-xl--feature-text-count--figma-dark-theme-on-status-value-enable-on-ux-hover-size-xl-feature-text-count--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1536:5988",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=hover, size=XL, feature=text count",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "hover",
"size": "XL",
"feature": "text count"
},
"state": "hover",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-hover--size-xl--feature-text-count--figma-dark-theme-on-status-value-enable-on-ux-hover-size-xl-feature-text-count--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 24,
"left": 12
},
"rootRadius": 4,
"rootGap": 4,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1536:5603",
"name": "Remark",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1536:5605",
"name": "6/300",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1536:5607",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1536:5608",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-hover--size-xl--feature-text-count--figma-dark-theme-off-status-value-enable-on-ux-hover-size-xl-feature-text-count--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1536:5996",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=hover, size=XL, feature=text count",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "hover",
"size": "XL",
"feature": "text count"
},
"state": "hover",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-hover--size-xl--feature-text-count--figma-dark-theme-off-status-value-enable-on-ux-hover-size-xl-feature-text-count--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 24,
"left": 12
},
"rootRadius": 4,
"rootGap": 4,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1536:5654",
"name": "Remark",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1536:5656",
"name": "6/300",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1536:5658",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1536:5659",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-click--size-xl--feature-text-count--figma-dark-theme-on-status-value-enable-on-ux-click-size-xl-feature-text-count--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1536:5991",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=click, size=XL, feature=text count",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "click",
"size": "XL",
"feature": "text count"
},
"state": "focus",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-click--size-xl--feature-text-count--figma-dark-theme-on-status-value-enable-on-ux-click-size-xl-feature-text-count--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 24,
"left": 12
},
"rootRadius": 4,
"rootGap": 4,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1536:5617",
"name": "Remark|",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1536:5619",
"name": "6/300",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1536:5621",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1536:5622",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-click--size-xl--feature-text-count--figma-dark-theme-off-status-value-enable-on-ux-click-size-xl-feature-text-count--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1536:5999",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=click, size=XL, feature=text count",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "click",
"size": "XL",
"feature": "text count"
},
"state": "focus",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-click--size-xl--feature-text-count--figma-dark-theme-off-status-value-enable-on-ux-click-size-xl-feature-text-count--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 24,
"left": 12
},
"rootRadius": 4,
"rootGap": 4,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1536:5662",
"name": "Remark|",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1536:5665",
"name": "6/300",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1536:5667",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1536:5668",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-off--ux-default--size-xl--feature-text-count--figma-dark-theme-on-status-value-enable-off-ux-default-size-xl-feature-text-count--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1536:5986",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Value, enable=off, UX=default, size=XL, feature=text count",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "off",
"ux": "default",
"size": "XL",
"feature": "text count"
},
"state": "disabled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-off--ux-default--size-xl--feature-text-count--figma-dark-theme-on-status-value-enable-off-ux-default-size-xl-feature-text-count--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 24,
"left": 12
},
"rootRadius": 4,
"rootGap": 4,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "1536:5575",
"name": "Remark",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1536:5577",
"name": "6/300",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1536:5579",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1536:5580",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-off--ux-default--size-xl--feature-text-count--figma-dark-theme-off-status-value-enable-off-ux-default-size-xl-feature-text-count--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1536:5994",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Value, enable=off, UX=default, size=XL, feature=text count",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "off",
"ux": "default",
"size": "XL",
"feature": "text count"
},
"state": "disabled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-off--ux-default--size-xl--feature-text-count--figma-dark-theme-off-status-value-enable-off-ux-default-size-xl-feature-text-count--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 24,
"left": 12
},
"rootRadius": 4,
"rootGap": 4,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#595959",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "1536:5670",
"name": "Remark",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1536:5672",
"name": "6/300",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1536:5674",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1536:5675",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-default--size-xl--feature-text-count--figma-dark-theme-on-status-placeholder-enable-on-ux-default-size-xl-feature-text-count--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1536:5984",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=default, size=XL, feature=text count",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "default",
"size": "XL",
"feature": "text count"
},
"state": "placeholder",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API.",
"Input placeholder text color is browser pseudo-element state; verifier can only inspect root/input computed color."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-default--size-xl--feature-text-count--figma-dark-theme-on-status-placeholder-enable-on-ux-default-size-xl-feature-text-count--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 24,
"left": 12
},
"rootRadius": 4,
"rootGap": 4,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1536:5568",
"name": "Enter Content",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1536:5570",
"name": "0/300",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1536:5572",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1536:5573",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-error--size-xl--feature-text-count--figma-dark-theme-on-status-placeholder-enable-on-ux-error-size-xl-feature-text-count--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:8216",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=error, size=XL, feature=text count",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "error",
"size": "XL",
"feature": "text count"
},
"state": "error",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-error--size-xl--feature-text-count--figma-dark-theme-on-status-placeholder-enable-on-ux-error-size-xl-feature-text-count--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 24,
"left": 12
},
"rootRadius": 4,
"rootGap": 4,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "4187:8217",
"name": "Enter Content",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:8219",
"name": "0/300",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:8221",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:8222",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-default--size-xl--feature-text-count--figma-dark-theme-off-status-placeholder-enable-on-ux-default-size-xl-feature-text-count--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1536:5993",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=default, size=XL, feature=text count",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "default",
"size": "XL",
"feature": "text count"
},
"state": "placeholder",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API.",
"Input placeholder text color is browser pseudo-element state; verifier can only inspect root/input computed color."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-default--size-xl--feature-text-count--figma-dark-theme-off-status-placeholder-enable-on-ux-default-size-xl-feature-text-count--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 24,
"left": 12
},
"rootRadius": 4,
"rootGap": 4,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1536:5677",
"name": "Enter Content",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1536:5679",
"name": "0/300",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1536:5681",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1536:5682",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-error--size-xl--feature-text-count--figma-dark-theme-off-status-placeholder-enable-on-ux-error-size-xl-feature-text-count--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:8264",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=error, size=XL, feature=text count",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "error",
"size": "XL",
"feature": "text count"
},
"state": "error",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-error--size-xl--feature-text-count--figma-dark-theme-off-status-placeholder-enable-on-ux-error-size-xl-feature-text-count--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 24,
"left": 12
},
"rootRadius": 4,
"rootGap": 4,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "4187:8265",
"name": "Enter Content",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:8267",
"name": "0/300",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:8269",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:8270",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-hover--size-xl--feature-text-count--figma-dark-theme-on-status-placeholder-enable-on-ux-hover-size-xl-feature-text-count--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1536:5989",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=hover, size=XL, feature=text count",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "hover",
"size": "XL",
"feature": "text count"
},
"state": "hover",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-hover--size-xl--feature-text-count--figma-dark-theme-on-status-placeholder-enable-on-ux-hover-size-xl-feature-text-count--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 24,
"left": 12
},
"rootRadius": 4,
"rootGap": 4,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1536:5610",
"name": "Enter Content",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1536:5612",
"name": "0/300",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1536:5614",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1536:5615",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-hover--size-xl--feature-text-count--figma-dark-theme-off-status-placeholder-enable-on-ux-hover-size-xl-feature-text-count--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1536:5997",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=hover, size=XL, feature=text count",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "hover",
"size": "XL",
"feature": "text count"
},
"state": "hover",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-hover--size-xl--feature-text-count--figma-dark-theme-off-status-placeholder-enable-on-ux-hover-size-xl-feature-text-count--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 24,
"left": 12
},
"rootRadius": 4,
"rootGap": 4,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1536:5684",
"name": "Enter Content",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1536:5686",
"name": "0/300",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1536:5688",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1536:5689",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-click--size-xl--feature-text-count--figma-dark-theme-on-status-placeholder-enable-on-ux-click-size-xl-feature-text-count--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1536:5990",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=click, size=XL, feature=text count",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "click",
"size": "XL",
"feature": "text count"
},
"state": "focus",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-click--size-xl--feature-text-count--figma-dark-theme-on-status-placeholder-enable-on-ux-click-size-xl-feature-text-count--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 24,
"left": 12
},
"rootRadius": 4,
"rootGap": 4,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1536:5624",
"name": "|Enter Content",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1536:5626",
"name": "0/300",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1536:5628",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1536:5629",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-click--size-xl--feature-text-count--figma-dark-theme-off-status-placeholder-enable-on-ux-click-size-xl-feature-text-count--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1536:5998",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=click, size=XL, feature=text count",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "click",
"size": "XL",
"feature": "text count"
},
"state": "focus",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-click--size-xl--feature-text-count--figma-dark-theme-off-status-placeholder-enable-on-ux-click-size-xl-feature-text-count--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 24,
"left": 12
},
"rootRadius": 4,
"rootGap": 4,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1536:5691",
"name": "|Enter Content",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1536:5693",
"name": "0/300",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1536:5695",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1536:5696",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-off--ux-default--size-xl--feature-text-count--figma-dark-theme-on-status-placeholder-enable-off-ux-default-size-xl-feature-text-count--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1536:5987",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=off, UX=default, size=XL, feature=text count",
"theme": "dark",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "off",
"ux": "default",
"size": "XL",
"feature": "text count"
},
"state": "disabled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-off--ux-default--size-xl--feature-text-count--figma-dark-theme-on-status-placeholder-enable-off-ux-default-size-xl-feature-text-count--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 24,
"left": 12
},
"rootRadius": 4,
"rootGap": 4,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#353535",
"rootFillCssVar": "--color-grey-10",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#595959",
"textFillCssVar": "--color-grey-8"
},
"expectedNodes": [
{
"figmaNodeId": "1536:5582",
"name": "Enter Content",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1536:5584",
"name": "0/300",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1536:5586",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1536:5587",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-off--ux-default--size-xl--feature-text-count--figma-dark-theme-off-status-placeholder-enable-off-ux-default-size-xl-feature-text-count--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1536:5995",
"figmaName": "input box/filled",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=off, UX=default, size=XL, feature=text count",
"theme": "light",
"codeComponent": "InputBoxFilled",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "off",
"ux": "default",
"size": "XL",
"feature": "text count"
},
"state": "disabled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_filled__1436_32815.json",
"expectedSourceTokenizedFile": "input_box_filled__1436_32815.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxfilled/input-box-filled--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-off--ux-default--size-xl--feature-text-count--figma-dark-theme-off-status-placeholder-enable-off-ux-default-size-xl-feature-text-count--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 24,
"left": 12
},
"rootRadius": 4,
"rootGap": 4,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--color-white",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#cccccc",
"textFillCssVar": "--color-grey-5"
},
"expectedNodes": [
{
"figmaNodeId": "1536:5698",
"name": "Enter Content",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1536:5700",
"name": "0/300",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1536:5702",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1536:5703",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-default--size-m--feature-no--figma-dark-theme-on-status-placeholder-enable-on-ux-default-size-m-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1818:8064",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=default, size=M, feature=no",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "default",
"size": "M",
"feature": "no"
},
"state": "placeholder",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API.",
"Input placeholder text color is browser pseudo-element state; verifier can only inspect root/input computed color."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-default--size-m--feature-no--figma-dark-theme-on-status-placeholder-enable-on-ux-default-size-m-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#595959",
"rootBorderCssVar": "--color-grey-8",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1818:8065",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-error--size-m--feature-no--figma-dark-theme-on-status-placeholder-enable-on-ux-error-size-m-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:7696",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=error, size=M, feature=no",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "error",
"size": "M",
"feature": "no"
},
"state": "error",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-error--size-m--feature-no--figma-dark-theme-on-status-placeholder-enable-on-ux-error-size-m-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "4187:7697",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-default--size-l--feature-no--figma-dark-theme-on-status-placeholder-enable-on-ux-default-size-l-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:45977",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=default, size=L, feature=no",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "default",
"size": "L",
"feature": "no"
},
"state": "placeholder",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API.",
"Input placeholder text color is browser pseudo-element state; verifier can only inspect root/input computed color."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-default--size-l--feature-no--figma-dark-theme-on-status-placeholder-enable-on-ux-default-size-l-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#595959",
"rootBorderCssVar": "--color-grey-8",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1858:45978",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-error--size-l--feature-no--figma-dark-theme-on-status-placeholder-enable-on-ux-error-size-l-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:7801",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=error, size=L, feature=no",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "error",
"size": "L",
"feature": "no"
},
"state": "error",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-error--size-l--feature-no--figma-dark-theme-on-status-placeholder-enable-on-ux-error-size-l-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "4187:7802",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-default--size-m--feature-no--figma-dark-theme-off-status-placeholder-enable-on-ux-default-size-m-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1818:8068",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=default, size=M, feature=no",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "default",
"size": "M",
"feature": "no"
},
"state": "placeholder",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API.",
"Input placeholder text color is browser pseudo-element state; verifier can only inspect root/input computed color."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-default--size-m--feature-no--figma-dark-theme-off-status-placeholder-enable-on-ux-default-size-m-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#cccccc",
"rootBorderCssVar": "--color-grey-5",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1818:8069",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-error--size-m--feature-no--figma-dark-theme-off-status-placeholder-enable-on-ux-error-size-m-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:7845",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=error, size=M, feature=no",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "error",
"size": "M",
"feature": "no"
},
"state": "error",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-error--size-m--feature-no--figma-dark-theme-off-status-placeholder-enable-on-ux-error-size-m-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "4187:7846",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-default--size-l--feature-no--figma-dark-theme-off-status-placeholder-enable-on-ux-default-size-l-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:45979",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=default, size=L, feature=no",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "default",
"size": "L",
"feature": "no"
},
"state": "placeholder",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API.",
"Input placeholder text color is browser pseudo-element state; verifier can only inspect root/input computed color."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-default--size-l--feature-no--figma-dark-theme-off-status-placeholder-enable-on-ux-default-size-l-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#cccccc",
"rootBorderCssVar": "--color-grey-5",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1858:45980",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-error--size-l--feature-no--figma-dark-theme-off-status-placeholder-enable-on-ux-error-size-l-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:7889",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=error, size=L, feature=no",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "error",
"size": "L",
"feature": "no"
},
"state": "error",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-error--size-l--feature-no--figma-dark-theme-off-status-placeholder-enable-on-ux-error-size-l-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "4187:7890",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-default--size-m--feature-yes--figma-dark-theme-off-status-placeholder-enable-on-ux-default-size-m-feature-yes--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1818:8070",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=default, size=M, feature=yes",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "default",
"size": "M",
"feature": "yes"
},
"state": "placeholder",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API.",
"Input placeholder text color is browser pseudo-element state; verifier can only inspect root/input computed color."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-default--size-m--feature-yes--figma-dark-theme-off-status-placeholder-enable-on-ux-default-size-m-feature-yes--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#cccccc",
"rootBorderCssVar": "--color-grey-5",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1818:8071",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1818:8072",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-error--size-m--feature-yes--figma-dark-theme-off-status-placeholder-enable-on-ux-error-size-m-feature-yes--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:7847",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=error, size=M, feature=yes",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "error",
"size": "M",
"feature": "yes"
},
"state": "error",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-error--size-m--feature-yes--figma-dark-theme-off-status-placeholder-enable-on-ux-error-size-m-feature-yes--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "4187:7848",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7849",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-default--size-l--feature-yes--figma-dark-theme-off-status-placeholder-enable-on-ux-default-size-l-feature-yes--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:45981",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=default, size=L, feature=yes",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "default",
"size": "L",
"feature": "yes"
},
"state": "placeholder",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API.",
"Input placeholder text color is browser pseudo-element state; verifier can only inspect root/input computed color."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-default--size-l--feature-yes--figma-dark-theme-off-status-placeholder-enable-on-ux-default-size-l-feature-yes--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#cccccc",
"rootBorderCssVar": "--color-grey-5",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1858:45982",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:45983",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-error--size-l--feature-yes--figma-dark-theme-off-status-placeholder-enable-on-ux-error-size-l-feature-yes--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:7891",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=error, size=L, feature=yes",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "error",
"size": "L",
"feature": "yes"
},
"state": "error",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-error--size-l--feature-yes--figma-dark-theme-off-status-placeholder-enable-on-ux-error-size-l-feature-yes--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "4187:7892",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7893",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-default--size-m--feature-no--figma-dark-theme-on-status-value-enable-on-ux-default-size-m-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1818:8146",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=default, size=M, feature=no",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "default",
"size": "M",
"feature": "no"
},
"state": "filled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-default--size-m--feature-no--figma-dark-theme-on-status-value-enable-on-ux-default-size-m-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#595959",
"rootBorderCssVar": "--color-grey-8",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1818:8147",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-error--size-m--feature-no--figma-dark-theme-on-status-value-enable-on-ux-error-size-m-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:7698",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=error, size=M, feature=no",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "error",
"size": "M",
"feature": "no"
},
"state": "error",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-error--size-m--feature-no--figma-dark-theme-on-status-value-enable-on-ux-error-size-m-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "4187:7699",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-default--size-l--feature-no--figma-dark-theme-on-status-value-enable-on-ux-default-size-l-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:45984",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=default, size=L, feature=no",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "default",
"size": "L",
"feature": "no"
},
"state": "filled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-default--size-l--feature-no--figma-dark-theme-on-status-value-enable-on-ux-default-size-l-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#595959",
"rootBorderCssVar": "--color-grey-8",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1858:45985",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-error--size-l--feature-no--figma-dark-theme-on-status-value-enable-on-ux-error-size-l-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:7803",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=error, size=L, feature=no",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "error",
"size": "L",
"feature": "no"
},
"state": "error",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-error--size-l--feature-no--figma-dark-theme-on-status-value-enable-on-ux-error-size-l-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "4187:7804",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-default--size-m--feature-no--figma-dark-theme-off-status-value-enable-on-ux-default-size-m-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1818:8150",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=default, size=M, feature=no",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "default",
"size": "M",
"feature": "no"
},
"state": "filled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-default--size-m--feature-no--figma-dark-theme-off-status-value-enable-on-ux-default-size-m-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#cccccc",
"rootBorderCssVar": "--color-grey-5",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1818:8151",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-error--size-m--feature-no--figma-dark-theme-off-status-value-enable-on-ux-error-size-m-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:7850",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=error, size=M, feature=no",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "error",
"size": "M",
"feature": "no"
},
"state": "error",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-error--size-m--feature-no--figma-dark-theme-off-status-value-enable-on-ux-error-size-m-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "4187:7851",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-default--size-l--feature-no--figma-dark-theme-off-status-value-enable-on-ux-default-size-l-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:45986",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=default, size=L, feature=no",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "default",
"size": "L",
"feature": "no"
},
"state": "filled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-default--size-l--feature-no--figma-dark-theme-off-status-value-enable-on-ux-default-size-l-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#cccccc",
"rootBorderCssVar": "--color-grey-5",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1858:45987",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-error--size-l--feature-no--figma-dark-theme-off-status-value-enable-on-ux-error-size-l-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:7894",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=error, size=L, feature=no",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "error",
"size": "L",
"feature": "no"
},
"state": "error",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-error--size-l--feature-no--figma-dark-theme-off-status-value-enable-on-ux-error-size-l-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "4187:7895",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-default--size-m--feature-yes--figma-dark-theme-off-status-value-enable-on-ux-default-size-m-feature-yes--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1818:8152",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=default, size=M, feature=yes",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "default",
"size": "M",
"feature": "yes"
},
"state": "filled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-default--size-m--feature-yes--figma-dark-theme-off-status-value-enable-on-ux-default-size-m-feature-yes--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#cccccc",
"rootBorderCssVar": "--color-grey-5",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1818:8153",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1818:8154",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-error--size-m--feature-yes--figma-dark-theme-off-status-value-enable-on-ux-error-size-m-feature-yes--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:7852",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=error, size=M, feature=yes",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "error",
"size": "M",
"feature": "yes"
},
"state": "error",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-error--size-m--feature-yes--figma-dark-theme-off-status-value-enable-on-ux-error-size-m-feature-yes--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "4187:7853",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7854",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-default--size-l--feature-yes--figma-dark-theme-off-status-value-enable-on-ux-default-size-l-feature-yes--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:45988",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=default, size=L, feature=yes",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "default",
"size": "L",
"feature": "yes"
},
"state": "filled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-default--size-l--feature-yes--figma-dark-theme-off-status-value-enable-on-ux-default-size-l-feature-yes--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#cccccc",
"rootBorderCssVar": "--color-grey-5",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1858:45989",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:45990",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-error--size-l--feature-yes--figma-dark-theme-off-status-value-enable-on-ux-error-size-l-feature-yes--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:7896",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=error, size=L, feature=yes",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "error",
"size": "L",
"feature": "yes"
},
"state": "error",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-error--size-l--feature-yes--figma-dark-theme-off-status-value-enable-on-ux-error-size-l-feature-yes--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "4187:7897",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7898",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-default--size-m--feature-yes--figma-dark-theme-on-status-placeholder-enable-on-ux-default-size-m-feature-yes--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1818:8160",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=default, size=M, feature=yes",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "default",
"size": "M",
"feature": "yes"
},
"state": "placeholder",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API.",
"Input placeholder text color is browser pseudo-element state; verifier can only inspect root/input computed color."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-default--size-m--feature-yes--figma-dark-theme-on-status-placeholder-enable-on-ux-default-size-m-feature-yes--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#595959",
"rootBorderCssVar": "--color-grey-8",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1818:8161",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1818:8162",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-error--size-m--feature-yes--figma-dark-theme-on-status-placeholder-enable-on-ux-error-size-m-feature-yes--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:7700",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=error, size=M, feature=yes",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "error",
"size": "M",
"feature": "yes"
},
"state": "error",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-error--size-m--feature-yes--figma-dark-theme-on-status-placeholder-enable-on-ux-error-size-m-feature-yes--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "4187:7701",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7702",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-default--size-l--feature-yes--figma-dark-theme-on-status-placeholder-enable-on-ux-default-size-l-feature-yes--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:45991",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=default, size=L, feature=yes",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "default",
"size": "L",
"feature": "yes"
},
"state": "placeholder",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API.",
"Input placeholder text color is browser pseudo-element state; verifier can only inspect root/input computed color."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-default--size-l--feature-yes--figma-dark-theme-on-status-placeholder-enable-on-ux-default-size-l-feature-yes--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#595959",
"rootBorderCssVar": "--color-grey-8",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1858:45992",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:45993",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-error--size-l--feature-yes--figma-dark-theme-on-status-placeholder-enable-on-ux-error-size-l-feature-yes--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:7805",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=error, size=L, feature=yes",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "error",
"size": "L",
"feature": "yes"
},
"state": "error",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-error--size-l--feature-yes--figma-dark-theme-on-status-placeholder-enable-on-ux-error-size-l-feature-yes--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "4187:7806",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7807",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-click--size-m--feature-yes--figma-dark-theme-on-status-placeholder-enable-on-ux-click-size-m-feature-yes--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1818:8166",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=click, size=M, feature=yes",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "click",
"size": "M",
"feature": "yes"
},
"state": "focus",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-click--size-m--feature-yes--figma-dark-theme-on-status-placeholder-enable-on-ux-click-size-m-feature-yes--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1818:8167",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1818:8168",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-click--size-l--feature-yes--figma-dark-theme-on-status-placeholder-enable-on-ux-click-size-l-feature-yes--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:45994",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=click, size=L, feature=yes",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "click",
"size": "L",
"feature": "yes"
},
"state": "focus",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-click--size-l--feature-yes--figma-dark-theme-on-status-placeholder-enable-on-ux-click-size-l-feature-yes--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1858:45995",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:45996",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-hover--size-m--feature-yes--figma-dark-theme-on-status-placeholder-enable-on-ux-hover-size-m-feature-yes--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1818:8172",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=hover, size=M, feature=yes",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "hover",
"size": "M",
"feature": "yes"
},
"state": "hover",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-hover--size-m--feature-yes--figma-dark-theme-on-status-placeholder-enable-on-ux-hover-size-m-feature-yes--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1818:8173",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1818:8174",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-hover--size-l--feature-yes--figma-dark-theme-on-status-placeholder-enable-on-ux-hover-size-l-feature-yes--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:45997",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=hover, size=L, feature=yes",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "hover",
"size": "L",
"feature": "yes"
},
"state": "hover",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-hover--size-l--feature-yes--figma-dark-theme-on-status-placeholder-enable-on-ux-hover-size-l-feature-yes--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1858:45998",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:45999",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-default--size-m--feature-yes--figma-dark-theme-on-status-value-enable-on-ux-default-size-m-feature-yes--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1818:8178",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=default, size=M, feature=yes",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "default",
"size": "M",
"feature": "yes"
},
"state": "filled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-default--size-m--feature-yes--figma-dark-theme-on-status-value-enable-on-ux-default-size-m-feature-yes--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#595959",
"rootBorderCssVar": "--color-grey-8",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1818:8179",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1818:8180",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-error--size-m--feature-yes--figma-dark-theme-on-status-value-enable-on-ux-error-size-m-feature-yes--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:7703",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=error, size=M, feature=yes",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "error",
"size": "M",
"feature": "yes"
},
"state": "error",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-error--size-m--feature-yes--figma-dark-theme-on-status-value-enable-on-ux-error-size-m-feature-yes--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "4187:7704",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7705",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-default--size-l--feature-yes--figma-dark-theme-on-status-value-enable-on-ux-default-size-l-feature-yes--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:46000",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=default, size=L, feature=yes",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "default",
"size": "L",
"feature": "yes"
},
"state": "filled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-default--size-l--feature-yes--figma-dark-theme-on-status-value-enable-on-ux-default-size-l-feature-yes--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#595959",
"rootBorderCssVar": "--color-grey-8",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1858:46001",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46002",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-error--size-l--feature-yes--figma-dark-theme-on-status-value-enable-on-ux-error-size-l-feature-yes--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:7808",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=error, size=L, feature=yes",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "error",
"size": "L",
"feature": "yes"
},
"state": "error",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-error--size-l--feature-yes--figma-dark-theme-on-status-value-enable-on-ux-error-size-l-feature-yes--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "4187:7809",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:7810",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-click--size-m--feature-yes--figma-dark-theme-on-status-value-enable-on-ux-click-size-m-feature-yes--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1818:8184",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=click, size=M, feature=yes",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "click",
"size": "M",
"feature": "yes"
},
"state": "focus",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 36
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-click--size-m--feature-yes--figma-dark-theme-on-status-value-enable-on-ux-click-size-m-feature-yes--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1818:8185",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1818:8186",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1818:8187",
"name": "icon/Edit/Clear 1",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-click--size-l--feature-yes--figma-dark-theme-on-status-value-enable-on-ux-click-size-l-feature-yes--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:46003",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=click, size=L, feature=yes",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "click",
"size": "L",
"feature": "yes"
},
"state": "focus",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 36
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-click--size-l--feature-yes--figma-dark-theme-on-status-value-enable-on-ux-click-size-l-feature-yes--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1858:46004",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46005",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46006",
"name": "icon/Edit/Clear 1",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-hover--size-m--feature-yes--figma-dark-theme-on-status-value-enable-on-ux-hover-size-m-feature-yes--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1818:8192",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=hover, size=M, feature=yes",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "hover",
"size": "M",
"feature": "yes"
},
"state": "hover",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-hover--size-m--feature-yes--figma-dark-theme-on-status-value-enable-on-ux-hover-size-m-feature-yes--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1818:8193",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1818:8194",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-hover--size-l--feature-yes--figma-dark-theme-on-status-value-enable-on-ux-hover-size-l-feature-yes--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:46007",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=hover, size=L, feature=yes",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "hover",
"size": "L",
"feature": "yes"
},
"state": "hover",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-hover--size-l--feature-yes--figma-dark-theme-on-status-value-enable-on-ux-hover-size-l-feature-yes--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1858:46008",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46009",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-off--ux-default--size-m--feature-no--figma-dark-theme-on-status-placeholder-enable-off-ux-default-size-m-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1818:8198",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=off, UX=default, size=M, feature=no",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "off",
"ux": "default",
"size": "M",
"feature": "no"
},
"state": "disabled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-off--ux-default--size-m--feature-no--figma-dark-theme-on-status-placeholder-enable-off-ux-default-size-m-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#595959",
"rootBorderCssVar": "--color-grey-8",
"rootBorderWidth": 1,
"textFillHex": "#595959",
"textFillCssVar": "--color-grey-8"
},
"expectedNodes": [
{
"figmaNodeId": "1818:8199",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-off--ux-default--size-l--feature-no--figma-dark-theme-on-status-placeholder-enable-off-ux-default-size-l-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:46010",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=off, UX=default, size=L, feature=no",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "off",
"ux": "default",
"size": "L",
"feature": "no"
},
"state": "disabled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-off--ux-default--size-l--feature-no--figma-dark-theme-on-status-placeholder-enable-off-ux-default-size-l-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#595959",
"rootBorderCssVar": "--color-grey-8",
"rootBorderWidth": 1,
"textFillHex": "#595959",
"textFillCssVar": "--color-grey-8"
},
"expectedNodes": [
{
"figmaNodeId": "1858:46011",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-off--ux-default--size-m--feature-no--figma-dark-theme-off-status-placeholder-enable-off-ux-default-size-m-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1818:8202",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=off, UX=default, size=M, feature=no",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "off",
"ux": "default",
"size": "M",
"feature": "no"
},
"state": "disabled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-off--ux-default--size-m--feature-no--figma-dark-theme-off-status-placeholder-enable-off-ux-default-size-m-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#cccccc",
"rootBorderCssVar": "--color-grey-5",
"rootBorderWidth": 1,
"textFillHex": "#cccccc",
"textFillCssVar": "--color-grey-5"
},
"expectedNodes": [
{
"figmaNodeId": "1818:8203",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-off--ux-default--size-l--feature-no--figma-dark-theme-off-status-placeholder-enable-off-ux-default-size-l-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:46012",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=off, UX=default, size=L, feature=no",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "off",
"ux": "default",
"size": "L",
"feature": "no"
},
"state": "disabled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-off--ux-default--size-l--feature-no--figma-dark-theme-off-status-placeholder-enable-off-ux-default-size-l-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#cccccc",
"rootBorderCssVar": "--color-grey-5",
"rootBorderWidth": 1,
"textFillHex": "#cccccc",
"textFillCssVar": "--color-grey-5"
},
"expectedNodes": [
{
"figmaNodeId": "1858:46013",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-off--ux-default--size-m--feature-no--figma-dark-theme-on-status-value-enable-off-ux-default-size-m-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1818:8206",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=off, UX=default, size=M, feature=no",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "off",
"ux": "default",
"size": "M",
"feature": "no"
},
"state": "disabled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-off--ux-default--size-m--feature-no--figma-dark-theme-on-status-value-enable-off-ux-default-size-m-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#595959",
"rootBorderCssVar": "--color-grey-8",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "1818:8207",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-off--ux-default--size-l--feature-no--figma-dark-theme-on-status-value-enable-off-ux-default-size-l-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:46014",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=off, UX=default, size=L, feature=no",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "off",
"ux": "default",
"size": "L",
"feature": "no"
},
"state": "disabled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-off--ux-default--size-l--feature-no--figma-dark-theme-on-status-value-enable-off-ux-default-size-l-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#595959",
"rootBorderCssVar": "--color-grey-8",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "1858:46015",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-off--ux-default--size-m--feature-no--figma-dark-theme-off-status-value-enable-off-ux-default-size-m-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1818:8210",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=off, UX=default, size=M, feature=no",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "off",
"ux": "default",
"size": "M",
"feature": "no"
},
"state": "disabled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-off--ux-default--size-m--feature-no--figma-dark-theme-off-status-value-enable-off-ux-default-size-m-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#cccccc",
"rootBorderCssVar": "--line-light",
"rootBorderWidth": 1,
"textFillHex": "#595959",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "1818:8211",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-off--ux-default--size-l--feature-no--figma-dark-theme-off-status-value-enable-off-ux-default-size-l-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:46016",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=off, UX=default, size=L, feature=no",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "off",
"ux": "default",
"size": "L",
"feature": "no"
},
"state": "disabled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-off--ux-default--size-l--feature-no--figma-dark-theme-off-status-value-enable-off-ux-default-size-l-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#cccccc",
"rootBorderCssVar": "--color-grey-5",
"rootBorderWidth": 1,
"textFillHex": "#595959",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "1858:46017",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-hover--size-m--feature-no--figma-dark-theme-on-status-placeholder-enable-on-ux-hover-size-m-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1818:8214",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=hover, size=M, feature=no",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "hover",
"size": "M",
"feature": "no"
},
"state": "hover",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-hover--size-m--feature-no--figma-dark-theme-on-status-placeholder-enable-on-ux-hover-size-m-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1818:8215",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-hover--size-l--feature-no--figma-dark-theme-on-status-placeholder-enable-on-ux-hover-size-l-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:46018",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=hover, size=L, feature=no",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "hover",
"size": "L",
"feature": "no"
},
"state": "hover",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-hover--size-l--feature-no--figma-dark-theme-on-status-placeholder-enable-on-ux-hover-size-l-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1858:46019",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-hover--size-m--feature-no--figma-dark-theme-off-status-placeholder-enable-on-ux-hover-size-m-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1818:8218",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=hover, size=M, feature=no",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "hover",
"size": "M",
"feature": "no"
},
"state": "hover",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-hover--size-m--feature-no--figma-dark-theme-off-status-placeholder-enable-on-ux-hover-size-m-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1818:8219",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-hover--size-l--feature-no--figma-dark-theme-off-status-placeholder-enable-on-ux-hover-size-l-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:46020",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=hover, size=L, feature=no",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "hover",
"size": "L",
"feature": "no"
},
"state": "hover",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-hover--size-l--feature-no--figma-dark-theme-off-status-placeholder-enable-on-ux-hover-size-l-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1858:46021",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-hover--size-m--feature-yes--figma-dark-theme-off-status-placeholder-enable-on-ux-hover-size-m-feature-yes--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1818:8220",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=hover, size=M, feature=yes",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "hover",
"size": "M",
"feature": "yes"
},
"state": "hover",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-hover--size-m--feature-yes--figma-dark-theme-off-status-placeholder-enable-on-ux-hover-size-m-feature-yes--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1818:8221",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1818:8222",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-hover--size-l--feature-yes--figma-dark-theme-off-status-placeholder-enable-on-ux-hover-size-l-feature-yes--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:46022",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=hover, size=L, feature=yes",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "hover",
"size": "L",
"feature": "yes"
},
"state": "hover",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-hover--size-l--feature-yes--figma-dark-theme-off-status-placeholder-enable-on-ux-hover-size-l-feature-yes--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1858:46023",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46024",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-click--size-m--feature-no--figma-dark-theme-on-status-placeholder-enable-on-ux-click-size-m-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1818:8228",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=click, size=M, feature=no",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "click",
"size": "M",
"feature": "no"
},
"state": "focus",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-click--size-m--feature-no--figma-dark-theme-on-status-placeholder-enable-on-ux-click-size-m-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1818:8229",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-click--size-l--feature-no--figma-dark-theme-on-status-placeholder-enable-on-ux-click-size-l-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:46025",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=click, size=L, feature=no",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "click",
"size": "L",
"feature": "no"
},
"state": "focus",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-click--size-l--feature-no--figma-dark-theme-on-status-placeholder-enable-on-ux-click-size-l-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1858:46026",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-click--size-m--feature-no--figma-dark-theme-off-status-placeholder-enable-on-ux-click-size-m-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1818:8232",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=click, size=M, feature=no",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "click",
"size": "M",
"feature": "no"
},
"state": "focus",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-click--size-m--feature-no--figma-dark-theme-off-status-placeholder-enable-on-ux-click-size-m-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1818:8233",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-click--size-l--feature-no--figma-dark-theme-off-status-placeholder-enable-on-ux-click-size-l-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:46027",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=click, size=L, feature=no",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "click",
"size": "L",
"feature": "no"
},
"state": "focus",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-click--size-l--feature-no--figma-dark-theme-off-status-placeholder-enable-on-ux-click-size-l-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1858:46028",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-click--size-m--feature-yes--figma-dark-theme-off-status-placeholder-enable-on-ux-click-size-m-feature-yes--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1818:8234",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=click, size=M, feature=yes",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "click",
"size": "M",
"feature": "yes"
},
"state": "focus",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-click--size-m--feature-yes--figma-dark-theme-off-status-placeholder-enable-on-ux-click-size-m-feature-yes--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1818:8235",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1818:8236",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-click--size-l--feature-yes--figma-dark-theme-off-status-placeholder-enable-on-ux-click-size-l-feature-yes--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:46029",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=click, size=L, feature=yes",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "click",
"size": "L",
"feature": "yes"
},
"state": "focus",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-click--size-l--feature-yes--figma-dark-theme-off-status-placeholder-enable-on-ux-click-size-l-feature-yes--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1858:46030",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46031",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-hover--size-m--feature-no--figma-dark-theme-on-status-value-enable-on-ux-hover-size-m-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1818:8242",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=hover, size=M, feature=no",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "hover",
"size": "M",
"feature": "no"
},
"state": "hover",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-hover--size-m--feature-no--figma-dark-theme-on-status-value-enable-on-ux-hover-size-m-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1818:8243",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-hover--size-l--feature-no--figma-dark-theme-on-status-value-enable-on-ux-hover-size-l-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:46032",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=hover, size=L, feature=no",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "hover",
"size": "L",
"feature": "no"
},
"state": "hover",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-hover--size-l--feature-no--figma-dark-theme-on-status-value-enable-on-ux-hover-size-l-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1858:46033",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-hover--size-m--feature-no--figma-dark-theme-off-status-value-enable-on-ux-hover-size-m-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1818:8246",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=hover, size=M, feature=no",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "hover",
"size": "M",
"feature": "no"
},
"state": "hover",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-hover--size-m--feature-no--figma-dark-theme-off-status-value-enable-on-ux-hover-size-m-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1818:8247",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-hover--size-l--feature-no--figma-dark-theme-off-status-value-enable-on-ux-hover-size-l-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:46034",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=hover, size=L, feature=no",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "hover",
"size": "L",
"feature": "no"
},
"state": "hover",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-hover--size-l--feature-no--figma-dark-theme-off-status-value-enable-on-ux-hover-size-l-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1858:46035",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-hover--size-m--feature-yes--figma-dark-theme-off-status-value-enable-on-ux-hover-size-m-feature-yes--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1818:8248",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=hover, size=M, feature=yes",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "hover",
"size": "M",
"feature": "yes"
},
"state": "hover",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-hover--size-m--feature-yes--figma-dark-theme-off-status-value-enable-on-ux-hover-size-m-feature-yes--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1818:8249",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1818:8250",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-hover--size-l--feature-yes--figma-dark-theme-off-status-value-enable-on-ux-hover-size-l-feature-yes--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:46036",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=hover, size=L, feature=yes",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "hover",
"size": "L",
"feature": "yes"
},
"state": "hover",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 12
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-hover--size-l--feature-yes--figma-dark-theme-off-status-value-enable-on-ux-hover-size-l-feature-yes--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1858:46037",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46038",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-click--size-m--feature-no--figma-dark-theme-on-status-value-enable-on-ux-click-size-m-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1818:8256",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=click, size=M, feature=no",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "click",
"size": "M",
"feature": "no"
},
"state": "focus",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-click--size-m--feature-no--figma-dark-theme-on-status-value-enable-on-ux-click-size-m-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1818:8257",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1818:8258",
"name": "icon/Edit/Clear 1",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-click--size-l--feature-no--figma-dark-theme-on-status-value-enable-on-ux-click-size-l-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:46039",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=click, size=L, feature=no",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "click",
"size": "L",
"feature": "no"
},
"state": "focus",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-click--size-l--feature-no--figma-dark-theme-on-status-value-enable-on-ux-click-size-l-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1858:46040",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46041",
"name": "icon/Edit/Clear 1",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-click--size-m--feature-no--figma-dark-theme-off-status-value-enable-on-ux-click-size-m-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1818:8262",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=click, size=M, feature=no",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "click",
"size": "M",
"feature": "no"
},
"state": "focus",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-click--size-m--feature-no--figma-dark-theme-off-status-value-enable-on-ux-click-size-m-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1818:8263",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1818:8264",
"name": "icon/Edit/Clear 1",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-click--size-l--feature-no--figma-dark-theme-off-status-value-enable-on-ux-click-size-l-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:46042",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=click, size=L, feature=no",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "click",
"size": "L",
"feature": "no"
},
"state": "focus",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-click--size-l--feature-no--figma-dark-theme-off-status-value-enable-on-ux-click-size-l-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1858:46043",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46044",
"name": "icon/Edit/Clear 1",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-click--size-m--feature-yes--figma-dark-theme-off-status-value-enable-on-ux-click-size-m-feature-yes--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1818:8265",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=click, size=M, feature=yes",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "click",
"size": "M",
"feature": "yes"
},
"state": "focus",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 36
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-click--size-m--feature-yes--figma-dark-theme-off-status-value-enable-on-ux-click-size-m-feature-yes--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1818:8266",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1818:8267",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1818:8268",
"name": "icon/Edit/Clear 1",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-click--size-l--feature-yes--figma-dark-theme-off-status-value-enable-on-ux-click-size-l-feature-yes--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:46045",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=click, size=L, feature=yes",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "click",
"size": "L",
"feature": "yes"
},
"state": "focus",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": {
"left": 36,
"right": 36
},
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "300px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-click--size-l--feature-yes--figma-dark-theme-off-status-value-enable-on-ux-click-size-l-feature-yes--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 300,
"rootWidthMode": "FIXED",
"rootHeight": 40,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 8,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1858:46046",
"name": "icon/Search/Search",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46047",
"name": "im@nicohsueh.com",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46048",
"name": "icon/Edit/Clear 1",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-default--size-xl--feature-no--figma-dark-theme-on-status-placeholder-enable-on-ux-default-size-xl-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:47005",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=default, size=XL, feature=no",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "default",
"size": "XL",
"feature": "no"
},
"state": "placeholder",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API.",
"Input placeholder text color is browser pseudo-element state; verifier can only inspect root/input computed color."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-default--size-xl--feature-no--figma-dark-theme-on-status-placeholder-enable-on-ux-default-size-xl-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 25,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#595959",
"rootBorderCssVar": "--color-grey-8",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1858:46794",
"name": "Enter Content",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46795",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46796",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-error--size-xl--feature-no--figma-dark-theme-on-status-placeholder-enable-on-ux-error-size-xl-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:8345",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=error, size=XL, feature=no",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "error",
"size": "XL",
"feature": "no"
},
"state": "error",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-error--size-xl--feature-no--figma-dark-theme-on-status-placeholder-enable-on-ux-error-size-xl-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 25,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "4187:8346",
"name": "Enter Content",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:8348",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:8349",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-default--size-xl--feature-no--figma-dark-theme-off-status-placeholder-enable-on-ux-default-size-xl-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:47020",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=default, size=XL, feature=no",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "default",
"size": "XL",
"feature": "no"
},
"state": "placeholder",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API.",
"Input placeholder text color is browser pseudo-element state; verifier can only inspect root/input computed color."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-default--size-xl--feature-no--figma-dark-theme-off-status-placeholder-enable-on-ux-default-size-xl-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 25,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#cccccc",
"rootBorderCssVar": "--color-grey-5",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1858:46816",
"name": "Enter Content",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46817",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46818",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-error--size-xl--feature-no--figma-dark-theme-off-status-placeholder-enable-on-ux-error-size-xl-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:8297",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=error, size=XL, feature=no",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "error",
"size": "XL",
"feature": "no"
},
"state": "error",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-error--size-xl--feature-no--figma-dark-theme-off-status-placeholder-enable-on-ux-error-size-xl-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 25,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "4187:8298",
"name": "Enter Content",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:8300",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:8301",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-off--ux-default--size-xl--feature-no--figma-dark-theme-on-status-placeholder-enable-off-ux-default-size-xl-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:47009",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=off, UX=default, size=XL, feature=no",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "off",
"ux": "default",
"size": "XL",
"feature": "no"
},
"state": "disabled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-off--ux-default--size-xl--feature-no--figma-dark-theme-on-status-placeholder-enable-off-ux-default-size-xl-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 25,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#595959",
"rootBorderCssVar": "--color-grey-8",
"rootBorderWidth": 1,
"textFillHex": "#595959",
"textFillCssVar": "--color-grey-8"
},
"expectedNodes": [
{
"figmaNodeId": "1858:46804",
"name": "Enter Content",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46805",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46806",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-off--ux-default--size-xl--feature-no--figma-dark-theme-off-status-placeholder-enable-off-ux-default-size-xl-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:47027",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=off, UX=default, size=XL, feature=no",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "off",
"ux": "default",
"size": "XL",
"feature": "no"
},
"state": "disabled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-off--ux-default--size-xl--feature-no--figma-dark-theme-off-status-placeholder-enable-off-ux-default-size-xl-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 25,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#cccccc",
"rootBorderCssVar": "--color-grey-5",
"rootBorderWidth": 1,
"textFillHex": "#cccccc",
"textFillCssVar": "--color-grey-5"
},
"expectedNodes": [
{
"figmaNodeId": "1858:46820",
"name": "Enter Content",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46821",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46822",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-hover--size-xl--feature-no--figma-dark-theme-on-status-placeholder-enable-on-ux-hover-size-xl-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:47012",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=hover, size=XL, feature=no",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "hover",
"size": "XL",
"feature": "no"
},
"state": "hover",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-hover--size-xl--feature-no--figma-dark-theme-on-status-placeholder-enable-on-ux-hover-size-xl-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 25,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1858:46812",
"name": "Enter Content",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46813",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46814",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-hover--size-xl--feature-no--figma-dark-theme-off-status-placeholder-enable-on-ux-hover-size-xl-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:47028",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=hover, size=XL, feature=no",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "hover",
"size": "XL",
"feature": "no"
},
"state": "hover",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-hover--size-xl--feature-no--figma-dark-theme-off-status-placeholder-enable-on-ux-hover-size-xl-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 25,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1858:46808",
"name": "Enter Content",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46809",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46810",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-click--size-xl--feature-no--figma-dark-theme-on-status-placeholder-enable-on-ux-click-size-xl-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:47019",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=click, size=XL, feature=no",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "click",
"size": "XL",
"feature": "no"
},
"state": "focus",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-click--size-xl--feature-no--figma-dark-theme-on-status-placeholder-enable-on-ux-click-size-xl-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 25,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1858:46824",
"name": "|Enter Content",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46825",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46826",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-click--size-xl--feature-no--figma-dark-theme-off-status-placeholder-enable-on-ux-click-size-xl-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:47035",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=click, size=XL, feature=no",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "click",
"size": "XL",
"feature": "no"
},
"state": "focus",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-click--size-xl--feature-no--figma-dark-theme-off-status-placeholder-enable-on-ux-click-size-xl-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 22,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1858:46828",
"name": "|Enter Content",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46829",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46830",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-default--size-xl--feature-no--figma-dark-theme-on-status-value-enable-on-ux-default-size-xl-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:47006",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=default, size=XL, feature=no",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "default",
"size": "XL",
"feature": "no"
},
"state": "filled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-default--size-xl--feature-no--figma-dark-theme-on-status-value-enable-on-ux-default-size-xl-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 25,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#595959",
"rootBorderCssVar": "--color-grey-8",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1858:46832",
"name": "Remark",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46833",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46834",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-error--size-xl--feature-no--figma-dark-theme-on-status-value-enable-on-ux-error-size-xl-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:8350",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=error, size=XL, feature=no",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "error",
"size": "XL",
"feature": "no"
},
"state": "error",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-error--size-xl--feature-no--figma-dark-theme-on-status-value-enable-on-ux-error-size-xl-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 25,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "4187:8351",
"name": "Remark",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:8353",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:8354",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-default--size-xl--feature-no--figma-dark-theme-off-status-value-enable-on-ux-default-size-xl-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:47021",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=default, size=XL, feature=no",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "default",
"size": "XL",
"feature": "no"
},
"state": "filled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-default--size-xl--feature-no--figma-dark-theme-off-status-value-enable-on-ux-default-size-xl-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 25,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#cccccc",
"rootBorderCssVar": "--color-grey-5",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1858:46836",
"name": "Remark",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46837",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46838",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-error--size-xl--feature-no--figma-dark-theme-off-status-value-enable-on-ux-error-size-xl-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:8302",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=error, size=XL, feature=no",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "error",
"size": "XL",
"feature": "no"
},
"state": "error",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-error--size-xl--feature-no--figma-dark-theme-off-status-value-enable-on-ux-error-size-xl-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 25,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "4187:8303",
"name": "Remark",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:8305",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:8306",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-off--ux-default--size-xl--feature-no--figma-dark-theme-on-status-value-enable-off-ux-default-size-xl-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:47010",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=off, UX=default, size=XL, feature=no",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "off",
"ux": "default",
"size": "XL",
"feature": "no"
},
"state": "disabled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-off--ux-default--size-xl--feature-no--figma-dark-theme-on-status-value-enable-off-ux-default-size-xl-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 25,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#595959",
"rootBorderCssVar": "--color-grey-8",
"rootBorderWidth": 1,
"textFillHex": "#595959",
"textFillCssVar": "--color-grey-8"
},
"expectedNodes": [
{
"figmaNodeId": "1858:46840",
"name": "Remark",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46841",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46842",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-off--ux-default--size-xl--feature-no--figma-dark-theme-off-status-value-enable-off-ux-default-size-xl-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:47026",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=off, UX=default, size=XL, feature=no",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "off",
"ux": "default",
"size": "XL",
"feature": "no"
},
"state": "disabled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-off--ux-default--size-xl--feature-no--figma-dark-theme-off-status-value-enable-off-ux-default-size-xl-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 25,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#cccccc",
"rootBorderCssVar": "--color-grey-5",
"rootBorderWidth": 1,
"textFillHex": "#cccccc",
"textFillCssVar": "--color-grey-5"
},
"expectedNodes": [
{
"figmaNodeId": "1858:46844",
"name": "Remark",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46845",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46846",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-hover--size-xl--feature-no--figma-dark-theme-on-status-value-enable-on-ux-hover-size-xl-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:47013",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=hover, size=XL, feature=no",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "hover",
"size": "XL",
"feature": "no"
},
"state": "hover",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-hover--size-xl--feature-no--figma-dark-theme-on-status-value-enable-on-ux-hover-size-xl-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 25,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1858:46848",
"name": "Remark",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46849",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46850",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-hover--size-xl--feature-no--figma-dark-theme-off-status-value-enable-on-ux-hover-size-xl-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:47029",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=hover, size=XL, feature=no",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "hover",
"size": "XL",
"feature": "no"
},
"state": "hover",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-hover--size-xl--feature-no--figma-dark-theme-off-status-value-enable-on-ux-hover-size-xl-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 25,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1858:46852",
"name": "Remark",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46853",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46854",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-click--size-xl--feature-no--figma-dark-theme-on-status-value-enable-on-ux-click-size-xl-feature-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:47018",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=click, size=XL, feature=no",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "click",
"size": "XL",
"feature": "no"
},
"state": "focus",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-click--size-xl--feature-no--figma-dark-theme-on-status-value-enable-on-ux-click-size-xl-feature-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 5,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1858:46859",
"name": "Remark|",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46856",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46857",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-click--size-xl--feature-no--figma-dark-theme-off-status-value-enable-on-ux-click-size-xl-feature-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:47034",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=click, size=XL, feature=no",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "click",
"size": "XL",
"feature": "no"
},
"state": "focus",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-click--size-xl--feature-no--figma-dark-theme-off-status-value-enable-on-ux-click-size-xl-feature-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 8,
"left": 12
},
"rootRadius": 4,
"rootGap": 4,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1858:46801",
"name": "Remark|",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46798",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46799",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-default--size-xl--feature-text-count--figma-dark-theme-on-status-value-enable-on-ux-default-size-xl-feature-text-count--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:47008",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=default, size=XL, feature=text count",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "default",
"size": "XL",
"feature": "text count"
},
"state": "filled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-default--size-xl--feature-text-count--figma-dark-theme-on-status-value-enable-on-ux-default-size-xl-feature-text-count--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 24,
"left": 12
},
"rootRadius": 4,
"rootGap": 4,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#595959",
"rootBorderCssVar": "--color-grey-8",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1858:46862",
"name": "Remark",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46864",
"name": "6/300",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46866",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46867",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-error--size-xl--feature-text-count--figma-dark-theme-on-status-value-enable-on-ux-error-size-xl-feature-text-count--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:8355",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=error, size=XL, feature=text count",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "error",
"size": "XL",
"feature": "text count"
},
"state": "error",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-error--size-xl--feature-text-count--figma-dark-theme-on-status-value-enable-on-ux-error-size-xl-feature-text-count--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 24,
"left": 12
},
"rootRadius": 4,
"rootGap": 4,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "4187:8356",
"name": "Remark",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:8358",
"name": "6/300",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:8360",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:8361",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-default--size-xl--feature-text-count--figma-dark-theme-off-status-value-enable-on-ux-default-size-xl-feature-text-count--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:47023",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=default, size=XL, feature=text count",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "default",
"size": "XL",
"feature": "text count"
},
"state": "filled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-default--size-xl--feature-text-count--figma-dark-theme-off-status-value-enable-on-ux-default-size-xl-feature-text-count--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 24,
"left": 12
},
"rootRadius": 4,
"rootGap": 4,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#cccccc",
"rootBorderCssVar": "--color-grey-5",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1858:46869",
"name": "Remark",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46871",
"name": "6/300",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46873",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46874",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-error--size-xl--feature-text-count--figma-dark-theme-off-status-value-enable-on-ux-error-size-xl-feature-text-count--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:8307",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=error, size=XL, feature=text count",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "error",
"size": "XL",
"feature": "text count"
},
"state": "error",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-error--size-xl--feature-text-count--figma-dark-theme-off-status-value-enable-on-ux-error-size-xl-feature-text-count--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 24,
"left": 12
},
"rootRadius": 4,
"rootGap": 4,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "4187:8308",
"name": "Remark",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:8310",
"name": "6/300",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:8312",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:8313",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-hover--size-xl--feature-text-count--figma-dark-theme-on-status-value-enable-on-ux-hover-size-xl-feature-text-count--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:47015",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=hover, size=XL, feature=text count",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "hover",
"size": "XL",
"feature": "text count"
},
"state": "hover",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-hover--size-xl--feature-text-count--figma-dark-theme-on-status-value-enable-on-ux-hover-size-xl-feature-text-count--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 24,
"left": 12
},
"rootRadius": 4,
"rootGap": 4,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1858:46876",
"name": "Remark",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46878",
"name": "6/300",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46880",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46881",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-hover--size-xl--feature-text-count--figma-dark-theme-off-status-value-enable-on-ux-hover-size-xl-feature-text-count--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:47031",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=hover, size=XL, feature=text count",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "hover",
"size": "XL",
"feature": "text count"
},
"state": "hover",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-hover--size-xl--feature-text-count--figma-dark-theme-off-status-value-enable-on-ux-hover-size-xl-feature-text-count--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 24,
"left": 12
},
"rootRadius": 4,
"rootGap": 4,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1858:46883",
"name": "Remark",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46885",
"name": "6/300",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46887",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46888",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-click--size-xl--feature-text-count--figma-dark-theme-on-status-value-enable-on-ux-click-size-xl-feature-text-count--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:47016",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=on, UX=click, size=XL, feature=text count",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "on",
"ux": "click",
"size": "XL",
"feature": "text count"
},
"state": "focus",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-on--ux-click--size-xl--feature-text-count--figma-dark-theme-on-status-value-enable-on-ux-click-size-xl-feature-text-count--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 24,
"left": 12
},
"rootRadius": 4,
"rootGap": 4,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--color-grey-2"
},
"expectedNodes": [
{
"figmaNodeId": "1858:46891",
"name": "Remark|",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46894",
"name": "6/300",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46896",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46897",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-click--size-xl--feature-text-count--figma-dark-theme-off-status-value-enable-on-ux-click-size-xl-feature-text-count--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:47032",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=on, UX=click, size=XL, feature=text count",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "on",
"ux": "click",
"size": "XL",
"feature": "text count"
},
"state": "focus",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-on--ux-click--size-xl--feature-text-count--figma-dark-theme-off-status-value-enable-on-ux-click-size-xl-feature-text-count--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 24,
"left": 12
},
"rootRadius": 4,
"rootGap": 4,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1858:46900",
"name": "Remark|",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46903",
"name": "6/300",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46905",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46906",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-off--ux-default--size-xl--feature-text-count--figma-dark-theme-on-status-value-enable-off-ux-default-size-xl-feature-text-count--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:47036",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Value, enable=off, UX=default, size=XL, feature=text count",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "on",
"status": "Value",
"enable": "off",
"ux": "default",
"size": "XL",
"feature": "text count"
},
"state": "disabled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-on--status-value--enable-off--ux-default--size-xl--feature-text-count--figma-dark-theme-on-status-value-enable-off-ux-default-size-xl-feature-text-count--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 24,
"left": 12
},
"rootRadius": 4,
"rootGap": 4,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#595959",
"rootBorderCssVar": "--color-grey-8",
"rootBorderWidth": 1,
"textFillHex": "#595959",
"textFillCssVar": "--color-grey-8"
},
"expectedNodes": [
{
"figmaNodeId": "1858:46908",
"name": "Remark",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46910",
"name": "6/300",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46912",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46913",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-off--ux-default--size-xl--feature-text-count--figma-dark-theme-off-status-value-enable-off-ux-default-size-xl-feature-text-count--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:47024",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Value, enable=off, UX=default, size=XL, feature=text count",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "Input text",
"darkTheme": "off",
"status": "Value",
"enable": "off",
"ux": "default",
"size": "XL",
"feature": "text count"
},
"state": "disabled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue-input-text--darktheme-off--status-value--enable-off--ux-default--size-xl--feature-text-count--figma-dark-theme-off-status-value-enable-off-ux-default-size-xl-feature-text-count--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 24,
"left": 12
},
"rootRadius": 4,
"rootGap": 4,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#cccccc",
"rootBorderCssVar": "--color-grey-5",
"rootBorderWidth": 1,
"textFillHex": "#cccccc",
"textFillCssVar": "--color-grey-5"
},
"expectedNodes": [
{
"figmaNodeId": "1858:46915",
"name": "Remark",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46917",
"name": "6/300",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46919",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46920",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-default--size-xl--feature-text-count--figma-dark-theme-on-status-placeholder-enable-on-ux-default-size-xl-feature-text-count--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:47007",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=default, size=XL, feature=text count",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "default",
"size": "XL",
"feature": "text count"
},
"state": "placeholder",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API.",
"Input placeholder text color is browser pseudo-element state; verifier can only inspect root/input computed color."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-default--size-xl--feature-text-count--figma-dark-theme-on-status-placeholder-enable-on-ux-default-size-xl-feature-text-count--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 24,
"left": 12
},
"rootRadius": 4,
"rootGap": 4,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#595959",
"rootBorderCssVar": "--color-grey-8",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1858:46922",
"name": "Enter Content",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46924",
"name": "0/300",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46926",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46927",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-error--size-xl--feature-text-count--figma-dark-theme-on-status-placeholder-enable-on-ux-error-size-xl-feature-text-count--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:8362",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=error, size=XL, feature=text count",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "error",
"size": "XL",
"feature": "text count"
},
"state": "error",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-error--size-xl--feature-text-count--figma-dark-theme-on-status-placeholder-enable-on-ux-error-size-xl-feature-text-count--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 24,
"left": 12
},
"rootRadius": 4,
"rootGap": 4,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#ea4233",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "4187:8363",
"name": "Enter Content",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:8365",
"name": "0/300",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:8367",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:8368",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-default--size-xl--feature-text-count--figma-dark-theme-off-status-placeholder-enable-on-ux-default-size-xl-feature-text-count--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:47022",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=default, size=XL, feature=text count",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "default",
"size": "XL",
"feature": "text count"
},
"state": "placeholder",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API.",
"Input placeholder text color is browser pseudo-element state; verifier can only inspect root/input computed color."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-default--size-xl--feature-text-count--figma-dark-theme-off-status-placeholder-enable-on-ux-default-size-xl-feature-text-count--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 24,
"left": 12
},
"rootRadius": 4,
"rootGap": 4,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#cccccc",
"rootBorderCssVar": "--color-grey-5",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1858:46929",
"name": "Enter Content",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46931",
"name": "0/300",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46933",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46934",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-error--size-xl--feature-text-count--figma-dark-theme-off-status-placeholder-enable-on-ux-error-size-xl-feature-text-count--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4187:8314",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=error, size=XL, feature=text count",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "error",
"size": "XL",
"feature": "text count"
},
"state": "error",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-error--size-xl--feature-text-count--figma-dark-theme-off-status-placeholder-enable-on-ux-error-size-xl-feature-text-count--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 24,
"left": 12
},
"rootRadius": 4,
"rootGap": 4,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#dc2717",
"rootBorderCssVar": "--red",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "4187:8315",
"name": "Enter Content",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:8317",
"name": "0/300",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:8319",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4187:8320",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-hover--size-xl--feature-text-count--figma-dark-theme-on-status-placeholder-enable-on-ux-hover-size-xl-feature-text-count--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:47014",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=hover, size=XL, feature=text count",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "hover",
"size": "XL",
"feature": "text count"
},
"state": "hover",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-hover--size-xl--feature-text-count--figma-dark-theme-on-status-placeholder-enable-on-ux-hover-size-xl-feature-text-count--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 24,
"left": 12
},
"rootRadius": 4,
"rootGap": 4,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1858:46936",
"name": "Enter Content",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46938",
"name": "0/300",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46940",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46941",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-hover--size-xl--feature-text-count--figma-dark-theme-off-status-placeholder-enable-on-ux-hover-size-xl-feature-text-count--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:47030",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=hover, size=XL, feature=text count",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "hover",
"size": "XL",
"feature": "text count"
},
"state": "hover",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-hover--size-xl--feature-text-count--figma-dark-theme-off-status-placeholder-enable-on-ux-hover-size-xl-feature-text-count--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 24,
"left": 12
},
"rootRadius": 4,
"rootGap": 4,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1858:46943",
"name": "Enter Content",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46945",
"name": "0/300",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46947",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46948",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-click--size-xl--feature-text-count--figma-dark-theme-on-status-placeholder-enable-on-ux-click-size-xl-feature-text-count--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:47017",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=on, UX=click, size=XL, feature=text count",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "on",
"ux": "click",
"size": "XL",
"feature": "text count"
},
"state": "focus",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-on--ux-click--size-xl--feature-text-count--figma-dark-theme-on-status-placeholder-enable-on-ux-click-size-xl-feature-text-count--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 24,
"left": 12
},
"rootRadius": 4,
"rootGap": 4,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#2fb54e",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#7b7b7b",
"textFillCssVar": "--color-grey-7"
},
"expectedNodes": [
{
"figmaNodeId": "1858:46950",
"name": "|Enter Content",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46952",
"name": "0/300",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46954",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46955",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-click--size-xl--feature-text-count--figma-dark-theme-off-status-placeholder-enable-on-ux-click-size-xl-feature-text-count--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:47033",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=on, UX=click, size=XL, feature=text count",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "on",
"ux": "click",
"size": "XL",
"feature": "text count"
},
"state": "focus",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-on--ux-click--size-xl--feature-text-count--figma-dark-theme-off-status-placeholder-enable-on-ux-click-size-xl-feature-text-count--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 24,
"left": 12
},
"rootRadius": 4,
"rootGap": 4,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#299f45",
"rootBorderCssVar": "--brand",
"rootBorderWidth": 1,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--color-grey-6"
},
"expectedNodes": [
{
"figmaNodeId": "1858:46957",
"name": "|Enter Content",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46959",
"name": "0/300",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46961",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46962",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-off--ux-default--size-xl--feature-text-count--figma-dark-theme-on-status-placeholder-enable-off-ux-default-size-xl-feature-text-count--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:47011",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=on, status=Placeholder, enable=off, UX=default, size=XL, feature=text count",
"theme": "dark",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "on",
"status": "Placeholder",
"enable": "off",
"ux": "default",
"size": "XL",
"feature": "text count"
},
"state": "disabled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-on--status-placeholder--enable-off--ux-default--size-xl--feature-text-count--figma-dark-theme-on-status-placeholder-enable-off-ux-default-size-xl-feature-text-count--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 24,
"left": 12
},
"rootRadius": 4,
"rootGap": 4,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#595959",
"rootBorderCssVar": "--color-grey-8",
"rootBorderWidth": 1,
"textFillHex": "#595959",
"textFillCssVar": "--color-grey-8"
},
"expectedNodes": [
{
"figmaNodeId": "1858:46964",
"name": "Enter Content",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46966",
"name": "0/300",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46968",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46969",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#7b7b7b",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-off--ux-default--size-xl--feature-text-count--figma-dark-theme-off-status-placeholder-enable-off-ux-default-size-xl-feature-text-count--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1858:47025",
"figmaName": "input box/line",
"figmaVariantName": "dark theme=off, status=Placeholder, enable=off, UX=default, size=XL, feature=text count",
"theme": "light",
"codeComponent": "InputBoxLine",
"codeProps": {
"placeholder": "Placeholder",
"modelValue": "",
"darkTheme": "off",
"status": "Placeholder",
"enable": "off",
"ux": "default",
"size": "XL",
"feature": "text count"
},
"state": "disabled",
"rootTargetSelector": ".tvu-input",
"textTargetSelector": ".tvu-input",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "input_box_line__1818_8063.json",
"expectedSourceTokenizedFile": "input_box_line__1818_8063.json",
"axisImplementationEvidence": {
"dark theme": [
"input-darktheme-custom-property-chain"
],
"status": [],
"enable": [],
"UX": [],
"size": [],
"feature": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Input.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.UX; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.size; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Input.feature; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/inputboxline/input-box-line--placeholder-placeholder--modelvalue---darktheme-off--status-placeholder--enable-off--ux-default--size-xl--feature-text-count--figma-dark-theme-off-status-placeholder-enable-off-ux-default-size-xl-feature-text-count--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 100,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 12,
"bottom": 24,
"left": 12
},
"rootRadius": 4,
"rootGap": 4,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#cccccc",
"rootBorderCssVar": "--color-grey-5",
"rootBorderWidth": 1,
"textFillHex": "#cccccc",
"textFillCssVar": "--color-grey-5"
},
"expectedNodes": [
{
"figmaNodeId": "1858:46971",
"name": "Enter Content",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46973",
"name": "0/300",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46975",
"name": "Vector 1",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1858:46976",
"name": "Vector 2",
"type": "VECTOR",
"fillHex": null,
"borderHex": "#9e9e9e",
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1446-118010--darktheme-on--type-radio--items-object-object--figma-theme-dark-type-radio-is-parent-no-checked-no-active-no-disabled-no-hover-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1446:115704",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Dark, Type=Radio, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=No",
"theme": "dark",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "on",
"type": "Radio",
"items": [
{
"label": "Option",
"value": "option",
"checked": false,
"active": false,
"disabled": false
}
]
},
"state": "placeholder",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1446-118010--darktheme-on--type-radio--items-object-object--figma-theme-dark-type-radio-is-parent-no-checked-no-active-no-disabled-no-hover-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-body"
},
"expectedNodes": [
{
"figmaNodeId": "1446:115705",
"name": "radio",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1446-118010--darktheme-on--type-radio--items-object-object--figma-theme-dark-type-radio-is-parent-no-checked-no-active-no-disabled-no-hover-yes--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1563:85065",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Dark, Type=Radio, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=Yes",
"theme": "dark",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "on",
"type": "Radio",
"items": [
{
"label": "Option",
"value": "option",
"checked": false,
"active": false,
"disabled": false
}
]
},
"state": "hover",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Hover=Yes is a pseudo-state; harness records state but does not force browser :hover."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1446-118010--darktheme-on--type-radio--items-object-object--figma-theme-dark-type-radio-is-parent-no-checked-no-active-no-disabled-no-hover-yes--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#0b2b13",
"rootFillCssVar": "--brand-match",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-body"
},
"expectedNodes": [
{
"figmaNodeId": "1563:85066",
"name": "radio",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1446-118010--darktheme-on--type-radio--items-object-object--figma-theme-dark-type-radio-is-parent-no-checked-no-active-no-disabled-yes-hover-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1446:123075",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Dark, Type=Radio, Is Parent=No, Checked=No, Active=No, Disabled=Yes, Hover=No",
"theme": "dark",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "on",
"type": "Radio",
"items": [
{
"label": "Option",
"value": "option",
"checked": false,
"active": false,
"disabled": true
}
]
},
"state": "disabled",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1446-118010--darktheme-on--type-radio--items-object-object--figma-theme-dark-type-radio-is-parent-no-checked-no-active-no-disabled-yes-hover-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#595959",
"textFillCssVar": "--text-disabled"
},
"expectedNodes": [
{
"figmaNodeId": "1446:123076",
"name": "radio",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1446-118010--darktheme-on--type-radio--items-object-object--figma-theme-dark-type-radio-is-parent-no-checked-no-active-no-disabled-yes-hover-yes--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1682:51947",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Dark, Type=Radio, Is Parent=No, Checked=No, Active=No, Disabled=Yes, Hover=Yes",
"theme": "dark",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "on",
"type": "Radio",
"items": [
{
"label": "Option",
"value": "option",
"checked": false,
"active": false,
"disabled": true
}
]
},
"state": "disabled",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Hover=Yes is a pseudo-state; harness records state but does not force browser :hover.",
"DropDownListSelect disabled+hover is Figma preview state; code intentionally suppresses for runtime UX correctness (see translation/divergences.md#dropdown-disabled-hover-preview-state)."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1446-118010--darktheme-on--type-radio--items-object-object--figma-theme-dark-type-radio-is-parent-no-checked-no-active-no-disabled-yes-hover-yes--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#0b2b13",
"rootFillCssVar": "--brand-match",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#595959",
"textFillCssVar": "--text-disabled"
},
"expectedNodes": [
{
"figmaNodeId": "1682:51948",
"name": "radio",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1446-118010--darktheme-on--type-radio--items-object-object--figma-theme-dark-type-radio-is-parent-no-checked-yes-active-no-disabled-no-hover-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1446:115710",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Dark, Type=Radio, Is Parent=No, Checked=Yes, Active=No, Disabled=No, Hover=No",
"theme": "dark",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "on",
"type": "Radio",
"items": [
{
"label": "Option",
"value": "option",
"checked": true,
"active": false,
"disabled": false
}
]
},
"state": "filled",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1446-118010--darktheme-on--type-radio--items-object-object--figma-theme-dark-type-radio-is-parent-no-checked-yes-active-no-disabled-no-hover-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#2fb54e",
"textFillCssVar": "--brand"
},
"expectedNodes": [
{
"figmaNodeId": "1446:115711",
"name": "radio",
"type": "INSTANCE",
"fillHex": "#2fb54e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1446-118010--darktheme-on--type-radio--items-object-object--figma-theme-dark-type-radio-is-parent-no-checked-yes-active-no-disabled-no-hover-yes--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1563:85048",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Dark, Type=Radio, Is Parent=No, Checked=Yes, Active=No, Disabled=No, Hover=Yes",
"theme": "dark",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "on",
"type": "Radio",
"items": [
{
"label": "Option",
"value": "option",
"checked": true,
"active": false,
"disabled": false
}
]
},
"state": "hover",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Hover=Yes is a pseudo-state; harness records state but does not force browser :hover."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1446-118010--darktheme-on--type-radio--items-object-object--figma-theme-dark-type-radio-is-parent-no-checked-yes-active-no-disabled-no-hover-yes--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#0b2b13",
"rootFillCssVar": "--brand-match",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#2fb54e",
"textFillCssVar": "--brand"
},
"expectedNodes": [
{
"figmaNodeId": "1563:85049",
"name": "radio",
"type": "INSTANCE",
"fillHex": "#2fb54e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1446-118010--darktheme-on--type-radio--items-object-object--figma-theme-dark-type-radio-is-parent-no-checked-yes-active-no-disabled-yes-hover-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1452:53096",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Dark, Type=Radio, Is Parent=No, Checked=Yes, Active=No, Disabled=Yes, Hover=No",
"theme": "dark",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "on",
"type": "Radio",
"items": [
{
"label": "Option",
"value": "option",
"checked": true,
"active": false,
"disabled": true
}
]
},
"state": "disabled",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1446-118010--darktheme-on--type-radio--items-object-object--figma-theme-dark-type-radio-is-parent-no-checked-yes-active-no-disabled-yes-hover-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#8fd79f",
"textFillCssVar": "--brand"
},
"expectedNodes": [
{
"figmaNodeId": "1452:53097",
"name": "radio",
"type": "INSTANCE",
"fillHex": "#2fb54e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1446-118010--darktheme-on--type-multi--items-object-object--figma-theme-dark-type-multi-is-parent-no-checked-no-active-no-disabled-no-hover-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1452:53134",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Dark, Type=Multi, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=No",
"theme": "dark",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "on",
"type": "Multi",
"items": [
{
"label": "Option",
"value": "option",
"checked": false,
"active": false,
"disabled": false
}
]
},
"state": "placeholder",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1446-118010--darktheme-on--type-multi--items-object-object--figma-theme-dark-type-multi-is-parent-no-checked-no-active-no-disabled-no-hover-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-body"
},
"expectedNodes": [
{
"figmaNodeId": "1452:53135",
"name": "check box",
"type": "INSTANCE",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1446-118010--darktheme-on--type-multi--items-object-object--figma-theme-dark-type-multi-is-parent-no-checked-no-active-no-disabled-no-hover-yes--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1563:85344",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Dark, Type=Multi, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=Yes",
"theme": "dark",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "on",
"type": "Multi",
"items": [
{
"label": "Option",
"value": "option",
"checked": false,
"active": false,
"disabled": false
}
]
},
"state": "hover",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Hover=Yes is a pseudo-state; harness records state but does not force browser :hover."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1446-118010--darktheme-on--type-multi--items-object-object--figma-theme-dark-type-multi-is-parent-no-checked-no-active-no-disabled-no-hover-yes--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#0b2b13",
"rootFillCssVar": "--brand-match",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-body"
},
"expectedNodes": [
{
"figmaNodeId": "1563:85345",
"name": "check box",
"type": "INSTANCE",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1446-118010--darktheme-on--type-multi--items-object-object--figma-theme-dark-type-multi-is-parent-no-checked-no-active-no-disabled-yes-hover-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1561:6448",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Dark, Type=Multi, Is Parent=No, Checked=No, Active=No, Disabled=Yes, Hover=No",
"theme": "dark",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "on",
"type": "Multi",
"items": [
{
"label": "Option",
"value": "option",
"checked": false,
"active": false,
"disabled": true
}
]
},
"state": "disabled",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1446-118010--darktheme-on--type-multi--items-object-object--figma-theme-dark-type-multi-is-parent-no-checked-no-active-no-disabled-yes-hover-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#595959",
"textFillCssVar": "--text-disabled"
},
"expectedNodes": [
{
"figmaNodeId": "1561:6449",
"name": "check box",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1446-118010--darktheme-on--type-multi--items-object-object--figma-theme-dark-type-multi-is-parent-no-checked-yes-active-no-disabled-no-hover-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1446:115713",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Dark, Type=Multi, Is Parent=No, Checked=Yes, Active=No, Disabled=No, Hover=No",
"theme": "dark",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "on",
"type": "Multi",
"items": [
{
"label": "Option",
"value": "option",
"checked": true,
"active": false,
"disabled": false
}
]
},
"state": "filled",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1446-118010--darktheme-on--type-multi--items-object-object--figma-theme-dark-type-multi-is-parent-no-checked-yes-active-no-disabled-no-hover-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-body"
},
"expectedNodes": [
{
"figmaNodeId": "1446:115714",
"name": "check box",
"type": "INSTANCE",
"fillHex": "#2fb54e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1446-118010--darktheme-on--type-multi--items-object-object--figma-theme-dark-type-multi-is-parent-no-checked-yes-active-no-disabled-no-hover-yes--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "2678:49958",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Dark, Type=Multi, Is Parent=No, Checked=Yes, Active=No, Disabled=No, Hover=Yes",
"theme": "dark",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "on",
"type": "Multi",
"items": [
{
"label": "Option",
"value": "option",
"checked": true,
"active": false,
"disabled": false
}
]
},
"state": "hover",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Hover=Yes is a pseudo-state; harness records state but does not force browser :hover."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1446-118010--darktheme-on--type-multi--items-object-object--figma-theme-dark-type-multi-is-parent-no-checked-yes-active-no-disabled-no-hover-yes--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#0b2b13",
"rootFillCssVar": "--brand-match",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-body"
},
"expectedNodes": [
{
"figmaNodeId": "2678:49959",
"name": "check box",
"type": "INSTANCE",
"fillHex": "#2fb54e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1446-118010--darktheme-on--type-multi--items-object-object--figma-theme-dark-type-multi-is-parent-no-checked-yes-active-no-disabled-yes-hover-yes--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1563:85030",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Dark, Type=Multi, Is Parent=No, Checked=Yes, Active=No, Disabled=Yes, Hover=Yes",
"theme": "dark",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "on",
"type": "Multi",
"items": [
{
"label": "Option",
"value": "option",
"checked": true,
"active": false,
"disabled": true
}
]
},
"state": "disabled",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Hover=Yes is a pseudo-state; harness records state but does not force browser :hover.",
"DropDownListSelect disabled+hover is Figma preview state; code intentionally suppresses for runtime UX correctness (see translation/divergences.md#dropdown-disabled-hover-preview-state)."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1446-118010--darktheme-on--type-multi--items-object-object--figma-theme-dark-type-multi-is-parent-no-checked-yes-active-no-disabled-yes-hover-yes--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#0b2b13",
"rootFillCssVar": "--brand-match",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#595959",
"textFillCssVar": "--text-disabled"
},
"expectedNodes": [
{
"figmaNodeId": "1563:85031",
"name": "check box",
"type": "INSTANCE",
"fillHex": "#1a652c",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1446-118010--darktheme-on--type-multi--items-object-object--figma-theme-dark-type-multi-is-parent-no-checked-yes-active-no-disabled-yes-hover-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1561:6478",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Dark, Type=Multi, Is Parent=No, Checked=Yes, Active=No, Disabled=Yes, Hover=No",
"theme": "dark",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "on",
"type": "Multi",
"items": [
{
"label": "Option",
"value": "option",
"checked": true,
"active": false,
"disabled": true
}
]
},
"state": "disabled",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1446-118010--darktheme-on--type-multi--items-object-object--figma-theme-dark-type-multi-is-parent-no-checked-yes-active-no-disabled-yes-hover-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#595959",
"textFillCssVar": "--text-disabled"
},
"expectedNodes": [
{
"figmaNodeId": "1561:6479",
"name": "check box",
"type": "INSTANCE",
"fillHex": "#1a652c",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1446-118010--darktheme-on--type-radio--items-object-object--figma-theme-dark-type-radio-is-parent-yes-checked-no-active-no-disabled-no-hover-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1434:112678",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Dark, Type=Radio, Is Parent=Yes, Checked=No, Active=No, Disabled=No, Hover=No",
"theme": "dark",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "on",
"type": "Radio",
"items": [
{
"label": "Option",
"value": "option",
"checked": false,
"active": false,
"disabled": false
}
]
},
"state": "placeholder",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Is Parent=Yes has no DropDownListSelect runtime prop; visual delta should be treated as a boundary/schema gap."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1446-118010--darktheme-on--type-radio--items-object-object--figma-theme-dark-type-radio-is-parent-yes-checked-no-active-no-disabled-no-hover-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-body"
},
"expectedNodes": [
{
"figmaNodeId": "1434:112649",
"name": "radio",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1434:112650",
"name": "icon/Arrow/Next",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1446-118010--darktheme-on--type-radio--items-object-object--figma-theme-dark-type-radio-is-parent-yes-checked-no-active-no-disabled-no-hover-yes--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1563:84957",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Dark, Type=Radio, Is Parent=Yes, Checked=No, Active=No, Disabled=No, Hover=Yes",
"theme": "dark",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "on",
"type": "Radio",
"items": [
{
"label": "Option",
"value": "option",
"checked": false,
"active": false,
"disabled": false
}
]
},
"state": "hover",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Is Parent=Yes has no DropDownListSelect runtime prop; visual delta should be treated as a boundary/schema gap.",
"Figma Hover=Yes is a pseudo-state; harness records state but does not force browser :hover."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1446-118010--darktheme-on--type-radio--items-object-object--figma-theme-dark-type-radio-is-parent-yes-checked-no-active-no-disabled-no-hover-yes--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#0b2b13",
"rootFillCssVar": "--brand-match",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-body"
},
"expectedNodes": [
{
"figmaNodeId": "1563:84958",
"name": "radio",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1563:84959",
"name": "icon/Arrow/Next",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1446-118010--darktheme-on--type-radio--items-object-object--figma-theme-dark-type-radio-is-parent-yes-checked-no-active-no-disabled-yes-hover-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1446:123072",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Dark, Type=Radio, Is Parent=Yes, Checked=No, Active=No, Disabled=Yes, Hover=No",
"theme": "dark",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "on",
"type": "Radio",
"items": [
{
"label": "Option",
"value": "option",
"checked": false,
"active": false,
"disabled": true
}
]
},
"state": "disabled",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Is Parent=Yes has no DropDownListSelect runtime prop; visual delta should be treated as a boundary/schema gap."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1446-118010--darktheme-on--type-radio--items-object-object--figma-theme-dark-type-radio-is-parent-yes-checked-no-active-no-disabled-yes-hover-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#595959",
"textFillCssVar": "--text-disabled"
},
"expectedNodes": [
{
"figmaNodeId": "1446:123073",
"name": "radio",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1446:123074",
"name": "icon/Arrow/Next",
"type": "INSTANCE",
"fillHex": "#dbdbdb",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1446-118010--darktheme-on--type-radio--items-object-object--figma-theme-dark-type-radio-is-parent-yes-checked-yes-active-no-disabled-no-hover-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1434:112683",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Dark, Type=Radio, Is Parent=Yes, Checked=Yes, Active=No, Disabled=No, Hover=No",
"theme": "dark",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "on",
"type": "Radio",
"items": [
{
"label": "Option",
"value": "option",
"checked": true,
"active": false,
"disabled": false
}
]
},
"state": "filled",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Is Parent=Yes has no DropDownListSelect runtime prop; visual delta should be treated as a boundary/schema gap."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1446-118010--darktheme-on--type-radio--items-object-object--figma-theme-dark-type-radio-is-parent-yes-checked-yes-active-no-disabled-no-hover-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#2fb54e",
"textFillCssVar": "--brand"
},
"expectedNodes": [
{
"figmaNodeId": "1434:112652",
"name": "radio",
"type": "INSTANCE",
"fillHex": "#2fb54e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1434:112653",
"name": "icon/Arrow/Next",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1446-118010--darktheme-on--type-radio--items-object-object--figma-theme-dark-type-radio-is-parent-yes-checked-yes-active-yes-disabled-no-hover-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1563:87874",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Dark, Type=Radio, Is Parent=Yes, Checked=Yes, Active=Yes, Disabled=No, Hover=No",
"theme": "dark",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "on",
"type": "Radio",
"items": [
{
"label": "Option",
"value": "option",
"checked": true,
"active": true,
"disabled": false
}
]
},
"state": "filled",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Is Parent=Yes has no DropDownListSelect runtime prop; visual delta should be treated as a boundary/schema gap."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1446-118010--darktheme-on--type-radio--items-object-object--figma-theme-dark-type-radio-is-parent-yes-checked-yes-active-yes-disabled-no-hover-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#0b2b13",
"rootFillCssVar": "--brand-match",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#2fb54e",
"textFillCssVar": "--brand"
},
"expectedNodes": [
{
"figmaNodeId": "1563:87875",
"name": "radio",
"type": "INSTANCE",
"fillHex": "#2fb54e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1563:87876",
"name": "icon/Arrow/Next",
"type": "INSTANCE",
"fillHex": "#2fb54e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1446-118010--darktheme-on--type-radio--items-object-object--figma-theme-dark-type-radio-is-parent-yes-checked-yes-active-no-disabled-no-hover-yes--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1563:85082",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Dark, Type=Radio, Is Parent=Yes, Checked=Yes, Active=No, Disabled=No, Hover=Yes",
"theme": "dark",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "on",
"type": "Radio",
"items": [
{
"label": "Option",
"value": "option",
"checked": true,
"active": false,
"disabled": false
}
]
},
"state": "hover",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Is Parent=Yes has no DropDownListSelect runtime prop; visual delta should be treated as a boundary/schema gap.",
"Figma Hover=Yes is a pseudo-state; harness records state but does not force browser :hover."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1446-118010--darktheme-on--type-radio--items-object-object--figma-theme-dark-type-radio-is-parent-yes-checked-yes-active-no-disabled-no-hover-yes--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#0b2b13",
"rootFillCssVar": "--brand-match",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#2fb54e",
"textFillCssVar": "--brand"
},
"expectedNodes": [
{
"figmaNodeId": "1563:85083",
"name": "radio",
"type": "INSTANCE",
"fillHex": "#2fb54e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1563:85084",
"name": "icon/Arrow/Next",
"type": "INSTANCE",
"fillHex": "#2fb54e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1446-118010--darktheme-on--type-radio--items-object-object--figma-theme-dark-type-radio-is-parent-yes-checked-yes-active-no-disabled-yes-hover-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1452:53077",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Dark, Type=Radio, Is Parent=Yes, Checked=Yes, Active=No, Disabled=Yes, Hover=No",
"theme": "dark",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "on",
"type": "Radio",
"items": [
{
"label": "Option",
"value": "option",
"checked": true,
"active": false,
"disabled": true
}
]
},
"state": "disabled",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Is Parent=Yes has no DropDownListSelect runtime prop; visual delta should be treated as a boundary/schema gap."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1446-118010--darktheme-on--type-radio--items-object-object--figma-theme-dark-type-radio-is-parent-yes-checked-yes-active-no-disabled-yes-hover-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#8fd79f",
"textFillCssVar": "--brand"
},
"expectedNodes": [
{
"figmaNodeId": "1452:53078",
"name": "radio",
"type": "INSTANCE",
"fillHex": "#2fb54e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1452:53079",
"name": "icon/Arrow/Next",
"type": "INSTANCE",
"fillHex": "#41c760",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1446-118010--darktheme-on--type-multi--items-object-object--figma-theme-dark-type-multi-is-parent-yes-checked-no-active-no-disabled-no-hover-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1446:115228",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Dark, Type=Multi, Is Parent=Yes, Checked=No, Active=No, Disabled=No, Hover=No",
"theme": "dark",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "on",
"type": "Multi",
"items": [
{
"label": "Option",
"value": "option",
"checked": false,
"active": false,
"disabled": false
}
]
},
"state": "placeholder",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Is Parent=Yes has no DropDownListSelect runtime prop; visual delta should be treated as a boundary/schema gap."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1446-118010--darktheme-on--type-multi--items-object-object--figma-theme-dark-type-multi-is-parent-yes-checked-no-active-no-disabled-no-hover-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-body"
},
"expectedNodes": [
{
"figmaNodeId": "1446:115142",
"name": "check box",
"type": "INSTANCE",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1446:115143",
"name": "icon/Arrow/Next",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1446-118010--darktheme-on--type-multi--items-object-object--figma-theme-dark-type-multi-is-parent-yes-checked-no-active-no-disabled-no-hover-yes--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1563:85272",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Dark, Type=Multi, Is Parent=Yes, Checked=No, Active=No, Disabled=No, Hover=Yes",
"theme": "dark",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "on",
"type": "Multi",
"items": [
{
"label": "Option",
"value": "option",
"checked": false,
"active": false,
"disabled": false
}
]
},
"state": "hover",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Is Parent=Yes has no DropDownListSelect runtime prop; visual delta should be treated as a boundary/schema gap.",
"Figma Hover=Yes is a pseudo-state; harness records state but does not force browser :hover."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1446-118010--darktheme-on--type-multi--items-object-object--figma-theme-dark-type-multi-is-parent-yes-checked-no-active-no-disabled-no-hover-yes--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#0b2b13",
"rootFillCssVar": "--brand-match",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-body"
},
"expectedNodes": [
{
"figmaNodeId": "1563:85273",
"name": "check box",
"type": "INSTANCE",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1563:85274",
"name": "icon/Arrow/Next",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1446-118010--darktheme-on--type-multi--items-object-object--figma-theme-dark-type-multi-is-parent-yes-checked-no-active-no-disabled-yes-hover-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1548:40921",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Dark, Type=Multi, Is Parent=Yes, Checked=No, Active=No, Disabled=Yes, Hover=No",
"theme": "dark",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "on",
"type": "Multi",
"items": [
{
"label": "Option",
"value": "option",
"checked": false,
"active": false,
"disabled": true
}
]
},
"state": "disabled",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Is Parent=Yes has no DropDownListSelect runtime prop; visual delta should be treated as a boundary/schema gap."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1446-118010--darktheme-on--type-multi--items-object-object--figma-theme-dark-type-multi-is-parent-yes-checked-no-active-no-disabled-yes-hover-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#595959",
"textFillCssVar": "--text-disabled"
},
"expectedNodes": [
{
"figmaNodeId": "1548:40922",
"name": "check box",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1548:40923",
"name": "icon/Arrow/Next",
"type": "INSTANCE",
"fillHex": "#dbdbdb",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1446-118010--darktheme-on--type-multi--items-object-object--figma-theme-dark-type-multi-is-parent-yes-checked-yes-active-no-disabled-no-hover-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1446:115239",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Dark, Type=Multi, Is Parent=Yes, Checked=Yes, Active=No, Disabled=No, Hover=No",
"theme": "dark",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "on",
"type": "Multi",
"items": [
{
"label": "Option",
"value": "option",
"checked": true,
"active": false,
"disabled": false
}
]
},
"state": "filled",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Is Parent=Yes has no DropDownListSelect runtime prop; visual delta should be treated as a boundary/schema gap."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1446-118010--darktheme-on--type-multi--items-object-object--figma-theme-dark-type-multi-is-parent-yes-checked-yes-active-no-disabled-no-hover-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-body"
},
"expectedNodes": [
{
"figmaNodeId": "1446:115125",
"name": "check box",
"type": "INSTANCE",
"fillHex": "#2fb54e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1561:6438",
"name": "icon/Arrow/Next",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1446-118010--darktheme-on--type-multi--items-object-object--figma-theme-dark-type-multi-is-parent-yes-checked-yes-active-no-disabled-no-hover-yes--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1563:85308",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Dark, Type=Multi, Is Parent=Yes, Checked=Yes, Active=No, Disabled=No, Hover=Yes",
"theme": "dark",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "on",
"type": "Multi",
"items": [
{
"label": "Option",
"value": "option",
"checked": true,
"active": false,
"disabled": false
}
]
},
"state": "hover",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Is Parent=Yes has no DropDownListSelect runtime prop; visual delta should be treated as a boundary/schema gap.",
"Figma Hover=Yes is a pseudo-state; harness records state but does not force browser :hover."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1446-118010--darktheme-on--type-multi--items-object-object--figma-theme-dark-type-multi-is-parent-yes-checked-yes-active-no-disabled-no-hover-yes--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#0b2b13",
"rootFillCssVar": "--brand-match",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-body"
},
"expectedNodes": [
{
"figmaNodeId": "1563:85309",
"name": "check box",
"type": "INSTANCE",
"fillHex": "#2fb54e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1563:85310",
"name": "icon/Arrow/Next",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1446-118010--darktheme-on--type-multi--items-object-object--figma-theme-dark-type-multi-is-parent-yes-checked-yes-active-no-disabled-yes-hover-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1548:40943",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Dark, Type=Multi, Is Parent=Yes, Checked=Yes, Active=No, Disabled=Yes, Hover=No",
"theme": "dark",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "on",
"type": "Multi",
"items": [
{
"label": "Option",
"value": "option",
"checked": true,
"active": false,
"disabled": true
}
]
},
"state": "disabled",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Is Parent=Yes has no DropDownListSelect runtime prop; visual delta should be treated as a boundary/schema gap."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1446-118010--darktheme-on--type-multi--items-object-object--figma-theme-dark-type-multi-is-parent-yes-checked-yes-active-no-disabled-yes-hover-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#595959",
"textFillCssVar": "--text-disabled"
},
"expectedNodes": [
{
"figmaNodeId": "1548:40944",
"name": "check box",
"type": "INSTANCE",
"fillHex": "#1a652c",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1548:40945",
"name": "icon/Arrow/Next",
"type": "INSTANCE",
"fillHex": "#dbdbdb",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1446-118010--darktheme-on--type-multi--items-object-object--figma-theme-dark-type-multi-is-parent-yes-checked-yes-active-yes-disabled-no-hover-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1561:7242",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Dark, Type=Multi, Is Parent=Yes, Checked=Yes, Active=Yes, Disabled=No, Hover=No",
"theme": "dark",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "on",
"type": "Multi",
"items": [
{
"label": "Option",
"value": "option",
"checked": true,
"active": true,
"disabled": false
}
]
},
"state": "filled",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Is Parent=Yes has no DropDownListSelect runtime prop; visual delta should be treated as a boundary/schema gap."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1446-118010--darktheme-on--type-multi--items-object-object--figma-theme-dark-type-multi-is-parent-yes-checked-yes-active-yes-disabled-no-hover-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#0b2b13",
"rootFillCssVar": "--brand-match",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-body"
},
"expectedNodes": [
{
"figmaNodeId": "1561:7243",
"name": "check box",
"type": "INSTANCE",
"fillHex": "#2fb54e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1561:7244",
"name": "icon/Arrow/Next",
"type": "INSTANCE",
"fillHex": "#2fb54e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1446-118010--darktheme-on--type-multi--items-object-object--figma-theme-dark-type-multi-is-parent-yes-checked-yes-active-yes-disabled-no-hover-yes--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1563:84974",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Dark, Type=Multi, Is Parent=Yes, Checked=Yes, Active=Yes, Disabled=No, Hover=Yes",
"theme": "dark",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "on",
"type": "Multi",
"items": [
{
"label": "Option",
"value": "option",
"checked": true,
"active": true,
"disabled": false
}
]
},
"state": "hover",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Is Parent=Yes has no DropDownListSelect runtime prop; visual delta should be treated as a boundary/schema gap.",
"Figma Hover=Yes is a pseudo-state; harness records state but does not force browser :hover."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1446-118010--darktheme-on--type-multi--items-object-object--figma-theme-dark-type-multi-is-parent-yes-checked-yes-active-yes-disabled-no-hover-yes--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#0b2b13",
"rootFillCssVar": "--brand-match",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-body"
},
"expectedNodes": [
{
"figmaNodeId": "1563:84975",
"name": "check box",
"type": "INSTANCE",
"fillHex": "#2fb54e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1563:84976",
"name": "icon/Arrow/Next",
"type": "INSTANCE",
"fillHex": "#2fb54e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1446-118010--darktheme-on--type-multi--items-object-object--figma-theme-dark-type-multi-is-parent-no-checked-yes-active-yes-disabled-no-hover-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1563:84939",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Dark, Type=Multi, Is Parent=No, Checked=Yes, Active=Yes, Disabled=No, Hover=No",
"theme": "dark",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "on",
"type": "Multi",
"items": [
{
"label": "Option",
"value": "option",
"checked": true,
"active": true,
"disabled": false
}
]
},
"state": "filled",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1446-118010--darktheme-on--type-multi--items-object-object--figma-theme-dark-type-multi-is-parent-no-checked-yes-active-yes-disabled-no-hover-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-body"
},
"expectedNodes": [
{
"figmaNodeId": "1563:84940",
"name": "check box",
"type": "INSTANCE",
"fillHex": "#2fb54e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1446-118010--darktheme-on--type-multi--items-object-object--figma-theme-dark-type-multi-is-parent-no-checked-yes-active-yes-disabled-no-hover-yes--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1563:85099",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Dark, Type=Multi, Is Parent=No, Checked=Yes, Active=Yes, Disabled=No, Hover=Yes",
"theme": "dark",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "on",
"type": "Multi",
"items": [
{
"label": "Option",
"value": "option",
"checked": true,
"active": true,
"disabled": false
}
]
},
"state": "hover",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Hover=Yes is a pseudo-state; harness records state but does not force browser :hover."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1446-118010--darktheme-on--type-multi--items-object-object--figma-theme-dark-type-multi-is-parent-no-checked-yes-active-yes-disabled-no-hover-yes--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#0b2b13",
"rootFillCssVar": "--brand-match",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-body"
},
"expectedNodes": [
{
"figmaNodeId": "1563:85100",
"name": "check box",
"type": "INSTANCE",
"fillHex": "#2fb54e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1446-118010--darktheme-on--type-radio--items-object-object--figma-theme-dark-type-selected-is-parent-yes-checked-yes-active-no-disabled-no-hover-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1561:6818",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Dark, Type=Selected, Is Parent=Yes, Checked=Yes, Active=No, Disabled=No, Hover=No",
"theme": "dark",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "on",
"type": "Radio",
"items": [
{
"label": "Option",
"value": "option",
"checked": true,
"active": false,
"disabled": false
}
]
},
"state": "filled",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Type=Selected has no DropDownListSelect runtime type; mapped to Radio for deterministic render.",
"Figma Is Parent=Yes has no DropDownListSelect runtime prop; visual delta should be treated as a boundary/schema gap."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1446-118010--darktheme-on--type-radio--items-object-object--figma-theme-dark-type-selected-is-parent-yes-checked-yes-active-no-disabled-no-hover-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#2fb54e",
"textFillCssVar": "--brand"
},
"expectedNodes": [
{
"figmaNodeId": "1561:6819",
"name": "radio",
"type": "INSTANCE",
"fillHex": "#2fb54e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1561:6820",
"name": "icon/Edit/Selected",
"type": "INSTANCE",
"fillHex": "#2fb54e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1446-118010--darktheme-on--type-radio--items-object-object--figma-theme-dark-type-selected-is-parent-yes-checked-yes-active-no-disabled-no-hover-yes--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1563:85238",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Dark, Type=Selected, Is Parent=Yes, Checked=Yes, Active=No, Disabled=No, Hover=Yes",
"theme": "dark",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "on",
"type": "Radio",
"items": [
{
"label": "Option",
"value": "option",
"checked": true,
"active": false,
"disabled": false
}
]
},
"state": "hover",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Type=Selected has no DropDownListSelect runtime type; mapped to Radio for deterministic render.",
"Figma Is Parent=Yes has no DropDownListSelect runtime prop; visual delta should be treated as a boundary/schema gap.",
"Figma Hover=Yes is a pseudo-state; harness records state but does not force browser :hover."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1446-118010--darktheme-on--type-radio--items-object-object--figma-theme-dark-type-selected-is-parent-yes-checked-yes-active-no-disabled-no-hover-yes--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#0b2b13",
"rootFillCssVar": "--brand-match",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#2fb54e",
"textFillCssVar": "--brand"
},
"expectedNodes": [
{
"figmaNodeId": "1563:85239",
"name": "radio",
"type": "INSTANCE",
"fillHex": "#2fb54e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1563:85240",
"name": "icon/Edit/Selected",
"type": "INSTANCE",
"fillHex": "#2fb54e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1446-118010--darktheme-on--type-radio--items-object-object--figma-theme-dark-type-selected-is-parent-yes-checked-yes-active-no-disabled-yes-hover-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1561:6821",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Dark, Type=Selected, Is Parent=Yes, Checked=Yes, Active=No, Disabled=Yes, Hover=No",
"theme": "dark",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "on",
"type": "Radio",
"items": [
{
"label": "Option",
"value": "option",
"checked": true,
"active": false,
"disabled": true
}
]
},
"state": "disabled",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Type=Selected has no DropDownListSelect runtime type; mapped to Radio for deterministic render.",
"Figma Is Parent=Yes has no DropDownListSelect runtime prop; visual delta should be treated as a boundary/schema gap."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1446-118010--darktheme-on--type-radio--items-object-object--figma-theme-dark-type-selected-is-parent-yes-checked-yes-active-no-disabled-yes-hover-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#8fd79f",
"textFillCssVar": "--brand"
},
"expectedNodes": [
{
"figmaNodeId": "1561:6822",
"name": "radio",
"type": "INSTANCE",
"fillHex": "#2fb54e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1561:6823",
"name": "icon/Edit/Selected",
"type": "INSTANCE",
"fillHex": "#2fb54e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1446-118010--darktheme-on--type-radio--items-object-object--figma-theme-dark-type-selected-is-parent-no-checked-no-active-no-disabled-no-hover-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1563:94614",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Dark, Type=Selected, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=No",
"theme": "dark",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "on",
"type": "Radio",
"items": [
{
"label": "Option",
"value": "option",
"checked": false,
"active": false,
"disabled": false
}
]
},
"state": "placeholder",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Type=Selected has no DropDownListSelect runtime type; mapped to Radio for deterministic render."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1446-118010--darktheme-on--type-radio--items-object-object--figma-theme-dark-type-selected-is-parent-no-checked-no-active-no-disabled-no-hover-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-body"
},
"expectedNodes": [
{
"figmaNodeId": "1563:94615",
"name": "radio",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1446-118010--darktheme-on--type-operation-list--items-object-object--figma-theme-dark-type-operation-is-parent-no-checked-no-active-no-disabled-no-hover-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "2675:46908",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Dark, Type=Operation, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=No",
"theme": "dark",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "on",
"type": "Operation List",
"items": [
{
"label": "Option",
"value": "option",
"checked": false,
"active": false,
"disabled": false
}
]
},
"state": "placeholder",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "200px"
},
"sourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"expectedSourceTokenizedFile": "drop_down_list_select__1446_116439.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1446-118010--darktheme-on--type-operation-list--items-object-object--figma-theme-dark-type-operation-is-parent-no-checked-no-active-no-disabled-no-hover-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 200,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 12,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-body"
},
"expectedNodes": [
{
"figmaNodeId": "2675:46893",
"name": "radio",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1446-118010--darktheme-on--type-operation-list--items-object-object--figma-theme-dark-type-operation-is-parent-no-checked-no-active-no-disabled-no-hover-yes--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "2678:48174",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Dark, Type=Operation, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=Yes",
"theme": "dark",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "on",
"type": "Operation List",
"items": [
{
"label": "Option",
"value": "option",
"checked": false,
"active": false,
"disabled": false
}
]
},
"state": "hover",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "200px"
},
"sourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"expectedSourceTokenizedFile": "drop_down_list_select__1446_116439.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Hover=Yes is a pseudo-state; harness records state but does not force browser :hover."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1446-118010--darktheme-on--type-operation-list--items-object-object--figma-theme-dark-type-operation-is-parent-no-checked-no-active-no-disabled-no-hover-yes--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 200,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 12,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#0b2b13",
"rootFillCssVar": "--brand-match",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-body"
},
"expectedNodes": [
{
"figmaNodeId": "2678:48175",
"name": "check box",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1446-118010--darktheme-on--type-operation-list--items-object-object--figma-theme-dark-type-operation-is-parent-no-checked-yes-active-yes-disabled-no-hover-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "2675:46928",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Dark, Type=Operation, Is Parent=No, Checked=Yes, Active=Yes, Disabled=No, Hover=No",
"theme": "dark",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "on",
"type": "Operation List",
"items": [
{
"label": "Option",
"value": "option",
"checked": true,
"active": true,
"disabled": false
}
]
},
"state": "filled",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "200px"
},
"sourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"expectedSourceTokenizedFile": "drop_down_list_select__1446_116439.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1446-118010--darktheme-on--type-operation-list--items-object-object--figma-theme-dark-type-operation-is-parent-no-checked-yes-active-yes-disabled-no-hover-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 200,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 12,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#0b2b13",
"rootFillCssVar": "--brand-match",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#2fb54e",
"textFillCssVar": "--brand"
},
"expectedNodes": [
{
"figmaNodeId": "2675:46929",
"name": "check box",
"type": "INSTANCE",
"fillHex": "#2fb54e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1446-118010--darktheme-on--type-operation-list--items-object-object--figma-theme-dark-type-operation-is-parent-no-checked-yes-active-no-disabled-no-hover-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "2678:48909",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Dark, Type=Operation, Is Parent=No, Checked=Yes, Active=No, Disabled=No, Hover=No",
"theme": "dark",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "on",
"type": "Operation List",
"items": [
{
"label": "Option",
"value": "option",
"checked": true,
"active": false,
"disabled": false
}
]
},
"state": "filled",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "200px"
},
"sourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"expectedSourceTokenizedFile": "drop_down_list_select__1446_116439.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1446-118010--darktheme-on--type-operation-list--items-object-object--figma-theme-dark-type-operation-is-parent-no-checked-yes-active-no-disabled-no-hover-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 200,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 12,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#0b2b13",
"rootFillCssVar": "--brand-match",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#2fb54e",
"textFillCssVar": "--brand"
},
"expectedNodes": [
{
"figmaNodeId": "2678:48910",
"name": "check box",
"type": "INSTANCE",
"fillHex": "#2fb54e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1446-118010--darktheme-on--type-operation-list--items-object-object--figma-theme-dark-type-operation-is-parent-no-checked-yes-active-yes-disabled-no-hover-yes--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "2675:46911",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Dark, Type=Operation, Is Parent=No, Checked=Yes, Active=Yes, Disabled=No, Hover=Yes",
"theme": "dark",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "on",
"type": "Operation List",
"items": [
{
"label": "Option",
"value": "option",
"checked": true,
"active": true,
"disabled": false
}
]
},
"state": "hover",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "200px"
},
"sourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"expectedSourceTokenizedFile": "drop_down_list_select__1446_116439.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Hover=Yes is a pseudo-state; harness records state but does not force browser :hover."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1446-118010--darktheme-on--type-operation-list--items-object-object--figma-theme-dark-type-operation-is-parent-no-checked-yes-active-yes-disabled-no-hover-yes--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 200,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 12,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#0b2b13",
"rootFillCssVar": "--brand-match",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#41c760",
"textFillCssVar": "--brand-hover"
},
"expectedNodes": [
{
"figmaNodeId": "2675:46912",
"name": "check box",
"type": "INSTANCE",
"fillHex": "#2fb54e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1446-118010--darktheme-on--type-operation-list--items-object-object--figma-theme-dark-type-operation-is-parent-no-checked-no-active-no-disabled-yes-hover-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "2675:46945",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Dark, Type=Operation, Is Parent=No, Checked=No, Active=No, Disabled=Yes, Hover=No",
"theme": "dark",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "on",
"type": "Operation List",
"items": [
{
"label": "Option",
"value": "option",
"checked": false,
"active": false,
"disabled": true
}
]
},
"state": "disabled",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "200px"
},
"sourceTokenizedFile": "drop_down_list_item__1446_118010.json",
"expectedSourceTokenizedFile": "drop_down_list_select__1446_116439.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1446-118010--darktheme-on--type-operation-list--items-object-object--figma-theme-dark-type-operation-is-parent-no-checked-no-active-no-disabled-yes-hover-no--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 200,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 12,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#595959",
"textFillCssVar": "--text-disabled"
},
"expectedNodes": [
{
"figmaNodeId": "2675:46946",
"name": "check box",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1561-8390--darktheme-off--type-radio--items-object-object--figma-theme-light-type-radio-is-parent-no-checked-no-active-no-disabled-no-hover-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1561:8409",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Light, Type=Radio, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=No",
"theme": "light",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "off",
"type": "Radio",
"items": [
{
"label": "Option",
"value": "option",
"checked": false,
"active": false,
"disabled": false
}
]
},
"state": "placeholder",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1561-8390--darktheme-off--type-radio--items-object-object--figma-theme-light-type-radio-is-parent-no-checked-no-active-no-disabled-no-hover-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1561:8410",
"name": "radio",
"type": "INSTANCE",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1561-8390--darktheme-off--type-radio--items-object-object--figma-theme-light-type-radio-is-parent-no-checked-no-active-no-disabled-no-hover-yes--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1563:85134",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Light, Type=Radio, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=Yes",
"theme": "light",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "off",
"type": "Radio",
"items": [
{
"label": "Option",
"value": "option",
"checked": false,
"active": false,
"disabled": false
}
]
},
"state": "hover",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Hover=Yes is a pseudo-state; harness records state but does not force browser :hover."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1561-8390--darktheme-off--type-radio--items-object-object--figma-theme-light-type-radio-is-parent-no-checked-no-active-no-disabled-no-hover-yes--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#f1fbf3",
"rootFillCssVar": "--brand-match",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1563:85135",
"name": "radio",
"type": "INSTANCE",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1561-8390--darktheme-off--type-radio--items-object-object--figma-theme-light-type-radio-is-parent-no-checked-no-active-no-disabled-yes-hover-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1561:8412",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Light, Type=Radio, Is Parent=No, Checked=No, Active=No, Disabled=Yes, Hover=No",
"theme": "light",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "off",
"type": "Radio",
"items": [
{
"label": "Option",
"value": "option",
"checked": false,
"active": false,
"disabled": true
}
]
},
"state": "disabled",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1561-8390--darktheme-off--type-radio--items-object-object--figma-theme-light-type-radio-is-parent-no-checked-no-active-no-disabled-yes-hover-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#cccccc",
"textFillCssVar": "--text-disabled"
},
"expectedNodes": [
{
"figmaNodeId": "1561:8413",
"name": "radio",
"type": "INSTANCE",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1561-8390--darktheme-off--type-radio--items-object-object--figma-theme-light-type-radio-is-parent-no-checked-no-active-no-disabled-yes-hover-yes--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1682:51964",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Light, Type=Radio, Is Parent=No, Checked=No, Active=No, Disabled=Yes, Hover=Yes",
"theme": "light",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "off",
"type": "Radio",
"items": [
{
"label": "Option",
"value": "option",
"checked": false,
"active": false,
"disabled": true
}
]
},
"state": "disabled",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Hover=Yes is a pseudo-state; harness records state but does not force browser :hover.",
"DropDownListSelect disabled+hover is Figma preview state; code intentionally suppresses for runtime UX correctness (see translation/divergences.md#dropdown-disabled-hover-preview-state)."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1561-8390--darktheme-off--type-radio--items-object-object--figma-theme-light-type-radio-is-parent-no-checked-no-active-no-disabled-yes-hover-yes--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#f1fbf3",
"rootFillCssVar": "--brand-match",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#cccccc",
"textFillCssVar": "--text-disabled"
},
"expectedNodes": [
{
"figmaNodeId": "1682:51965",
"name": "radio",
"type": "INSTANCE",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1561-8390--darktheme-off--type-radio--items-object-object--figma-theme-light-type-radio-is-parent-no-checked-yes-active-no-disabled-no-hover-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1561:8415",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Light, Type=Radio, Is Parent=No, Checked=Yes, Active=No, Disabled=No, Hover=No",
"theme": "light",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "off",
"type": "Radio",
"items": [
{
"label": "Option",
"value": "option",
"checked": true,
"active": false,
"disabled": false
}
]
},
"state": "filled",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1561-8390--darktheme-off--type-radio--items-object-object--figma-theme-light-type-radio-is-parent-no-checked-yes-active-no-disabled-no-hover-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#299f45",
"textFillCssVar": "--brand"
},
"expectedNodes": [
{
"figmaNodeId": "1561:8416",
"name": "radio",
"type": "INSTANCE",
"fillHex": "#299f45",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1561-8390--darktheme-off--type-radio--items-object-object--figma-theme-light-type-radio-is-parent-no-checked-yes-active-no-disabled-no-hover-yes--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1563:85151",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Light, Type=Radio, Is Parent=No, Checked=Yes, Active=No, Disabled=No, Hover=Yes",
"theme": "light",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "off",
"type": "Radio",
"items": [
{
"label": "Option",
"value": "option",
"checked": true,
"active": false,
"disabled": false
}
]
},
"state": "hover",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Hover=Yes is a pseudo-state; harness records state but does not force browser :hover."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1561-8390--darktheme-off--type-radio--items-object-object--figma-theme-light-type-radio-is-parent-no-checked-yes-active-no-disabled-no-hover-yes--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#f1fbf3",
"rootFillCssVar": "--brand-match",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#299f45",
"textFillCssVar": "--brand"
},
"expectedNodes": [
{
"figmaNodeId": "1563:85152",
"name": "radio",
"type": "INSTANCE",
"fillHex": "#299f45",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1561-8390--darktheme-off--type-radio--items-object-object--figma-theme-light-type-radio-is-parent-no-checked-yes-active-no-disabled-yes-hover-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1561:8418",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Light, Type=Radio, Is Parent=No, Checked=Yes, Active=No, Disabled=Yes, Hover=No",
"theme": "light",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "off",
"type": "Radio",
"items": [
{
"label": "Option",
"value": "option",
"checked": true,
"active": false,
"disabled": true
}
]
},
"state": "disabled",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1561-8390--darktheme-off--type-radio--items-object-object--figma-theme-light-type-radio-is-parent-no-checked-yes-active-no-disabled-yes-hover-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#bfe2c7",
"textFillCssVar": "--brand"
},
"expectedNodes": [
{
"figmaNodeId": "1561:8419",
"name": "radio",
"type": "INSTANCE",
"fillHex": "#299f45",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1561-8390--darktheme-off--type-multi--items-object-object--figma-theme-light-type-multi-is-parent-no-checked-no-active-no-disabled-no-hover-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1561:8433",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Light, Type=Multi, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=No",
"theme": "light",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "off",
"type": "Multi",
"items": [
{
"label": "Option",
"value": "option",
"checked": false,
"active": false,
"disabled": false
}
]
},
"state": "placeholder",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1561-8390--darktheme-off--type-multi--items-object-object--figma-theme-light-type-multi-is-parent-no-checked-no-active-no-disabled-no-hover-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1561:8434",
"name": "check box",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1561-8390--darktheme-off--type-multi--items-object-object--figma-theme-light-type-multi-is-parent-no-checked-no-active-no-disabled-no-hover-yes--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1563:85362",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Light, Type=Multi, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=Yes",
"theme": "light",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "off",
"type": "Multi",
"items": [
{
"label": "Option",
"value": "option",
"checked": false,
"active": false,
"disabled": false
}
]
},
"state": "hover",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Hover=Yes is a pseudo-state; harness records state but does not force browser :hover."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1561-8390--darktheme-off--type-multi--items-object-object--figma-theme-light-type-multi-is-parent-no-checked-no-active-no-disabled-no-hover-yes--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#f1fbf3",
"rootFillCssVar": "--brand-match",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1563:85363",
"name": "check box",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1561-8390--darktheme-off--type-multi--items-object-object--figma-theme-light-type-multi-is-parent-no-checked-no-active-no-disabled-yes-hover-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1561:8436",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Light, Type=Multi, Is Parent=No, Checked=No, Active=No, Disabled=Yes, Hover=No",
"theme": "light",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "off",
"type": "Multi",
"items": [
{
"label": "Option",
"value": "option",
"checked": false,
"active": false,
"disabled": true
}
]
},
"state": "disabled",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1561-8390--darktheme-off--type-multi--items-object-object--figma-theme-light-type-multi-is-parent-no-checked-no-active-no-disabled-yes-hover-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#cccccc",
"textFillCssVar": "--text-disabled"
},
"expectedNodes": [
{
"figmaNodeId": "1561:8437",
"name": "check box",
"type": "INSTANCE",
"fillHex": "#f0f0f0",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1561-8390--darktheme-off--type-multi--items-object-object--figma-theme-light-type-multi-is-parent-no-checked-yes-active-no-disabled-no-hover-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1561:8439",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Light, Type=Multi, Is Parent=No, Checked=Yes, Active=No, Disabled=No, Hover=No",
"theme": "light",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "off",
"type": "Multi",
"items": [
{
"label": "Option",
"value": "option",
"checked": true,
"active": false,
"disabled": false
}
]
},
"state": "filled",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1561-8390--darktheme-off--type-multi--items-object-object--figma-theme-light-type-multi-is-parent-no-checked-yes-active-no-disabled-no-hover-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1561:8440",
"name": "check box",
"type": "INSTANCE",
"fillHex": "#299f45",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1561-8390--darktheme-off--type-multi--items-object-object--figma-theme-light-type-multi-is-parent-no-checked-yes-active-no-disabled-no-hover-yes--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "2678:49968",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Light, Type=Multi, Is Parent=No, Checked=Yes, Active=No, Disabled=No, Hover=Yes",
"theme": "light",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "off",
"type": "Multi",
"items": [
{
"label": "Option",
"value": "option",
"checked": true,
"active": false,
"disabled": false
}
]
},
"state": "hover",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Hover=Yes is a pseudo-state; harness records state but does not force browser :hover."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1561-8390--darktheme-off--type-multi--items-object-object--figma-theme-light-type-multi-is-parent-no-checked-yes-active-no-disabled-no-hover-yes--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#f1fbf3",
"rootFillCssVar": "--brand-match",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "2678:49969",
"name": "check box",
"type": "INSTANCE",
"fillHex": "#299f45",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1561-8390--darktheme-off--type-multi--items-object-object--figma-theme-light-type-multi-is-parent-no-checked-yes-active-no-disabled-yes-hover-yes--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1563:85168",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Light, Type=Multi, Is Parent=No, Checked=Yes, Active=No, Disabled=Yes, Hover=Yes",
"theme": "light",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "off",
"type": "Multi",
"items": [
{
"label": "Option",
"value": "option",
"checked": true,
"active": false,
"disabled": true
}
]
},
"state": "disabled",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Hover=Yes is a pseudo-state; harness records state but does not force browser :hover.",
"DropDownListSelect disabled+hover is Figma preview state; code intentionally suppresses for runtime UX correctness (see translation/divergences.md#dropdown-disabled-hover-preview-state)."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1561-8390--darktheme-off--type-multi--items-object-object--figma-theme-light-type-multi-is-parent-no-checked-yes-active-no-disabled-yes-hover-yes--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#f1fbf3",
"rootFillCssVar": "--brand-match",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#cccccc",
"textFillCssVar": "--text-disabled"
},
"expectedNodes": [
{
"figmaNodeId": "1563:85169",
"name": "check box",
"type": "INSTANCE",
"fillHex": "#8fcc9d",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1561-8390--darktheme-off--type-multi--items-object-object--figma-theme-light-type-multi-is-parent-no-checked-yes-active-no-disabled-yes-hover-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1561:8442",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Light, Type=Multi, Is Parent=No, Checked=Yes, Active=No, Disabled=Yes, Hover=No",
"theme": "light",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "off",
"type": "Multi",
"items": [
{
"label": "Option",
"value": "option",
"checked": true,
"active": false,
"disabled": true
}
]
},
"state": "disabled",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1561-8390--darktheme-off--type-multi--items-object-object--figma-theme-light-type-multi-is-parent-no-checked-yes-active-no-disabled-yes-hover-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#cccccc",
"textFillCssVar": "--text-disabled"
},
"expectedNodes": [
{
"figmaNodeId": "1561:8443",
"name": "check box",
"type": "INSTANCE",
"fillHex": "#8fcc9d",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1561-8390--darktheme-off--type-radio--items-object-object--figma-theme-light-type-radio-is-parent-yes-checked-no-active-no-disabled-no-hover-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1561:8397",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Light, Type=Radio, Is Parent=Yes, Checked=No, Active=No, Disabled=No, Hover=No",
"theme": "light",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "off",
"type": "Radio",
"items": [
{
"label": "Option",
"value": "option",
"checked": false,
"active": false,
"disabled": false
}
]
},
"state": "placeholder",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Is Parent=Yes has no DropDownListSelect runtime prop; visual delta should be treated as a boundary/schema gap."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1561-8390--darktheme-off--type-radio--items-object-object--figma-theme-light-type-radio-is-parent-yes-checked-no-active-no-disabled-no-hover-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1561:8398",
"name": "radio",
"type": "INSTANCE",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1561:8399",
"name": "icon/Arrow/Next",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1561-8390--darktheme-off--type-radio--items-object-object--figma-theme-light-type-radio-is-parent-yes-checked-no-active-no-disabled-no-hover-yes--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1563:85204",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Light, Type=Radio, Is Parent=Yes, Checked=No, Active=No, Disabled=No, Hover=Yes",
"theme": "light",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "off",
"type": "Radio",
"items": [
{
"label": "Option",
"value": "option",
"checked": false,
"active": false,
"disabled": false
}
]
},
"state": "hover",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Is Parent=Yes has no DropDownListSelect runtime prop; visual delta should be treated as a boundary/schema gap.",
"Figma Hover=Yes is a pseudo-state; harness records state but does not force browser :hover."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1561-8390--darktheme-off--type-radio--items-object-object--figma-theme-light-type-radio-is-parent-yes-checked-no-active-no-disabled-no-hover-yes--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#f1fbf3",
"rootFillCssVar": "--brand-match",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1563:85205",
"name": "radio",
"type": "INSTANCE",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1563:85206",
"name": "icon/Arrow/Next",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1561-8390--darktheme-off--type-radio--items-object-object--figma-theme-light-type-radio-is-parent-yes-checked-no-active-no-disabled-yes-hover-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1561:8400",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Light, Type=Radio, Is Parent=Yes, Checked=No, Active=No, Disabled=Yes, Hover=No",
"theme": "light",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "off",
"type": "Radio",
"items": [
{
"label": "Option",
"value": "option",
"checked": false,
"active": false,
"disabled": true
}
]
},
"state": "disabled",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Is Parent=Yes has no DropDownListSelect runtime prop; visual delta should be treated as a boundary/schema gap."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1561-8390--darktheme-off--type-radio--items-object-object--figma-theme-light-type-radio-is-parent-yes-checked-no-active-no-disabled-yes-hover-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#cccccc",
"textFillCssVar": "--text-disabled"
},
"expectedNodes": [
{
"figmaNodeId": "1561:8401",
"name": "radio",
"type": "INSTANCE",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1561:8402",
"name": "icon/Arrow/Next",
"type": "INSTANCE",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1561-8390--darktheme-off--type-radio--items-object-object--figma-theme-light-type-radio-is-parent-yes-checked-yes-active-no-disabled-no-hover-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1561:8403",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Light, Type=Radio, Is Parent=Yes, Checked=Yes, Active=No, Disabled=No, Hover=No",
"theme": "light",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "off",
"type": "Radio",
"items": [
{
"label": "Option",
"value": "option",
"checked": true,
"active": false,
"disabled": false
}
]
},
"state": "filled",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Is Parent=Yes has no DropDownListSelect runtime prop; visual delta should be treated as a boundary/schema gap."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1561-8390--darktheme-off--type-radio--items-object-object--figma-theme-light-type-radio-is-parent-yes-checked-yes-active-no-disabled-no-hover-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#299f45",
"textFillCssVar": "--brand"
},
"expectedNodes": [
{
"figmaNodeId": "1561:8404",
"name": "radio",
"type": "INSTANCE",
"fillHex": "#299f45",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1561:8405",
"name": "icon/Arrow/Next",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1561-8390--darktheme-off--type-radio--items-object-object--figma-theme-light-type-radio-is-parent-yes-checked-yes-active-yes-disabled-no-hover-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1563:87991",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Light, Type=Radio, Is Parent=Yes, Checked=Yes, Active=Yes, Disabled=No, Hover=No",
"theme": "light",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "off",
"type": "Radio",
"items": [
{
"label": "Option",
"value": "option",
"checked": true,
"active": true,
"disabled": false
}
]
},
"state": "filled",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Is Parent=Yes has no DropDownListSelect runtime prop; visual delta should be treated as a boundary/schema gap."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1561-8390--darktheme-off--type-radio--items-object-object--figma-theme-light-type-radio-is-parent-yes-checked-yes-active-yes-disabled-no-hover-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#f1fbf3",
"rootFillCssVar": "--brand-match",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#299f45",
"textFillCssVar": "--brand"
},
"expectedNodes": [
{
"figmaNodeId": "1563:87992",
"name": "radio",
"type": "INSTANCE",
"fillHex": "#299f45",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1563:87993",
"name": "icon/Arrow/Next",
"type": "INSTANCE",
"fillHex": "#299f45",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1561-8390--darktheme-off--type-radio--items-object-object--figma-theme-light-type-radio-is-parent-yes-checked-yes-active-no-disabled-no-hover-yes--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1563:85117",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Light, Type=Radio, Is Parent=Yes, Checked=Yes, Active=No, Disabled=No, Hover=Yes",
"theme": "light",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "off",
"type": "Radio",
"items": [
{
"label": "Option",
"value": "option",
"checked": true,
"active": false,
"disabled": false
}
]
},
"state": "hover",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Is Parent=Yes has no DropDownListSelect runtime prop; visual delta should be treated as a boundary/schema gap.",
"Figma Hover=Yes is a pseudo-state; harness records state but does not force browser :hover."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1561-8390--darktheme-off--type-radio--items-object-object--figma-theme-light-type-radio-is-parent-yes-checked-yes-active-no-disabled-no-hover-yes--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#f1fbf3",
"rootFillCssVar": "--brand-match",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#299f45",
"textFillCssVar": "--brand"
},
"expectedNodes": [
{
"figmaNodeId": "1563:85118",
"name": "radio",
"type": "INSTANCE",
"fillHex": "#299f45",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1563:85119",
"name": "icon/Arrow/Next",
"type": "INSTANCE",
"fillHex": "#299f45",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1561-8390--darktheme-off--type-radio--items-object-object--figma-theme-light-type-radio-is-parent-yes-checked-yes-active-no-disabled-yes-hover-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1561:8406",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Light, Type=Radio, Is Parent=Yes, Checked=Yes, Active=No, Disabled=Yes, Hover=No",
"theme": "light",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "off",
"type": "Radio",
"items": [
{
"label": "Option",
"value": "option",
"checked": true,
"active": false,
"disabled": true
}
]
},
"state": "disabled",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Is Parent=Yes has no DropDownListSelect runtime prop; visual delta should be treated as a boundary/schema gap."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1561-8390--darktheme-off--type-radio--items-object-object--figma-theme-light-type-radio-is-parent-yes-checked-yes-active-no-disabled-yes-hover-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#8fcc9d",
"textFillCssVar": "--brand-disable"
},
"expectedNodes": [
{
"figmaNodeId": "1561:8407",
"name": "radio",
"type": "INSTANCE",
"fillHex": "#8fcc9d",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1561:8408",
"name": "icon/Arrow/Next",
"type": "INSTANCE",
"fillHex": "#299f45",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1561-8390--darktheme-off--type-multi--items-object-object--figma-theme-light-type-multi-is-parent-yes-checked-no-active-no-disabled-no-hover-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1561:8421",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Light, Type=Multi, Is Parent=Yes, Checked=No, Active=No, Disabled=No, Hover=No",
"theme": "light",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "off",
"type": "Multi",
"items": [
{
"label": "Option",
"value": "option",
"checked": false,
"active": false,
"disabled": false
}
]
},
"state": "placeholder",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Is Parent=Yes has no DropDownListSelect runtime prop; visual delta should be treated as a boundary/schema gap."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1561-8390--darktheme-off--type-multi--items-object-object--figma-theme-light-type-multi-is-parent-yes-checked-no-active-no-disabled-no-hover-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1561:8422",
"name": "check box",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1561:8423",
"name": "icon/Arrow/Next",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1561-8390--darktheme-off--type-multi--items-object-object--figma-theme-light-type-multi-is-parent-yes-checked-no-active-no-disabled-no-hover-yes--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1563:85290",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Light, Type=Multi, Is Parent=Yes, Checked=No, Active=No, Disabled=No, Hover=Yes",
"theme": "light",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "off",
"type": "Multi",
"items": [
{
"label": "Option",
"value": "option",
"checked": false,
"active": false,
"disabled": false
}
]
},
"state": "hover",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Is Parent=Yes has no DropDownListSelect runtime prop; visual delta should be treated as a boundary/schema gap.",
"Figma Hover=Yes is a pseudo-state; harness records state but does not force browser :hover."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1561-8390--darktheme-off--type-multi--items-object-object--figma-theme-light-type-multi-is-parent-yes-checked-no-active-no-disabled-no-hover-yes--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#f1fbf3",
"rootFillCssVar": "--brand-match",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1563:85291",
"name": "check box",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1563:85292",
"name": "icon/Arrow/Next",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1561-8390--darktheme-off--type-multi--items-object-object--figma-theme-light-type-multi-is-parent-yes-checked-no-active-no-disabled-yes-hover-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1561:8424",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Light, Type=Multi, Is Parent=Yes, Checked=No, Active=No, Disabled=Yes, Hover=No",
"theme": "light",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "off",
"type": "Multi",
"items": [
{
"label": "Option",
"value": "option",
"checked": false,
"active": false,
"disabled": true
}
]
},
"state": "disabled",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Is Parent=Yes has no DropDownListSelect runtime prop; visual delta should be treated as a boundary/schema gap."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1561-8390--darktheme-off--type-multi--items-object-object--figma-theme-light-type-multi-is-parent-yes-checked-no-active-no-disabled-yes-hover-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#cccccc",
"textFillCssVar": "--text-disabled"
},
"expectedNodes": [
{
"figmaNodeId": "1561:8425",
"name": "check box",
"type": "INSTANCE",
"fillHex": "#f0f0f0",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1561:8426",
"name": "icon/Arrow/Next",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1561-8390--darktheme-off--type-multi--items-object-object--figma-theme-light-type-multi-is-parent-yes-checked-yes-active-no-disabled-no-hover-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1561:8427",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Light, Type=Multi, Is Parent=Yes, Checked=Yes, Active=No, Disabled=No, Hover=No",
"theme": "light",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "off",
"type": "Multi",
"items": [
{
"label": "Option",
"value": "option",
"checked": true,
"active": false,
"disabled": false
}
]
},
"state": "filled",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Is Parent=Yes has no DropDownListSelect runtime prop; visual delta should be treated as a boundary/schema gap."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1561-8390--darktheme-off--type-multi--items-object-object--figma-theme-light-type-multi-is-parent-yes-checked-yes-active-no-disabled-no-hover-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1561:8428",
"name": "check box",
"type": "INSTANCE",
"fillHex": "#299f45",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1561:8429",
"name": "icon/Arrow/Next",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1561-8390--darktheme-off--type-multi--items-object-object--figma-theme-light-type-multi-is-parent-yes-checked-yes-active-no-disabled-no-hover-yes--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1563:85326",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Light, Type=Multi, Is Parent=Yes, Checked=Yes, Active=No, Disabled=No, Hover=Yes",
"theme": "light",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "off",
"type": "Multi",
"items": [
{
"label": "Option",
"value": "option",
"checked": true,
"active": false,
"disabled": false
}
]
},
"state": "hover",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Is Parent=Yes has no DropDownListSelect runtime prop; visual delta should be treated as a boundary/schema gap.",
"Figma Hover=Yes is a pseudo-state; harness records state but does not force browser :hover."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1561-8390--darktheme-off--type-multi--items-object-object--figma-theme-light-type-multi-is-parent-yes-checked-yes-active-no-disabled-no-hover-yes--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#f1fbf3",
"rootFillCssVar": "--brand-match",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1563:85327",
"name": "check box",
"type": "INSTANCE",
"fillHex": "#299f45",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1563:85328",
"name": "icon/Arrow/Next",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1561-8390--darktheme-off--type-multi--items-object-object--figma-theme-light-type-multi-is-parent-yes-checked-yes-active-no-disabled-yes-hover-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1561:8430",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Light, Type=Multi, Is Parent=Yes, Checked=Yes, Active=No, Disabled=Yes, Hover=No",
"theme": "light",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "off",
"type": "Multi",
"items": [
{
"label": "Option",
"value": "option",
"checked": true,
"active": false,
"disabled": true
}
]
},
"state": "disabled",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Is Parent=Yes has no DropDownListSelect runtime prop; visual delta should be treated as a boundary/schema gap."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1561-8390--darktheme-off--type-multi--items-object-object--figma-theme-light-type-multi-is-parent-yes-checked-yes-active-no-disabled-yes-hover-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#cccccc",
"textFillCssVar": "--text-disabled"
},
"expectedNodes": [
{
"figmaNodeId": "1561:8431",
"name": "check box",
"type": "INSTANCE",
"fillHex": "#8fcc9d",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1561:8432",
"name": "icon/Arrow/Next",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1561-8390--darktheme-off--type-multi--items-object-object--figma-theme-light-type-multi-is-parent-yes-checked-yes-active-yes-disabled-no-hover-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1561:8445",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Light, Type=Multi, Is Parent=Yes, Checked=Yes, Active=Yes, Disabled=No, Hover=No",
"theme": "light",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "off",
"type": "Multi",
"items": [
{
"label": "Option",
"value": "option",
"checked": true,
"active": true,
"disabled": false
}
]
},
"state": "filled",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Is Parent=Yes has no DropDownListSelect runtime prop; visual delta should be treated as a boundary/schema gap."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1561-8390--darktheme-off--type-multi--items-object-object--figma-theme-light-type-multi-is-parent-yes-checked-yes-active-yes-disabled-no-hover-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#f1fbf3",
"rootFillCssVar": "--brand-match",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#141414",
"textFillCssVar": "--text-body"
},
"expectedNodes": [
{
"figmaNodeId": "1561:8446",
"name": "check box",
"type": "INSTANCE",
"fillHex": "#299f45",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1561:8447",
"name": "icon/Arrow/Next",
"type": "INSTANCE",
"fillHex": "#299f45",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1561-8390--darktheme-off--type-multi--items-object-object--figma-theme-light-type-multi-is-parent-yes-checked-yes-active-yes-disabled-no-hover-yes--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1563:85186",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Light, Type=Multi, Is Parent=Yes, Checked=Yes, Active=Yes, Disabled=No, Hover=Yes",
"theme": "light",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "off",
"type": "Multi",
"items": [
{
"label": "Option",
"value": "option",
"checked": true,
"active": true,
"disabled": false
}
]
},
"state": "hover",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Is Parent=Yes has no DropDownListSelect runtime prop; visual delta should be treated as a boundary/schema gap.",
"Figma Hover=Yes is a pseudo-state; harness records state but does not force browser :hover."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1561-8390--darktheme-off--type-multi--items-object-object--figma-theme-light-type-multi-is-parent-yes-checked-yes-active-yes-disabled-no-hover-yes--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#f1fbf3",
"rootFillCssVar": "--brand-match",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#141414",
"textFillCssVar": "--text-body"
},
"expectedNodes": [
{
"figmaNodeId": "1563:85187",
"name": "check box",
"type": "INSTANCE",
"fillHex": "#299f45",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1563:85188",
"name": "icon/Arrow/Next",
"type": "INSTANCE",
"fillHex": "#299f45",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1561-8390--darktheme-off--type-multi--items-object-object--figma-theme-light-type-multi-is-parent-no-checked-yes-active-yes-disabled-no-hover-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1563:84847",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Light, Type=Multi, Is Parent=No, Checked=Yes, Active=Yes, Disabled=No, Hover=No",
"theme": "light",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "off",
"type": "Multi",
"items": [
{
"label": "Option",
"value": "option",
"checked": true,
"active": true,
"disabled": false
}
]
},
"state": "filled",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1561-8390--darktheme-off--type-multi--items-object-object--figma-theme-light-type-multi-is-parent-no-checked-yes-active-yes-disabled-no-hover-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#141414",
"textFillCssVar": "--text-body"
},
"expectedNodes": [
{
"figmaNodeId": "1563:84848",
"name": "check box",
"type": "INSTANCE",
"fillHex": "#299f45",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1561-8390--darktheme-off--type-multi--items-object-object--figma-theme-light-type-multi-is-parent-no-checked-yes-active-yes-disabled-no-hover-yes--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1563:85221",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Light, Type=Multi, Is Parent=No, Checked=Yes, Active=Yes, Disabled=No, Hover=Yes",
"theme": "light",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "off",
"type": "Multi",
"items": [
{
"label": "Option",
"value": "option",
"checked": true,
"active": true,
"disabled": false
}
]
},
"state": "hover",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Hover=Yes is a pseudo-state; harness records state but does not force browser :hover."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1561-8390--darktheme-off--type-multi--items-object-object--figma-theme-light-type-multi-is-parent-no-checked-yes-active-yes-disabled-no-hover-yes--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#f1fbf3",
"rootFillCssVar": "--brand-match",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#141414",
"textFillCssVar": "--text-body"
},
"expectedNodes": [
{
"figmaNodeId": "1563:85222",
"name": "check box",
"type": "INSTANCE",
"fillHex": "#299f45",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1561-8390--darktheme-off--type-radio--items-object-object--figma-theme-light-type-selected-is-parent-yes-checked-yes-active-no-disabled-no-hover-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1561:8391",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Light, Type=Selected, Is Parent=Yes, Checked=Yes, Active=No, Disabled=No, Hover=No",
"theme": "light",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "off",
"type": "Radio",
"items": [
{
"label": "Option",
"value": "option",
"checked": true,
"active": false,
"disabled": false
}
]
},
"state": "filled",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Type=Selected has no DropDownListSelect runtime type; mapped to Radio for deterministic render.",
"Figma Is Parent=Yes has no DropDownListSelect runtime prop; visual delta should be treated as a boundary/schema gap."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1561-8390--darktheme-off--type-radio--items-object-object--figma-theme-light-type-selected-is-parent-yes-checked-yes-active-no-disabled-no-hover-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#299f45",
"textFillCssVar": "--brand"
},
"expectedNodes": [
{
"figmaNodeId": "1561:8392",
"name": "radio",
"type": "INSTANCE",
"fillHex": "#299f45",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1561:8393",
"name": "icon/Edit/Selected",
"type": "INSTANCE",
"fillHex": "#299f45",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1561-8390--darktheme-off--type-radio--items-object-object--figma-theme-light-type-selected-is-parent-yes-checked-yes-active-no-disabled-no-hover-yes--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1563:85255",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Light, Type=Selected, Is Parent=Yes, Checked=Yes, Active=No, Disabled=No, Hover=Yes",
"theme": "light",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "off",
"type": "Radio",
"items": [
{
"label": "Option",
"value": "option",
"checked": true,
"active": false,
"disabled": false
}
]
},
"state": "hover",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Type=Selected has no DropDownListSelect runtime type; mapped to Radio for deterministic render.",
"Figma Is Parent=Yes has no DropDownListSelect runtime prop; visual delta should be treated as a boundary/schema gap.",
"Figma Hover=Yes is a pseudo-state; harness records state but does not force browser :hover."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1561-8390--darktheme-off--type-radio--items-object-object--figma-theme-light-type-selected-is-parent-yes-checked-yes-active-no-disabled-no-hover-yes--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#f1fbf3",
"rootFillCssVar": "--brand-match",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#299f45",
"textFillCssVar": "--brand"
},
"expectedNodes": [
{
"figmaNodeId": "1563:85256",
"name": "radio",
"type": "INSTANCE",
"fillHex": "#299f45",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1563:85257",
"name": "icon/Edit/Selected",
"type": "INSTANCE",
"fillHex": "#299f45",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1561-8390--darktheme-off--type-radio--items-object-object--figma-theme-light-type-selected-is-parent-yes-checked-yes-active-no-disabled-yes-hover-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1561:8394",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Light, Type=Selected, Is Parent=Yes, Checked=Yes, Active=No, Disabled=Yes, Hover=No",
"theme": "light",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "off",
"type": "Radio",
"items": [
{
"label": "Option",
"value": "option",
"checked": true,
"active": false,
"disabled": true
}
]
},
"state": "disabled",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Type=Selected has no DropDownListSelect runtime type; mapped to Radio for deterministic render.",
"Figma Is Parent=Yes has no DropDownListSelect runtime prop; visual delta should be treated as a boundary/schema gap."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1561-8390--darktheme-off--type-radio--items-object-object--figma-theme-light-type-selected-is-parent-yes-checked-yes-active-no-disabled-yes-hover-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#bfe2c7",
"textFillCssVar": "--brand"
},
"expectedNodes": [
{
"figmaNodeId": "1561:8395",
"name": "radio",
"type": "INSTANCE",
"fillHex": "#299f45",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "1561:8396",
"name": "icon/Edit/Selected",
"type": "INSTANCE",
"fillHex": "#299f45",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1561-8390--darktheme-off--type-radio--items-object-object--figma-theme-light-type-selected-is-parent-no-checked-no-active-no-disabled-no-hover-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "1563:94663",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Light, Type=Selected, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=No",
"theme": "light",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "off",
"type": "Radio",
"items": [
{
"label": "Option",
"value": "option",
"checked": false,
"active": false,
"disabled": false
}
]
},
"state": "placeholder",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"expectedSourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Type=Selected has no DropDownListSelect runtime type; mapped to Radio for deterministic render."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1561-8390--darktheme-off--type-radio--items-object-object--figma-theme-light-type-selected-is-parent-no-checked-no-active-no-disabled-no-hover-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 8,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#141414",
"textFillCssVar": "--color-grey-13"
},
"expectedNodes": [
{
"figmaNodeId": "1563:94664",
"name": "radio",
"type": "INSTANCE",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1561-8390--darktheme-off--type-operation-list--items-object-object--figma-theme-light-type-operation-is-parent-no-checked-no-active-no-disabled-no-hover-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "2675:47972",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Light, Type=Operation, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=No",
"theme": "light",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "off",
"type": "Operation List",
"items": [
{
"label": "Option",
"value": "option",
"checked": false,
"active": false,
"disabled": false
}
]
},
"state": "placeholder",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "200px"
},
"sourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"expectedSourceTokenizedFile": "drop_down_list_select__1446_116439.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1561-8390--darktheme-off--type-operation-list--items-object-object--figma-theme-light-type-operation-is-parent-no-checked-no-active-no-disabled-no-hover-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 200,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 12,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#141414",
"textFillCssVar": "--text-body"
},
"expectedNodes": [
{
"figmaNodeId": "2675:47973",
"name": "check box",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1561-8390--darktheme-off--type-operation-list--items-object-object--figma-theme-light-type-operation-is-parent-no-checked-no-active-no-disabled-no-hover-yes--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "2678:48188",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Light, Type=Operation, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=Yes",
"theme": "light",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "off",
"type": "Operation List",
"items": [
{
"label": "Option",
"value": "option",
"checked": false,
"active": false,
"disabled": false
}
]
},
"state": "hover",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "200px"
},
"sourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"expectedSourceTokenizedFile": "drop_down_list_select__1446_116439.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Hover=Yes is a pseudo-state; harness records state but does not force browser :hover."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1561-8390--darktheme-off--type-operation-list--items-object-object--figma-theme-light-type-operation-is-parent-no-checked-no-active-no-disabled-no-hover-yes--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 200,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 12,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#f1fbf3",
"rootFillCssVar": "--brand-match",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#141414",
"textFillCssVar": "--text-body"
},
"expectedNodes": [
{
"figmaNodeId": "2678:48189",
"name": "check box",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1561-8390--darktheme-off--type-operation-list--items-object-object--figma-theme-light-type-operation-is-parent-no-checked-yes-active-yes-disabled-no-hover-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "2675:47975",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Light, Type=Operation, Is Parent=No, Checked=Yes, Active=Yes, Disabled=No, Hover=No",
"theme": "light",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "off",
"type": "Operation List",
"items": [
{
"label": "Option",
"value": "option",
"checked": true,
"active": true,
"disabled": false
}
]
},
"state": "filled",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "200px"
},
"sourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"expectedSourceTokenizedFile": "drop_down_list_select__1446_116439.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1561-8390--darktheme-off--type-operation-list--items-object-object--figma-theme-light-type-operation-is-parent-no-checked-yes-active-yes-disabled-no-hover-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 200,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 12,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#f1fbf3",
"rootFillCssVar": "--brand-match",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#299f45",
"textFillCssVar": "--brand"
},
"expectedNodes": [
{
"figmaNodeId": "2675:47976",
"name": "check box",
"type": "INSTANCE",
"fillHex": "#299f45",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1561-8390--darktheme-off--type-operation-list--items-object-object--figma-theme-light-type-operation-is-parent-no-checked-yes-active-no-disabled-no-hover-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "2678:48923",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Light, Type=Operation, Is Parent=No, Checked=Yes, Active=No, Disabled=No, Hover=No",
"theme": "light",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "off",
"type": "Operation List",
"items": [
{
"label": "Option",
"value": "option",
"checked": true,
"active": false,
"disabled": false
}
]
},
"state": "filled",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "200px"
},
"sourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"expectedSourceTokenizedFile": "drop_down_list_select__1446_116439.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1561-8390--darktheme-off--type-operation-list--items-object-object--figma-theme-light-type-operation-is-parent-no-checked-yes-active-no-disabled-no-hover-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 200,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 12,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#f1fbf3",
"rootFillCssVar": "--brand-match",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#299f45",
"textFillCssVar": "--brand"
},
"expectedNodes": [
{
"figmaNodeId": "2678:48924",
"name": "check box",
"type": "INSTANCE",
"fillHex": "#299f45",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1561-8390--darktheme-off--type-operation-list--items-object-object--figma-theme-light-type-operation-is-parent-no-checked-yes-active-yes-disabled-no-hover-yes--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "2675:47978",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Light, Type=Operation, Is Parent=No, Checked=Yes, Active=Yes, Disabled=No, Hover=Yes",
"theme": "light",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "off",
"type": "Operation List",
"items": [
{
"label": "Option",
"value": "option",
"checked": true,
"active": true,
"disabled": false
}
]
},
"state": "hover",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "200px"
},
"sourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"expectedSourceTokenizedFile": "drop_down_list_select__1446_116439.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API.",
"Figma Hover=Yes is a pseudo-state; harness records state but does not force browser :hover."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1561-8390--darktheme-off--type-operation-list--items-object-object--figma-theme-light-type-operation-is-parent-no-checked-yes-active-yes-disabled-no-hover-yes--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 200,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 12,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#f1fbf3",
"rootFillCssVar": "--brand-match",
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#00ac39",
"textFillCssVar": "--brand-hover"
},
"expectedNodes": [
{
"figmaNodeId": "2675:47979",
"name": "check box",
"type": "INSTANCE",
"fillHex": "#00ac39",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "drop-down-list-item--1561-8390--darktheme-off--type-operation-list--items-object-object--figma-theme-light-type-operation-is-parent-no-checked-no-active-no-disabled-yes-hover-no--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "2675:47981",
"figmaName": "Drop down List/Item",
"figmaVariantName": "Theme=Light, Type=Operation, Is Parent=No, Checked=No, Active=No, Disabled=Yes, Hover=No",
"theme": "light",
"codeComponent": "DropDownListSelect",
"codeProps": {
"darkTheme": "off",
"type": "Operation List",
"items": [
{
"label": "Option",
"value": "option",
"checked": false,
"active": false,
"disabled": true
}
]
},
"state": "disabled",
"rootTargetSelector": ".dropdown-item",
"textTargetSelector": ".dropdown-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "200px"
},
"sourceTokenizedFile": "drop_down_list_item__1561_8390.json",
"expectedSourceTokenizedFile": "drop_down_list_select__1446_116439.json",
"axisImplementationEvidence": {
"Theme": [],
"Type": [],
"Is Parent": [],
"Checked": [],
"Active": [],
"Disabled": [],
"Hover": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Drop down List/Item.Theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Type; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Is Parent; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Checked; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Active; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Disabled; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Drop down List/Item.Hover; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/dropdownlistselect/drop-down-list-item--1561-8390--darktheme-off--type-operation-list--items-object-object--figma-theme-light-type-operation-is-parent-no-checked-no-active-no-disabled-yes-hover-no--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 200,
"rootWidthMode": "FIXED",
"rootHeight": 32,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 0,
"right": 12,
"bottom": 0,
"left": 12
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#cccccc",
"textFillCssVar": "--text-disabled"
},
"expectedNodes": [
{
"figmaNodeId": "2675:47982",
"name": "check box",
"type": "INSTANCE",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "top-bar--tag-after-login--title-product-name--showmenu-true--showsearchbox-false--figma-tag-after-login--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4771:7174",
"figmaName": "Top bar",
"figmaVariantName": "Tag=After Login",
"theme": "dark",
"codeComponent": "TopBar",
"codeProps": {
"tag": "After Login",
"title": "Product Name",
"showMenu": true,
"showSearchBox": false
},
"state": "placeholder",
"rootTargetSelector": ".topbar",
"textTargetSelector": ".topbar-title",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "1920px"
},
"sourceTokenizedFile": "top_bar__4771_7173.json",
"expectedSourceTokenizedFile": "top_bar__4771_7173.json",
"axisImplementationEvidence": {
"Tag": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Top bar.Tag; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/topbar/top-bar--tag-after-login--title-product-name--showmenu-true--showsearchbox-false--figma-tag-after-login--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 1920,
"rootWidthMode": "FIXED",
"rootHeight": 64,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 16,
"bottom": 8,
"left": 16
},
"rootRadius": null,
"rootGap": 80,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#000000",
"rootFillCssVar": "--bg-topbar",
"rootBorderHex": "#353535",
"rootBorderCssVar": "--line-deep",
"rootBorderWidth": 1,
"textFillHex": "#ffffff",
"textFillCssVar": "--text-heading"
},
"expectedNodes": [
{
"figmaNodeId": "4771:7176",
"name": "icon/logo/TVU",
"type": "INSTANCE",
"fillHex": "#56af31",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7177",
"name": "Product Name",
"type": "TEXT",
"fillHex": "#ffffff",
"borderHex": null,
"textColorHex": "#ffffff",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7181",
"name": "Menu",
"type": "INSTANCE",
"fillHex": "#1f1f1f",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7182",
"name": "Menu",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7183",
"name": "Menu",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7184",
"name": "Menu",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7185",
"name": "Menu",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7186",
"name": "Menu",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7187",
"name": "Menu",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7192",
"name": "Asia / Shanghai",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7194",
"name": "13:39:43",
"type": "TEXT",
"fillHex": "#d39f39",
"borderHex": null,
"textColorHex": "#d39f39",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7197",
"name": "Rectangle 1053",
"type": "RECTANGLE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7201",
"name": "Asia / Shanghai",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7203",
"name": "13:39:43",
"type": "TEXT",
"fillHex": "#2fb54e",
"borderHex": null,
"textColorHex": "#2fb54e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7206",
"name": "Rectangle 1053",
"type": "RECTANGLE",
"fillHex": "#444444",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7210",
"name": "Network Delay",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7211",
"name": "40ms",
"type": "TEXT",
"fillHex": "#2fb54e",
"borderHex": null,
"textColorHex": "#2fb54e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7213",
"name": "Rectangle 1053",
"type": "RECTANGLE",
"fillHex": "#444444",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7215",
"name": "icon/Setting/Switch",
"type": "INSTANCE",
"fillHex": "#ec5050",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7217",
"name": "icon/file/log",
"type": "INSTANCE",
"fillHex": "#dbdbdb",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7219",
"name": "icon/Setting/Setting 1",
"type": "INSTANCE",
"fillHex": "#dbdbdb",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7222",
"name": "椭圆形",
"type": "ELLIPSE",
"fillHex": "#5250ec",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7223",
"name": "Ti",
"type": "TEXT",
"fillHex": "#ffffff",
"borderHex": null,
"textColorHex": "#ffffff",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7225",
"name": "icon/menu/3",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "top-bar--tag-after-login--title-product-name--showmenu-true--showsearchbox-false--figma-tag-after-login--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4771:7174",
"figmaName": "Top bar",
"figmaVariantName": "Tag=After Login",
"theme": "light",
"codeComponent": "TopBar",
"codeProps": {
"tag": "After Login",
"title": "Product Name",
"showMenu": true,
"showSearchBox": false
},
"state": "placeholder",
"rootTargetSelector": ".topbar",
"textTargetSelector": ".topbar-title",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "1920px"
},
"sourceTokenizedFile": "top_bar__4771_7173.json",
"expectedSourceTokenizedFile": "top_bar__4771_7173.json",
"axisImplementationEvidence": {
"Tag": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Top bar.Tag; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/topbar/top-bar--tag-after-login--title-product-name--showmenu-true--showsearchbox-false--figma-tag-after-login--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 1920,
"rootWidthMode": "FIXED",
"rootHeight": 64,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 16,
"bottom": 8,
"left": 16
},
"rootRadius": null,
"rootGap": 80,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--bg-topbar",
"rootBorderHex": "#dbdbdb",
"rootBorderCssVar": "--line-deep",
"rootBorderWidth": 1,
"textFillHex": "#000000",
"textFillCssVar": "--text-heading"
},
"expectedNodes": [
{
"figmaNodeId": "4771:7176",
"name": "icon/logo/TVU",
"type": "INSTANCE",
"fillHex": "#56af31",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7177",
"name": "Product Name",
"type": "TEXT",
"fillHex": "#000000",
"borderHex": null,
"textColorHex": "#000000",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7181",
"name": "Menu",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7182",
"name": "Menu",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7183",
"name": "Menu",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7184",
"name": "Menu",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7185",
"name": "Menu",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7186",
"name": "Menu",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7187",
"name": "Menu",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7192",
"name": "Asia / Shanghai",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7194",
"name": "13:39:43",
"type": "TEXT",
"fillHex": "#d39f39",
"borderHex": null,
"textColorHex": "#d39f39",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7197",
"name": "Rectangle 1053",
"type": "RECTANGLE",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7201",
"name": "Asia / Shanghai",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7203",
"name": "13:39:43",
"type": "TEXT",
"fillHex": "#299f45",
"borderHex": null,
"textColorHex": "#299f45",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7206",
"name": "Rectangle 1053",
"type": "RECTANGLE",
"fillHex": "#444444",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7210",
"name": "Network Delay",
"type": "TEXT",
"fillHex": "#7b7b7b",
"borderHex": null,
"textColorHex": "#7b7b7b",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7211",
"name": "40ms",
"type": "TEXT",
"fillHex": "#299f45",
"borderHex": null,
"textColorHex": "#299f45",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7213",
"name": "Rectangle 1053",
"type": "RECTANGLE",
"fillHex": "#444444",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7215",
"name": "icon/Setting/Switch",
"type": "INSTANCE",
"fillHex": "#ec5050",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7217",
"name": "icon/file/log",
"type": "INSTANCE",
"fillHex": "#dbdbdb",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7219",
"name": "icon/Setting/Setting 1",
"type": "INSTANCE",
"fillHex": "#dbdbdb",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7222",
"name": "椭圆形",
"type": "ELLIPSE",
"fillHex": "#5250ec",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7223",
"name": "Ti",
"type": "TEXT",
"fillHex": "#000000",
"borderHex": null,
"textColorHex": "#000000",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7225",
"name": "icon/menu/3",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "top-bar--tag-before-login--title-product-name--showmenu-true--showsearchbox-false--figma-tag-before-login--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4771:7226",
"figmaName": "Top bar",
"figmaVariantName": "Tag=Before Login",
"theme": "dark",
"codeComponent": "TopBar",
"codeProps": {
"tag": "Before Login",
"title": "Product Name",
"showMenu": true,
"showSearchBox": false
},
"state": "placeholder",
"rootTargetSelector": ".topbar",
"textTargetSelector": ".topbar-title",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "1920px"
},
"sourceTokenizedFile": "top_bar__4771_7173.json",
"expectedSourceTokenizedFile": "top_bar__4771_7173.json",
"axisImplementationEvidence": {
"Tag": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Top bar.Tag; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/topbar/top-bar--tag-before-login--title-product-name--showmenu-true--showsearchbox-false--figma-tag-before-login--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 1920,
"rootWidthMode": "FIXED",
"rootHeight": 64,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 16,
"bottom": 8,
"left": 16
},
"rootRadius": null,
"rootGap": 80,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#000000",
"rootFillCssVar": "--bg-topbar",
"rootBorderHex": "#353535",
"rootBorderCssVar": "--line-deep",
"rootBorderWidth": 1,
"textFillHex": "#ffffff",
"textFillCssVar": "--text-heading"
},
"expectedNodes": [
{
"figmaNodeId": "4771:7228",
"name": "icon/logo/TVU",
"type": "INSTANCE",
"fillHex": "#56af31",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7229",
"name": "Product Name",
"type": "TEXT",
"fillHex": "#ffffff",
"borderHex": null,
"textColorHex": "#ffffff",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7233",
"name": "Menu",
"type": "INSTANCE",
"fillHex": "#1f1f1f",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7234",
"name": "Menu",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7235",
"name": "Menu",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7236",
"name": "Menu",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7237",
"name": "Menu",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7238",
"name": "Menu",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7239",
"name": "Menu",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7243",
"name": "Elements/Button/Big",
"type": "INSTANCE",
"fillHex": "#2fb54e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "top-bar--tag-before-login--title-product-name--showmenu-true--showsearchbox-false--figma-tag-before-login--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4771:7226",
"figmaName": "Top bar",
"figmaVariantName": "Tag=Before Login",
"theme": "light",
"codeComponent": "TopBar",
"codeProps": {
"tag": "Before Login",
"title": "Product Name",
"showMenu": true,
"showSearchBox": false
},
"state": "placeholder",
"rootTargetSelector": ".topbar",
"textTargetSelector": ".topbar-title",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "1920px"
},
"sourceTokenizedFile": "top_bar__4771_7173.json",
"expectedSourceTokenizedFile": "top_bar__4771_7173.json",
"axisImplementationEvidence": {
"Tag": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Top bar.Tag; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/topbar/top-bar--tag-before-login--title-product-name--showmenu-true--showsearchbox-false--figma-tag-before-login--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 1920,
"rootWidthMode": "FIXED",
"rootHeight": 64,
"rootHeightMode": "FIXED",
"rootPadding": {
"top": 8,
"right": 16,
"bottom": 8,
"left": 16
},
"rootRadius": null,
"rootGap": 80,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": "#ffffff",
"rootFillCssVar": "--bg-topbar",
"rootBorderHex": "#dbdbdb",
"rootBorderCssVar": "--line-deep",
"rootBorderWidth": 1,
"textFillHex": "#000000",
"textFillCssVar": "--text-heading"
},
"expectedNodes": [
{
"figmaNodeId": "4771:7228",
"name": "icon/logo/TVU",
"type": "INSTANCE",
"fillHex": "#56af31",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7229",
"name": "Product Name",
"type": "TEXT",
"fillHex": "#000000",
"borderHex": null,
"textColorHex": "#000000",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7233",
"name": "Menu",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7234",
"name": "Menu",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7235",
"name": "Menu",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7236",
"name": "Menu",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7237",
"name": "Menu",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7238",
"name": "Menu",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7239",
"name": "Menu",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4771:7243",
"name": "Elements/Button/Big",
"type": "INSTANCE",
"fillHex": "#299f45",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "progress--size-m--status-default--theme-dark--value-60--showlabel-true--figma-theme-dark-status-default-size-m--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4915:7191",
"figmaName": "Progress",
"figmaVariantName": "theme=dark, status=default, size=M",
"theme": "dark",
"codeComponent": "Progress",
"codeProps": {
"size": "M",
"status": "default",
"theme": "dark",
"value": 60,
"showLabel": true
},
"state": "placeholder",
"rootTargetSelector": ".progress",
"textTargetSelector": ".progress__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "progress__4915_7287.json",
"expectedSourceTokenizedFile": "progress__4915_7287.json",
"axisImplementationEvidence": {
"theme": [],
"status": [
"progress-status-palette"
],
"size": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Progress.theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Progress.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/progress/progress--size-m--status-default--theme-dark--value-60--showlabel-true--figma-theme-dark-status-default-size-m--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 16,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 0,
"right": 0,
"bottom": 0,
"left": 0
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#cccccc",
"textFillCssVar": "--color-grey-5"
},
"expectedNodes": [
{
"figmaNodeId": "4915:7195",
"name": "Frame",
"type": "FRAME",
"fillHex": "#262626",
"borderHex": null,
"textColorHex": null,
"radius": 20,
"opacity": 1
},
{
"figmaNodeId": "4915:7196",
"name": "Frame",
"type": "FRAME",
"fillHex": "#2fb54e",
"borderHex": null,
"textColorHex": null,
"radius": 20,
"opacity": 1
},
{
"figmaNodeId": "4929:7182",
"name": "60%",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "progress--size-s--status-default--theme-dark--value-60--showlabel-true--figma-theme-dark-status-default-size-s--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4915:7197",
"figmaName": "Progress",
"figmaVariantName": "theme=dark, status=default, size=S",
"theme": "dark",
"codeComponent": "Progress",
"codeProps": {
"size": "S",
"status": "default",
"theme": "dark",
"value": 60,
"showLabel": true
},
"state": "placeholder",
"rootTargetSelector": ".progress",
"textTargetSelector": ".progress__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "progress__4915_7287.json",
"expectedSourceTokenizedFile": "progress__4915_7287.json",
"axisImplementationEvidence": {
"theme": [],
"status": [
"progress-status-palette"
],
"size": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Progress.theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Progress.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/progress/progress--size-s--status-default--theme-dark--value-60--showlabel-true--figma-theme-dark-status-default-size-s--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 16,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 0,
"right": 0,
"bottom": 0,
"left": 0
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#cccccc",
"textFillCssVar": "--color-grey-5"
},
"expectedNodes": [
{
"figmaNodeId": "4915:7201",
"name": "Frame",
"type": "FRAME",
"fillHex": "#262626",
"borderHex": null,
"textColorHex": null,
"radius": 20,
"opacity": 1
},
{
"figmaNodeId": "4915:7202",
"name": "Frame",
"type": "FRAME",
"fillHex": "#2fb54e",
"borderHex": null,
"textColorHex": null,
"radius": 20,
"opacity": 1
},
{
"figmaNodeId": "4929:7183",
"name": "60%",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "progress--size-m--status-default--theme-light--value-60--showlabel-true--figma-theme-light-status-default-size-m--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4915:7239",
"figmaName": "Progress",
"figmaVariantName": "theme=light, status=default, size=M",
"theme": "light",
"codeComponent": "Progress",
"codeProps": {
"size": "M",
"status": "default",
"theme": "light",
"value": 60,
"showLabel": true
},
"state": "placeholder",
"rootTargetSelector": ".progress",
"textTargetSelector": ".progress__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "progress__4915_7287.json",
"expectedSourceTokenizedFile": "progress__4915_7287.json",
"axisImplementationEvidence": {
"theme": [],
"status": [
"progress-status-palette"
],
"size": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Progress.theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Progress.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/progress/progress--size-m--status-default--theme-light--value-60--showlabel-true--figma-theme-light-status-default-size-m--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 16,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 0,
"right": 0,
"bottom": 0,
"left": 0
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#cccccc",
"textFillCssVar": "--color-grey-5"
},
"expectedNodes": [
{
"figmaNodeId": "4915:7243",
"name": "Frame",
"type": "FRAME",
"fillHex": "#dbdbdb",
"borderHex": null,
"textColorHex": null,
"radius": 20,
"opacity": 1
},
{
"figmaNodeId": "4915:7244",
"name": "Frame",
"type": "FRAME",
"fillHex": "#299f45",
"borderHex": null,
"textColorHex": null,
"radius": 20,
"opacity": 1
},
{
"figmaNodeId": "4929:7184",
"name": "60%",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "progress--size-s--status-default--theme-light--value-60--showlabel-true--figma-theme-light-status-default-size-s--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4915:7245",
"figmaName": "Progress",
"figmaVariantName": "theme=light, status=default, size=S",
"theme": "light",
"codeComponent": "Progress",
"codeProps": {
"size": "S",
"status": "default",
"theme": "light",
"value": 60,
"showLabel": true
},
"state": "placeholder",
"rootTargetSelector": ".progress",
"textTargetSelector": ".progress__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "progress__4915_7287.json",
"expectedSourceTokenizedFile": "progress__4915_7287.json",
"axisImplementationEvidence": {
"theme": [],
"status": [
"progress-status-palette"
],
"size": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Progress.theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Progress.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/progress/progress--size-s--status-default--theme-light--value-60--showlabel-true--figma-theme-light-status-default-size-s--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 16,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 0,
"right": 0,
"bottom": 0,
"left": 0
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#cccccc",
"textFillCssVar": "--color-grey-5"
},
"expectedNodes": [
{
"figmaNodeId": "4915:7249",
"name": "Frame",
"type": "FRAME",
"fillHex": "#dbdbdb",
"borderHex": null,
"textColorHex": null,
"radius": 20,
"opacity": 1
},
{
"figmaNodeId": "4915:7250",
"name": "Frame",
"type": "FRAME",
"fillHex": "#299f45",
"borderHex": null,
"textColorHex": null,
"radius": 20,
"opacity": 1
},
{
"figmaNodeId": "4929:7185",
"name": "60%",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "progress--size-m--status-success--theme-dark--value-60--showlabel-true--figma-theme-dark-status-success-size-m--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4915:7203",
"figmaName": "Progress",
"figmaVariantName": "theme=dark, status=success, size=M",
"theme": "dark",
"codeComponent": "Progress",
"codeProps": {
"size": "M",
"status": "success",
"theme": "dark",
"value": 60,
"showLabel": true
},
"state": "placeholder",
"rootTargetSelector": ".progress",
"textTargetSelector": ".progress__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "progress__4915_7287.json",
"expectedSourceTokenizedFile": "progress__4915_7287.json",
"axisImplementationEvidence": {
"theme": [],
"status": [
"progress-status-palette"
],
"size": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Progress.theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Progress.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/progress/progress--size-m--status-success--theme-dark--value-60--showlabel-true--figma-theme-dark-status-success-size-m--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 16,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 0,
"right": 0,
"bottom": 0,
"left": 0
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#cccccc",
"textFillCssVar": "--color-grey-5"
},
"expectedNodes": [
{
"figmaNodeId": "4915:7207",
"name": "Frame",
"type": "FRAME",
"fillHex": "#262626",
"borderHex": null,
"textColorHex": null,
"radius": 20,
"opacity": 1
},
{
"figmaNodeId": "4915:7208",
"name": "Frame",
"type": "FRAME",
"fillHex": "#2fb54e",
"borderHex": null,
"textColorHex": null,
"radius": 20,
"opacity": 1
},
{
"figmaNodeId": "4929:7186",
"name": "60%",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "progress--size-s--status-success--theme-dark--value-60--showlabel-true--figma-theme-dark-status-success-size-s--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4915:7209",
"figmaName": "Progress",
"figmaVariantName": "theme=dark, status=success, size=S",
"theme": "dark",
"codeComponent": "Progress",
"codeProps": {
"size": "S",
"status": "success",
"theme": "dark",
"value": 60,
"showLabel": true
},
"state": "placeholder",
"rootTargetSelector": ".progress",
"textTargetSelector": ".progress__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "progress__4915_7287.json",
"expectedSourceTokenizedFile": "progress__4915_7287.json",
"axisImplementationEvidence": {
"theme": [],
"status": [
"progress-status-palette"
],
"size": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Progress.theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Progress.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/progress/progress--size-s--status-success--theme-dark--value-60--showlabel-true--figma-theme-dark-status-success-size-s--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 16,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 0,
"right": 0,
"bottom": 0,
"left": 0
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#cccccc",
"textFillCssVar": "--color-grey-5"
},
"expectedNodes": [
{
"figmaNodeId": "4915:7213",
"name": "Frame",
"type": "FRAME",
"fillHex": "#262626",
"borderHex": null,
"textColorHex": null,
"radius": 20,
"opacity": 1
},
{
"figmaNodeId": "4915:7214",
"name": "Frame",
"type": "FRAME",
"fillHex": "#2fb54e",
"borderHex": null,
"textColorHex": null,
"radius": 20,
"opacity": 1
},
{
"figmaNodeId": "4929:7187",
"name": "60%",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "progress--size-m--status-success--theme-light--value-60--showlabel-true--figma-theme-light-status-success-size-m--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4915:7251",
"figmaName": "Progress",
"figmaVariantName": "theme=light, status=success, size=M",
"theme": "light",
"codeComponent": "Progress",
"codeProps": {
"size": "M",
"status": "success",
"theme": "light",
"value": 60,
"showLabel": true
},
"state": "placeholder",
"rootTargetSelector": ".progress",
"textTargetSelector": ".progress__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "progress__4915_7287.json",
"expectedSourceTokenizedFile": "progress__4915_7287.json",
"axisImplementationEvidence": {
"theme": [],
"status": [
"progress-status-palette"
],
"size": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Progress.theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Progress.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/progress/progress--size-m--status-success--theme-light--value-60--showlabel-true--figma-theme-light-status-success-size-m--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 16,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 0,
"right": 0,
"bottom": 0,
"left": 0
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#cccccc",
"textFillCssVar": "--color-grey-5"
},
"expectedNodes": [
{
"figmaNodeId": "4915:7255",
"name": "Frame",
"type": "FRAME",
"fillHex": "#dbdbdb",
"borderHex": null,
"textColorHex": null,
"radius": 20,
"opacity": 1
},
{
"figmaNodeId": "4915:7256",
"name": "Frame",
"type": "FRAME",
"fillHex": "#299f45",
"borderHex": null,
"textColorHex": null,
"radius": 20,
"opacity": 1
},
{
"figmaNodeId": "4929:7188",
"name": "60%",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "progress--size-s--status-success--theme-light--value-60--showlabel-true--figma-theme-light-status-success-size-s--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4915:7257",
"figmaName": "Progress",
"figmaVariantName": "theme=light, status=success, size=S",
"theme": "light",
"codeComponent": "Progress",
"codeProps": {
"size": "S",
"status": "success",
"theme": "light",
"value": 60,
"showLabel": true
},
"state": "placeholder",
"rootTargetSelector": ".progress",
"textTargetSelector": ".progress__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "progress__4915_7287.json",
"expectedSourceTokenizedFile": "progress__4915_7287.json",
"axisImplementationEvidence": {
"theme": [],
"status": [
"progress-status-palette"
],
"size": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Progress.theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Progress.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/progress/progress--size-s--status-success--theme-light--value-60--showlabel-true--figma-theme-light-status-success-size-s--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 16,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 0,
"right": 0,
"bottom": 0,
"left": 0
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#cccccc",
"textFillCssVar": "--color-grey-5"
},
"expectedNodes": [
{
"figmaNodeId": "4915:7261",
"name": "Frame",
"type": "FRAME",
"fillHex": "#dbdbdb",
"borderHex": null,
"textColorHex": null,
"radius": 20,
"opacity": 1
},
{
"figmaNodeId": "4915:7262",
"name": "Frame",
"type": "FRAME",
"fillHex": "#299f45",
"borderHex": null,
"textColorHex": null,
"radius": 20,
"opacity": 1
},
{
"figmaNodeId": "4929:7189",
"name": "60%",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "progress--size-m--status-error--theme-dark--value-60--showlabel-true--figma-theme-dark-status-error-size-m--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4915:7215",
"figmaName": "Progress",
"figmaVariantName": "theme=dark, status=error, size=M",
"theme": "dark",
"codeComponent": "Progress",
"codeProps": {
"size": "M",
"status": "error",
"theme": "dark",
"value": 60,
"showLabel": true
},
"state": "placeholder",
"rootTargetSelector": ".progress",
"textTargetSelector": ".progress__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "progress__4915_7287.json",
"expectedSourceTokenizedFile": "progress__4915_7287.json",
"axisImplementationEvidence": {
"theme": [],
"status": [
"progress-status-palette"
],
"size": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Progress.theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Progress.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/progress/progress--size-m--status-error--theme-dark--value-60--showlabel-true--figma-theme-dark-status-error-size-m--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 16,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 0,
"right": 0,
"bottom": 0,
"left": 0
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#cccccc",
"textFillCssVar": "--color-grey-5"
},
"expectedNodes": [
{
"figmaNodeId": "4915:7219",
"name": "Frame",
"type": "FRAME",
"fillHex": "#262626",
"borderHex": null,
"textColorHex": null,
"radius": 20,
"opacity": 1
},
{
"figmaNodeId": "4915:7220",
"name": "Frame",
"type": "FRAME",
"fillHex": "#ea4233",
"borderHex": null,
"textColorHex": null,
"radius": 20,
"opacity": 1
},
{
"figmaNodeId": "4929:7190",
"name": "60%",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "progress--size-s--status-error--theme-dark--value-60--showlabel-true--figma-theme-dark-status-error-size-s--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4915:7221",
"figmaName": "Progress",
"figmaVariantName": "theme=dark, status=error, size=S",
"theme": "dark",
"codeComponent": "Progress",
"codeProps": {
"size": "S",
"status": "error",
"theme": "dark",
"value": 60,
"showLabel": true
},
"state": "placeholder",
"rootTargetSelector": ".progress",
"textTargetSelector": ".progress__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "progress__4915_7287.json",
"expectedSourceTokenizedFile": "progress__4915_7287.json",
"axisImplementationEvidence": {
"theme": [],
"status": [
"progress-status-palette"
],
"size": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Progress.theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Progress.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/progress/progress--size-s--status-error--theme-dark--value-60--showlabel-true--figma-theme-dark-status-error-size-s--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 16,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 0,
"right": 0,
"bottom": 0,
"left": 0
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#cccccc",
"textFillCssVar": "--color-grey-5"
},
"expectedNodes": [
{
"figmaNodeId": "4915:7225",
"name": "Frame",
"type": "FRAME",
"fillHex": "#262626",
"borderHex": null,
"textColorHex": null,
"radius": 20,
"opacity": 1
},
{
"figmaNodeId": "4915:7226",
"name": "Frame",
"type": "FRAME",
"fillHex": "#ea4233",
"borderHex": null,
"textColorHex": null,
"radius": 20,
"opacity": 1
},
{
"figmaNodeId": "4929:7191",
"name": "60%",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "progress--size-m--status-error--theme-light--value-60--showlabel-true--figma-theme-light-status-error-size-m--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4915:7263",
"figmaName": "Progress",
"figmaVariantName": "theme=light, status=error, size=M",
"theme": "light",
"codeComponent": "Progress",
"codeProps": {
"size": "M",
"status": "error",
"theme": "light",
"value": 60,
"showLabel": true
},
"state": "placeholder",
"rootTargetSelector": ".progress",
"textTargetSelector": ".progress__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "progress__4915_7287.json",
"expectedSourceTokenizedFile": "progress__4915_7287.json",
"axisImplementationEvidence": {
"theme": [],
"status": [
"progress-status-palette"
],
"size": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Progress.theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Progress.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/progress/progress--size-m--status-error--theme-light--value-60--showlabel-true--figma-theme-light-status-error-size-m--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 16,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 0,
"right": 0,
"bottom": 0,
"left": 0
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#cccccc",
"textFillCssVar": "--color-grey-5"
},
"expectedNodes": [
{
"figmaNodeId": "4915:7267",
"name": "Frame",
"type": "FRAME",
"fillHex": "#dbdbdb",
"borderHex": null,
"textColorHex": null,
"radius": 20,
"opacity": 1
},
{
"figmaNodeId": "4915:7268",
"name": "Frame",
"type": "FRAME",
"fillHex": "#dc2717",
"borderHex": null,
"textColorHex": null,
"radius": 20,
"opacity": 1
},
{
"figmaNodeId": "4929:7192",
"name": "60%",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "progress--size-s--status-error--theme-light--value-60--showlabel-true--figma-theme-light-status-error-size-s--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4915:7269",
"figmaName": "Progress",
"figmaVariantName": "theme=light, status=error, size=S",
"theme": "light",
"codeComponent": "Progress",
"codeProps": {
"size": "S",
"status": "error",
"theme": "light",
"value": 60,
"showLabel": true
},
"state": "placeholder",
"rootTargetSelector": ".progress",
"textTargetSelector": ".progress__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "progress__4915_7287.json",
"expectedSourceTokenizedFile": "progress__4915_7287.json",
"axisImplementationEvidence": {
"theme": [],
"status": [
"progress-status-palette"
],
"size": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Progress.theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Progress.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/progress/progress--size-s--status-error--theme-light--value-60--showlabel-true--figma-theme-light-status-error-size-s--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 16,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 0,
"right": 0,
"bottom": 0,
"left": 0
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#cccccc",
"textFillCssVar": "--color-grey-5"
},
"expectedNodes": [
{
"figmaNodeId": "4915:7273",
"name": "Frame",
"type": "FRAME",
"fillHex": "#dbdbdb",
"borderHex": null,
"textColorHex": null,
"radius": 20,
"opacity": 1
},
{
"figmaNodeId": "4915:7274",
"name": "Frame",
"type": "FRAME",
"fillHex": "#dc2717",
"borderHex": null,
"textColorHex": null,
"radius": 20,
"opacity": 1
},
{
"figmaNodeId": "4929:7193",
"name": "60%",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "progress--size-m--status-warning--theme-dark--value-60--showlabel-true--figma-theme-dark-status-warning-size-m--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4915:7227",
"figmaName": "Progress",
"figmaVariantName": "theme=dark, status=warning, size=M",
"theme": "dark",
"codeComponent": "Progress",
"codeProps": {
"size": "M",
"status": "warning",
"theme": "dark",
"value": 60,
"showLabel": true
},
"state": "placeholder",
"rootTargetSelector": ".progress",
"textTargetSelector": ".progress__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "progress__4915_7287.json",
"expectedSourceTokenizedFile": "progress__4915_7287.json",
"axisImplementationEvidence": {
"theme": [],
"status": [
"progress-status-palette"
],
"size": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Progress.theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Progress.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/progress/progress--size-m--status-warning--theme-dark--value-60--showlabel-true--figma-theme-dark-status-warning-size-m--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 16,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 0,
"right": 0,
"bottom": 0,
"left": 0
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#cccccc",
"textFillCssVar": "--color-grey-5"
},
"expectedNodes": [
{
"figmaNodeId": "4915:7231",
"name": "Frame",
"type": "FRAME",
"fillHex": "#262626",
"borderHex": null,
"textColorHex": null,
"radius": 20,
"opacity": 1
},
{
"figmaNodeId": "4915:7232",
"name": "Frame",
"type": "FRAME",
"fillHex": "#f68512",
"borderHex": null,
"textColorHex": null,
"radius": 20,
"opacity": 1
},
{
"figmaNodeId": "4929:7194",
"name": "60%",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "progress--size-s--status-warning--theme-dark--value-60--showlabel-true--figma-theme-dark-status-warning-size-s--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4915:7233",
"figmaName": "Progress",
"figmaVariantName": "theme=dark, status=warning, size=S",
"theme": "dark",
"codeComponent": "Progress",
"codeProps": {
"size": "S",
"status": "warning",
"theme": "dark",
"value": 60,
"showLabel": true
},
"state": "placeholder",
"rootTargetSelector": ".progress",
"textTargetSelector": ".progress__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "progress__4915_7287.json",
"expectedSourceTokenizedFile": "progress__4915_7287.json",
"axisImplementationEvidence": {
"theme": [],
"status": [
"progress-status-palette"
],
"size": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Progress.theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Progress.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/progress/progress--size-s--status-warning--theme-dark--value-60--showlabel-true--figma-theme-dark-status-warning-size-s--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 16,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 0,
"right": 0,
"bottom": 0,
"left": 0
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#cccccc",
"textFillCssVar": "--color-grey-5"
},
"expectedNodes": [
{
"figmaNodeId": "4915:7237",
"name": "Frame",
"type": "FRAME",
"fillHex": "#262626",
"borderHex": null,
"textColorHex": null,
"radius": 20,
"opacity": 1
},
{
"figmaNodeId": "4915:7238",
"name": "Frame",
"type": "FRAME",
"fillHex": "#f68512",
"borderHex": null,
"textColorHex": null,
"radius": 20,
"opacity": 1
},
{
"figmaNodeId": "4929:7195",
"name": "60%",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "progress--size-m--status-warning--theme-light--value-60--showlabel-true--figma-theme-light-status-warning-size-m--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4915:7275",
"figmaName": "Progress",
"figmaVariantName": "theme=light, status=warning, size=M",
"theme": "light",
"codeComponent": "Progress",
"codeProps": {
"size": "M",
"status": "warning",
"theme": "light",
"value": 60,
"showLabel": true
},
"state": "placeholder",
"rootTargetSelector": ".progress",
"textTargetSelector": ".progress__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "progress__4915_7287.json",
"expectedSourceTokenizedFile": "progress__4915_7287.json",
"axisImplementationEvidence": {
"theme": [],
"status": [
"progress-status-palette"
],
"size": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Progress.theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Progress.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/progress/progress--size-m--status-warning--theme-light--value-60--showlabel-true--figma-theme-light-status-warning-size-m--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 16,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 0,
"right": 0,
"bottom": 0,
"left": 0
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#cccccc",
"textFillCssVar": "--color-grey-5"
},
"expectedNodes": [
{
"figmaNodeId": "4915:7279",
"name": "Frame",
"type": "FRAME",
"fillHex": "#dbdbdb",
"borderHex": null,
"textColorHex": null,
"radius": 20,
"opacity": 1
},
{
"figmaNodeId": "4915:7280",
"name": "Frame",
"type": "FRAME",
"fillHex": "#e26601",
"borderHex": null,
"textColorHex": null,
"radius": 20,
"opacity": 1
},
{
"figmaNodeId": "4929:7196",
"name": "60%",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "progress--size-s--status-warning--theme-light--value-60--showlabel-true--figma-theme-light-status-warning-size-s--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4915:7281",
"figmaName": "Progress",
"figmaVariantName": "theme=light, status=warning, size=S",
"theme": "light",
"codeComponent": "Progress",
"codeProps": {
"size": "S",
"status": "warning",
"theme": "light",
"value": 60,
"showLabel": true
},
"state": "placeholder",
"rootTargetSelector": ".progress",
"textTargetSelector": ".progress__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "240px"
},
"sourceTokenizedFile": "progress__4915_7287.json",
"expectedSourceTokenizedFile": "progress__4915_7287.json",
"axisImplementationEvidence": {
"theme": [],
"status": [
"progress-status-palette"
],
"size": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Progress.theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for Progress.size; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/progress/progress--size-s--status-warning--theme-light--value-60--showlabel-true--figma-theme-light-status-warning-size-s--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 240,
"rootWidthMode": "FIXED",
"rootHeight": 16,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 0,
"right": 0,
"bottom": 0,
"left": 0
},
"rootRadius": null,
"rootGap": 8,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#cccccc",
"textFillCssVar": "--color-grey-5"
},
"expectedNodes": [
{
"figmaNodeId": "4915:7285",
"name": "Frame",
"type": "FRAME",
"fillHex": "#dbdbdb",
"borderHex": null,
"textColorHex": null,
"radius": 20,
"opacity": 1
},
{
"figmaNodeId": "4915:7286",
"name": "Frame",
"type": "FRAME",
"fillHex": "#e26601",
"borderHex": null,
"textColorHex": null,
"radius": 20,
"opacity": 1
},
{
"figmaNodeId": "4929:7197",
"name": "60%",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "tab-list--fill-line--items-object-object-object-object-object-object--modelvalue-overview--figma-type-line--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4605:7196",
"figmaName": "Tab List",
"figmaVariantName": "Type=Line",
"theme": "dark",
"codeComponent": "TabList",
"codeProps": {
"fill": "Line",
"items": [
{
"label": "Overview",
"value": "overview"
},
{
"label": "Sources",
"value": "sources"
},
{
"label": "Monitor",
"value": "monitor"
}
],
"modelValue": "overview"
},
"state": "placeholder",
"rootTargetSelector": ".tab-list",
"textTargetSelector": ".tab-item",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "325px"
},
"sourceTokenizedFile": "tab_list__4452_7148.json",
"expectedSourceTokenizedFile": "tab_list__4452_7148.json",
"axisImplementationEvidence": {
"Type": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Tab List.Type; mapped by render manifest generator from current canonical API.",
"Tab List rootBorder + Filled textFillHex are verifier resolution limitations: Figma extract yields aggregate root colour but code applies per-side border + per-tab-state text colour."
],
"renderRoute": "/internal/render-harness/tablist/tab-list--fill-line--items-object-object-object-object-object-object--modelvalue-overview--figma-type-line--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 325,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 0,
"right": 0,
"bottom": 0,
"left": 0
},
"rootRadius": null,
"rootGap": 24,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#353535",
"rootBorderCssVar": "--line-deep",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-body"
},
"expectedNodes": [
{
"figmaNodeId": "4605:7198",
"name": "Tab/Item",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": "#434343",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4605:7199",
"name": "Tab/Item",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4605:7200",
"name": "Tab/Item",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "tab-list--fill-line--items-object-object-object-object-object-object--modelvalue-overview--figma-type-line--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4605:7196",
"figmaName": "Tab List",
"figmaVariantName": "Type=Line",
"theme": "light",
"codeComponent": "TabList",
"codeProps": {
"fill": "Line",
"items": [
{
"label": "Overview",
"value": "overview"
},
{
"label": "Sources",
"value": "sources"
},
{
"label": "Monitor",
"value": "monitor"
}
],
"modelValue": "overview"
},
"state": "placeholder",
"rootTargetSelector": ".tab-list",
"textTargetSelector": ".tab-item",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "325px"
},
"sourceTokenizedFile": "tab_list__4452_7148.json",
"expectedSourceTokenizedFile": "tab_list__4452_7148.json",
"axisImplementationEvidence": {
"Type": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Tab List.Type; mapped by render manifest generator from current canonical API.",
"Tab List rootBorder + Filled textFillHex are verifier resolution limitations: Figma extract yields aggregate root colour but code applies per-side border + per-tab-state text colour."
],
"renderRoute": "/internal/render-harness/tablist/tab-list--fill-line--items-object-object-object-object-object-object--modelvalue-overview--figma-type-line--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 325,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 0,
"right": 0,
"bottom": 0,
"left": 0
},
"rootRadius": null,
"rootGap": 24,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": "#dbdbdb",
"rootBorderCssVar": "--line-deep",
"rootBorderWidth": 1,
"textFillHex": "#141414",
"textFillCssVar": "--text-body"
},
"expectedNodes": [
{
"figmaNodeId": "4605:7198",
"name": "Tab/Item",
"type": "INSTANCE",
"fillHex": "#141414",
"borderHex": "#cccccc",
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4605:7199",
"name": "Tab/Item",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4605:7200",
"name": "Tab/Item",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "tab-list--fill-text--items-object-object-object-object-object-object--modelvalue-overview--figma-type-text--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4265:16115",
"figmaName": "Tab List",
"figmaVariantName": "Type=Text",
"theme": "dark",
"codeComponent": "TabList",
"codeProps": {
"fill": "Text",
"items": [
{
"label": "Overview",
"value": "overview"
},
{
"label": "Sources",
"value": "sources"
},
{
"label": "Monitor",
"value": "monitor"
}
],
"modelValue": "overview"
},
"state": "placeholder",
"rootTargetSelector": ".tab-list",
"textTargetSelector": ".tab-item",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "325px"
},
"sourceTokenizedFile": "tab_list__4452_7148.json",
"expectedSourceTokenizedFile": "tab_list__4452_7148.json",
"axisImplementationEvidence": {
"Type": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Tab List.Type; mapped by render manifest generator from current canonical API.",
"Tab List rootBorder + Filled textFillHex are verifier resolution limitations: Figma extract yields aggregate root colour but code applies per-side border + per-tab-state text colour."
],
"renderRoute": "/internal/render-harness/tablist/tab-list--fill-text--items-object-object-object-object-object-object--modelvalue-overview--figma-type-text--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 325,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 0,
"right": 0,
"bottom": 0,
"left": 0
},
"rootRadius": null,
"rootGap": 24,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-body"
},
"expectedNodes": [
{
"figmaNodeId": "4265:16117",
"name": "Tab/Item",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4452:7121",
"name": "Tab/Item",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4452:7123",
"name": "Tab/Item",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "tab-list--fill-text--items-object-object-object-object-object-object--modelvalue-overview--figma-type-text--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4265:16115",
"figmaName": "Tab List",
"figmaVariantName": "Type=Text",
"theme": "light",
"codeComponent": "TabList",
"codeProps": {
"fill": "Text",
"items": [
{
"label": "Overview",
"value": "overview"
},
{
"label": "Sources",
"value": "sources"
},
{
"label": "Monitor",
"value": "monitor"
}
],
"modelValue": "overview"
},
"state": "placeholder",
"rootTargetSelector": ".tab-list",
"textTargetSelector": ".tab-item",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "325px"
},
"sourceTokenizedFile": "tab_list__4452_7148.json",
"expectedSourceTokenizedFile": "tab_list__4452_7148.json",
"axisImplementationEvidence": {
"Type": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Tab List.Type; mapped by render manifest generator from current canonical API.",
"Tab List rootBorder + Filled textFillHex are verifier resolution limitations: Figma extract yields aggregate root colour but code applies per-side border + per-tab-state text colour."
],
"renderRoute": "/internal/render-harness/tablist/tab-list--fill-text--items-object-object-object-object-object-object--modelvalue-overview--figma-type-text--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 325,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 0,
"right": 0,
"bottom": 0,
"left": 0
},
"rootRadius": null,
"rootGap": 24,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#141414",
"textFillCssVar": "--text-body"
},
"expectedNodes": [
{
"figmaNodeId": "4265:16117",
"name": "Tab/Item",
"type": "INSTANCE",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4452:7121",
"name": "Tab/Item",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4452:7123",
"name": "Tab/Item",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "tab-list--fill-filled--items-object-object-object-object-object-object--modelvalue-overview--figma-type-filled--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4452:7149",
"figmaName": "Tab List",
"figmaVariantName": "Type=Filled",
"theme": "dark",
"codeComponent": "TabList",
"codeProps": {
"fill": "Filled",
"items": [
{
"label": "Overview",
"value": "overview"
},
{
"label": "Sources",
"value": "sources"
},
{
"label": "Monitor",
"value": "monitor"
}
],
"modelValue": "overview"
},
"state": "placeholder",
"rootTargetSelector": ".tab-list",
"textTargetSelector": ".tab-item",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "325px"
},
"sourceTokenizedFile": "tab_list__4452_7148.json",
"expectedSourceTokenizedFile": "tab_list__4452_7148.json",
"axisImplementationEvidence": {
"Type": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Tab List.Type; mapped by render manifest generator from current canonical API.",
"Tab List rootBorder + Filled textFillHex are verifier resolution limitations: Figma extract yields aggregate root colour but code applies per-side border + per-tab-state text colour."
],
"renderRoute": "/internal/render-harness/tablist/tab-list--fill-filled--items-object-object-object-object-object-object--modelvalue-overview--figma-type-filled--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 325,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 0,
"right": 0,
"bottom": 0,
"left": 0
},
"rootRadius": 4,
"rootGap": 0,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#1f1f1f",
"rootFillCssVar": "--bg-layer2",
"rootBorderHex": "#353535",
"rootBorderCssVar": "--line-deep",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-primary-btn"
},
"expectedNodes": [
{
"figmaNodeId": "4452:7150",
"name": "Tab/Item",
"type": "INSTANCE",
"fillHex": "#2fb54e",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "4452:7151",
"name": "Tab/Item",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4452:7157",
"name": "Tab/Item",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": 0,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "tab-list--fill-filled--items-object-object-object-object-object-object--modelvalue-overview--figma-type-filled--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4452:7149",
"figmaName": "Tab List",
"figmaVariantName": "Type=Filled",
"theme": "light",
"codeComponent": "TabList",
"codeProps": {
"fill": "Filled",
"items": [
{
"label": "Overview",
"value": "overview"
},
{
"label": "Sources",
"value": "sources"
},
{
"label": "Monitor",
"value": "monitor"
}
],
"modelValue": "overview"
},
"state": "placeholder",
"rootTargetSelector": ".tab-list",
"textTargetSelector": ".tab-item",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "325px"
},
"sourceTokenizedFile": "tab_list__4452_7148.json",
"expectedSourceTokenizedFile": "tab_list__4452_7148.json",
"axisImplementationEvidence": {
"Type": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Tab List.Type; mapped by render manifest generator from current canonical API.",
"Tab List rootBorder + Filled textFillHex are verifier resolution limitations: Figma extract yields aggregate root colour but code applies per-side border + per-tab-state text colour."
],
"renderRoute": "/internal/render-harness/tablist/tab-list--fill-filled--items-object-object-object-object-object-object--modelvalue-overview--figma-type-filled--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 325,
"rootWidthMode": "FILL",
"rootHeight": 32,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 0,
"right": 0,
"bottom": 0,
"left": 0
},
"rootRadius": 4,
"rootGap": 0,
"rootGapMeaningful": false,
"rootOpacity": 1,
"rootFillHex": "#f8f8f8",
"rootFillCssVar": "--bg-layer2",
"rootBorderHex": "#dbdbdb",
"rootBorderCssVar": "--line-deep",
"rootBorderWidth": 1,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-primary-btn"
},
"expectedNodes": [
{
"figmaNodeId": "4452:7150",
"name": "Tab/Item",
"type": "INSTANCE",
"fillHex": "#299f45",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "4452:7151",
"name": "Tab/Item",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4452:7157",
"name": "Tab/Item",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": 0,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "pagination--type-classic--total-120--pagesize-10--modelvalue-3--figma-type-classic--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4884:7181",
"figmaName": "Pagination",
"figmaVariantName": "Type=Classic",
"theme": "dark",
"codeComponent": "Pagination",
"codeProps": {
"type": "Classic",
"total": 120,
"pageSize": 10,
"modelValue": 3
},
"state": "placeholder",
"rootTargetSelector": ".pagination",
"textTargetSelector": ".pg-total",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "652px"
},
"sourceTokenizedFile": "pagination__4894_7210.json",
"expectedSourceTokenizedFile": "pagination__4894_7210.json",
"axisImplementationEvidence": {
"Type": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Pagination.Type; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/pagination/pagination--type-classic--total-120--pagesize-10--modelvalue-3--figma-type-classic--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 652,
"rootWidthMode": "HUG",
"rootHeight": 32,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 0,
"right": 0,
"bottom": 0,
"left": 0
},
"rootRadius": 4,
"rootGap": 24,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "4884:7203",
"name": "1-20 of 1,299",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4884:7205",
"name": "select box/filled",
"type": "INSTANCE",
"fillHex": "#353535",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "4884:7182",
"name": "Btn/Previous",
"type": "FRAME",
"fillHex": "#353535",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "4884:7183",
"name": "icon/Arrow/Previous",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4884:7184",
"name": "Page/1",
"type": "FRAME",
"fillHex": "#2fb54e",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "4884:7185",
"name": "1",
"type": "TEXT",
"fillHex": "#ffffff",
"borderHex": null,
"textColorHex": "#ffffff",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4884:7186",
"name": "Page/2",
"type": "FRAME",
"fillHex": "#353535",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "4884:7187",
"name": "2",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4884:7188",
"name": "Page/3",
"type": "FRAME",
"fillHex": "#353535",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "4884:7189",
"name": "3",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4884:7190",
"name": "Page/4",
"type": "FRAME",
"fillHex": "#353535",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "4884:7191",
"name": "4",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4884:7192",
"name": "Page/5",
"type": "FRAME",
"fillHex": "#353535",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "4884:7193",
"name": "5",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4884:7194",
"name": "Btn/Next",
"type": "FRAME",
"fillHex": "#353535",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "4884:7195",
"name": "icon/Arrow/Next",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4907:6726",
"name": "Go to",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4907:6727",
"name": "input box/filled",
"type": "INSTANCE",
"fillHex": "#353535",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "pagination--type-classic--total-120--pagesize-10--modelvalue-3--figma-type-classic--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4884:7181",
"figmaName": "Pagination",
"figmaVariantName": "Type=Classic",
"theme": "light",
"codeComponent": "Pagination",
"codeProps": {
"type": "Classic",
"total": 120,
"pageSize": 10,
"modelValue": 3
},
"state": "placeholder",
"rootTargetSelector": ".pagination",
"textTargetSelector": ".pg-total",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "652px"
},
"sourceTokenizedFile": "pagination__4894_7210.json",
"expectedSourceTokenizedFile": "pagination__4894_7210.json",
"axisImplementationEvidence": {
"Type": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Pagination.Type; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/pagination/pagination--type-classic--total-120--pagesize-10--modelvalue-3--figma-type-classic--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 652,
"rootWidthMode": "HUG",
"rootHeight": 32,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 0,
"right": 0,
"bottom": 0,
"left": 0
},
"rootRadius": 4,
"rootGap": 24,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#595959",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "4884:7203",
"name": "1-20 of 1,299",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4884:7205",
"name": "select box/filled",
"type": "INSTANCE",
"fillHex": "#353535",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "4884:7182",
"name": "Btn/Previous",
"type": "FRAME",
"fillHex": "#dbdbdb",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "4884:7183",
"name": "icon/Arrow/Previous",
"type": "INSTANCE",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4884:7184",
"name": "Page/1",
"type": "FRAME",
"fillHex": "#299f45",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "4884:7185",
"name": "1",
"type": "TEXT",
"fillHex": "#000000",
"borderHex": null,
"textColorHex": "#000000",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4884:7186",
"name": "Page/2",
"type": "FRAME",
"fillHex": "#dbdbdb",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "4884:7187",
"name": "2",
"type": "TEXT",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": "#434343",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4884:7188",
"name": "Page/3",
"type": "FRAME",
"fillHex": "#dbdbdb",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "4884:7189",
"name": "3",
"type": "TEXT",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": "#434343",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4884:7190",
"name": "Page/4",
"type": "FRAME",
"fillHex": "#dbdbdb",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "4884:7191",
"name": "4",
"type": "TEXT",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": "#434343",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4884:7192",
"name": "Page/5",
"type": "FRAME",
"fillHex": "#dbdbdb",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "4884:7193",
"name": "5",
"type": "TEXT",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": "#434343",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4884:7194",
"name": "Btn/Next",
"type": "FRAME",
"fillHex": "#dbdbdb",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "4884:7195",
"name": "icon/Arrow/Next",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4907:6726",
"name": "Go to",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4907:6727",
"name": "input box/filled",
"type": "INSTANCE",
"fillHex": "#dbdbdb",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "pagination--type-small--total-120--pagesize-10--modelvalue-3--figma-type-small--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4907:6738",
"figmaName": "Pagination",
"figmaVariantName": "Type=Small",
"theme": "dark",
"codeComponent": "Pagination",
"codeProps": {
"type": "Small",
"total": 120,
"pageSize": 10,
"modelValue": 3
},
"state": "placeholder",
"rootTargetSelector": ".pagination",
"textTargetSelector": ".pg-total",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "628px"
},
"sourceTokenizedFile": "pagination__4894_7210.json",
"expectedSourceTokenizedFile": "pagination__4894_7210.json",
"axisImplementationEvidence": {
"Type": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Pagination.Type; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/pagination/pagination--type-small--total-120--pagesize-10--modelvalue-3--figma-type-small--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 628,
"rootWidthMode": "HUG",
"rootHeight": 32,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 0,
"right": 0,
"bottom": 0,
"left": 0
},
"rootRadius": 4,
"rootGap": 24,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "4907:6739",
"name": "1-20 of 1,299",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4907:6740",
"name": "select box/line",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": "#595959",
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "4907:6744",
"name": "icon/Arrow/Previous",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4907:6746",
"name": "1",
"type": "TEXT",
"fillHex": "#2fb54e",
"borderHex": null,
"textColorHex": "#2fb54e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4907:6748",
"name": "2",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4907:6750",
"name": "3",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4907:6752",
"name": "4",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4907:6754",
"name": "5",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4907:6756",
"name": "icon/Arrow/Next",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4907:6758",
"name": "Go to",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4907:6759",
"name": "input box/line",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": "#595959",
"textColorHex": null,
"radius": 4,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "pagination--type-small--total-120--pagesize-10--modelvalue-3--figma-type-small--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4907:6738",
"figmaName": "Pagination",
"figmaVariantName": "Type=Small",
"theme": "light",
"codeComponent": "Pagination",
"codeProps": {
"type": "Small",
"total": 120,
"pageSize": 10,
"modelValue": 3
},
"state": "placeholder",
"rootTargetSelector": ".pagination",
"textTargetSelector": ".pg-total",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "628px"
},
"sourceTokenizedFile": "pagination__4894_7210.json",
"expectedSourceTokenizedFile": "pagination__4894_7210.json",
"axisImplementationEvidence": {
"Type": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Pagination.Type; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/pagination/pagination--type-small--total-120--pagesize-10--modelvalue-3--figma-type-small--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 628,
"rootWidthMode": "HUG",
"rootHeight": 32,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 0,
"right": 0,
"bottom": 0,
"left": 0
},
"rootRadius": 4,
"rootGap": 24,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#595959",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "4907:6739",
"name": "1-20 of 1,299",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4907:6740",
"name": "select box/line",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": "#595959",
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "4907:6744",
"name": "icon/Arrow/Previous",
"type": "INSTANCE",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4907:6746",
"name": "1",
"type": "TEXT",
"fillHex": "#299f45",
"borderHex": null,
"textColorHex": "#299f45",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4907:6748",
"name": "2",
"type": "TEXT",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": "#434343",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4907:6750",
"name": "3",
"type": "TEXT",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": "#434343",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4907:6752",
"name": "4",
"type": "TEXT",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": "#434343",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4907:6754",
"name": "5",
"type": "TEXT",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": "#434343",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4907:6756",
"name": "icon/Arrow/Next",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4907:6758",
"name": "Go to",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4907:6759",
"name": "input box/line",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": "#595959",
"textColorHex": null,
"radius": 4,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "pagination--type-simple--total-120--pagesize-10--modelvalue-3--figma-type-simple--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4894:7211",
"figmaName": "Pagination",
"figmaVariantName": "Type=Simple",
"theme": "dark",
"codeComponent": "Pagination",
"codeProps": {
"type": "Simple",
"total": 120,
"pageSize": 10,
"modelValue": 3
},
"state": "placeholder",
"rootTargetSelector": ".pagination",
"textTargetSelector": ".pg-total",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "460px"
},
"sourceTokenizedFile": "pagination__4894_7210.json",
"expectedSourceTokenizedFile": "pagination__4894_7210.json",
"axisImplementationEvidence": {
"Type": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Pagination.Type; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/pagination/pagination--type-simple--total-120--pagesize-10--modelvalue-3--figma-type-simple--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 460,
"rootWidthMode": "HUG",
"rootHeight": 32,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 0,
"right": 0,
"bottom": 0,
"left": 0
},
"rootRadius": 4,
"rootGap": 24,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#9e9e9e",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "4894:7212",
"name": "1-20 of 1,299",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4894:7228",
"name": "select box/filled",
"type": "INSTANCE",
"fillHex": "#353535",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "4894:7214",
"name": "Btn/Previous",
"type": "FRAME",
"fillHex": "#353535",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "4894:7215",
"name": "icon/Arrow/Previous",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4894:7226",
"name": "Btn/Next",
"type": "FRAME",
"fillHex": "#353535",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "4894:7227",
"name": "icon/Arrow/Next",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4907:6733",
"name": "Go to",
"type": "TEXT",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": "#9e9e9e",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4907:6734",
"name": "input box/filled",
"type": "INSTANCE",
"fillHex": "#353535",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "pagination--type-simple--total-120--pagesize-10--modelvalue-3--figma-type-simple--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "4894:7211",
"figmaName": "Pagination",
"figmaVariantName": "Type=Simple",
"theme": "light",
"codeComponent": "Pagination",
"codeProps": {
"type": "Simple",
"total": 120,
"pageSize": 10,
"modelValue": 3
},
"state": "placeholder",
"rootTargetSelector": ".pagination",
"textTargetSelector": ".pg-total",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "460px"
},
"sourceTokenizedFile": "pagination__4894_7210.json",
"expectedSourceTokenizedFile": "pagination__4894_7210.json",
"axisImplementationEvidence": {
"Type": []
},
"_warnings": [
"No axis-implementation-map.json entry found for Pagination.Type; mapped by render manifest generator from current canonical API."
],
"renderRoute": "/internal/render-harness/pagination/pagination--type-simple--total-120--pagesize-10--modelvalue-3--figma-type-simple--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 460,
"rootWidthMode": "HUG",
"rootHeight": 32,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 0,
"right": 0,
"bottom": 0,
"left": 0
},
"rootRadius": 4,
"rootGap": 24,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#595959",
"textFillCssVar": "--text-tips"
},
"expectedNodes": [
{
"figmaNodeId": "4894:7212",
"name": "1-20 of 1,299",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4894:7228",
"name": "select box/filled",
"type": "INSTANCE",
"fillHex": "#353535",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "4894:7214",
"name": "Btn/Previous",
"type": "FRAME",
"fillHex": "#dbdbdb",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "4894:7215",
"name": "icon/Arrow/Previous",
"type": "INSTANCE",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4894:7226",
"name": "Btn/Next",
"type": "FRAME",
"fillHex": "#dbdbdb",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
},
{
"figmaNodeId": "4894:7227",
"name": "icon/Arrow/Next",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4907:6733",
"name": "Go to",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "4907:6734",
"name": "input box/filled",
"type": "INSTANCE",
"fillHex": "#dbdbdb",
"borderHex": null,
"textColorHex": null,
"radius": 4,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "breadcrumb-item--state-default--showseparator-true--figma-state-default--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "5004:1477",
"figmaName": "Breadcrumb/Item",
"figmaVariantName": "state=Default",
"theme": "dark",
"codeComponent": "BreadcrumbItem",
"codeProps": {
"state": "Default",
"showSeparator": true
},
"state": "placeholder",
"rootTargetSelector": ".breadcrumb-item",
"textTargetSelector": ".breadcrumb-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "70px"
},
"sourceTokenizedFile": "breadcrumb_item__5003_7495.json",
"expectedSourceTokenizedFile": "breadcrumb_item__5003_7495.json",
"axisImplementationEvidence": {
"state": [
"breadcrumb-state-topology"
]
},
"_warnings": [
"BreadcrumbItem label uses — harness limitation: empty slot content makes label dimensions 0 → not visible to verifier; textFillHex falls back to root LI (no color) reads #000000. Real text colour resolves correctly at runtime under canonical state classes."
],
"renderRoute": "/internal/render-harness/breadcrumbitem/breadcrumb-item--state-default--showseparator-true--figma-state-default--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 70,
"rootWidthMode": "HUG",
"rootHeight": 29,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 8,
"bottom": 4,
"left": 8
},
"rootRadius": null,
"rootGap": 4,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#cccccc",
"textFillCssVar": "--text-2"
},
"expectedNodes": [
{
"figmaNodeId": "5004:1478",
"name": "icon/Arrow/right_2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "5004:1479",
"name": "Label",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "breadcrumb-item--state-default--showseparator-true--figma-state-default--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "5004:1477",
"figmaName": "Breadcrumb/Item",
"figmaVariantName": "state=Default",
"theme": "light",
"codeComponent": "BreadcrumbItem",
"codeProps": {
"state": "Default",
"showSeparator": true
},
"state": "placeholder",
"rootTargetSelector": ".breadcrumb-item",
"textTargetSelector": ".breadcrumb-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "70px"
},
"sourceTokenizedFile": "breadcrumb_item__5003_7495.json",
"expectedSourceTokenizedFile": "breadcrumb_item__5003_7495.json",
"axisImplementationEvidence": {
"state": [
"breadcrumb-state-topology"
]
},
"_warnings": [
"BreadcrumbItem label uses — harness limitation: empty slot content makes label dimensions 0 → not visible to verifier; textFillHex falls back to root LI (no color) reads #000000. Real text colour resolves correctly at runtime under canonical state classes."
],
"renderRoute": "/internal/render-harness/breadcrumbitem/breadcrumb-item--state-default--showseparator-true--figma-state-default--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 70,
"rootWidthMode": "HUG",
"rootHeight": 29,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 8,
"bottom": 4,
"left": 8
},
"rootRadius": null,
"rootGap": 4,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#434343",
"textFillCssVar": "--text-2"
},
"expectedNodes": [
{
"figmaNodeId": "5004:1478",
"name": "icon/Arrow/right_2",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "5004:1479",
"name": "Label",
"type": "TEXT",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": "#434343",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "breadcrumb-item--state-hover--showseparator-true--figma-state-hover--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "5003:7483",
"figmaName": "Breadcrumb/Item",
"figmaVariantName": "state=hover",
"theme": "dark",
"codeComponent": "BreadcrumbItem",
"codeProps": {
"state": "hover",
"showSeparator": true
},
"state": "placeholder",
"rootTargetSelector": ".breadcrumb-item",
"textTargetSelector": ".breadcrumb-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "70px"
},
"sourceTokenizedFile": "breadcrumb_item__5003_7495.json",
"expectedSourceTokenizedFile": "breadcrumb_item__5003_7495.json",
"axisImplementationEvidence": {
"state": [
"breadcrumb-state-topology"
]
},
"_warnings": [
"BreadcrumbItem label uses — harness limitation: empty slot content makes label dimensions 0 → not visible to verifier; textFillHex falls back to root LI (no color) reads #000000. Real text colour resolves correctly at runtime under canonical state classes."
],
"renderRoute": "/internal/render-harness/breadcrumbitem/breadcrumb-item--state-hover--showseparator-true--figma-state-hover--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 70,
"rootWidthMode": "HUG",
"rootHeight": 29,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 8,
"bottom": 4,
"left": 8
},
"rootRadius": null,
"rootGap": 4,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#f8f8f8",
"textFillCssVar": "--text-body"
},
"expectedNodes": [
{
"figmaNodeId": "5003:7484",
"name": "icon/Arrow/right_2",
"type": "INSTANCE",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "5003:7486",
"name": "Label",
"type": "TEXT",
"fillHex": "#f8f8f8",
"borderHex": null,
"textColorHex": "#f8f8f8",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "breadcrumb-item--state-hover--showseparator-true--figma-state-hover--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "5003:7483",
"figmaName": "Breadcrumb/Item",
"figmaVariantName": "state=hover",
"theme": "light",
"codeComponent": "BreadcrumbItem",
"codeProps": {
"state": "hover",
"showSeparator": true
},
"state": "placeholder",
"rootTargetSelector": ".breadcrumb-item",
"textTargetSelector": ".breadcrumb-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "70px"
},
"sourceTokenizedFile": "breadcrumb_item__5003_7495.json",
"expectedSourceTokenizedFile": "breadcrumb_item__5003_7495.json",
"axisImplementationEvidence": {
"state": [
"breadcrumb-state-topology"
]
},
"_warnings": [
"BreadcrumbItem label uses — harness limitation: empty slot content makes label dimensions 0 → not visible to verifier; textFillHex falls back to root LI (no color) reads #000000. Real text colour resolves correctly at runtime under canonical state classes."
],
"renderRoute": "/internal/render-harness/breadcrumbitem/breadcrumb-item--state-hover--showseparator-true--figma-state-hover--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 70,
"rootWidthMode": "HUG",
"rootHeight": 29,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 8,
"bottom": 4,
"left": 8
},
"rootRadius": null,
"rootGap": 4,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#141414",
"textFillCssVar": "--text-body"
},
"expectedNodes": [
{
"figmaNodeId": "5003:7484",
"name": "icon/Arrow/right_2",
"type": "INSTANCE",
"fillHex": "#434343",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "5003:7486",
"name": "Label",
"type": "TEXT",
"fillHex": "#141414",
"borderHex": null,
"textColorHex": "#141414",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "breadcrumb-item--state-current--showseparator-true--figma-state-current--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "5003:7487",
"figmaName": "Breadcrumb/Item",
"figmaVariantName": "state=current",
"theme": "dark",
"codeComponent": "BreadcrumbItem",
"codeProps": {
"state": "current",
"showSeparator": true
},
"state": "placeholder",
"rootTargetSelector": ".breadcrumb-item",
"textTargetSelector": ".breadcrumb-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "70px"
},
"sourceTokenizedFile": "breadcrumb_item__5003_7495.json",
"expectedSourceTokenizedFile": "breadcrumb_item__5003_7495.json",
"axisImplementationEvidence": {
"state": [
"breadcrumb-state-topology"
]
},
"_warnings": [
"BreadcrumbItem label uses — harness limitation: empty slot content makes label dimensions 0 → not visible to verifier; textFillHex falls back to root LI (no color) reads #000000. Real text colour resolves correctly at runtime under canonical state classes."
],
"renderRoute": "/internal/render-harness/breadcrumbitem/breadcrumb-item--state-current--showseparator-true--figma-state-current--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 70,
"rootWidthMode": "HUG",
"rootHeight": 29,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 8,
"bottom": 4,
"left": 8
},
"rootRadius": null,
"rootGap": 4,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#2fb54e",
"textFillCssVar": "--brand"
},
"expectedNodes": [
{
"figmaNodeId": "5003:7488",
"name": "icon/Arrow/right_2",
"type": "INSTANCE",
"fillHex": "#9e9e9e",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "5003:7490",
"name": "Label",
"type": "TEXT",
"fillHex": "#2fb54e",
"borderHex": null,
"textColorHex": "#2fb54e",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "breadcrumb-item--state-current--showseparator-true--figma-state-current--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "5003:7487",
"figmaName": "Breadcrumb/Item",
"figmaVariantName": "state=current",
"theme": "light",
"codeComponent": "BreadcrumbItem",
"codeProps": {
"state": "current",
"showSeparator": true
},
"state": "placeholder",
"rootTargetSelector": ".breadcrumb-item",
"textTargetSelector": ".breadcrumb-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "70px"
},
"sourceTokenizedFile": "breadcrumb_item__5003_7495.json",
"expectedSourceTokenizedFile": "breadcrumb_item__5003_7495.json",
"axisImplementationEvidence": {
"state": [
"breadcrumb-state-topology"
]
},
"_warnings": [
"BreadcrumbItem label uses — harness limitation: empty slot content makes label dimensions 0 → not visible to verifier; textFillHex falls back to root LI (no color) reads #000000. Real text colour resolves correctly at runtime under canonical state classes."
],
"renderRoute": "/internal/render-harness/breadcrumbitem/breadcrumb-item--state-current--showseparator-true--figma-state-current--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 70,
"rootWidthMode": "HUG",
"rootHeight": 29,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 8,
"bottom": 4,
"left": 8
},
"rootRadius": null,
"rootGap": 4,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#299f45",
"textFillCssVar": "--brand"
},
"expectedNodes": [
{
"figmaNodeId": "5003:7488",
"name": "icon/Arrow/right_2",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "5003:7490",
"name": "Label",
"type": "TEXT",
"fillHex": "#299f45",
"borderHex": null,
"textColorHex": "#299f45",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "breadcrumb-item--state-disabled--showseparator-true--figma-state-disabled--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "5003:7491",
"figmaName": "Breadcrumb/Item",
"figmaVariantName": "state=disabled",
"theme": "dark",
"codeComponent": "BreadcrumbItem",
"codeProps": {
"state": "disabled",
"showSeparator": true
},
"state": "placeholder",
"rootTargetSelector": ".breadcrumb-item",
"textTargetSelector": ".breadcrumb-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "70px"
},
"sourceTokenizedFile": "breadcrumb_item__5003_7495.json",
"expectedSourceTokenizedFile": "breadcrumb_item__5003_7495.json",
"axisImplementationEvidence": {
"state": [
"breadcrumb-state-topology"
]
},
"_warnings": [
"BreadcrumbItem label uses — harness limitation: empty slot content makes label dimensions 0 → not visible to verifier; textFillHex falls back to root LI (no color) reads #000000. Real text colour resolves correctly at runtime under canonical state classes."
],
"renderRoute": "/internal/render-harness/breadcrumbitem/breadcrumb-item--state-disabled--showseparator-true--figma-state-disabled--theme-dark?theme=dark",
"expectedFromFigma": {
"rootWidth": 70,
"rootWidthMode": "HUG",
"rootHeight": 29,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 8,
"bottom": 4,
"left": 8
},
"rootRadius": null,
"rootGap": 4,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#595959",
"textFillCssVar": "--text-disabled"
},
"expectedNodes": [
{
"figmaNodeId": "5003:7492",
"name": "icon/Arrow/right_2",
"type": "INSTANCE",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "5003:7494",
"name": "Label",
"type": "TEXT",
"fillHex": "#595959",
"borderHex": null,
"textColorHex": "#595959",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "breadcrumb-item--state-disabled--showseparator-true--figma-state-disabled--theme-light",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "5003:7491",
"figmaName": "Breadcrumb/Item",
"figmaVariantName": "state=disabled",
"theme": "light",
"codeComponent": "BreadcrumbItem",
"codeProps": {
"state": "disabled",
"showSeparator": true
},
"state": "placeholder",
"rootTargetSelector": ".breadcrumb-item",
"textTargetSelector": ".breadcrumb-item__label",
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "70px"
},
"sourceTokenizedFile": "breadcrumb_item__5003_7495.json",
"expectedSourceTokenizedFile": "breadcrumb_item__5003_7495.json",
"axisImplementationEvidence": {
"state": [
"breadcrumb-state-topology"
]
},
"_warnings": [
"BreadcrumbItem label uses — harness limitation: empty slot content makes label dimensions 0 → not visible to verifier; textFillHex falls back to root LI (no color) reads #000000. Real text colour resolves correctly at runtime under canonical state classes."
],
"renderRoute": "/internal/render-harness/breadcrumbitem/breadcrumb-item--state-disabled--showseparator-true--figma-state-disabled--theme-light?theme=light",
"expectedFromFigma": {
"rootWidth": 70,
"rootWidthMode": "HUG",
"rootHeight": 29,
"rootHeightMode": "HUG",
"rootPadding": {
"top": 4,
"right": 8,
"bottom": 4,
"left": 8
},
"rootRadius": null,
"rootGap": 4,
"rootGapMeaningful": true,
"rootOpacity": 1,
"rootFillHex": null,
"rootFillCssVar": null,
"rootBorderHex": null,
"rootBorderCssVar": null,
"rootBorderWidth": 0,
"textFillHex": "#cccccc",
"textFillCssVar": "--text-disabled"
},
"expectedNodes": [
{
"figmaNodeId": "5003:7492",
"name": "icon/Arrow/right_2",
"type": "INSTANCE",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": null,
"radius": null,
"opacity": 1
},
{
"figmaNodeId": "5003:7494",
"name": "Label",
"type": "TEXT",
"fillHex": "#cccccc",
"borderHex": null,
"textColorHex": "#cccccc",
"radius": null,
"opacity": 1
}
],
"mvpNotes": [
"Expected values are emitted from components-tokenized variant fields and explicit render selector schema.",
"Theme-specific expected hex values resolve Figma token cssVar bindings through src/tokens/variables.css.",
"Design-state axes are passed as canonical props where current API exposes them; warnings document any schema/runtime boundary."
]
},
{
"manifestId": "switch--darktheme-on--status-on--enable-yes--loading-no--figma-dark-theme-on-status-on-enable-yes-loading-no--theme-dark",
"figmaFileKey": "YbsPRUVmNdsbN40NNwh1Gn",
"figmaNodeId": "337:18075",
"figmaName": "switch",
"figmaVariantName": "dark theme=on, status=on, enable=yes, loading=no",
"theme": "dark",
"codeComponent": "Switch",
"codeProps": {
"darkTheme": "on",
"status": "on",
"enable": "yes",
"loading": "no"
},
"state": "placeholder",
"rootTargetSelector": ".switch",
"textTargetSelector": null,
"textInset": null,
"gapTargetSelector": null,
"suppressRootSize": false,
"harnessStyle": {
"width": "40px"
},
"sourceTokenizedFile": "switch__348_3483.json",
"expectedSourceTokenizedFile": "switch__348_3483.json",
"axisImplementationEvidence": {
"dark theme": [],
"status": [],
"enable": [],
"loading": []
},
"_warnings": [
"No axis-implementation-map.json entry found for switch.dark theme; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for switch.status; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for switch.enable; mapped by render manifest generator from current canonical API.",
"No axis-implementation-map.json entry found for switch.loading; mapped by render manifest generator from current canonical API.",
"Switch rootPadding 2px is thumb-inset positioning (code uses padding + transform; Figma positions thumb absolutely with root padding=0). harness limitation — null text/fill expected vs actual UA defaults on native