Setting tone="critical" on s-button with secondary-action slots does not work

I copy pasted the HTML example from the Polaris web components pattern (details) : Details

And the actual result differs from what is shown on the documentation, the Delete button (tone=“critical”) is not shown in red color :

Seeing the same here.

Tried it in both the primary-action and secondary-actions slots of s-page and neither renders red. The button stays the default grey either way, so it is not specific to secondary actions.

Slightly concerned about the knock-on for Built for Shopify, since destructive actions are expected to read as destructive. At the moment there is no way to signal that from a page action at all.

Is a fix on the way? Can someone from Shopify chip in here?

Ironically, using the recommended official Polaris web components is detrimental on getting BFS :sweat_smile:, we have to use the outdated React based Polaris to match the criteria (as the web components version does’t allow us to fully control the UI, the actual rendering is decided by Shopify’s library)

Hopefully this can be resolved soon.

Hey folks, this should be fixed now. Thanks for flagging it.

All working now! Thanks @David-Shopify!