@economic/taco 2.52.1 → 2.53.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/esm/index.css +37 -3
  2. package/dist/index.css +37 -3
  3. package/package.json +3 -2
  4. package/tailwind.config.js +1 -0
package/dist/esm/index.css CHANGED
@@ -911,18 +911,52 @@ table[data-taco^='table'][data-table-font-size='small'] td [data-taco='textarea'
911
911
  @apply !-mt-[4px] !mb-[1px] !pt-[3px] !leading-4;
912
912
  }
913
913
 
914
- table[data-taco^='table'][data-table-row-height='medium'][data-table-font-size='small'] td [data-taco='textarea'] {
914
+ table[data-taco^='table'][data-table-font-size='small'] td[data-cell-truncate='true'] [data-taco='textarea'] {
915
+ @apply !py-[3px];
916
+ }
917
+
918
+ table[data-taco^='table'][data-table-row-height='short'][data-table-font-size='small']
919
+ td[data-cell-truncate='true']
920
+ [data-taco='textarea'] {
921
+ @apply !-mb-[1px];
922
+ }
923
+
924
+ table[data-taco^='table'][data-table-row-height='medium'][data-table-font-size='small']
925
+ td:not([data-cell-truncate='true'])
926
+ [data-taco='textarea'] {
915
927
  @apply !mb-[5px];
916
928
  }
917
929
 
918
- table[data-taco^='table'][data-table-row-height='tall'][data-table-font-size='small'] td [data-taco='textarea'] {
930
+ table[data-taco^='table'][data-table-row-height='medium'][data-table-font-size='small']
931
+ td[data-cell-truncate='true']
932
+ [data-taco='textarea'] {
933
+ @apply !mb-[3px] !h-4;
934
+ }
935
+
936
+ table[data-taco^='table'][data-table-row-height='tall'][data-table-font-size='small']
937
+ td:not([data-cell-truncate='true'])
938
+ [data-taco='textarea'] {
919
939
  @apply !mb-[9px];
920
940
  }
921
941
 
922
- table[data-taco^='table'][data-table-row-height='extra-tall'][data-table-font-size='small'] td [data-taco='textarea'] {
942
+ table[data-taco^='table'][data-table-row-height='tall'][data-table-font-size='small']
943
+ td[data-cell-truncate='true']
944
+ [data-taco='textarea'] {
945
+ @apply !mb-[7px] !h-4;
946
+ }
947
+
948
+ table[data-taco^='table'][data-table-row-height='extra-tall'][data-table-font-size='small']
949
+ td:not([data-cell-truncate='true'])
950
+ [data-taco='textarea'] {
923
951
  @apply !mb-[15px];
924
952
  }
925
953
 
954
+ table[data-taco^='table'][data-table-row-height='extra-tall'][data-table-font-size='small']
955
+ td[data-cell-truncate='true']
956
+ [data-taco='textarea'] {
957
+ @apply !mb-[13px];
958
+ }
959
+
926
960
  table[data-taco^='table'][data-table-font-size='small'] td [data-taco='input-container'] [data-affix-type='postfix'] button {
927
961
  @apply z-10 !h-6 !min-h-[theme(spacing.6)] !w-6 !min-w-[theme(spacing.6)];
928
962
  }
package/dist/index.css CHANGED
@@ -911,18 +911,52 @@ table[data-taco^='table'][data-table-font-size='small'] td [data-taco='textarea'
911
911
  @apply !-mt-[4px] !mb-[1px] !pt-[3px] !leading-4;
912
912
  }
913
913
 
914
- table[data-taco^='table'][data-table-row-height='medium'][data-table-font-size='small'] td [data-taco='textarea'] {
914
+ table[data-taco^='table'][data-table-font-size='small'] td[data-cell-truncate='true'] [data-taco='textarea'] {
915
+ @apply !py-[3px];
916
+ }
917
+
918
+ table[data-taco^='table'][data-table-row-height='short'][data-table-font-size='small']
919
+ td[data-cell-truncate='true']
920
+ [data-taco='textarea'] {
921
+ @apply !-mb-[1px];
922
+ }
923
+
924
+ table[data-taco^='table'][data-table-row-height='medium'][data-table-font-size='small']
925
+ td:not([data-cell-truncate='true'])
926
+ [data-taco='textarea'] {
915
927
  @apply !mb-[5px];
916
928
  }
917
929
 
918
- table[data-taco^='table'][data-table-row-height='tall'][data-table-font-size='small'] td [data-taco='textarea'] {
930
+ table[data-taco^='table'][data-table-row-height='medium'][data-table-font-size='small']
931
+ td[data-cell-truncate='true']
932
+ [data-taco='textarea'] {
933
+ @apply !mb-[3px] !h-4;
934
+ }
935
+
936
+ table[data-taco^='table'][data-table-row-height='tall'][data-table-font-size='small']
937
+ td:not([data-cell-truncate='true'])
938
+ [data-taco='textarea'] {
919
939
  @apply !mb-[9px];
920
940
  }
921
941
 
922
- table[data-taco^='table'][data-table-row-height='extra-tall'][data-table-font-size='small'] td [data-taco='textarea'] {
942
+ table[data-taco^='table'][data-table-row-height='tall'][data-table-font-size='small']
943
+ td[data-cell-truncate='true']
944
+ [data-taco='textarea'] {
945
+ @apply !mb-[7px] !h-4;
946
+ }
947
+
948
+ table[data-taco^='table'][data-table-row-height='extra-tall'][data-table-font-size='small']
949
+ td:not([data-cell-truncate='true'])
950
+ [data-taco='textarea'] {
923
951
  @apply !mb-[15px];
924
952
  }
925
953
 
954
+ table[data-taco^='table'][data-table-row-height='extra-tall'][data-table-font-size='small']
955
+ td[data-cell-truncate='true']
956
+ [data-taco='textarea'] {
957
+ @apply !mb-[13px];
958
+ }
959
+
926
960
  table[data-taco^='table'][data-table-font-size='small'] td [data-taco='input-container'] [data-affix-type='postfix'] button {
927
961
  @apply z-10 !h-6 !min-h-[theme(spacing.6)] !w-6 !min-w-[theme(spacing.6)];
928
962
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@economic/taco",
3
- "version": "2.52.1",
3
+ "version": "2.53.0-alpha.0",
4
4
  "description": "> TODO: description",
5
5
  "author": "Matt Daly <matthew.daly@visma.com>",
6
6
  "homepage": "https://github.com/e-conomic/taco#readme",
@@ -111,6 +111,7 @@
111
111
  "rollup-plugin-postcss": "^4.0.2",
112
112
  "svgo": "^1.3.2",
113
113
  "tailwindcss": "^3.3.2",
114
+ "tailwindcss-react-aria-components": "^1.2.0",
114
115
  "ts-jest": "^29.1.1",
115
116
  "ts-node": "^10.9.1",
116
117
  "tsdx": "^0.13.2",
@@ -130,5 +131,5 @@
130
131
  "not ie < 11"
131
132
  ]
132
133
  },
133
- "gitHead": "4da903c3bc6ab0dfaad9d90f9bffc152eaf80c62"
134
+ "gitHead": "7d9a2f36f084b4b55f475cfc30ae0faa00fbca83"
134
135
  }
package/tailwind.config.js CHANGED
@@ -42,6 +42,7 @@ module.exports = {
42
42
  plugins: [
43
43
  require('./plugins/tailwindcss-aria-attributes'),
44
44
  require('./plugins/tailwindcss-group-peer'),
45
+ require('tailwindcss-react-aria-components'),
45
46
  plugin(function ({ addUtilities, theme }) {
46
47
  // ideally we would do this using the @layer utilities directive, but
47
48
  // that causes issues in tools like tailwind where the typescript is loaded before the css