@sole-ui/react 0.2.0 → 0.2.1
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/README.md +1 -2
- package/dist/hq/board-card.js +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -4,8 +4,7 @@ Sole's design system for React and Tailwind CSS v4: the design tokens (colour, l
|
|
|
4
4
|
|
|
5
5
|
Light mode and desktop only. React 18.3 and 19.
|
|
6
6
|
|
|
7
|
-
|
|
8
|
-
Every token: https://mindninjax.github.io/sole-design-system/
|
|
7
|
+
Documentation, every part live with its variants, and every token: https://mindninjax.github.io/sole-design-system/
|
|
9
8
|
|
|
10
9
|
## Install
|
|
11
10
|
|
package/dist/hq/board-card.js
CHANGED
|
@@ -16,6 +16,6 @@ export const BoardCard = React.forwardRef(function BoardCard({ item, today, onOp
|
|
|
16
16
|
onOpen(item);
|
|
17
17
|
}
|
|
18
18
|
: undefined;
|
|
19
|
-
return (_jsxs("div", { ref: ref, "data-board-card": item.key, className: cn('flex min-h-16 flex-col rounded-lg border border-border bg-card px-3 py-[9px] text-card-foreground shadow-sm transition-shadow duration-[120ms]', dragging && 'shadow-lg ring-1 ring-brand', className), ...rest, children: [_jsxs("div", { className: "flex h-4 items-center gap-2", children: [_jsx("span", { className: "tnum text-label text-subtle-foreground", children: item.key }), _jsx(PriorityIcon, { priority: item.priority, className: "ml-auto" })] }), _jsx(SoleLink, { href: item.href, onClick: onClick, className: cn('mt-[7px] line-clamp-3 text-body font-medium outline-none hover:underline focus-visible:underline', item.state?.group === 'completed' && 'text-muted-foreground', item.state?.group === 'cancelled' && 'text-subtle-foreground line-through'), children: item.title }), (item.labels.length > 0 || item.dueDate || item.assignees.length > 0) && (_jsxs("div", { className: "mt-2 flex min-w-0 items-center gap-1.5", children: [_jsx(LabelTags, { labels: item.labels }), _jsx(DueChip, { due: item.dueDate, today: today, done: item.isDone }), _jsx(AvatarStack, { people: item.assignees, className: "ml-auto" })] }))] }));
|
|
19
|
+
return (_jsxs("div", { ref: ref, "data-board-card": item.key, className: cn('flex min-h-16 flex-col rounded-lg border border-border bg-card px-3 py-[9px] text-card-foreground shadow-sm transition-shadow duration-[120ms]', dragging && 'shadow-lg ring-1 ring-brand', className), ...rest, children: [_jsxs("div", { className: "flex h-4 items-center gap-2", children: [_jsx("span", { className: "tnum text-label text-subtle-foreground", children: item.key }), _jsx(PriorityIcon, { priority: item.priority, className: "ml-auto" })] }), _jsx(SoleLink, { href: item.href, onClick: onClick, className: cn('mt-[7px] line-clamp-3 text-body font-medium outline-none hover:underline focus-visible:underline', item.state?.group === 'completed' && 'text-muted-foreground', item.state?.group === 'cancelled' && 'text-subtle-foreground line-through'), children: item.title }), (item.labels.length > 0 || item.dueDate || item.assignees.length > 0) && (_jsxs("div", { className: "mt-2 flex min-w-0 items-center gap-1.5", children: [_jsx(LabelTags, { labels: item.labels, className: "shrink overflow-hidden" }), _jsx(DueChip, { due: item.dueDate, today: today, done: item.isDone }), _jsx(AvatarStack, { people: item.assignees, className: "ml-auto" })] }))] }));
|
|
20
20
|
});
|
|
21
21
|
BoardCard.displayName = 'BoardCard';
|
package/package.json
CHANGED