This PR adds a not- variant for every pseudo-class variant (plus open:), including the group- and peer- ones (e.g., not-focus-within:, group-not-first:, peer-not-open:).

In addition to containing many new tests for the not- variants in tests/variants.test.html, this PR:

• moves the backdrop:shadow-md test from the pseudo-class area to the pseudo-element area;
• fixes a typo (xl:dark:disabledshadow-md -> xl:dark:disabled:shadow-md) and adds a corresponding test;
• adds a missing test for the peer-open: variant.

Hello bro, I'm a Beginner learner and hobbiest. im currently learning how to create swift UI Based app.. I wanted some idea so I thought why not to create something that will benefit the whole Hackintosh Community I've thought about Hackintool 2.0 using swift ui but as i said I'm a beginner I don't know to how to use old libraries in swift

Please Help me This is what I expect the new app to look like

Since I will be using this package to build my personal website, which will be supporting English and Arabic, I figured the best way to thank you was to add this small contribution.

I added the ability to add the dir attribute in both the Node and Component based APIs.

It is a global attribute that can be added to any HTML elemnt (technically any element including non-HTML, but I didn't focuse on XML in this PR).

I added a new enum called Directionality (the name is inspired from the spec linked above) to hold the three possible values. I made the case names clearer to read and added the actual HTML values as a raw value to each case.

public enum Directionality: String {
    case leftToRight = "ltr"
    case rightToLeft = "rtl"
    case auto = "auto"
}

users can use this like so:

// Support Arabic for the entire document.
let html = HTML(
    .lang(.arabic),
    .dir(.rightToLeft),
    .body(.component(Home())
)

// Or for a specific element.
struct Home: Component {
    var body: Component {
        H1("أهلًا بالعالم!").dir(.auto)
    }
}

I hope I added them to the correct extensions.

Your discussions and comments are always welcome.

What version of Tailwind CSS are you using?

v3.0.23

What build tool (or framework if it abstracts the build tool) are you using?

Publish with a custom step to run Tailwind

What version of Node.js are you using?

Included with TailwindCSS CLI tool

What browser are you using?

Firefox 98.0.1

What operating system are you using?

macOS 12.3

Reproduction URL

https://tailwindcss.com/blog/tailwindcss-v3#scroll-snap-api

Describe your issue

Scroll snap does not work, and simply just messes with scrolling. On Safari everything works as expected.

Safari:

Firefox: