@economic/taco 2.52.1 → 2.53.0-alpha.0

package/dist/esm/index.css

@@ -911,18 +911,52 @@ table[data-taco^='table'][data-table-font-size='small'] td [data-taco='textarea'
     @apply !-mt-[4px] !mb-[1px] !pt-[3px] !leading-4;
 }
 
-table[data-taco^='table'][data-table-row-height='medium'][data-table-font-size='small'] td [data-taco='textarea'] {
+table[data-taco^='table'][data-table-font-size='small'] td[data-cell-truncate='true'] [data-taco='textarea'] {
+    @apply !py-[3px];
+}
+
+table[data-taco^='table'][data-table-row-height='short'][data-table-font-size='small']
+    td[data-cell-truncate='true']
+    [data-taco='textarea'] {
+    @apply !-mb-[1px];
+}
+
+table[data-taco^='table'][data-table-row-height='medium'][data-table-font-size='small']
+    td:not([data-cell-truncate='true'])
+    [data-taco='textarea'] {
     @apply !mb-[5px];
 }
 
-table[data-taco^='table'][data-table-row-height='tall'][data-table-font-size='small'] td [data-taco='textarea'] {
+table[data-taco^='table'][data-table-row-height='medium'][data-table-font-size='small']
+    td[data-cell-truncate='true']
+    [data-taco='textarea'] {
+    @apply !mb-[3px] !h-4;
+}
+
+table[data-taco^='table'][data-table-row-height='tall'][data-table-font-size='small']
+    td:not([data-cell-truncate='true'])
+    [data-taco='textarea'] {
     @apply !mb-[9px];
 }
 
-table[data-taco^='table'][data-table-row-height='extra-tall'][data-table-font-size='small'] td [data-taco='textarea'] {
+table[data-taco^='table'][data-table-row-height='tall'][data-table-font-size='small']
+    td[data-cell-truncate='true']
+    [data-taco='textarea'] {
+    @apply !mb-[7px] !h-4;
+}
+
+table[data-taco^='table'][data-table-row-height='extra-tall'][data-table-font-size='small']
+    td:not([data-cell-truncate='true'])
+    [data-taco='textarea'] {
     @apply !mb-[15px];
 }
 
+table[data-taco^='table'][data-table-row-height='extra-tall'][data-table-font-size='small']
+    td[data-cell-truncate='true']
+    [data-taco='textarea'] {
+    @apply !mb-[13px];
+}
+
 table[data-taco^='table'][data-table-font-size='small'] td [data-taco='input-container'] [data-affix-type='postfix'] button {
     @apply z-10 !h-6 !min-h-[theme(spacing.6)] !w-6 !min-w-[theme(spacing.6)];
 }

package/dist/index.css

@@ -911,18 +911,52 @@ table[data-taco^='table'][data-table-font-size='small'] td [data-taco='textarea'
     @apply !-mt-[4px] !mb-[1px] !pt-[3px] !leading-4;
 }
 
-table[data-taco^='table'][data-table-row-height='medium'][data-table-font-size='small'] td [data-taco='textarea'] {
+table[data-taco^='table'][data-table-font-size='small'] td[data-cell-truncate='true'] [data-taco='textarea'] {
+    @apply !py-[3px];
+}
+
+table[data-taco^='table'][data-table-row-height='short'][data-table-font-size='small']
+    td[data-cell-truncate='true']
+    [data-taco='textarea'] {
+    @apply !-mb-[1px];
+}
+
+table[data-taco^='table'][data-table-row-height='medium'][data-table-font-size='small']
+    td:not([data-cell-truncate='true'])
+    [data-taco='textarea'] {
     @apply !mb-[5px];
 }
 
-table[data-taco^='table'][data-table-row-height='tall'][data-table-font-size='small'] td [data-taco='textarea'] {
+table[data-taco^='table'][data-table-row-height='medium'][data-table-font-size='small']
+    td[data-cell-truncate='true']
+    [data-taco='textarea'] {
+    @apply !mb-[3px] !h-4;
+}
+
+table[data-taco^='table'][data-table-row-height='tall'][data-table-font-size='small']
+    td:not([data-cell-truncate='true'])
+    [data-taco='textarea'] {
     @apply !mb-[9px];
 }
 
-table[data-taco^='table'][data-table-row-height='extra-tall'][data-table-font-size='small'] td [data-taco='textarea'] {
+table[data-taco^='table'][data-table-row-height='tall'][data-table-font-size='small']
+    td[data-cell-truncate='true']
+    [data-taco='textarea'] {
+    @apply !mb-[7px] !h-4;
+}
+
+table[data-taco^='table'][data-table-row-height='extra-tall'][data-table-font-size='small']
+    td:not([data-cell-truncate='true'])
+    [data-taco='textarea'] {
     @apply !mb-[15px];
 }
 
+table[data-taco^='table'][data-table-row-height='extra-tall'][data-table-font-size='small']
+    td[data-cell-truncate='true']
+    [data-taco='textarea'] {
+    @apply !mb-[13px];
+}
+
 table[data-taco^='table'][data-table-font-size='small'] td [data-taco='input-container'] [data-affix-type='postfix'] button {
     @apply z-10 !h-6 !min-h-[theme(spacing.6)] !w-6 !min-w-[theme(spacing.6)];
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@economic/taco",
-    "version": "2.52.1",
+    "version": "2.53.0-alpha.0",
     "description": "> TODO: description",
     "author": "Matt Daly <matthew.daly@visma.com>",
     "homepage": "https://github.com/e-conomic/taco#readme",
@@ -111,6 +111,7 @@
         "rollup-plugin-postcss": "^4.0.2",
         "svgo": "^1.3.2",
         "tailwindcss": "^3.3.2",
+        "tailwindcss-react-aria-components": "^1.2.0",
         "ts-jest": "^29.1.1",
         "ts-node": "^10.9.1",
         "tsdx": "^0.13.2",
@@ -130,5 +131,5 @@
             "not ie < 11"
         ]
     },
-    "gitHead": "4da903c3bc6ab0dfaad9d90f9bffc152eaf80c62"
+    "gitHead": "7d9a2f36f084b4b55f475cfc30ae0faa00fbca83"
 }

package/tailwind.config.js

@@ -42,6 +42,7 @@ module.exports = {
     plugins: [
         require('./plugins/tailwindcss-aria-attributes'),
         require('./plugins/tailwindcss-group-peer'),
+        require('tailwindcss-react-aria-components'),
         plugin(function ({ addUtilities, theme }) {
             // ideally we would do this using the @layer utilities directive, but
             // that causes issues in tools like tailwind where the typescript is loaded before the css