Create a New React Component and Add Storybook Story

I am encountering an issue where CSS variables used in Radix-UI theme components are not being recognized while rendering it in storybook's story. For example, in components with the following CSS:

padding-left: var(--space-3);
padding-right: var(--space-3);
color: var(--accent-contrast);

When rendering the component in Storybook and inspecting the element, these variables have no value assigned. Clicking on them shows an error like --space-3 is not defined or --accent-contrast is not defined.

It seems that the required CSS variables are either not being loaded or not defined in the context of Storybook. debugging it I believe I get the root cause of this soon.

Not sure if this issue is actually going to tackle of the problem of making the request to the server to get the pending changes but server now supports this see 📌 Create AutoSave service and HTTP API to retrieve all entities with pending changes Active

If this issue is not taking that on is there a follow-up that will?

the logic can be seen in the phpunit tes.

the client first has to make a call to the changes see \Drupal\Tests\experience_builder\Kernel\ApiPublishAllControllerTest::getAutoSaveStatesFromServer
and then send those changes back to the server(to confirm it knows about the latest) - see \Drupal\Tests\experience_builder\Kernel\ApiPublishAllControllerTest::makePublishAllRequest

Great job!