[v1 branch] css tag template literal returns a single classname?

I’m testing the v1 beta, and have noticed some styles failing to apply after switching from 0.x… the mapping of the computed module seems to be selecting an inner property…

const styles = _Icon_styles_module_css__WEBPACK_IMPORTED_MODULE_4___default.a.cls2;

this was computed from:

const styles = css`
	.input-icon {
		position: relative;
		display: inline-block;

		--icon-size: 34px;
	}

	.input-icon.placeholder-label {
		display: block;
	}
...

[jquense]

yes in v1 css returns a single class, and you don’t include the class name in the declaration:

const popup = css`
    display: flex;
    flex-direction: column;
`

the stylesheet tag was added to take the place for what css used to do. The readme has not been updated yet, but there is an actual docs site https://astroturf.netlify.app/migration/ don’t be too worried, there are automated code-mods that should make the process of migrating completely automated

[fnpen]

@jsg2021

We can use it:

import { stylesheet } from 'astroturf';
const styles = stylesheet`
  .popup {
    display: flex;

    flex-direction: column;
  }
`;