Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Bump twin.macro from 2.3.2 to 2.8.2 in /projects/next #212

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

dependabot[bot]
Copy link

@dependabot dependabot bot commented on behalf of github Jan 1, 2022

Bumps twin.macro from 2.3.2 to 2.8.2.

Release notes

Sourced from twin.macro's releases.

2.8.2

This patch contains a few changes for those using the styled-components preset.

Possible breaking changes

  • Remove auto css prop The css prop can now be added with babel-plugin-styled-components - Setup info →
  • Tweak the styled import preset The default import was changed from import "styled-components/macro" to import "styled-components" - More info →

2.8.1

  • Allow font face values added via addBase (#563)

The Arbitrary Variants release

🌟 New: Arbitrary Variants (#546)

The star feature of this release is the addition of a new variant that creates a custom selector for classes.

Usage is easy, just add the selector within square brackets and prefix it on any class (or round-bracketed set):

// Style child elements with the strong tag from the parent container
;<div tw="[strong]:text-red-500">
    <strong>I'm red</strong>
</div>

Before this feature, the styling above would need help from the css prop:

// Style child elements with the strong tag from the parent container
;<div css={{ strong: tw`text-red-500` }}>
    <strong>I'm red</strong>
</div>

There are a wide range of uses for Arbitrary Variants:

// Style the current element based on a theming/scoping className
;<body className="dark-theme">
    <div tw="[.dark-theme &]:(bg-black text-white)">I'm dark theme</div>
</body>
// Add custom height queries
;<div tw="[@​media (min-height: 800px)]:hidden">
I'm shown only on smaller window heights
</div>
</tr></table>

... (truncated)

Commits
  • 1e9ec1a 2.8.2
  • 4d7e207 Merge pull request #582 from ben-rogerson/bugfix/tweak-styled-import-styled-c...
  • df64f6f Tweak the styled-components styled import preset
  • d1a7659 Merge pull request #581 from ben-rogerson/bugfix/remove-auto-css-prop
  • d6f25f3 Remove auto css prop
  • 86e39a5 Add arbitrary variants usage
  • 70a7726 Add headlessui example
  • ebc25b3 2.8.1
  • bf6f805 Merge pull request #563 from ben-rogerson/bugfix/addbase-font-face
  • 835b820 Allow font face values
  • Additional commits viewable in compare view

Dependabot compatibility score

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

  • @dependabot rebase will rebase this PR
  • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
  • @dependabot merge will merge this PR after your CI passes on it
  • @dependabot squash and merge will squash and merge this PR after your CI passes on it
  • @dependabot cancel merge will cancel a previously requested merge and block automerging
  • @dependabot reopen will reopen this PR if it is closed
  • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
  • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
  • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
  • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

Bumps [twin.macro](https://github.com/ben-rogerson/twin.macro) from 2.3.2 to 2.8.2.
- [Release notes](https://github.com/ben-rogerson/twin.macro/releases)
- [Commits](ben-rogerson/twin.macro@2.3.2...2.8.2)

---
updated-dependencies:
- dependency-name: twin.macro
  dependency-type: direct:production
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <support@github.com>
@dependabot @github
Copy link
Author

dependabot bot commented on behalf of github Jan 1, 2022

The following labels could not be found: dependencies, automerge.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
0 participants