@economic/taco 1.37.0 → 1.38.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@economic/taco",
-    "version": "1.37.0",
+    "version": "1.38.0",
     "description": "> TODO: description",
     "author": "Matt Daly <matthew.daly@visma.com>",
     "homepage": "https://github.com/e-conomic/taco#readme",
@@ -133,5 +133,5 @@
             "not ie < 11"
         ]
     },
-    "gitHead": "9fd1467878aa589c65f22a64a89b079159535b7f"
+    "gitHead": "0e35fb5668eb220da4cb542819d455e480ae95a7"
 }

package/plugins/tailwindcss-aria-attributes.js

@@ -1,8 +1,19 @@
 // copied from this unpublished plugin https://github.com/thoughtbot/tailwindcss-aria-attributes#usage
 const plugin = require('tailwindcss/plugin');
 
-module.exports = plugin(({ addVariant, e }) => {
-    [
+module.exports = plugin(({ addVariant }) => {
+    const addAriaVariant = (name, value) => {
+        addVariant(name, `[${name}="${value}"]&`);
+        addVariant(`peer-${name}`, `:merge(.peer)[${name}="${value}"] ~ &`);
+        addVariant(`group-${name}`, `:merge(.group)[${name}="${value}"] &`);
+    };
+    const addAriaEnumVariant = (name, value) => {
+        addVariant(`${name}-${value}`, `[${name}="${value}"]&`);
+        addVariant(`peer-${name}-${value}`, `:merge(.peer)[${name}="${value}"] ~ &`);
+        addVariant(`group-${name}-${value}`, `:merge(.group)[${name}="${value}"] &`);
+    };
+
+    const booleans = [
         'atomic',
         'busy',
         'checked',
@@ -21,53 +32,26 @@ module.exports = plugin(({ addVariant, e }) => {
         '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}`)}`)
-        );
-    });
+    for (const attribute of booleans) {
+        addAriaVariant(`aria-${attribute}`, 'true');
+    }
 
     const enumerables = {
         autocomplete: ['both', 'inline', 'list', 'none'],
+        checked: ['false', 'true', 'mixed'],
         current: ['date', 'location', 'page', 'step', 'time'],
         dropeffect: ['copy', 'execute', 'link', 'move', 'none', 'popup'],
         haspopup: ['dialog', 'grid', 'listbox', 'menu', 'tree'],
-        orientation: ['horizontal', 'undefined', 'vertial'],
+        orientation: ['horizontal', 'undefined', 'vertical'],
         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}`)}`
-                )
-            );
+            addAriaEnumVariant(`aria-${attribute}`, value);
         }
     }
 });

package/tailwind.config.js

@@ -464,11 +464,15 @@ module.exports = {
                     color: theme('colors.blue.500'),
                 },
                 '.yt-focus': {
-                    'box-shadow': '0 0 0 2px rgba(0, 99, 255, 0.25)',
+                    'box-shadow': `0 0 0 1px #fff, 0 0 0 3px ${theme('colors.blue.500')}`,
+                    outline: 'none',
+                },
+                '.yt-focus-inset': {
+                    'box-shadow': `inset 0 0 0 2px ${theme('colors.blue.500')}`,
                     outline: 'none',
                 },
                 '.yt-focus-dark': {
-                    'box-shadow': '0 0 0 3px rgba(38, 132, 255, 75%)',
+                    'box-shadow': `0 0 0 3px ${theme('colors.blue.500')}`,
                     outline: 'none',
                 },
                 '.yt-focus-green': {

package/types.json

@@ -266,7 +266,7 @@
                     "type": {
                         "type": "reflection",
                         "declaration": {
-                            "id": 1347,
+                            "id": 1348,
                             "name": "__type",
                             "kind": 65536,
                             "kindString": "Type literal",
@@ -3896,7 +3896,7 @@
                 {
                     "type": "reflection",
                     "declaration": {
-                        "id": 3327,
+                        "id": 3328,
                         "name": "__type",
                         "kind": 65536,
                         "kindString": "Type literal",
@@ -4099,7 +4099,7 @@
                     "constraint": {
                         "type": "reflection",
                         "declaration": {
-                            "id": 2050,
+                            "id": 2051,
                             "name": "__type",
                             "kind": 65536,
                             "kindString": "Type literal",
@@ -5721,7 +5721,10 @@
                 {
                     "name": "defaultWidth",
                     "optional": true,
-                    "type": "number"
+                    "type": [
+                        "number",
+                        "'grow'"
+                    ]
                 },
                 {
                     "name": "disableFiltering",