@economic/taco 1.18.0 → 1.19.0

package/dist/index.css

@@ -513,7 +513,7 @@
 
 /* rows */
 .yt-table__row {
-    @apply border-grey-200 flex border-b;
+    @apply border-grey-300 flex border-b;
     min-height: 2.5rem;
 }
 
@@ -545,12 +545,12 @@
 }
 
 .yt-table__head .yt-table__head__group .yt-table__cell.yt-table__cell__group {
-    @apply border-grey-200 border-b;
+    @apply border-grey-300 border-b;
     flex-basis: 100%;
 }
 
 .yt-table__head .yt-table__head__group + .yt-table__head__group {
-    @apply border-grey-200 border-l;
+    @apply border-grey-300 border-l;
 }
 
 .yt-table__head .yt-table__cell > [data-taco='icon'] {
@@ -558,7 +558,7 @@
 }
 
 .yt-table__head .yt-table__cell.yt-table__cell__group + .yt-table__cell__group {
-    @apply border-grey-200 border-l-2;
+    @apply border-grey-300 border-l-2;
 }
 
 .yt-table.yt-table--windowed.table-with-scrollbar .yt-table__head {
@@ -582,7 +582,7 @@
 }
 
 .yt-table__body .yt-table__row.yt-table__row--active {
-    @apply bg-grey-100;
+    @apply wcag-grey-200;
 }
 
 .yt-table__body .yt-table__row.yt-table__row--dragging,
@@ -592,7 +592,7 @@
 
 /* edit */
 .yt-table__body .yt-table__row.yt-table__row--editing {
-    @apply border-grey-200 border-t;
+    @apply border-grey-300 border-t;
 }
 
 .yt-table__body .yt-table__row.yt-table__row--editing,

package/dist/taco.cjs.development.js

@@ -780,6 +780,21 @@ function IconClose(props, svgRef) {
 }
 var Close = /*#__PURE__*/React.forwardRef(IconClose);
 
