chore(parity): align Chip with Figma (b6335656)

[iamshubhransh]

Parity Report

• Component: Chip
• Parity Run: b6335656-2674-4423-bcd2-0001a6a7c1f7
• Score: 0
• Status: drifted
• Generated At: 2026-03-11T11:07:56.707Z

What Was Compared

• Component name
• Variant matrix
• Variant props (type/size/etc.)
• Color tokens
• Spacing tokens
• Padding
• Gap / item spacing
• Container distances
• Visual baselines

Strictness

• Token name match: exact
• Layout tolerance: +/-1px
• Visual diff threshold: 0.06

Check Matrix

#	Check	Result	Required	Reason
1	Component name alignment	FAIL	yes	Component name mismatch: System_thunder vs Chip
2	Variant matrix alignment	FAIL	yes	Variant missing in code: darkerbg false
3	Variant property/type/size alignment	FAIL	yes	Variant property missing in code: darkerbg
4	Color token parity	FAIL	yes	Color token evidence missing on one side
5	Spacing token parity	FAIL	yes	Spacing token evidence missing on one side
6	Padding parity (±1px)	FAIL	yes	Padding metrics missing on one side
7	Gap/item spacing parity (±1px)	FAIL	yes	Gap metrics missing on one side
8	Container distance parity (±1px)	FAIL	yes	Container distance metrics missing on one side
9	Layout metric completeness	FAIL	yes	Layout metric set is incomplete
10	Visual baseline parity	FAIL	yes	Visual baseline data missing on one side

PR Gate

• PR gate: BLOCKED
• Component name alignment: Component name mismatch: System_thunder vs Chip
• Variant matrix alignment: Variant missing in code: darkerbg false
• Variant property/type/size alignment: Variant property missing in code: darkerbg
• Color token parity: Color token evidence missing on one side
• Spacing token parity: Spacing token evidence missing on one side
• Padding parity (±1px): Padding metrics missing on one side
• Gap/item spacing parity (±1px): Gap metrics missing on one side
• Container distance parity (±1px): Container distance metrics missing on one side
• Layout metric completeness: Layout metric set is incomplete
• Visual baseline parity: Visual baseline data missing on one side

Issues

#	Severity	Message	Design Value	Code Value
1	critical	Component name mismatch: System_thunder vs Chip	System_thunder	Chip
2	high	Variant missing in code: darkerbg false	darkerbg false	-
3	high	Variant missing in code: darkerbg true	darkerbg true	-
4	high	Variant missing in code: state default	state default	-
5	high	Variant missing in code: state filled	state filled	-
6	high	Variant missing in code: type brand	type brand	-
7	high	Variant missing in code: type error	type error	-
8	high	Variant missing in code: type neutral	type neutral	-
9	high	Variant missing in code: type purple	type purple	-
10	high	Variant missing in code: type success	type success	-
11	high	Variant missing in code: type warning	type warning	-
12	high	Variant missing in code: type yellow	type yellow	-
13	high	Variant missing in code: withborder false	withborder false	-
14	high	Variant missing in code: withborder true	withborder true	-
15	medium	Variant exists in code but not design: size extra large	-	size extra large
16	medium	Variant exists in code but not design: size large	-	size large
17	medium	Variant exists in code but not design: variant action brand	-	variant action brand
18	medium	Variant exists in code but not design: variant action error	-	variant action error
19	medium	Variant exists in code but not design: variant action purple	-	variant action purple
20	medium	Variant exists in code but not design: variant action success	-	variant action success
21	medium	Variant exists in code but not design: variant action warning	-	variant action warning
22	medium	Variant exists in code but not design: variant action yellow	-	variant action yellow
23	medium	Variant exists in code but not design: variant brand	-	variant brand
24	medium	Variant exists in code but not design: variant disabled	-	variant disabled
25	medium	Variant exists in code but not design: variant error	-	variant error
26	medium	Variant exists in code but not design: variant purple	-	variant purple
27	medium	Variant exists in code but not design: variant success	-	variant success
28	medium	Variant exists in code but not design: variant warning	-	variant warning
29	medium	Variant exists in code but not design: variant yellow	-	variant yellow
30	high	Variant property missing in code: darkerbg	darkerbg	-
31	medium	Variant value exists in code but not design for property size: extra large	-	size=extra large
32	medium	Variant value exists in code but not design for property size: large	-	size=large
33	high	Variant property missing in code: state	state	-
34	high	Variant value missing in code for property type (mapped to variant): neutral	type=neutral	-
35	medium	Variant value exists in code but not design for property type (mapped to variant): action brand	-	type=action brand
36	medium	Variant value exists in code but not design for property type (mapped to variant): action error	-	type=action error
37	medium	Variant value exists in code but not design for property type (mapped to variant): action purple	-	type=action purple
38	medium	Variant value exists in code but not design for property type (mapped to variant): action success	-	type=action success
39	medium	Variant value exists in code but not design for property type (mapped to variant): action warning	-	type=action warning
40	medium	Variant value exists in code but not design for property type (mapped to variant): action yellow	-	type=action yellow
41	medium	Variant value exists in code but not design for property type (mapped to variant): disabled	-	type=disabled
42	high	Variant property missing in code: withborder	withborder	-
43	high	Color token parity blocked: required color token evidence is missing on one side.	low	low
44	high	Spacing token parity blocked: required spacing token evidence is missing on one side.	low	low
45	high	Layout parity blocked: required spacing/padding/container metric evidence is missing on one side.	low	low
46	high	Visual parity blocked because one side has incomplete baseline states.	low	low

Evidence Links

• Parity Run ID: b6335656-2674-4423-bcd2-0001a6a7c1f7
• Component ID: 44444444-4444-4444-4444-444444444444

Checklist

• Design owner approved
• Code owner approved
• CI checks passed