@webitel/ui-sdk 25.10.11 → 25.10.12

package/dist/ui-sdk.js

@@ -66873,7 +66873,7 @@ const wW = /* @__PURE__ */ Ne(yW, [["render", vW], ["__scopeId", "data-v-03d21c6
       ]), 1032, ["value", "show-headers", "row-class", "row-style"]);
     };
   }
-}), BW = /* @__PURE__ */ Ne(LW, [["__scopeId", "data-v-0993966b"]]), PW = {
+}), BW = /* @__PURE__ */ Ne(LW, [["__scopeId", "data-v-01528ffa"]]), PW = {
   name: "WtTableActions",
   props: {
     icons: {
@@ -96278,7 +96278,7 @@ const Tue = {
     color: "{content.color}"
   },
   headerCell: {
-    background: "{content.background}",
+    background: "#1F222E",
     hoverBackground: "{content.hover.background}",
     selectedBackground: "{highlight.background}",
     borderColor: "{datatable.border.color}",
@@ -96292,7 +96292,7 @@ const Tue = {
   },
   row: {
     stripedBackground: "{surface.950}",
-    background: "{content.background}",
+    background: "transparent",
     hoverBackground: "{content.hover.background}",
     selectedBackground: "{highlight.background}",
     color: "{content.color}",
@@ -96304,7 +96304,7 @@ const Tue = {
     }
   },
   bodyCell: {
-    borderColor: "{datatable.border.color}",
+    borderColor: "#3D455C",
     selectedBorderColor: "{primary.900}"
   },
   footerCell: {
@@ -96317,6 +96317,38 @@ const Tue = {
     borderColor: "{datatable.border.color}",
     color: "{content.color}"
   },
+  resizeIndicator: {
+    color: "{primary.color}"
+  },
+  filter: {
+    overlaySelect: {
+      background: "{overlay.select.background}",
+      borderColor: "{overlay.select.border.color}",
+      color: "{overlay.select.color}",
+      shadow: "{overlay.select.shadow}"
+    },
+    overlayPopover: {
+      background: "{overlay.popover.background}",
+      borderColor: "{overlay.popover.border.color}",
+      color: "{overlay.popover.color}",
+      shadow: "{overlay.popover.shadow}"
+    },
+    rule: {
+      borderColor: "{content.border.color}"
+    },
+    constraint: {
+      focusBackground: "{list.option.focus.background}",
+      selectedBackground: "{list.option.selected.background}",
+      selectedFocusBackground: "{list.option.selected.focus.background}",
+      color: "{list.option.color}",
+      focusColor: "{list.option.focus.color}",
+      selectedColor: "{list.option.selected.color}",
+      selectedFocusColor: "{list.option.selected.focus.color}",
+      separator: {
+        borderColor: "{content.border.color}"
+      }
+    }
+  },
   sortIcon: {
     color: "{text.muted.color}",
     hoverColor: "{text.hover.muted.color}"
@@ -96331,7 +96363,7 @@ const Tue = {
     color: "{content.color}"
   },
   headerCell: {
-    background: "{content.background}",
+    background: "#E0E3EB",
     hoverBackground: "{content.hover.background}",
     selectedBackground: "{highlight.background}",
     borderColor: "{datatable.border.color}",
@@ -96357,7 +96389,7 @@ const Tue = {
     }
   },
   bodyCell: {
-    borderColor: "{datatable.border.color}",
+    borderColor: "#E0E3EB",
     selectedBorderColor: "{primary.100}"
   },
   footerCell: {
@@ -96370,6 +96402,38 @@ const Tue = {
     borderColor: "{datatable.border.color}",
     color: "{content.color}"
   },
+  resizeIndicator: {
+    color: "{primary.color}"
+  },
+  filter: {
+    overlaySelect: {
+      background: "{overlay.select.background}",
+      borderColor: "{overlay.select.border.color}",
+      color: "{overlay.select.color}",
+      shadow: "{overlay.select.shadow}"
+    },
+    overlayPopover: {
+      background: "{overlay.popover.background}",
+      borderColor: "{overlay.popover.border.color}",
+      color: "{overlay.popover.color}",
+      shadow: "{overlay.popover.shadow}"
+    },
+    rule: {
+      borderColor: "{content.border.color}"
+    },
+    constraint: {
+      focusBackground: "{list.option.focus.background}",
+      selectedBackground: "{list.option.selected.background}",
+      selectedFocusBackground: "{list.option.selected.focus.background}",
+      color: "{list.option.color}",
+      focusColor: "{list.option.focus.color}",
+      selectedColor: "{list.option.selected.color}",
+      selectedFocusColor: "{list.option.selected.focus.color}",
+      separator: {
+        borderColor: "{content.border.color}"
+      }
+    }
+  },
   sortIcon: {
     color: "{text.muted.color}",
     hoverColor: "{text.hover.muted.color}"
@@ -96383,7 +96447,7 @@ const Tue = {
   },
   header: {
     borderWidth: "0 0 1px 0",
-    padding: "0.75rem 1rem",
+    padding: "0.5rem",
     sm: {
       padding: "0.375rem 0.5rem"
     },
@@ -96393,7 +96457,7 @@ const Tue = {
   },
   headerCell: {
     gap: "0.5rem",
-    padding: "0.75rem 1rem",
+    padding: "0.5rem",
     focusRing: {
       width: "{focus.ring.width}",
       style: "{focus.ring.style}",
@@ -96417,7 +96481,7 @@ const Tue = {
     }
   },
   bodyCell: {
-    padding: "0.75rem 1rem",
+    padding: "0.5rem",
     sm: {
       padding: "0.375rem 0.5rem"
     },
@@ -96426,7 +96490,7 @@ const Tue = {
     }
   },
   footerCell: {
-    padding: "0.75rem 1rem",
+    padding: "0.5rem",
     sm: {
       padding: "0.375rem 0.5rem"
     },
@@ -96439,7 +96503,7 @@ const Tue = {
   },
   footer: {
     borderWidth: "0 0 1px 0",
-    padding: "0.75rem 1rem",
+    padding: "0.5rem",
     sm: {
       padding: "0.375rem 0.5rem"
     },
@@ -96447,6 +96511,30 @@ const Tue = {
       padding: "1rem 1.25rem"
     }
   },
+  columnResizer: {
+    width: "0.5rem"
+  },
+  resizeIndicator: {
+    width: "1px"
+  },
+  filter: {
+    inlineGap: "0.5rem",
+    overlaySelect: {
+      borderRadius: "{overlay.select.border.radius}"
+    },
+    overlayPopover: {
+      padding: "{overlay.popover.padding}",
+      gap: "0.5rem"
+    },
+    constraintList: {
+      padding: "{list.padding}",
+      gap: "{list.gap}"
+    },
+    constraint: {
+      padding: "{list.option.padding}",
+      borderRadius: "{list.option.border.radius}"
+    }
+  },
   sortIcon: {
     size: "0.875rem"
   }
@@ -97005,6 +97093,23 @@ const Tue = {
   ...d5.sizes,
   colorScheme: d5.colorScheme
 }, hfe = {
+  ...w5.sizes,
+  colorScheme: w5.colorScheme,
+  css: ({ dt: o }) => `
+    .p-radiobutton {
+      width: ${o("radiobutton.root.wrapperWidth")};
+      height: ${o("radiobutton.root.wrapperHeight")};
+      align-items: center;
+      justify-content: center;
+    }
+  `
+}, bfe = {
+  ...y5.sizes,
+  colorScheme: y5.colorScheme
+}, gfe = {
+  ...b5.sizes,
+  colorScheme: b5.colorScheme
+}, yfe = {
   ...h5.sizes,
   colorScheme: h5.colorScheme,
   // Rewrite the default table styles in the theme here:
@@ -97023,23 +97128,6 @@ const Tue = {
             overflow: hidden;
         }
         `
-}, bfe = {
-  ...w5.sizes,
-  colorScheme: w5.colorScheme,
-  css: ({ dt: o }) => `
-    .p-radiobutton {
-      width: ${o("radiobutton.root.wrapperWidth")};
-      height: ${o("radiobutton.root.wrapperHeight")};
-      align-items: center;
-      justify-content: center;
-    }
-  `
-}, gfe = {
-  ...y5.sizes,
-  colorScheme: y5.colorScheme
-}, yfe = {
-  ...b5.sizes,
-  colorScheme: b5.colorScheme
 }, vfe = {
   ...u5.sizes,
   colorScheme: u5.colorScheme
@@ -97064,15 +97152,15 @@ const Tue = {
   button: cfe,
   chip: pfe,
   checkbox: C5,
-  toggleswitch: yfe,
+  toggleswitch: gfe,
   divider: ufe,
   menubar: ffe,
   popover: mfe,
-  radiobutton: bfe,
-  slider: gfe,
+  radiobutton: hfe,
+  slider: bfe,
   tooltip: wfe,
   checkbox: C5,
-  datatable: hfe,
+  datatable: yfe,
   toolbar: vfe
 }, kfe = {
   multiplicator: "8px",