@crewlethq/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/README.md +9 -1
- package/dist/AgentHandoffPanel/index.js +4 -4
- package/dist/AppShell/index.js +3 -3
- package/dist/ArrangeList/index.js +4 -4
- package/dist/ArtifactBar/index.js +6 -6
- package/dist/ArtifactCard/index.js +4 -4
- package/dist/ArtifactPanel/index.js +1 -1
- package/dist/AvatarPicker/index.js +6 -6
- package/dist/Canvas/index.js +2 -2
- package/dist/CanvasBoard/index.js +4 -4
- package/dist/CanvasToolbar/index.js +3 -3
- package/dist/Checkbox/index.js +3 -3
- package/dist/ColorField/index.js +3 -3
- package/dist/Combobox/index.js +3 -3
- package/dist/CommandPalette/index.js +3 -3
- package/dist/CommentThread/index.js +5 -5
- package/dist/Composer/index.js +3 -3
- package/dist/ConfirmField/index.js +3 -3
- package/dist/ContrastHelp/index.js +1 -1
- package/dist/DataGrid/index.js +4 -4
- package/dist/DataTable/index.js +5 -5
- package/dist/DataView/index.js +7 -7
- package/dist/DateTimePicker/index.js +2 -2
- package/dist/DocTabsEditor/index.js +4 -4
- package/dist/{Editor-URGZOK2S.js → Editor-2MZDDSJF.js} +3 -3
- package/dist/HuePicker/index.js +5 -5
- package/dist/InboxList/InboxList.d.ts +45 -3
- package/dist/InboxList/index.js +1 -1
- package/dist/{InboxList-OCL2M3ZF.css → InboxList-OFGSX5IH.css} +137 -6
- package/dist/Input/index.js +2 -2
- package/dist/LinkInterstitial/index.js +1 -1
- package/dist/ListInput/index.js +3 -3
- package/dist/MarkdownEditor/index.js +5 -5
- package/dist/Menu/index.js +2 -2
- package/dist/MergeConflicts/index.js +5 -5
- package/dist/Modal/index.js +1 -1
- package/dist/OrgTable/index.js +1 -1
- package/dist/PresenterView/index.js +1 -1
- package/dist/PrincipalPicker/index.js +4 -4
- package/dist/ProposalCard/index.js +4 -4
- package/dist/RichEditor/index.js +1 -1
- package/dist/SegmentedControl/index.js +4 -4
- package/dist/SetupWizard/index.js +2 -2
- package/dist/ShareDialog/index.js +1 -1
- package/dist/SheetColumnEditor/index.js +8 -8
- package/dist/SheetGrid/index.js +3 -3
- package/dist/SidePanel/index.js +1 -1
- package/dist/SlideFilmstrip/index.js +3 -3
- package/dist/Switcher/index.js +3 -3
- package/dist/Tabs/index.js +3 -3
- package/dist/TagsInput/index.js +2 -2
- package/dist/ThemeSwitcher/index.js +5 -5
- package/dist/ThinkingIndicator/ThinkingIndicator.d.ts +9 -6
- package/dist/ThinkingIndicator/index.js +1 -1
- package/dist/ThinkingIndicator-JVF52N7L.css +193 -0
- package/dist/TimeRangePicker/index.js +6 -6
- package/dist/TimeWindowPicker/index.js +3 -3
- package/dist/TreeCanvas/index.js +3 -3
- package/dist/TreeGrid/index.js +1 -1
- package/dist/ValueField/index.js +4 -4
- package/dist/VersionCompare/index.js +5 -5
- package/dist/{chunk-MFQPGMJT.js → chunk-2DSHMV6B.js} +1 -1
- package/dist/{chunk-BVNFNFA6.js → chunk-2QMUOUXN.js} +1 -1
- package/dist/{chunk-J5BIKMQY.js → chunk-4VPDY7AD.js} +4 -4
- package/dist/{chunk-2AQMXGWA.js → chunk-5FFZED4X.js} +1 -1
- package/dist/{chunk-JVII5264.js → chunk-CFXDWGQI.js} +1 -1
- package/dist/{chunk-ELLRZ5XR.js → chunk-CLJHQHPS.js} +1 -1
- package/dist/{chunk-7LSSYHOT.js → chunk-CMTLQOJY.js} +1 -1
- package/dist/{chunk-WXLQJUGO.js → chunk-COAK5MIF.js} +2 -2
- package/dist/{chunk-U7J52N67.js → chunk-DFU6JGJV.js} +1 -1
- package/dist/{chunk-6MI2GMYG.js → chunk-DGG2A6XG.js} +1 -1
- package/dist/{chunk-DXVJSBEW.js → chunk-DMY4XEDS.js} +3 -3
- package/dist/{chunk-PBCNINMB.js → chunk-EAR2F5OA.js} +1 -1
- package/dist/{chunk-OOC6KXNL.js → chunk-FPTJMNI3.js} +1 -1
- package/dist/{chunk-TWJERLT3.js → chunk-GAUBP247.js} +1 -1
- package/dist/{chunk-UBJ32EO2.js → chunk-HHZ5ZXYO.js} +2 -2
- package/dist/{chunk-ZUBFVK6B.js → chunk-IQQSMK4E.js} +1 -1
- package/dist/{chunk-BWAUL5MB.js → chunk-IU5J6BY5.js} +2 -2
- package/dist/{chunk-SBOUVASH.js → chunk-JII74OTJ.js} +4 -4
- package/dist/{chunk-MNTUIAQT.js → chunk-KZ3UXNN7.js} +1 -1
- package/dist/{chunk-VTGIDEI5.js → chunk-LUSRKTX6.js} +2 -2
- package/dist/{chunk-E2MIUNUU.js → chunk-M73MMEZY.js} +1 -1
- package/dist/{chunk-JEA5OX54.js → chunk-MCMPQBEV.js} +2 -2
- package/dist/{chunk-W6UVBBNH.js → chunk-MJTBINIY.js} +1 -1
- package/dist/{chunk-PVZOP3QK.js → chunk-MVQLCSAC.js} +1 -1
- package/dist/{chunk-5OVTWY3I.js → chunk-MVQSTBLQ.js} +1 -1
- package/dist/{chunk-6ID4DVML.js → chunk-O3WH7OJE.js} +1 -1
- package/dist/{chunk-5OFRDX66.js → chunk-OXEWUAND.js} +1 -1
- package/dist/{chunk-GJ7VIQWL.js → chunk-PHBMSXVE.js} +2 -2
- package/dist/{chunk-62DBFNOK.js → chunk-QPHD4UUG.js} +82 -6
- package/dist/{chunk-WUQVAFTC.js → chunk-QRKDP7RQ.js} +1 -1
- package/dist/{chunk-GDDVI4US.js → chunk-RCHJBKD3.js} +1 -1
- package/dist/{chunk-7EOUVWGQ.js → chunk-SZEKOW2X.js} +1 -1
- package/dist/{chunk-CX6QT4CH.js → chunk-UKYVLQAE.js} +2 -2
- package/dist/{chunk-KIJJD4YD.js → chunk-VMEUY672.js} +1 -1
- package/dist/{chunk-WDNURPXU.js → chunk-WYXUDDTY.js} +1 -1
- package/dist/{chunk-PZAOUZFZ.js → chunk-XDVQ72BE.js} +1 -1
- package/dist/{chunk-3EETQFAM.js → chunk-XI56IJGI.js} +1 -1
- package/dist/{chunk-PQWNK3N7.js → chunk-XNYMMLCY.js} +2 -2
- package/dist/{chunk-2EA2GSA2.js → chunk-YDXX5UB7.js} +1 -1
- package/dist/{chunk-CFY257ND.js → chunk-ZFFQMRPJ.js} +2 -2
- package/dist/generated/index.js +62 -62
- package/dist/index.js +62 -62
- package/dist/styles.css +225 -23
- package/package.json +3 -3
- package/dist/ThinkingIndicator-QJMX2TXC.css +0 -122
- package/dist/{chunk-T73DMDU4.js → chunk-2566PSQ3.js} +1 -1
- package/dist/{chunk-PX54PALQ.js → chunk-7DD2GR7I.js} +1 -1
- package/dist/{chunk-HEIOLITO.js → chunk-BAHLBMCH.js} +1 -1
- package/dist/{chunk-ETSF7SU6.js → chunk-DCQ2VTBB.js} +1 -1
- package/dist/{chunk-F32FFE6I.js → chunk-NBOFBSVD.js} +1 -1
- package/dist/{chunk-SBHAKX2T.js → chunk-R2YHKVWN.js} +1 -1
|
@@ -1,122 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* The assistant at work: the Assistant's mark, its blades turning, and a line
|
|
3
|
-
* of status under a shimmer. See ThinkingIndicator.tsx for why it replaces a
|
|
4
|
-
* caret and how it is announced.
|
|
5
|
-
*/
|
|
6
|
-
|
|
7
|
-
/*
|
|
8
|
-
* ONE LINE OF PROSE TALL, at every state: the mark alone, the mark with a
|
|
9
|
-
* status line, and the line changing from one step to the next all keep the
|
|
10
|
-
* same height, so the thread never moves while the assistant works.
|
|
11
|
-
*/
|
|
12
|
-
.crewlet-thinking {
|
|
13
|
-
display: flex;
|
|
14
|
-
align-items: center;
|
|
15
|
-
gap: var(--spacing-2);
|
|
16
|
-
min-width: 0;
|
|
17
|
-
min-height: calc(var(--font-size-compact) * var(--font-line-height-relaxed));
|
|
18
|
-
font-family: var(--font-family-sans);
|
|
19
|
-
font-size: var(--font-size-compact);
|
|
20
|
-
line-height: var(--font-line-height-relaxed);
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
/*
|
|
24
|
-
* THE BLADES TURN A QUARTER, THEN REST. The figure is four blades around a
|
|
25
|
-
* core, the same after a quarter turn, so each round ends where the next
|
|
26
|
-
* begins and the loop never shows a seam. One round is the breath period
|
|
27
|
-
* (2.2s): the turn takes its first half on the in-out ease and the second
|
|
28
|
-
* half is still, which reads as steady thought rather than as a spinner. The
|
|
29
|
-
* core holds still, as the mark's own description promises.
|
|
30
|
-
*/
|
|
31
|
-
.crewlet-thinking__mark [data-motion='turn'] {
|
|
32
|
-
transform-box: view-box;
|
|
33
|
-
transform-origin: 50% 50%;
|
|
34
|
-
animation: crewlet-thinking-turn var(--motion-duration-breath) var(--motion-easing-in-out) infinite;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
@keyframes crewlet-thinking-turn {
|
|
38
|
-
0% {
|
|
39
|
-
transform: rotate(0deg);
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
50%,
|
|
43
|
-
100% {
|
|
44
|
-
transform: rotate(90deg);
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
/*
|
|
49
|
-
* THE SHIMMER IS A LIGHTER BAND CROSSING THE WORDS, the band Skeleton sweeps
|
|
50
|
-
* across a placeholder, set in ink rather than in surface: the words are the
|
|
51
|
-
* secondary ink at rest, so they read at every point of the sweep, and the
|
|
52
|
-
* band is the primary ink. The gradient is clipped to the glyphs and is three
|
|
53
|
-
* times the line's width, so the band crosses it rather than standing in it.
|
|
54
|
-
*/
|
|
55
|
-
.crewlet-thinking__status {
|
|
56
|
-
min-width: 0;
|
|
57
|
-
overflow: hidden;
|
|
58
|
-
color: var(--color-text-secondary);
|
|
59
|
-
text-overflow: ellipsis;
|
|
60
|
-
white-space: nowrap;
|
|
61
|
-
animation: crewlet-thinking-enter var(--motion-duration-moderate) var(--motion-easing-out);
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
@supports (background-clip: text) or (-webkit-background-clip: text) {
|
|
65
|
-
.crewlet-thinking__status {
|
|
66
|
-
background-image: linear-gradient(
|
|
67
|
-
90deg,
|
|
68
|
-
var(--color-text-secondary) 0%,
|
|
69
|
-
var(--color-text-secondary) 40%,
|
|
70
|
-
var(--color-text-primary) 50%,
|
|
71
|
-
var(--color-text-secondary) 60%,
|
|
72
|
-
var(--color-text-secondary) 100%
|
|
73
|
-
);
|
|
74
|
-
background-size: 300% 100%;
|
|
75
|
-
-webkit-background-clip: text;
|
|
76
|
-
background-clip: text;
|
|
77
|
-
color: transparent;
|
|
78
|
-
animation:
|
|
79
|
-
crewlet-thinking-enter var(--motion-duration-moderate) var(--motion-easing-out),
|
|
80
|
-
crewlet-thinking-shimmer var(--motion-duration-breath) linear infinite;
|
|
81
|
-
}
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
@keyframes crewlet-thinking-shimmer {
|
|
85
|
-
from {
|
|
86
|
-
background-position: 100% 50%;
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
to {
|
|
90
|
-
background-position: 0 50%;
|
|
91
|
-
}
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
@keyframes crewlet-thinking-enter {
|
|
95
|
-
from {
|
|
96
|
-
opacity: 0;
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
to {
|
|
100
|
-
opacity: 1;
|
|
101
|
-
}
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
@media (prefers-reduced-motion: reduce) {
|
|
105
|
-
.crewlet-thinking__mark [data-motion='turn'] {
|
|
106
|
-
animation: none;
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
.crewlet-thinking__status {
|
|
110
|
-
background-image: none;
|
|
111
|
-
color: var(--color-text-secondary);
|
|
112
|
-
animation: none;
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
/* The system's own ink: a gradient clipped to text is dropped there. */
|
|
117
|
-
@media (forced-colors: active) {
|
|
118
|
-
.crewlet-thinking__status {
|
|
119
|
-
background-image: none;
|
|
120
|
-
color: CanvasText;
|
|
121
|
-
}
|
|
122
|
-
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { Button } from './chunk-7QTPJDRF.js';
|
|
2
2
|
import { useLayerContainer, viewportBounds, LAYER_GAP, anchorGone, placePopup, LAYER_REPOSITION_EVENT } from './chunk-OMV5W53A.js';
|
|
3
3
|
import { usePopupLayer } from './chunk-H5XTJ7GJ.js';
|
|
4
|
-
import { IconButton } from './chunk-UAUP6XGK.js';
|
|
5
4
|
import { returnFocus } from './chunk-NUZHC6MM.js';
|
|
5
|
+
import { IconButton } from './chunk-UAUP6XGK.js';
|
|
6
6
|
import { cx } from './chunk-ODEQTPFM.js';
|
|
7
7
|
import './Menu-OLUGHX56.css';
|
|
8
8
|
import { useId, useState, useRef, useCallback, useLayoutEffect, useEffect } from 'react';
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { today, CalendarGrid, shiftMonth, compareDays } from './chunk-EE3DJMSQ.js';
|
|
2
2
|
import { Popover } from './chunk-KHJIEPZV.js';
|
|
3
3
|
import { Button } from './chunk-7QTPJDRF.js';
|
|
4
|
-
import { IconButton } from './chunk-UAUP6XGK.js';
|
|
5
4
|
import { useFocusModality } from './chunk-NUZHC6MM.js';
|
|
5
|
+
import { IconButton } from './chunk-UAUP6XGK.js';
|
|
6
6
|
import { cx } from './chunk-ODEQTPFM.js';
|
|
7
7
|
import './DateTimePicker-PM6TIRIX.css';
|
|
8
8
|
import { useMemo, useState, useEffect } from 'react';
|
|
@@ -2,8 +2,8 @@ import { useListbox } from './chunk-7KHM2FZH.js';
|
|
|
2
2
|
import { Tag } from './chunk-I5OIKDX2.js';
|
|
3
3
|
import { announce } from './chunk-2G355KDJ.js';
|
|
4
4
|
import { isComposing } from './chunk-H5XTJ7GJ.js';
|
|
5
|
-
import { IconButton } from './chunk-UAUP6XGK.js';
|
|
6
5
|
import { useFocusModality } from './chunk-NUZHC6MM.js';
|
|
6
|
+
import { IconButton } from './chunk-UAUP6XGK.js';
|
|
7
7
|
import { cx } from './chunk-ODEQTPFM.js';
|
|
8
8
|
import './TagsInput-MZXEHKJD.css';
|
|
9
9
|
import { forwardRef, useState, useRef, useId, useImperativeHandle, useEffect, useMemo, useLayoutEffect } from 'react';
|
|
@@ -2,8 +2,8 @@ import { characterCountState, CharacterCount } from './chunk-PGCLHYVP.js';
|
|
|
2
2
|
import { useHeadingLevel, headingTag, HeadingLevelProvider, nextHeadingLevel } from './chunk-PQADV6P6.js';
|
|
3
3
|
import { announce } from './chunk-2G355KDJ.js';
|
|
4
4
|
import { isComposing } from './chunk-H5XTJ7GJ.js';
|
|
5
|
-
import { IconButton } from './chunk-UAUP6XGK.js';
|
|
6
5
|
import { useFocusModality } from './chunk-NUZHC6MM.js';
|
|
6
|
+
import { IconButton } from './chunk-UAUP6XGK.js';
|
|
7
7
|
import { VisuallyHidden } from './chunk-UT6CW3C7.js';
|
|
8
8
|
import { cx } from './chunk-ODEQTPFM.js';
|
|
9
9
|
import './Input-GEFFMKBS.css';
|
|
@@ -3,8 +3,8 @@ import { Tooltip } from './chunk-I33UIUZD.js';
|
|
|
3
3
|
import { Kbd } from './chunk-ANTAQAR4.js';
|
|
4
4
|
import { Button } from './chunk-7QTPJDRF.js';
|
|
5
5
|
import { LAYER_REPOSITION_EVENT, LayerHost } from './chunk-OMV5W53A.js';
|
|
6
|
-
import { IconButton } from './chunk-UAUP6XGK.js';
|
|
7
6
|
import { returnFocus } from './chunk-NUZHC6MM.js';
|
|
7
|
+
import { IconButton } from './chunk-UAUP6XGK.js';
|
|
8
8
|
import { VisuallyHidden } from './chunk-UT6CW3C7.js';
|
|
9
9
|
import { cx } from './chunk-ODEQTPFM.js';
|
|
10
10
|
import './Canvas-4QJHVLJ4.css';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { Stepper } from './chunk-HJBHP66O.js';
|
|
2
1
|
import { PageHeader } from './chunk-FPDIHEM4.js';
|
|
2
|
+
import { Stepper } from './chunk-HJBHP66O.js';
|
|
3
3
|
import { Disclosure } from './chunk-222VILSP.js';
|
|
4
4
|
import { useHeadingLevel, nextHeadingLevel, headingTag, HeadingLevelProvider } from './chunk-PQADV6P6.js';
|
|
5
5
|
import { useMediaMatch } from './chunk-RTPQDNW3.js';
|