Fixing the caption

[Kritvi-bhatia17]

The Caption component in the Style tab across several components (e.g., dropdown) is causing spacing issues, resulting in the asterisk appearing as a bullet point instead of footnoting the line above.

<Caption>
  * Denotes a contextual color token that will change values based on the layer
  it is placed on.
</Caption>

Changelog

Changed

• Updated the Caption component to prevent the asterisk from being treated as an unordered list by adjusting the code as follows:

<Caption>
  \* Denotes a contextual color token that will change values based on the layer
  it is placed on.
</Caption>

Ref: Thread

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
carbondesignsystem	❌ Failed (Inspect)			Jan 24, 2025 4:29pm

[alisonjoseph]

Suggested change

	<Caption>
	<Caption fullWidth>

Did you also want to add this to all of the Caption components?

[Kritvi-bhatia17]

Apologies for not mentioning this earlier in the thread. From what I recall, it has always been broken down this way, so I just wanted to understand the reasoning behind it. I'll confirm with the designers to see if there was any specific reason for this, or if you can help clarify it.

[Kritvi-bhatia17]

I've confirmed with Lauren, we can replace with fullWidth prop.

[ecarriechung]

@Kritvi-bhatia17 could you try to deploy again? It looks like deployment has failed and Preview is not available.

[ecarriechung]

Looks good!

[Kritvi-bhatia17]

Hi @alisonjoseph, I tried redeploying, but the preview link isn’t being generated. Could you please help me with this?

[alisonjoseph]

@Kritvi-bhatia17 just triggered another re-deploy, its just the normal vercel timeout error we get sometimes, the code all looks good.