feat(v2)!: new major version

[bdrtsky]

Related PRs:

• https://github.com/nuxt-themes/elements/pull/189
• feat!: release v1 nuxt-themes/typography#56
• https://github.com/nuxt-themes/elements/pull/189

This PR uses beta versions:

• @nuxt-themes/typography@1.0.0-beta.1
• @nuxt-themes/tokens@2.0.0-beta.2
• @nuxt-themes/elements@1.0.0-beta.1

[vercel]

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

Name	Status	Preview	Updated (UTC)
docus	✅ Ready (Inspect)	Visit Preview	Jun 6, 2023 4:21pm

[bdrtsky]

BREAKING:

• useMenu renamed to useBodyLock, moved to Elements

[Barbapapazes]

Hello, I'm currently updating my documentation to be ready for the release, aneoconsulting/armonik-docs-theme#44.

But I found that there is a missing margin on y for the alert.

After:

Before:

There is the same issue between a list and an alert.

[bdrtsky]

@Barbapapazes this happens because you mix Prose components with Elements. Elements doesn't have any positioning styles, unlike Prose. I don't have a nice solution for you currently (until Pinceau fully support local css vars through props), but you can do that for now:

::alert{style="margin-bottom: var(--typography-verticalMargin-base)"}
alert 1
::

::alert{style="margin-bottom: var(--typography-verticalMargin-base)"}
alert 2
::

[Barbapapazes]

@Barbapapazes this happens because you mix Prose components with Elements. Elements doesn't have any positioning styles, unlike Prose. I don't have a nice solution for you currently (until Pinceau fully support local css vars through props), but you can do that for now:

::alert{style="margin-bottom: var(--typography-verticalMargin-base)"}
alert 1
::

::alert{style="margin-bottom: var(--typography-verticalMargin-base)"}
alert 2
::

Thanks for this tip. Could not be the responsibility for Docus to handle this case?