tailwindcss-react-aria-components 2.0.1 → 2.1.1

package/package.json

@@ -1,30 +1,30 @@
 {
   "name": "tailwindcss-react-aria-components",
-  "version": "2.0.1",
+  "version": "2.1.1",
   "description": "A Tailwind plugin that adds variants for data attributes in React Aria Components",
   "license": "Apache-2.0",
-  "main": "src/index.js",
-  "types": "src/index.d.ts",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/adobe/react-spectrum"
+  },
   "source": "src/index.js",
   "files": [
     "dist",
     "src"
   ],
   "sideEffects": false,
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/adobe/react-spectrum"
-  },
-  "peerDependencies": {
-    "tailwindcss": "^4.0.0"
+  "main": "src/index.js",
+  "types": "src/index.d.ts",
+  "publishConfig": {
+    "access": "public"
   },
   "devDependencies": {
     "@tailwindcss/postcss": "^4.0.0",
     "postcss": "^8.0.0",
     "tailwindcss": "^4.0.0"
   },
-  "publishConfig": {
-    "access": "public"
+  "peerDependencies": {
+    "tailwindcss": "^4.0.0"
   },
-  "gitHead": "2c58ed3ddd9be9100af9b1d0cfd137fcdc95ba2d"
+  "gitHead": "3577a20859b9585a000010c720f6ee39c1c588cc"
 }

package/src/index.d.ts

@@ -1,9 +1,9 @@
-declare function plugin(options?: Partial<{ prefix: string }>): {
-  handler: () => void
-}
+declare function plugin(options?: Partial<{prefix: string}>): {
+  handler: () => void;
+};
 
 declare namespace plugin {
   const __isOptionsFunction: true;
 }
 
-export = plugin
+export = plugin;

package/src/index.js

@@ -65,9 +65,17 @@ const shortNames = {
 
 // Variants we use that are already defined by Tailwind:
 // https://github.com/tailwindlabs/tailwindcss/blob/a2fa6932767ab328515f743d6188c2164ad2a5de/src/corePlugins.js#L84
-const nativeVariants = ['indeterminate', 'required', 'invalid', 'empty', 'focus-visible', 'focus-within', 'disabled'];
+const nativeVariants = [
+  'indeterminate',
+  'required',
+  'invalid',
+  'empty',
+  'focus-visible',
+  'focus-within',
+  'disabled'
+];
 const nativeVariantSelectors = new Map([
-  ...nativeVariants.map((variant) => [variant, `:${variant}`]),
+  ...nativeVariants.map(variant => [variant, `:${variant}`]),
   ['hovered', ':hover'],
   ['focused', ':focus'],
   ['active', ':active'],
@@ -77,13 +85,13 @@ const nativeVariantSelectors = new Map([
 ]);
 
 // Variants where both native and RAC attributes should apply. We don't override these.
-const nativeMergeSelectors = new Map([
-  ['placeholder', ':placeholder-shown']
-]);
+const nativeMergeSelectors = new Map([['placeholder', ':placeholder-shown']]);
 
 // If no prefix is specified, we want to avoid overriding native variants on non-RAC components, so we only target elements with the data-rac attribute for those variants.
 let getSelector = (prefix, attributeName, attributeValue) => {
-  let baseSelector = attributeValue ? `[data-${attributeName}="${attributeValue}"]` : `[data-${attributeName}]`;
+  let baseSelector = attributeValue
+    ? `[data-${attributeName}="${attributeValue}"]`
+    : `[data-${attributeName}]`;
   let nativeSelector = nativeVariantSelectors.get(attributeName);
   if (prefix === '' && nativeSelector) {
     let wrappedNativeSelector = `&:where(:not([data-rac]))${nativeSelector}`;
@@ -116,22 +124,23 @@ let wrapSelector = (selector, wrap) => {
 };
 
 let addVariants = (variantName, selectors, addVariant) => {
-  addVariant(variantName, mapSelector(selectors, selector => wrapSelector(selector, s => s)));
+  addVariant(
+    variantName,
+    mapSelector(selectors, selector => wrapSelector(selector, s => s))
+  );
 };
 
-module.exports = plugin.withOptions((options) => (({addVariant}) => {
+module.exports = plugin.withOptions(options => ({addVariant}) => {
   let prefix = options?.prefix ? `${options.prefix}-` : '';
 
   // Enum attributes go first because currently they are all non-interactive states.
-  Object.keys(attributes.enum).forEach((attributeName) => {
-    attributes.enum[attributeName].forEach(
-      (attributeValue, i) => {
-        let name = shortNames[attributeName] || attributeName;
-        let variantName = `${prefix}${name}-${attributeValue}`;
-        let selectors = getSelector(prefix, attributeName, attributeValue);
-        addVariants(variantName, selectors, addVariant, i);
-      }
-    );
+  Object.keys(attributes.enum).forEach(attributeName => {
+    attributes.enum[attributeName].forEach((attributeValue, i) => {
+      let name = shortNames[attributeName] || attributeName;
+      let variantName = `${prefix}${name}-${attributeValue}`;
+      let selectors = getSelector(prefix, attributeName, attributeValue);
+      addVariants(variantName, selectors, addVariant, i);
+    });
   });
 
   attributes.boolean.forEach((attribute, i) => {
@@ -141,4 +150,4 @@ module.exports = plugin.withOptions((options) => (({addVariant}) => {
     let selectors = getSelector(prefix, attributeName, null);
     addVariants(variantName, selectors, addVariant, i);
   });
-}));
+});