@stll/ui 0.26.2 → 0.26.4
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/calendar/primitives.d.ts +7 -8
- package/dist/calendar/resource-calendar.d.ts +6 -7
- package/dist/calendar/resource-calendar.logic.d.ts +9 -10
- package/dist/components/application-rail.d.ts +11 -12
- package/dist/components/bidi-text.d.ts +3 -3
- package/dist/components/brand-icons.d.ts +3 -4
- package/dist/components/button-variants.d.ts +5 -6
- package/dist/components/button.js +5 -2
- package/dist/components/command.d.ts +1 -1
- package/dist/components/composer.d.ts +18 -19
- package/dist/components/context-menu.d.ts +4 -5
- package/dist/components/date-picker-popover.js +20 -18
- package/dist/components/date-picker-popover.logic.d.ts +6 -7
- package/dist/components/dialog.d.ts +1 -1
- package/dist/components/directional-icon.d.ts +2 -3
- package/dist/components/input-control.d.ts +4 -5
- package/dist/components/input-group.d.ts +1 -1
- package/dist/components/landing.d.ts +10 -11
- package/dist/components/menu.d.ts +1 -1
- package/dist/components/outline-rail.d.ts +4 -5
- package/dist/components/preview-card.d.ts +4 -4
- package/dist/components/scroll-to-top.d.ts +3 -4
- package/dist/components/segmented-icon-toggle.d.ts +2 -3
- package/dist/components/sheet.d.ts +1 -1
- package/dist/components/sidebar.d.ts +5 -5
- package/dist/components/sidebar.logic.d.ts +7 -8
- package/dist/components/stella-mark.d.ts +2 -3
- package/dist/components/stella-wordmark.d.ts +2 -3
- package/dist/components/tooltip.d.ts +1 -1
- package/dist/components/workspace-shell.d.ts +3 -3
- package/dist/data-table/schema.d.ts +11 -12
- package/dist/data-table/table.d.ts +8 -9
- package/dist/hooks/use-contained-handler.d.ts +3 -4
- package/dist/hooks/use-content-dir.d.ts +4 -5
- package/dist/hooks/use-latest.d.ts +2 -3
- package/dist/hooks/use-mobile.d.ts +2 -3
- package/dist/hooks/use-viewport-width.d.ts +2 -3
- package/dist/inspector/chrome.d.ts +21 -22
- package/dist/inspector/dock.d.ts +2 -3
- package/dist/inspector/entity-tab.d.ts +4 -5
- package/dist/inspector/entity-tab.logic.d.ts +4 -5
- package/dist/inspector/facet-bar.d.ts +3 -4
- package/dist/inspector/facet-bar.logic.d.ts +4 -5
- package/dist/inspector/layout-tokens.d.ts +8 -9
- package/dist/inspector/pane-width.d.ts +11 -12
- package/dist/inspector/tabs.d.ts +7 -8
- package/dist/inspector/use-pane-width.d.ts +9 -10
- package/dist/kanban/band-peek.d.ts +7 -8
- package/dist/kanban/card-properties.d.ts +3 -4
- package/dist/kanban/card-shell.d.ts +3 -4
- package/dist/kanban/cell-action.d.ts +3 -4
- package/dist/kanban/column-band-header.d.ts +4 -5
- package/dist/kanban/column-bands.d.ts +9 -10
- package/dist/kanban/column-header.d.ts +3 -4
- package/dist/kanban/drag-interactions.d.ts +7 -8
- package/dist/kanban/grouping.d.ts +14 -15
- package/dist/kanban/layout-tokens.d.ts +6 -7
- package/dist/kanban/matrix.d.ts +20 -21
- package/dist/kanban/sortable-edge.d.ts +7 -8
- package/dist/kanban/sortable-interactions.d.ts +27 -27
- package/dist/kanban/sortable-interactions.logic.d.ts +14 -15
- package/dist/kanban/sticky-lane.d.ts +10 -11
- package/dist/kanban/subgroup-board.d.ts +10 -11
- package/dist/kanban/subgroup-board.js +8 -4
- package/dist/kanban/touch-identity.d.ts +2 -3
- package/dist/kanban/virtual-cell.d.ts +6 -7
- package/dist/lib/button-disposition.d.ts +6 -7
- package/dist/lib/control-size.d.ts +1 -1
- package/dist/lib/initials.d.ts +2 -3
- package/dist/lib/option-color.d.ts +6 -7
- package/dist/lib/overlay-layer.d.ts +6 -7
- package/dist/lib/positioner-sizing.d.ts +3 -4
- package/dist/lib/tab-order.d.ts +2 -3
- package/dist/lib/tooltip-content.d.ts +2 -3
- package/dist/lib/utils.d.ts +3 -4
- package/dist/lib/week.d.ts +4 -5
- package/dist/review/review-author-avatar.d.ts +3 -4
- package/dist/review/review-comment-card.d.ts +3 -4
- package/dist/review/review-decision-actions.d.ts +4 -5
- package/dist/review/review-diff-text.d.ts +9 -10
- package/dist/review/review-out-of-date-notice.d.ts +4 -5
- package/dist/review/review-severity-dot.d.ts +5 -6
- package/dist/review/review-status-badge.d.ts +5 -6
- package/package.json +8 -8
|
@@ -6,8 +6,8 @@ import { ReactNode } from "react";
|
|
|
6
6
|
* decision). `applying` is undecided but in flight: the same pair, inert,
|
|
7
7
|
* so the row does not resize while the write lands.
|
|
8
8
|
*/
|
|
9
|
-
type ReviewDecisionState = "pending" | "accepted" | "rejected" | "dismissed" | "applying";
|
|
10
|
-
type ReviewDecisionSize = "xs" | "sm";
|
|
9
|
+
export type ReviewDecisionState = "pending" | "accepted" | "rejected" | "dismissed" | "applying";
|
|
10
|
+
export type ReviewDecisionSize = "xs" | "sm";
|
|
11
11
|
type ReviewDecisionActionsProps = {
|
|
12
12
|
state: ReviewDecisionState;
|
|
13
13
|
onAccept?: (() => void) | undefined;
|
|
@@ -27,6 +27,5 @@ type ReviewDecisionActionsProps = {
|
|
|
27
27
|
className?: string;
|
|
28
28
|
};
|
|
29
29
|
/** Accept / reject / revert / reopen, in one shape, for every review surface. */
|
|
30
|
-
declare const ReviewDecisionActions: ({ state, onAccept, onReject, onRevert, onReopen, size, acceptLabel, rejectLabel, revertLabel, reopenLabel, acceptTooltip, rejectTooltip, disabled, className }: ReviewDecisionActionsProps) => import("react").JSX.Element | null;
|
|
31
|
-
//#endregion
|
|
32
|
-
export { ReviewDecisionActions, ReviewDecisionSize, ReviewDecisionState };
|
|
30
|
+
export declare const ReviewDecisionActions: ({ state, onAccept, onReject, onRevert, onReopen, size, acceptLabel, rejectLabel, revertLabel, reopenLabel, acceptTooltip, rejectTooltip, disabled, className }: ReviewDecisionActionsProps) => import("react").JSX.Element | null;
|
|
31
|
+
//#endregion
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { CSSProperties, ReactNode } from "react";
|
|
2
2
|
//#region src/review/review-diff-text.d.ts
|
|
3
|
-
declare const TRACKED_DELETION_STYLE: CSSProperties;
|
|
4
|
-
declare const TRACKED_INSERTION_STYLE: CSSProperties;
|
|
5
|
-
type ReviewDiffSegmentType = "equal" | "insert" | "delete";
|
|
6
|
-
type ReviewDiffSegment = {
|
|
3
|
+
export declare const TRACKED_DELETION_STYLE: CSSProperties;
|
|
4
|
+
export declare const TRACKED_INSERTION_STYLE: CSSProperties;
|
|
5
|
+
export type ReviewDiffSegmentType = "equal" | "insert" | "delete";
|
|
6
|
+
export type ReviewDiffSegment = {
|
|
7
7
|
type: ReviewDiffSegmentType;
|
|
8
8
|
text: string;
|
|
9
9
|
};
|
|
@@ -12,22 +12,21 @@ type ReviewDiffProps = {
|
|
|
12
12
|
children: ReactNode;
|
|
13
13
|
};
|
|
14
14
|
/** Inserted text, wherever it is shown. */
|
|
15
|
-
declare const ReviewDiffInsertion: ({ className, children }: ReviewDiffProps) => import("react").JSX.Element;
|
|
15
|
+
export declare const ReviewDiffInsertion: ({ className, children }: ReviewDiffProps) => import("react").JSX.Element;
|
|
16
16
|
/** Deleted text, wherever it is shown. */
|
|
17
|
-
declare const ReviewDiffDeletion: ({ className, children }: ReviewDiffProps) => import("react").JSX.Element;
|
|
17
|
+
export declare const ReviewDiffDeletion: ({ className, children }: ReviewDiffProps) => import("react").JSX.Element;
|
|
18
18
|
type ReviewDiffTextProps = {
|
|
19
19
|
segments: readonly ReviewDiffSegment[];
|
|
20
20
|
className?: string;
|
|
21
21
|
};
|
|
22
22
|
/** A word-level diff rendered inline, in the product's one track-changes
|
|
23
23
|
* language. */
|
|
24
|
-
declare const ReviewDiffText: ({ segments, className }: ReviewDiffTextProps) => import("react").JSX.Element;
|
|
24
|
+
export declare const ReviewDiffText: ({ segments, className }: ReviewDiffTextProps) => import("react").JSX.Element;
|
|
25
25
|
/**
|
|
26
26
|
* A stable render key per segment. Type and text alone repeat inside a single
|
|
27
27
|
* diff (the same word deleted twice), so each repetition carries its
|
|
28
28
|
* occurrence count; the result is stable across renders of the same diff and
|
|
29
29
|
* never falls back to the array index.
|
|
30
30
|
*/
|
|
31
|
-
declare const reviewDiffSegmentKeys: (segments: readonly ReviewDiffSegment[]) => string[];
|
|
32
|
-
//#endregion
|
|
33
|
-
export { ReviewDiffDeletion, ReviewDiffInsertion, ReviewDiffSegment, ReviewDiffSegmentType, ReviewDiffText, TRACKED_DELETION_STYLE, TRACKED_INSERTION_STYLE, reviewDiffSegmentKeys };
|
|
31
|
+
export declare const reviewDiffSegmentKeys: (segments: readonly ReviewDiffSegment[]) => string[];
|
|
32
|
+
//#endregion
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { ReactNode } from "react";
|
|
2
2
|
//#region src/review/review-out-of-date-notice.d.ts
|
|
3
|
-
type ReviewOutOfDateTone = "warning" | "muted";
|
|
3
|
+
export type ReviewOutOfDateTone = "warning" | "muted";
|
|
4
4
|
/**
|
|
5
5
|
* One reason a review has fallen behind. Carries its own key so the list is
|
|
6
6
|
* never rendered by array index: reasons come and go independently (the
|
|
7
7
|
* document changed, the playbook moved on, the source was deleted) and each
|
|
8
8
|
* one has a stable identity at its call site.
|
|
9
9
|
*/
|
|
10
|
-
type ReviewOutOfDateReason = {
|
|
10
|
+
export type ReviewOutOfDateReason = {
|
|
11
11
|
id: string;
|
|
12
12
|
label: ReactNode;
|
|
13
13
|
};
|
|
@@ -23,6 +23,5 @@ type ReviewOutOfDateNoticeProps = {
|
|
|
23
23
|
* together: they are different reasons to run again, and a reviewer working
|
|
24
24
|
* through findings should see each one rather than the first.
|
|
25
25
|
*/
|
|
26
|
-
declare const ReviewOutOfDateNotice: ({ reasons, actionLabel, onAction, tone, className }: ReviewOutOfDateNoticeProps) => import("react").JSX.Element | null;
|
|
27
|
-
//#endregion
|
|
28
|
-
export { ReviewOutOfDateNotice, ReviewOutOfDateReason, ReviewOutOfDateTone };
|
|
26
|
+
export declare const ReviewOutOfDateNotice: ({ reasons, actionLabel, onAction, tone, className }: ReviewOutOfDateNoticeProps) => import("react").JSX.Element | null;
|
|
27
|
+
//#endregion
|
|
@@ -6,22 +6,21 @@ import { ReviewStatusTone } from "./review-status-badge.js";
|
|
|
6
6
|
* medium/low, a suggestion's high/medium/low/unspecified) map onto this at
|
|
7
7
|
* their call site rather than growing a palette of their own.
|
|
8
8
|
*/
|
|
9
|
-
type ReviewSeverityLevel = "critical" | "high" | "medium" | "low" | "none";
|
|
9
|
+
export type ReviewSeverityLevel = "critical" | "high" | "medium" | "low" | "none";
|
|
10
10
|
type ReviewSeverityDotProps = {
|
|
11
11
|
level: ReviewSeverityLevel;
|
|
12
12
|
className?: string | undefined;
|
|
13
13
|
};
|
|
14
14
|
/** The dot that precedes a severity label, and the one place a severity level
|
|
15
15
|
* turns into a colour. */
|
|
16
|
-
declare const ReviewSeverityDot: ({ level, className }: ReviewSeverityDotProps) => import("react").JSX.Element;
|
|
16
|
+
export declare const ReviewSeverityDot: ({ level, className }: ReviewSeverityDotProps) => import("react").JSX.Element;
|
|
17
17
|
type ReviewStatusDotProps = {
|
|
18
18
|
tone: ReviewStatusTone;
|
|
19
19
|
className?: string | undefined;
|
|
20
20
|
};
|
|
21
21
|
/** The same dot keyed by tone, for vocabularies that are not severities
|
|
22
22
|
* (verdicts, directed impact, comparison assessments). */
|
|
23
|
-
declare const ReviewStatusDot: ({ tone, className }: ReviewStatusDotProps) => import("react").JSX.Element;
|
|
23
|
+
export declare const ReviewStatusDot: ({ tone, className }: ReviewStatusDotProps) => import("react").JSX.Element;
|
|
24
24
|
/** The tone a severity level carries, so a badge and its dot cannot disagree. */
|
|
25
|
-
declare const reviewSeverityTone: (level: ReviewSeverityLevel) => ReviewStatusTone;
|
|
26
|
-
//#endregion
|
|
27
|
-
export { ReviewSeverityDot, ReviewSeverityLevel, ReviewStatusDot, reviewSeverityTone };
|
|
25
|
+
export declare const reviewSeverityTone: (level: ReviewSeverityLevel) => ReviewStatusTone;
|
|
26
|
+
//#endregion
|
|
@@ -7,9 +7,9 @@ import { ReactNode } from "react";
|
|
|
7
7
|
* so "this is fine" reads as the same green everywhere and a reviewer never
|
|
8
8
|
* has to relearn a palette when moving between panels.
|
|
9
9
|
*/
|
|
10
|
-
type ReviewStatusTone = "neutral" | "success" | "warning" | "destructive" | "highlight";
|
|
11
|
-
type ReviewStatusVariant = "solid" | "outline" | "strong";
|
|
12
|
-
type ReviewStatusSize = "xs" | "sm";
|
|
10
|
+
export type ReviewStatusTone = "neutral" | "success" | "warning" | "destructive" | "highlight";
|
|
11
|
+
export type ReviewStatusVariant = "solid" | "outline" | "strong";
|
|
12
|
+
export type ReviewStatusSize = "xs" | "sm";
|
|
13
13
|
type ReviewStatusBadgeProps = {
|
|
14
14
|
tone: ReviewStatusTone;
|
|
15
15
|
/** Outlined by default. `solid` adds a tonal wash for a status that has to
|
|
@@ -25,6 +25,5 @@ type ReviewStatusBadgeProps = {
|
|
|
25
25
|
};
|
|
26
26
|
/** One status pill for every review surface: one radius, one padding scale,
|
|
27
27
|
* one tone vocabulary. */
|
|
28
|
-
declare const ReviewStatusBadge: ({ tone, variant, size, icon, className, children }: ReviewStatusBadgeProps) => import("react").JSX.Element;
|
|
29
|
-
//#endregion
|
|
30
|
-
export { ReviewStatusBadge, ReviewStatusSize, ReviewStatusTone, ReviewStatusVariant };
|
|
28
|
+
export declare const ReviewStatusBadge: ({ tone, variant, size, icon, className, children }: ReviewStatusBadgeProps) => import("react").JSX.Element;
|
|
29
|
+
//#endregion
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stll/ui",
|
|
3
|
-
"version": "0.26.
|
|
3
|
+
"version": "0.26.4",
|
|
4
4
|
"description": "Stella's design system: bidi-aware React primitives built on Base UI, the dockable inspector pane, and the Tailwind v4 theme they are styled with.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"base-ui",
|
|
@@ -593,28 +593,28 @@
|
|
|
593
593
|
"class-variance-authority": "^0.7.1",
|
|
594
594
|
"clsx": "^2.1.1",
|
|
595
595
|
"input-otp": "^1.5.0",
|
|
596
|
-
"lucide-react": "1.
|
|
596
|
+
"lucide-react": "1.41.0",
|
|
597
597
|
"tailwind-merge": "^3.6.0",
|
|
598
598
|
"temporal-polyfill": "1.0.4"
|
|
599
599
|
},
|
|
600
600
|
"devDependencies": {
|
|
601
601
|
"@atlaskit/pragmatic-drag-and-drop": "^3.1.0",
|
|
602
602
|
"@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^3.2.0",
|
|
603
|
-
"@base-ui/react": "1.
|
|
603
|
+
"@base-ui/react": "1.8.0",
|
|
604
604
|
"@dnd-kit/core": "^6.3.1",
|
|
605
605
|
"@dnd-kit/sortable": "^10.0.0",
|
|
606
606
|
"@playwright/test": "^1.63.0",
|
|
607
607
|
"@stll/typescript-config": "0.0.0",
|
|
608
608
|
"@tailwindcss/vite": "4.3.3",
|
|
609
|
-
"@tanstack/react-virtual": "^3.14.
|
|
609
|
+
"@tanstack/react-virtual": "^3.14.11",
|
|
610
610
|
"@types/react": "^19.2.17",
|
|
611
|
-
"@types/react-dom": "^19.2.
|
|
611
|
+
"@types/react-dom": "^19.2.7",
|
|
612
612
|
"bun-types": "1.4.2",
|
|
613
613
|
"react": "^19.2.8",
|
|
614
614
|
"react-dom": "^19.2.8",
|
|
615
615
|
"tailwindcss": "4.3.3",
|
|
616
|
-
"tsdown": "0.
|
|
617
|
-
"vite": "8.2.
|
|
616
|
+
"tsdown": "0.23.0",
|
|
617
|
+
"vite": "8.2.2"
|
|
618
618
|
},
|
|
619
619
|
"peerDependencies": {
|
|
620
620
|
"@atlaskit/pragmatic-drag-and-drop": "^3.1.0",
|
|
@@ -622,7 +622,7 @@
|
|
|
622
622
|
"@base-ui/react": "^1.7.0",
|
|
623
623
|
"@dnd-kit/core": "^6.3.1",
|
|
624
624
|
"@dnd-kit/sortable": "^10.0.0",
|
|
625
|
-
"@tanstack/react-virtual": "^3.14.
|
|
625
|
+
"@tanstack/react-virtual": "^3.14.11",
|
|
626
626
|
"react": ">=19",
|
|
627
627
|
"react-dom": ">=19",
|
|
628
628
|
"tailwindcss": "^4.3.0"
|