🐛 Bug - `v3.63.3` breaks Button and Select styles

Forma 36 bug report

Summary

You are probably already aware of it, but @contentful/forma-36-react-components@3.63.3 breaks some styles for me. I didn’t do anything differently with v3.63.2 and it works.

I started working on a UI extension yesterday which looks like this:

import {
  Button,
  SelectField,
  Option,
} from '@contentful/forma-36-react-components'

const Sidebar = () => {
  return (
    <div className={styles.container}>
      <div className={styles.select}>
        <SelectField
          id="selectEnvironment"
          name="selectEnvironment"
          labelText="Select environment"
          onChange={event => setEnv(event.target.value)}
          width="full"
          willBlurOnEsc
        >
          <Option value="next">Next</Option>
          <Option value="production">Production</Option>
        </SelectField>
      </div>
      <Button
        buttonType="primary"
        isFullWidth
        onClick={() => console.info(`Deploying to ${env}...`)}
      >
        Deploy content
      </Button>
    </div>
  )
}

After running yarn install again today, I saw broken styles:

v3.63.3

v3.63.2

[gregoralbrecht]

Sorry, I can’t share the lock file since this is client work. If you can’t reproduce this it might be an issue on our end, though. Just wanted to raise in case you wanted to know 😃

[gregoralbrecht]

Sorry for the late reply. Glad you found it, makes sense it was missing CSS variables. Thanks for fixing it! 😃