@stll/ui 0.67.0 → 0.68.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.
package/dist/components/table.js
CHANGED
|
@@ -82,7 +82,7 @@ const SortableHead = ({ children, sortDirection = null, onSort, trailing, classN
|
|
|
82
82
|
children: /* @__PURE__ */ jsxs("span", {
|
|
83
83
|
className: "inline-flex items-center gap-1",
|
|
84
84
|
children: [/* @__PURE__ */ jsxs(Button, {
|
|
85
|
-
className: cn("min-w-0 gap-1", endAligned ? "-me-
|
|
85
|
+
className: cn("min-w-0 gap-1 px-2.5", endAligned ? "-me-2.5 flex-row-reverse" : "-ms-2.5"),
|
|
86
86
|
onClick: onSort,
|
|
87
87
|
type: "button",
|
|
88
88
|
variant: "muted",
|
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
import { Button } from "./button.js";
|
|
2
2
|
import { ComponentProps } from "react";
|
|
3
|
-
/**
|
|
3
|
+
/**
|
|
4
|
+
* Shared view controls stay compact and scroll horizontally on small screens:
|
|
5
|
+
* the row never grows past its container, so a control past the edge is
|
|
6
|
+
* scrolled to rather than clipped.
|
|
7
|
+
*/
|
|
4
8
|
export declare const ViewToolbarChrome: ({ className, ...props }: ComponentProps<"div">) => import("react").JSX.Element;
|
|
5
9
|
type ViewFilterButtonProps = Omit<ComponentProps<typeof Button>, "children" | "size" | "variant" | "aria-label" | "title"> & {
|
|
6
10
|
label: string;
|
|
@@ -3,9 +3,13 @@ import { cn } from "../lib/utils.js";
|
|
|
3
3
|
import { Button } from "./button.js";
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
5
5
|
// src/components/view-toolbar.tsx
|
|
6
|
-
/**
|
|
6
|
+
/**
|
|
7
|
+
* Shared view controls stay compact and scroll horizontally on small screens:
|
|
8
|
+
* the row never grows past its container, so a control past the edge is
|
|
9
|
+
* scrolled to rather than clipped.
|
|
10
|
+
*/
|
|
7
11
|
const ViewToolbarChrome = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
|
|
8
|
-
className: cn("flex min-w-0 shrink-0 [scrollbar-width:none] flex-nowrap items-center gap-1 overflow-x-auto px-2 py-1 [-ms-overflow-style:none] md:flex-wrap md:overflow-visible [&::-webkit-scrollbar]:hidden", className),
|
|
12
|
+
className: cn("flex max-w-full min-w-0 shrink-0 [scrollbar-width:none] flex-nowrap items-center gap-1 overflow-x-auto px-2 py-1 [-ms-overflow-style:none] md:flex-wrap md:overflow-visible [&::-webkit-scrollbar]:hidden", className),
|
|
9
13
|
...props
|
|
10
14
|
});
|
|
11
15
|
const ViewFilterButton = ({ label, ...props }) => /* @__PURE__ */ jsx(Button, {
|
package/package.json
CHANGED