@stll/ui 0.66.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/calendar/day-calendar.js +2 -2
- package/dist/components/alert-dialog.js +1 -1
- package/dist/components/animated-preview.js +1 -1
- package/dist/components/application-rail.js +1 -1
- package/dist/components/button.js +2 -2
- package/dist/components/checkbox.js +2 -2
- package/dist/components/color-picker.js +4 -4
- package/dist/components/combobox.js +4 -4
- package/dist/components/command.js +3 -3
- package/dist/components/composer.js +1 -1
- package/dist/components/context-menu.d.ts +10 -1
- package/dist/components/context-menu.js +9 -2
- package/dist/components/court-filter.js +2 -2
- package/dist/components/date-picker-popover.js +3 -3
- package/dist/components/destructive-action-confirmation.js +1 -1
- package/dist/components/details-grid.js +1 -1
- package/dist/components/dialog.js +3 -3
- package/dist/components/document-identity-badge.js +1 -1
- package/dist/components/entity-actions.d.ts +34 -0
- package/dist/components/entity-actions.js +132 -0
- package/dist/components/file-input.js +1 -1
- package/dist/components/hex-color-picker.js +1 -1
- package/dist/components/horizontal-scroller.js +2 -2
- package/dist/components/identity-text.js +1 -1
- package/dist/components/inline-rename.js +1 -1
- package/dist/components/input-group.js +3 -3
- package/dist/components/input.js +2 -2
- package/dist/components/kbd.js +1 -1
- package/dist/components/matter-icon.js +1 -1
- package/dist/components/menu.js +2 -2
- package/dist/components/number-input.js +1 -1
- package/dist/components/outline-rail.js +4 -4
- package/dist/components/popover.js +1 -1
- package/dist/components/segmented-icon-toggle.js +1 -1
- package/dist/components/select.js +3 -3
- package/dist/components/sheet.js +2 -2
- package/dist/components/sheet.native.js +1 -1
- package/dist/components/sidebar.js +4 -4
- package/dist/components/split-button.js +1 -1
- package/dist/components/table.js +1 -1
- package/dist/components/tabs.js +1 -1
- package/dist/components/textarea.js +2 -2
- package/dist/components/toast.js +3 -3
- package/dist/components/tooltip.js +1 -1
- package/dist/components/truncated-text.js +2 -2
- package/dist/components/view-toolbar.d.ts +5 -1
- package/dist/components/view-toolbar.js +6 -2
- package/dist/components/workspace-shell.js +3 -3
- package/dist/data-table/table.js +1 -1
- package/dist/index.js +34 -34
- package/dist/inspector/chrome.js +1 -1
- package/dist/inspector/dock.js +1 -1
- package/dist/inspector/entity-tab.js +2 -2
- package/dist/inspector/facet-bar.js +4 -4
- package/dist/inspector/index.js +2 -2
- package/dist/kanban/card-shell.js +1 -1
- package/dist/kanban/cell-action.js +1 -1
- package/dist/kanban/column-band-header.js +1 -1
- package/dist/kanban/index.js +5 -5
- package/dist/kanban/sortable-interactions.js +2 -2
- package/dist/kanban/subgroup-board.js +4 -4
- package/dist/kanban/virtual-cell.js +2 -2
- package/dist/lib/native-context-menu.d.ts +24 -0
- package/dist/lib/native-context-menu.js +85 -0
- package/dist/review/review-author-avatar.js +1 -1
- package/dist/review/review-comment-card.js +2 -2
- package/dist/review/review-decision-actions.js +1 -1
- package/dist/review/review-out-of-date-notice.js +1 -1
- package/dist/styles/theme.css +23 -23
- package/package.json +14 -6
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { CheckIcon, RotateCcwIcon, Trash2Icon } from "../icons.js";
|
|
2
|
-
import { cn } from "../lib/utils.js";
|
|
3
1
|
import { BidiText } from "../components/bidi-text.js";
|
|
4
2
|
import { Button } from "../components/button.js";
|
|
3
|
+
import { CheckIcon, RotateCcwIcon, Trash2Icon } from "../icons.js";
|
|
4
|
+
import { cn } from "../lib/utils.js";
|
|
5
5
|
import { ReviewAuthorAvatar } from "./review-author-avatar.js";
|
|
6
6
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
7
7
|
import { Temporal } from "temporal-polyfill/full";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
+
import { Button } from "../components/button.js";
|
|
1
2
|
import { CheckIcon, RotateCcwIcon, XIcon } from "../icons.js";
|
|
2
3
|
import { cn } from "../lib/utils.js";
|
|
3
|
-
import { Button } from "../components/button.js";
|
|
4
4
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
5
5
|
import { panic } from "better-result";
|
|
6
6
|
// src/review/review-decision-actions.tsx
|
package/dist/styles/theme.css
CHANGED
|
@@ -286,17 +286,19 @@
|
|
|
286
286
|
--chart-7: color-mix(in oklch, var(--option-lime) 70%, var(--foreground));
|
|
287
287
|
--chart-8: color-mix(in oklch, var(--option-fuchsia) 70%, var(--foreground));
|
|
288
288
|
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
|
|
289
|
-
|
|
289
|
+
/* The corner radius generated visuals receive (`VISUAL_THEME_VARIABLES`);
|
|
290
|
+
app markup uses the `rounded-*` scale. Equal to `--radius-lg`. */
|
|
291
|
+
--radius: 0.5rem;
|
|
290
292
|
--background: var(--color-white);
|
|
291
|
-
--foreground: var(--color-neutral-
|
|
293
|
+
--foreground: var(--color-neutral-900);
|
|
292
294
|
--card: var(--color-white);
|
|
293
|
-
--card-foreground: var(--color-neutral-
|
|
295
|
+
--card-foreground: var(--color-neutral-900);
|
|
294
296
|
--popover: var(--color-white);
|
|
295
|
-
--popover-foreground: var(--color-neutral-
|
|
297
|
+
--popover-foreground: var(--color-neutral-900);
|
|
296
298
|
--primary: var(--color-neutral-800);
|
|
297
299
|
--primary-foreground: var(--color-neutral-50);
|
|
298
300
|
--secondary: --alpha(var(--color-black) / 4%);
|
|
299
|
-
--secondary-foreground: var(--color-neutral-
|
|
301
|
+
--secondary-foreground: var(--color-neutral-900);
|
|
300
302
|
--muted: --alpha(var(--color-black) / 4%);
|
|
301
303
|
--muted-foreground: color-mix(
|
|
302
304
|
in srgb,
|
|
@@ -319,7 +321,7 @@
|
|
|
319
321
|
transparent
|
|
320
322
|
);
|
|
321
323
|
--accent: --alpha(var(--color-black) / 4%);
|
|
322
|
-
--accent-foreground: var(--color-neutral-
|
|
324
|
+
--accent-foreground: var(--color-neutral-900);
|
|
323
325
|
--destructive: var(--color-red-500);
|
|
324
326
|
--destructive-foreground: var(--color-red-700);
|
|
325
327
|
--info: var(--color-blue-500);
|
|
@@ -329,20 +331,22 @@
|
|
|
329
331
|
--warning: var(--color-amber-500);
|
|
330
332
|
--warning-foreground: var(--color-amber-700);
|
|
331
333
|
--highlight: --alpha(var(--color-yellow-300) / 50%);
|
|
332
|
-
--highlight-foreground: var(--color-neutral-
|
|
334
|
+
--highlight-foreground: var(--color-neutral-900);
|
|
333
335
|
--border: --alpha(var(--color-black) / 10%);
|
|
334
336
|
--input: --alpha(var(--color-black) / 12%);
|
|
335
337
|
--ring: var(--color-neutral-400);
|
|
336
338
|
--sidebar: var(--color-neutral-50);
|
|
339
|
+
/* Light 80% and dark 72% land at the same contrast (about 9.2:1) on their
|
|
340
|
+
sidebars; dark needs less of the mix to read as strongly. */
|
|
337
341
|
--sidebar-foreground: color-mix(
|
|
338
342
|
in srgb,
|
|
339
|
-
var(--color-neutral-
|
|
343
|
+
var(--color-neutral-900) 80%,
|
|
340
344
|
var(--sidebar)
|
|
341
345
|
);
|
|
342
346
|
--sidebar-primary: var(--color-neutral-800);
|
|
343
347
|
--sidebar-primary-foreground: var(--color-neutral-50);
|
|
344
348
|
--sidebar-accent: --alpha(var(--color-black) / 4%);
|
|
345
|
-
--sidebar-accent-foreground: var(--color-neutral-
|
|
349
|
+
--sidebar-accent-foreground: var(--color-neutral-900);
|
|
346
350
|
--sidebar-border: --alpha(var(--color-black) / 8%);
|
|
347
351
|
--sidebar-ring: var(--color-neutral-400);
|
|
348
352
|
}
|
|
@@ -363,11 +367,7 @@
|
|
|
363
367
|
--secondary: --alpha(var(--color-white) / 4%);
|
|
364
368
|
--secondary-foreground: var(--color-neutral-100);
|
|
365
369
|
--muted: --alpha(var(--color-white) / 4%);
|
|
366
|
-
--muted-foreground: color-
|
|
367
|
-
in srgb,
|
|
368
|
-
var(--color-neutral-500) 90%,
|
|
369
|
-
var(--color-white)
|
|
370
|
-
);
|
|
370
|
+
--muted-foreground: var(--color-neutral-400);
|
|
371
371
|
--accent: --alpha(var(--color-white) / 4%);
|
|
372
372
|
--accent-foreground: var(--color-neutral-100);
|
|
373
373
|
--destructive: color-mix(
|
|
@@ -394,7 +394,7 @@
|
|
|
394
394
|
);
|
|
395
395
|
--sidebar-foreground: color-mix(
|
|
396
396
|
in srgb,
|
|
397
|
-
var(--color-neutral-100)
|
|
397
|
+
var(--color-neutral-100) 72%,
|
|
398
398
|
var(--sidebar)
|
|
399
399
|
);
|
|
400
400
|
--sidebar-primary: var(--color-neutral-100);
|
|
@@ -998,19 +998,19 @@
|
|
|
998
998
|
.palette-flexoki.dark,
|
|
999
999
|
.palette-nord.dark {
|
|
1000
1000
|
--background: var(--color-white);
|
|
1001
|
-
--foreground: var(--color-neutral-
|
|
1001
|
+
--foreground: var(--color-neutral-900);
|
|
1002
1002
|
--card: var(--color-white);
|
|
1003
|
-
--card-foreground: var(--color-neutral-
|
|
1003
|
+
--card-foreground: var(--color-neutral-900);
|
|
1004
1004
|
--popover: var(--color-white);
|
|
1005
|
-
--popover-foreground: var(--color-neutral-
|
|
1005
|
+
--popover-foreground: var(--color-neutral-900);
|
|
1006
1006
|
--primary: var(--color-neutral-800);
|
|
1007
1007
|
--primary-foreground: var(--color-neutral-50);
|
|
1008
1008
|
--secondary: --alpha(var(--color-black) / 4%);
|
|
1009
|
-
--secondary-foreground: var(--color-neutral-
|
|
1009
|
+
--secondary-foreground: var(--color-neutral-900);
|
|
1010
1010
|
--muted: --alpha(var(--color-black) / 4%);
|
|
1011
1011
|
--muted-foreground: var(--color-neutral-500);
|
|
1012
1012
|
--accent: --alpha(var(--color-black) / 4%);
|
|
1013
|
-
--accent-foreground: var(--color-neutral-
|
|
1013
|
+
--accent-foreground: var(--color-neutral-900);
|
|
1014
1014
|
--destructive: var(--color-red-500);
|
|
1015
1015
|
--destructive-foreground: var(--color-red-700);
|
|
1016
1016
|
--info: var(--color-blue-500);
|
|
@@ -1020,16 +1020,16 @@
|
|
|
1020
1020
|
--warning: var(--color-amber-500);
|
|
1021
1021
|
--warning-foreground: var(--color-amber-700);
|
|
1022
1022
|
--highlight: --alpha(var(--color-yellow-300) / 50%);
|
|
1023
|
-
--highlight-foreground: var(--color-neutral-
|
|
1023
|
+
--highlight-foreground: var(--color-neutral-900);
|
|
1024
1024
|
--border: --alpha(var(--color-black) / 10%);
|
|
1025
1025
|
--input: --alpha(var(--color-black) / 12%);
|
|
1026
1026
|
--ring: var(--color-neutral-400);
|
|
1027
1027
|
--sidebar: var(--color-neutral-50);
|
|
1028
|
-
--sidebar-foreground: var(--color-neutral-
|
|
1028
|
+
--sidebar-foreground: var(--color-neutral-900);
|
|
1029
1029
|
--sidebar-primary: var(--color-neutral-800);
|
|
1030
1030
|
--sidebar-primary-foreground: var(--color-neutral-50);
|
|
1031
1031
|
--sidebar-accent: --alpha(var(--color-black) / 4%);
|
|
1032
|
-
--sidebar-accent-foreground: var(--color-neutral-
|
|
1032
|
+
--sidebar-accent-foreground: var(--color-neutral-900);
|
|
1033
1033
|
--sidebar-border: --alpha(var(--color-black) / 8%);
|
|
1034
1034
|
--sidebar-ring: var(--color-neutral-400);
|
|
1035
1035
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stll/ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.68.0",
|
|
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",
|
|
@@ -122,6 +122,14 @@
|
|
|
122
122
|
"types": "./dist/components/context-menu.d.ts",
|
|
123
123
|
"import": "./dist/components/context-menu.js"
|
|
124
124
|
},
|
|
125
|
+
"./entity-actions": {
|
|
126
|
+
"types": "./dist/components/entity-actions.d.ts",
|
|
127
|
+
"import": "./dist/components/entity-actions.js"
|
|
128
|
+
},
|
|
129
|
+
"./native-context-menu": {
|
|
130
|
+
"types": "./dist/lib/native-context-menu.d.ts",
|
|
131
|
+
"import": "./dist/lib/native-context-menu.js"
|
|
132
|
+
},
|
|
125
133
|
"./document-identity-badge": {
|
|
126
134
|
"types": "./dist/components/document-identity-badge.d.ts",
|
|
127
135
|
"import": "./dist/components/document-identity-badge.js"
|
|
@@ -910,9 +918,9 @@
|
|
|
910
918
|
"class-variance-authority": "^0.7.1",
|
|
911
919
|
"clsx": "^2.1.1",
|
|
912
920
|
"input-otp": "^1.5.0",
|
|
913
|
-
"lucide-react": "1.
|
|
921
|
+
"lucide-react": "1.65.0",
|
|
914
922
|
"tailwind-merge": "^3.7.0",
|
|
915
|
-
"temporal-polyfill": "1.0.
|
|
923
|
+
"temporal-polyfill": "1.0.6"
|
|
916
924
|
},
|
|
917
925
|
"devDependencies": {
|
|
918
926
|
"@atlaskit/pragmatic-drag-and-drop": "^4.0.0",
|
|
@@ -926,7 +934,7 @@
|
|
|
926
934
|
"@stll/property-testing": "0.0.0",
|
|
927
935
|
"@stll/typescript-config": "0.0.0",
|
|
928
936
|
"@tailwindcss/vite": "4.3.3",
|
|
929
|
-
"@tanstack/react-virtual": "^3.14.
|
|
937
|
+
"@tanstack/react-virtual": "^3.14.24",
|
|
930
938
|
"@testing-library/dom": "10.4.2",
|
|
931
939
|
"@testing-library/react": "16.3.3",
|
|
932
940
|
"@types/react": "^19.3.0",
|
|
@@ -936,8 +944,8 @@
|
|
|
936
944
|
"react": "^19.3.1",
|
|
937
945
|
"react-dom": "^19.3.1",
|
|
938
946
|
"tailwindcss": "4.3.3",
|
|
939
|
-
"tsdown": "0.23.
|
|
940
|
-
"tsrs": "0.
|
|
947
|
+
"tsdown": "0.23.4",
|
|
948
|
+
"tsrs": "0.20.1-ts7.1.0-beta",
|
|
941
949
|
"vite": "8.3.5"
|
|
942
950
|
},
|
|
943
951
|
"peerDependencies": {
|