tailwindcss-react-aria-components - npm Package Compare versions

Comparing version 1.0.0-nightly.4167 to 1.0.0-nightly.4174

package.json

 {
   "name": "tailwindcss-react-aria-components",
-  "version": "1.0.0-nightly.4167+db5bb1bdc",
+  "version": "1.0.0-nightly.4174+fc4488ff2",
   "description": "A Tailwind plugin that adds variants for data attributes in React Aria Components",
@@ -28,3 +28,3 @@ "license": "Apache-2.0",
   },
-  "gitHead": "db5bb1bdc63abd6a0515591029b4120127fc6dbb"
+  "gitHead": "fc4488ff2501be8625ff629d6af78655ecb5d088"
 }

src/index.js

@@ -67,3 +67,3 @@ import plugin from 'tailwindcss/plugin';
   if (prefix === '' && nativeVariantSelectors.has(attributeName)) {
-    return `&:is([data-rac]${baseSelector}, :not([data-rac])${nativeVariantSelectors.get(attributeName)})`;
+    return [`&:where([data-rac])${baseSelector}`, `&:where(:not([data-rac]))${nativeVariantSelectors.get(attributeName)}`];
   } else {
@@ -70,0 +70,0 @@ return `&${baseSelector}`;

src/index.test.js

@@ -29,18 +29,34 @@ const path = require('path');
     expect(result.css).toContain(css`
-.hover\:bg-red:is([data-rac][data-hovered], :not([data-rac]):hover) {
+.hover\:bg-red:where([data-rac])[data-hovered] {
     --tw-bg-opacity: 1;
     background-color: rgb(255 0 0 / var(--tw-bg-opacity))
 }
-.focus\:bg-red:is([data-rac][data-focused], :not([data-rac]):focus) {
+.hover\:bg-red:where(:not([data-rac])):hover {
     --tw-bg-opacity: 1;
     background-color: rgb(255 0 0 / var(--tw-bg-opacity))
 }
-.focus-visible\:bg-red:is([data-rac][data-focus-visible], :not([data-rac]):focus-visible) {
+.focus\:bg-red:where([data-rac])[data-focused] {
     --tw-bg-opacity: 1;
     background-color: rgb(255 0 0 / var(--tw-bg-opacity))
 }
-.focus-within\:bg-red:is([data-rac][data-focus-within], :not([data-rac]):focus-within) {
+.focus\:bg-red:where(:not([data-rac])):focus {
     --tw-bg-opacity: 1;
     background-color: rgb(255 0 0 / var(--tw-bg-opacity))
 }
+.focus-visible\:bg-red:where([data-rac])[data-focus-visible] {
+    --tw-bg-opacity: 1;
+    background-color: rgb(255 0 0 / var(--tw-bg-opacity))
+}
+.focus-visible\:bg-red:where(:not([data-rac])):focus-visible {
+    --tw-bg-opacity: 1;
+    background-color: rgb(255 0 0 / var(--tw-bg-opacity))
+}
+.focus-within\:bg-red:where([data-rac])[data-focus-within] {
+    --tw-bg-opacity: 1;
+    background-color: rgb(255 0 0 / var(--tw-bg-opacity))
+}
+.focus-within\:bg-red:where(:not([data-rac])):focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgb(255 0 0 / var(--tw-bg-opacity))
+}
 .pressed\:bg-red[data-pressed] {
@@ -58,6 +74,10 @@ --tw-bg-opacity: 1;
 }
-.disabled\:bg-red:is([data-rac][data-disabled], :not([data-rac]):disabled) {
+.disabled\:bg-red:where([data-rac])[data-disabled] {
     --tw-bg-opacity: 1;
     background-color: rgb(255 0 0 / var(--tw-bg-opacity))
 }
+.disabled\:bg-red:where(:not([data-rac])):disabled {
+    --tw-bg-opacity: 1;
+    background-color: rgb(255 0 0 / var(--tw-bg-opacity))
+}
 .drop-target\:bg-red[data-drop-target] {
@@ -71,6 +91,10 @@ --tw-bg-opacity: 1;
 }
-.empty\:bg-red:is([data-rac][data-empty], :not([data-rac]):empty) {
+.empty\:bg-red:where([data-rac])[data-empty] {
     --tw-bg-opacity: 1;
     background-color: rgb(255 0 0 / var(--tw-bg-opacity))
 }
+.empty\:bg-red:where(:not([data-rac])):empty {
+    --tw-bg-opacity: 1;
+    background-color: rgb(255 0 0 / var(--tw-bg-opacity))
+}
 .allows-dragging\:bg-red[data-allows-dragging] {
@@ -88,6 +112,10 @@ --tw-bg-opacity: 1;
 }
-.placeholder-shown\:bg-red:is([data-rac][data-placeholder], :not([data-rac]):placeholder-shown) {
+.placeholder-shown\:bg-red:where([data-rac])[data-placeholder] {
     --tw-bg-opacity: 1;
     background-color: rgb(255 0 0 / var(--tw-bg-opacity))
 }
+.placeholder-shown\:bg-red:where(:not([data-rac])):placeholder-shown {
+    --tw-bg-opacity: 1;
+    background-color: rgb(255 0 0 / var(--tw-bg-opacity))
+}
 .selected\:bg-red[data-selected] {
@@ -97,14 +125,26 @@ --tw-bg-opacity: 1;
 }
-.indeterminate\:bg-red:is([data-rac][data-indeterminate], :not([data-rac]):indeterminate) {
+.indeterminate\:bg-red:where([data-rac])[data-indeterminate] {
     --tw-bg-opacity: 1;
     background-color: rgb(255 0 0 / var(--tw-bg-opacity))
 }
-.read-only\:bg-red:is([data-rac][data-readonly], :not([data-rac]):read-only) {
+.indeterminate\:bg-red:where(:not([data-rac])):indeterminate {
     --tw-bg-opacity: 1;
     background-color: rgb(255 0 0 / var(--tw-bg-opacity))
 }
-.required\:bg-red:is([data-rac][data-required], :not([data-rac]):required) {
+.read-only\:bg-red:where([data-rac])[data-readonly] {
     --tw-bg-opacity: 1;
     background-color: rgb(255 0 0 / var(--tw-bg-opacity))
 }
+.read-only\:bg-red:where(:not([data-rac])):read-only {
+    --tw-bg-opacity: 1;
+    background-color: rgb(255 0 0 / var(--tw-bg-opacity))
+}
+.required\:bg-red:where([data-rac])[data-required] {
+    --tw-bg-opacity: 1;
+    background-color: rgb(255 0 0 / var(--tw-bg-opacity))
+}
+.required\:bg-red:where(:not([data-rac])):required {
+    --tw-bg-opacity: 1;
+    background-color: rgb(255 0 0 / var(--tw-bg-opacity))
+}
 .entering\:bg-red[data-entering] {
@@ -118,6 +158,10 @@ --tw-bg-opacity: 1;
 }
-.open\:bg-red:is([data-rac][data-open], :not([data-rac])[open]) {
+.open\:bg-red:where([data-rac])[data-open] {
     --tw-bg-opacity: 1;
     background-color: rgb(255 0 0 / var(--tw-bg-opacity))
 }
+.open\:bg-red:where(:not([data-rac]))[open] {
+    --tw-bg-opacity: 1;
+    background-color: rgb(255 0 0 / var(--tw-bg-opacity))
+}
 .unavailable\:bg-red[data-unavailable] {
@@ -147,6 +191,10 @@ --tw-bg-opacity: 1;
 }
-.invalid\:bg-red:is([data-rac][data-invalid], :not([data-rac]):invalid) {
+.invalid\:bg-red:where([data-rac])[data-invalid] {
     --tw-bg-opacity: 1;
     background-color: rgb(255 0 0 / var(--tw-bg-opacity))
 }
+.invalid\:bg-red:where(:not([data-rac])):invalid {
+    --tw-bg-opacity: 1;
+    background-color: rgb(255 0 0 / var(--tw-bg-opacity))
+}
 .resizing\:bg-red[data-resizing] {
@@ -153,0 +201,0 @@ --tw-bg-opacity: 1;

New alerts

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Fixed alerts

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

33839

4.26%

Lines of code

579

9.04%

No dependency changes