@x-plat/design-system 0.5.25 → 0.5.28

package/dist/components/IconButton/index.js

@@ -0,0 +1,41 @@
+// ../../node_modules/clsx/dist/clsx.mjs
+function r(e) {
+  var t, f, n = "";
+  if ("string" == typeof e || "number" == typeof e) n += e;
+  else if ("object" == typeof e) if (Array.isArray(e)) {
+    var o = e.length;
+    for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+  } else for (f in e) e[f] && (n && (n += " "), n += f);
+  return n;
+}
+function clsx() {
+  for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+  return n;
+}
+var clsx_default = clsx;
+
+// src/components/IconButton/IconButton.tsx
+import { jsx } from "react/jsx-runtime";
+var IconButton = (props) => {
+  const {
+    icon,
+    type = "primary",
+    size = "md",
+    disabled,
+    ...rest
+  } = props;
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      className: clsx_default("lib-xplat-icon-button", type, size),
+      disabled,
+      ...rest,
+      children: icon
+    }
+  );
+};
+IconButton.displayName = "IconButton";
+var IconButton_default = IconButton;
+export {
+  IconButton_default as IconButton
+};

package/dist/components/Table/index.css

@@ -246,12 +246,6 @@
   z-index: 1;
   left: calc(var(--sticky-left) * 1px);
 }
-.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr > td.right-shadow,
-.lib-xplat-table-wrapper > .lib-xplat-table > thead > tr > th.right-shadow,
-.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr > td.right-shadow,
-.lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr > th.right-shadow {
-  box-shadow: 8px 0 10px -5px rgba(0, 0, 0, 0.3);
-}
 .lib-xplat-table-wrapper > .lib-xplat-table > thead > tr > td.right-shadow::after,
 .lib-xplat-table-wrapper > .lib-xplat-table > thead > tr > th.right-shadow::after,
 .lib-xplat-table-wrapper > .lib-xplat-table > tbody > tr > td.right-shadow::after,
@@ -259,13 +253,13 @@
   content: "";
   position: absolute;
   top: 0;
-  right: calc(var(--spacing-space-2) * -1);
-  width: var(--spacing-space-2);
+  right: -6px;
+  width: 6px;
   height: 100%;
   background:
     linear-gradient(
       to right,
-      rgba(0, 0, 0, 0.18),
-      rgba(255, 255, 255, 0));
+      rgba(0, 0, 0, 0.08),
+      transparent);
   pointer-events: none;
 }