Checkpoint: Components and Systems

Question 1 of 5

• Keep overriding; overrides are free.
• Detach all 12 rows so the color sticks.
• Create a second Habit row component with the darker gray.
• Fix the color once on the main component’s variable binding, then reset the 12 overrides.

Question 2 of 5

• Eight variants: every state with and without helper text.
• A boolean for each state and a variant for the helper text.
• A State variant property, a boolean for showing helper text and a text property for its content.
• Four separate components with no variants.

Question 3 of 5

• Light, because it inherits from its nearest parent with a mode set, the promo card.
• Dark, because the page’s mode always wins.
• Auto, so it uses the collection’s default regardless of parents.
• Neither; Figma flags the conflict.

Question 4 of 5

• A color variable.
• An effect style.
• A number variable for the blur radius only.
• A boolean variable that shows or hides a shadow rectangle.

Question 5 of 5

• Nothing; subscribers can compare files themselves.
• “Updates”.
• A list of every layer in the kit.
• What changed, why, and whether anyone needs to act, for example “rows are now 16/16; check tight layouts”.