@economic/taco 0.0.1-alpha.1533 → 0.0.1-alpha.8

package/dist/utils/mergeRefs.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export default function mergeRefs<T = any>(refs: Array<React.MutableRefObject<T> | React.LegacyRef<T>>): React.RefCallback<T>;

package/dist/utils/tailwind.d.ts

@@ -1 +1 @@
-export declare const getInputStateClasses: (state?: string | undefined) => string | false;
+export declare const getInputStateClasses: (state?: import("..").RowIndexPath) => string | false;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@economic/taco",
-    "version": "0.0.1-alpha.1533+7516300b4",
+    "version": "0.0.1-alpha.8+520927e1b",
     "description": "> TODO: description",
     "author": "Matt Daly <matthew.daly@visma.com>",
     "homepage": "https://github.com/e-conomic/taco#readme",
@@ -15,7 +15,9 @@
     },
     "files": [
         "dist",
-        "tailwind.config.js"
+        "plugins",
+        "tailwind.config.js",
+        "types.json"
     ],
     "publishConfig": {
         "access": "public"
@@ -115,5 +117,5 @@
             "\\.css$": "identity-obj-proxy"
         }
     },
-    "gitHead": "7516300b4142bc209c67e60e06690e21f7dbb32f"
+    "gitHead": "520927e1b57f8f35a336960b79d20aabccec3b93"
 }

package/plugins/tailwindcss-aria-attributes.js

@@ -0,0 +1,73 @@
+// copied from this unpublished plugin https://github.com/thoughtbot/tailwindcss-aria-attributes#usage
+const plugin = require('tailwindcss/plugin');
+
+module.exports = plugin(({ addVariant, e }) => {
+    [
+        'atomic',
+        'busy',
+        'checked',
+        'current',
+        'disabled',
+        'expanded',
+        'grabbed',
+        'haspopup',
+        'hidden',
+        'invalid',
+        'live',
+        'modal',
+        'multiline',
+        'multiselectable',
+        'pressed',
+        'readonly',
+        'required',
+        'selected',
+    ].forEach(boolean => {
+        const selector = `aria-${boolean}`;
+        addVariant(selector, ({ modifySelectors, separator }) =>
+            modifySelectors(({ className }) => `[${selector}="true"].${e(`${selector}${separator}${className}`)}`)
+        );
+
+        const groupSelector = `group-aria-${boolean}`;
+        addVariant(groupSelector, ({ modifySelectors, separator }) =>
+            modifySelectors(({ className }) => `.group[aria-${boolean}="true"] .${e(`${groupSelector}${separator}${className}`)}`)
+        );
+
+        const peerSelector = `peer-aria-${boolean}`;
+        addVariant(peerSelector, ({ modifySelectors, separator }) =>
+            modifySelectors(({ className }) => `.peer[aria-${boolean}="true"] ~ .${e(`${peerSelector}${separator}${className}`)}`)
+        );
+    });
+
+    const enumerables = {
+        autocomplete: ['both', 'inline', 'list', 'none'],
+        current: ['date', 'location', 'page', 'step', 'time'],
+        dropeffect: ['copy', 'execute', 'link', 'move', 'none', 'popup'],
+        haspopup: ['dialog', 'grid', 'listbox', 'menu', 'tree'],
+        orientation: ['horizontal', 'undefined', 'vertial'],
+        relevant: ['additions', 'all', 'removals', 'text'],
+        sort: ['ascending', 'descending', 'none', 'other'],
+    };
+
+    for (const [attribute, values] of Object.entries(enumerables)) {
+        for (const value of values) {
+            const selector = `aria-${attribute}-${value}`;
+            addVariant(selector, ({ modifySelectors, separator }) =>
+                modifySelectors(({ className }) => `[aria-${attribute}="${value}"].${e(`${selector}${separator}${className}`)}`)
+            );
+
+            const groupSelector = `group-aria-${attribute}-${value}`;
+            addVariant(groupSelector, ({ modifySelectors, separator }) =>
+                modifySelectors(
+                    ({ className }) => `.group[aria-${attribute}="${value}"] .${e(`${groupSelector}${separator}${className}`)}`
+                )
+            );
+
+            const peerSelector = `peer-aria-${attribute}-${value}`;
+            addVariant(peerSelector, ({ modifySelectors, separator }) =>
+                modifySelectors(
+                    ({ className }) => `.peer[aria-${attribute}="${value}"] ~ .${e(`${peerSelector}${separator}${className}`)}`
+                )
+            );
+        }
+    }
+});