smartsell-ui-kit 0.1.8 → 0.1.9

package/README.md

@@ -9,6 +9,16 @@ It provides the public UI contract that external consumers should rely on instea
 - predictable APIs for forms, modals, data tables, and common surfaces
 - async-friendly primitives for remote search and server-driven datasets
 
+## Styles
+
+The package keeps style injection enabled for backwards compatibility. New hosts should also import
+the public stylesheet once from their application entrypoint, which makes CSS loading deterministic
+in production and SSR builds:
+
+```ts
+import 'smartsell-ui-kit/styles.css';
+```
+
 ## Highlights
 
 - React 18-first component API
@@ -224,4 +234,4 @@ npm publish
 
 ## License
 
-This package is distributed under the SmartSell proprietary license described in `LICENSE`.
+This package is distributed under the SmartSell proprietary license described in `LICENSE`.

package/dist/index.cjs

@@ -4275,7 +4275,7 @@ function OverflowMenu({ label, children }) {
           "aria-label": label,
           className: [
             "z-50 flex flex-col gap-1.5",
-            "border-3 border-solid border-[var(--theme-background)] bg-[var(--theme-surface)] p-2.5 shadow-none"
+            "border-[3px] border-solid border-[var(--theme-background)] bg-[var(--theme-surface)] p-2.5 shadow-none"
           ].join(" "),
           style: {
             borderRadius: 22,
@@ -4509,7 +4509,7 @@ function TableBase({
       {
         colSpan: column.colSpan,
         className: [
-          "border-b border-[var(--theme-background)] px-2.5 py-0.5",
+          "border-b border-[var(--theme-background)] px-2.5 py-2.5",
           "align-middle text-[12px] font-normal leading-[1.3] text-[var(--theme-text)]",
           getAlignClassName(align)
         ].join(" "),
@@ -4622,7 +4622,7 @@ function TableBase({
                   role: "listitem",
                   className: [
                     "flex min-w-0 flex-col gap-2.5 rounded-[20px]",
-                    "border-3 border-solid border-[var(--theme-background)] bg-[var(--theme-surface)]",
+                    "border-[3px] border-solid border-[var(--theme-background)] bg-[var(--theme-surface)]",
                     "px-3.5 pb-1.5 pt-3 shadow-none"
                   ].join(" "),
                   children: [
@@ -4795,7 +4795,7 @@ function TableBase({
                           "td",
                           {
                             className: [
-                              "border-b border-[var(--theme-background)] px-2.5 py-0.5 text-right align-middle"
+                              "border-b border-[var(--theme-background)] px-2.5 py-2.5 text-right align-middle"
                             ].join(" "),
                             style: {
                               ...actionsColumnSizeStyle,
@@ -4816,7 +4816,7 @@ function TableBase({
             }
           )
         ] }) : null,
-        hasRows && shouldRenderFooter ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex flex-wrap items-center justify-between gap-3 pt-1", children: [
+        hasRows && shouldRenderFooter ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [
           shouldShowPaginationControls ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
             /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
               Button,