+function IconColumns(props, svgRef) {
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    ref: svgRef
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M14 4.5h-4v15h4v-15zm1.5 0v15h3.75a.25.25 0 00.25-.25V4.75a.25.25 0 00-.25-.25H15.5zm-10.75 0H8.5v15H4.75a.25.25 0 01-.25-.25V4.75a.25.25 0 01.25-.25zm0-1.5A1.75 1.75 0 003 4.75v14.5c0 .966.784 1.75 1.75 1.75h14.5A1.75 1.75 0 0021 19.25V4.75A1.75 1.75 0 0019.25 3H4.75z",
+    fill: "currentColor"
+  }));
+}
+var Columns = /*#__PURE__*/React.forwardRef(IconColumns);
+
 function IconConnectionEnable(props, svgRef) {
   return /*#__PURE__*/React.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
@@ -881,6 +896,66 @@ function IconDelete(props, svgRef) {
 }
 var Delete = /*#__PURE__*/React.forwardRef(IconDelete);
 
+function IconDensityComfortable(props, svgRef) {
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    ref: svgRef
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M18.53 2.97a.75.75 0 00-1.06 0l-3 3a.75.75 0 001.06 1.06l1.72-1.72v13.38l-1.72-1.72a.75.75 0 10-1.06 1.06l3 3a.75.75 0 001.06 0l3-3a.75.75 0 10-1.06-1.06l-1.72 1.72V5.31l1.72 1.72a.75.75 0 101.06-1.06l-3-3zM2.25 6A.75.75 0 013 5.25h8.5a.75.75 0 010 1.5H3A.75.75 0 012.25 6zM3 11.25a.75.75 0 000 1.5h8.5a.75.75 0 000-1.5H3zm0 6a.75.75 0 000 1.5h8.5a.75.75 0 000-1.5H3z",
+    fill: "currentColor"
+  }));
+}
+var DensityComfortable = /*#__PURE__*/React.forwardRef(IconDensityComfortable);
+
+function IconDensityCompact(props, svgRef) {
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    ref: svgRef
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M18.53 2.97a.75.75 0 00-1.06 0l-3 3a.75.75 0 001.06 1.06l1.72-1.72v13.38l-1.72-1.72a.75.75 0 10-1.06 1.06l3 3a.75.75 0 001.06 0l3-3a.75.75 0 10-1.06-1.06l-1.72 1.72V5.31l1.72 1.72a.75.75 0 101.06-1.06l-3-3zM2.25 9A.75.75 0 013 8.25h8.5a.75.75 0 010 1.5H3A.75.75 0 012.25 9zM3 11.25a.75.75 0 000 1.5h8.5a.75.75 0 000-1.5H3zm0 3a.75.75 0 000 1.5h8.5a.75.75 0 000-1.5H3z",
+    fill: "currentColor"
+  }));
+}
+var DensityCompact = /*#__PURE__*/React.forwardRef(IconDensityCompact);
+
+function IconDensityNormal(props, svgRef) {
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    ref: svgRef
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M18.53 2.97a.75.75 0 00-1.06 0l-3 3a.75.75 0 001.06 1.06l1.72-1.72v13.38l-1.72-1.72a.75.75 0 10-1.06 1.06l3 3a.75.75 0 001.06 0l3-3a.75.75 0 10-1.06-1.06l-1.72 1.72V5.31l1.72 1.72a.75.75 0 101.06-1.06l-3-3zM2.25 7.5A.75.75 0 013 6.75h8.5a.75.75 0 010 1.5H3a.75.75 0 01-.75-.75zM3 11.25a.75.75 0 000 1.5h8.5a.75.75 0 000-1.5H3zm0 4.5a.75.75 0 000 1.5h8.5a.75.75 0 000-1.5H3z",
+    fill: "currentColor"
+  }));
+}
+var DensityNormal = /*#__PURE__*/React.forwardRef(IconDensityNormal);
+
+function IconDensitySpacious(props, svgRef) {
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    ref: svgRef
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M18.53 2.97a.75.75 0 00-1.06 0l-3 3a.75.75 0 001.06 1.06l1.72-1.72v13.38l-1.72-1.72a.75.75 0 10-1.06 1.06l3 3a.75.75 0 001.06 0l3-3a.75.75 0 10-1.06-1.06l-1.72 1.72V5.31l1.72 1.72a.75.75 0 101.06-1.06l-3-3zM3 19.25a.75.75 0 000 1.5h8.5a.75.75 0 000-1.5H3zM2.25 12a.75.75 0 01.75-.75h8.5a.75.75 0 010 1.5H3a.75.75 0 01-.75-.75zM3 3.25a.75.75 0 000 1.5h8.5a.75.75 0 000-1.5H3z",
+    fill: "currentColor"
+  }));
+}
+var DensitySpacious = /*#__PURE__*/React.forwardRef(IconDensitySpacious);
+
 function IconDepecriate(props, svgRef) {
   return /*#__PURE__*/React.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2733,6 +2808,21 @@ function IconThumbUp(props, svgRef) {
 }
 var ThumbUp = /*#__PURE__*/React.forwardRef(IconThumbUp);
 
+function IconTickBold(props, svgRef) {
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    ref: svgRef
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M18.832 4.752a1.5 1.5 0 01.416 2.08l-8 12a1.5 1.5 0 01-2.496 0l-4-6a1.5 1.5 0 112.496-1.664L10 15.296l6.752-10.128a1.5 1.5 0 012.08-.416z",
+    fill: "currentColor"
+  }));
+}
+var TickBold = /*#__PURE__*/React.forwardRef(IconTickBold);
+
 function IconTick(props, svgRef) {
   return /*#__PURE__*/React.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2962,6 +3052,7 @@ const icons = {
   'clamp-open': ClampOpen,
   clamp: Clamp,
   close: Close,
+  columns: Columns,
   'connection-enable': ConnectionEnable,
   'connection-revoke': ConnectionRevoke,
   contacts: Contacts,
@@ -2970,6 +3061,10 @@ const icons = {
   credit: Credit,
   'delete-permanently': DeletePermanently,
   delete: Delete,
+  'density-comfortable': DensityComfortable,
+  'density-compact': DensityCompact,
+  'density-normal': DensityNormal,
+  'density-spacious': DensitySpacious,
   depecriate: Depecriate,
   developer: Developer,
   'distribution-template': DistributionTemplate,
@@ -3112,6 +3207,7 @@ const icons = {
   'thumb-down': ThumbDown,
   'thumb-up-solid': ThumbUpSolid,
   'thumb-up': ThumbUp,
+  'tick-bold': TickBold,
   tick: Tick,
   time: Time,
   'transfer-cancel': TransferCancel,
@@ -3212,7 +3308,7 @@ const Accordion = props => {
       value: id || undefined
     };
   }
-  const type = Array.isArray(valueProps.defaultValue) || Array.isArray(valueProps.value) ? 'multiple' : 'single';
+  const type = typeof valueProps.defaultValue === 'string' || typeof valueProps.value === 'string' ? 'single' : 'multiple';
   const className = cn('divide-y divide-grey-200', props.className);
   return /*#__PURE__*/React__default.createElement(AccordionContext.Provider, {
     value: context
@@ -5236,8 +5332,8 @@ const Content$4 = /*#__PURE__*/React.forwardRef(function DialogContent(props, re
   const {
     texts
   } = useLocalization();
-  const className = cn('relative bg-white animate-[fade-in_150ms]', getDialogPositionClassnames(), getDialogSizeClassnames(dialog.size));
-  const containerClassName = cn('bg-white p-6 rounded relative z-10', 'shadow-[0_6px_9px_0_rgba(89,85,98,0.3),0_0_1px_0_rgba(89,85,98,0.2)]', {
+  const className = cn('relative bg-white animate-[fade-in_150ms] rounded', getDialogPositionClassnames(), getDialogSizeClassnames(dialog.size));
+  const containerClassName = cn('bg-white p-6 rounded relative z-10 shadow', {
     'rounded-b-none': !!dialog.elements.extra
   }, props.className);
   const handleEscapeKeyDown = event => {
@@ -5328,7 +5424,7 @@ const Drawer = /*#__PURE__*/React.forwardRef(function DialogDrawer(props, ref) {
 Drawer.displayName = 'DialogDrawer';
 
 const Extra = /*#__PURE__*/React.forwardRef(function DialogExtra(props, ref) {
-  const className = cn('bg-grey-100 yt-shadow-inset absolute top-full left-0 -mt-px w-full rounded-t-none rounded-b p-6 text-left', props.className);
+  const className = cn('wcag-grey-100 absolute top-full left-0 -mt-px w-full rounded-t-none rounded-b p-6 text-left', props.className);
   return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
     className: className,
     "data-taco": "dialog-extra",
@@ -9734,8 +9830,8 @@ const Row = /*#__PURE__*/React__default.forwardRef(function TableRow({
       minHeight: rowHeight ? `${rowHeight}px` : undefined,
       paddingLeft: row.depth ? `${row.depth * 2}rem` : undefined
     },
-    className: cn('yt-table__row border-grey-100 flex border-b min-h-[2.5rem] hover:bg-grey-100', {
-      'yt-table__row--active bg-grey-100 hover:bg-grey-100': activeIndex === index,
+    className: cn('yt-table__row border-grey-300 flex border-b min-h-[2.5rem] hover:bg-grey-100', {
+      'yt-table__row--active bg-grey-200 hover:bg-grey-200': activeIndex === index,
       'yt-table__row--clickable': !!onRowClick,
       'yt-table__row--dragging': !!row.isDragging,
       'yt-table__row--editing': !!row.isEditing