@crewlethq/ui 0.64.0 → 0.65.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/Accordion/index.js +3 -3
- package/dist/{Accordion-ZI2WLD5C.css → Accordion-V7YNDK7Y.css} +10 -0
- package/dist/AddPill/index.js +1 -1
- package/dist/{AddPill-RYCY56P4.css → AddPill-FPM5RUKI.css} +15 -5
- package/dist/AgentHandoffPanel/index.js +12 -12
- package/dist/{AgentHandoffPanel-JWSW62GU.css → AgentHandoffPanel-AIU7YWWB.css} +34 -2
- package/dist/AppShell/index.d.ts +1 -0
- package/dist/AppShell/index.js +3 -3
- package/dist/AppShell/screenWidth.d.ts +66 -0
- package/dist/{AppShell-ZVCJRGXH.css → AppShell-LZQA3XU4.css} +21 -1
- package/dist/ArrangeFrame/index.js +2 -2
- package/dist/{ArrangeFrame-QXOQTFAH.css → ArrangeFrame-QCQZ5RF6.css} +6 -0
- package/dist/ArrangeGroup/index.js +2 -2
- package/dist/ArrangeList/index.js +5 -5
- package/dist/ArrangeList-F6Y43I24.css +143 -0
- package/dist/ArtifactAccess/index.js +1 -1
- package/dist/{ArtifactAccess-Y53ZTRFS.css → ArtifactAccess-RNNN2EIG.css} +6 -0
- package/dist/ArtifactBar/index.js +8 -8
- package/dist/{ArtifactBar-LEBMR35Y.css → ArtifactBar-X46WJNW7.css} +8 -3
- package/dist/ArtifactCard/index.js +10 -10
- package/dist/{ArtifactCard-F7IVRL3A.css → ArtifactCard-B2QE5CVL.css} +58 -12
- package/dist/ArtifactCover/index.js +2 -2
- package/dist/ArtifactKindIllustration/index.js +1 -1
- package/dist/{ArtifactKindIllustration-KLFL7KBG.css → ArtifactKindIllustration-D2J3HJMJ.css} +6 -0
- package/dist/ArtifactPanel/index.js +3 -3
- package/dist/{ArtifactPanel-TN4FFK2F.css → ArtifactPanel-MR5Z5AVN.css} +15 -1
- package/dist/AsideLayout/index.js +1 -1
- package/dist/{AsideLayout-TH5SQZNK.css → AsideLayout-AA3DEJKN.css} +7 -3
- package/dist/AttachmentChip/index.js +2 -2
- package/dist/AttachmentChip-RZ6ZCB43.css +33 -0
- package/dist/AuthLayout/index.js +3 -3
- package/dist/Avatar/index.js +1 -1
- package/dist/{Avatar-3C2H2WA4.css → Avatar-FDQSCB7A.css} +44 -13
- package/dist/AvatarPicker/index.js +7 -7
- package/dist/{AvatarPicker-PREY36MG.css → AvatarPicker-POOJUOKC.css} +14 -0
- package/dist/{AvatarStack-GEJBNV7E.css → AvatarStack-7I3P7LCK.css} +23 -1
- package/dist/BrandChip/index.js +1 -1
- package/dist/{BrandChip-SQWBC2WU.css → BrandChip-7PBEYDTG.css} +4 -0
- package/dist/Breadcrumb/index.js +2 -2
- package/dist/{Breadcrumb-YMWVM3SV.css → Breadcrumb-55VBXIN4.css} +18 -0
- package/dist/CalendarGrid/index.js +1 -1
- package/dist/{CalendarGrid-V6TQ5QKS.css → CalendarGrid-TT624SDR.css} +57 -20
- package/dist/Canvas/index.js +3 -3
- package/dist/CanvasBoard/index.js +5 -5
- package/dist/{CanvasBoard-JMYNIAHK.css → CanvasBoard-U6LR5F6H.css} +6 -1
- package/dist/CanvasToolbar/index.js +4 -4
- package/dist/Card/Card.d.ts +5 -5
- package/dist/Card/index.js +2 -2
- package/dist/{Card-JR2UPQH7.css → Card-O35OMBQ5.css} +97 -17
- package/dist/CatalogTile/index.js +1 -1
- package/dist/{CatalogTile-26XN7L2A.css → CatalogTile-6VF36JWA.css} +14 -1
- package/dist/ChangeList/index.js +6 -6
- package/dist/{ChangeList-KQVD46IC.css → ChangeList-MDFH5NPH.css} +17 -0
- package/dist/ChangeMark/index.js +1 -1
- package/dist/{ChangeMark-3VMTW7MT.css → ChangeMark-KFDGBF6G.css} +5 -0
- package/dist/Charts/index.js +1 -1
- package/dist/{Charts-TZ744HT6.css → Charts-UJKADWXE.css} +33 -7
- package/dist/Checkbox/index.js +3 -3
- package/dist/{Checkbox-MB22OW6P.css → Checkbox-GAMV2XD7.css} +27 -15
- package/dist/ChoiceButtons/index.js +1 -1
- package/dist/{ChoiceButtons-HWXEF2H3.css → ChoiceButtons-Q2ET3I2N.css} +24 -3
- package/dist/ChoiceList/index.js +1 -1
- package/dist/{ChoiceList-KFYFAECP.css → ChoiceList-Q772QLFX.css} +11 -3
- package/dist/CodeBlock/index.js +3 -3
- package/dist/{CodeBlock-N5ETJF24.css → CodeBlock-T47UA5GM.css} +17 -2
- package/dist/ColorField/index.js +3 -3
- package/dist/ColorSwatch/index.js +3 -3
- package/dist/{ColorSwatch-DNMUFHNS.css → ColorSwatch-V4DA4TK5.css} +24 -1
- package/dist/Combobox/index.js +3 -3
- package/dist/CommandPalette/index.js +6 -6
- package/dist/CommentThread/index.js +8 -8
- package/dist/{CommentThread-7VXOFTZO.css → CommentThread-FRXTDNV6.css} +8 -1
- package/dist/Composer/index.js +4 -4
- package/dist/{Composer-JSGTOW3F.css → Composer-HQIMTMRC.css} +23 -1
- package/dist/ConfirmField/index.js +4 -4
- package/dist/ConflictNote/index.js +1 -1
- package/dist/ConflictNote-OP64JJ6T.css +56 -0
- package/dist/ContrastBadge/index.js +2 -2
- package/dist/ContrastHelp/index.js +4 -4
- package/dist/Copyable/index.js +2 -2
- package/dist/{Copyable-5PNRFOLS.css → Copyable-IS3MHMPL.css} +9 -0
- package/dist/Count/index.js +1 -1
- package/dist/{Count-ZVCJ6VPD.css → Count-ZJ6ID4ZU.css} +6 -1
- package/dist/CursorFlag/index.js +2 -2
- package/dist/{DashboardCover-KYGYMRKW.css → DashboardCover-PWXH4GNW.css} +21 -24
- package/dist/DataGrid/DataGrid.d.ts +35 -3
- package/dist/DataGrid/index.js +4 -4
- package/dist/{DataGrid-VNGQESJA.css → DataGrid-NHIN2I42.css} +190 -97
- package/dist/DataTable/index.js +6 -6
- package/dist/{DataTable-NL2YWAIA.css → DataTable-H43JSHOI.css} +279 -35
- package/dist/DataView/index.js +12 -12
- package/dist/{DataView-N6JX464S.css → DataView-RH5UDA5F.css} +4 -0
- package/dist/DatasetSource/index.js +2 -2
- package/dist/{DatasetSource-FFKTD3ZU.css → DatasetSource-23SI5OF2.css} +4 -1
- package/dist/DateTimePicker/index.js +3 -3
- package/dist/{DateTimePicker-3A7JIIVL.css → DateTimePicker-PM6TIRIX.css} +3 -1
- package/dist/DeepWorkCard/index.js +9 -9
- package/dist/{DeepWorkCard-DGHRIQDM.css → DeepWorkCard-CMRRNISU.css} +12 -0
- package/dist/DiffList/index.js +1 -1
- package/dist/{DiffList-GE6YBRLJ.css → DiffList-3JNPLQ2E.css} +10 -0
- package/dist/DirectoryList/index.js +1 -1
- package/dist/{DirectoryList-7OXXN47X.css → DirectoryList-XZOWYOA3.css} +7 -2
- package/dist/Disclosure/index.js +3 -3
- package/dist/{Disclosure-FVMA4RW2.css → Disclosure-D727FN5X.css} +12 -6
- package/dist/DocTabsEditor/index.js +4 -4
- package/dist/{DocTabsEditor-4M452LNS.css → DocTabsEditor-25J6MYZF.css} +17 -1
- package/dist/Document/index.js +1 -1
- package/dist/{Document-TZ2NBLOR.css → Document-M6JYGLWV.css} +7 -2
- package/dist/EditingStatus/index.js +2 -1
- package/dist/{EditingStatus-YU7EGM6Y.css → EditingStatus-TMGT265J.css} +6 -8
- package/dist/{Editor-GHHWWXXL.js → Editor-URGZOK2S.js} +3 -3
- package/dist/EntityChip/index.js +1 -1
- package/dist/EntityList/index.js +5 -5
- package/dist/{EntityList-XIICECVC.css → EntityList-DT3BQLUW.css} +14 -0
- package/dist/FactList/index.js +1 -1
- package/dist/{FactList-G2H73NFR.css → FactList-QEOHLHX3.css} +11 -0
- package/dist/FileList/index.js +1 -1
- package/dist/{FileList-TGDNV2QS.css → FileList-665NXS7T.css} +10 -0
- package/dist/FindingList/index.js +1 -1
- package/dist/{FindingList-PMYA2R6Q.css → FindingList-MPLA2ZTO.css} +13 -1
- package/dist/FolderTile/index.js +3 -3
- package/dist/HuePicker/index.js +6 -6
- package/dist/IconButton/index.js +1 -1
- package/dist/{IconButton-2D2PZ6GU.css → IconButton-LNNHLBAS.css} +8 -0
- package/dist/ImageUpload/index.js +2 -2
- package/dist/{ImageUpload-CYC3Y7M2.css → ImageUpload-OWI7CCG7.css} +13 -0
- package/dist/InboxList/index.js +1 -1
- package/dist/{InboxList-YMFWKGGS.css → InboxList-OCL2M3ZF.css} +14 -1
- package/dist/InlineCode/index.js +1 -1
- package/dist/{InlineCode-ASYHLN3E.css → InlineCode-2ZXFKTKA.css} +5 -0
- package/dist/InlineEditor/index.js +4 -3
- package/dist/Input/Input.d.ts +4 -1
- package/dist/Input/index.js +2 -2
- package/dist/{Input-GMOWHZRG.css → Input-GEFFMKBS.css} +42 -2
- package/dist/Kbd/index.js +1 -1
- package/dist/{Kbd-MCWJTRTT.css → Kbd-YO5U2PSZ.css} +8 -2
- package/dist/KeyChip/index.js +1 -1
- package/dist/{KeyChip-4XJU4BBE.css → KeyChip-QC7TPU65.css} +4 -1
- package/dist/LayersList/index.js +1 -1
- package/dist/{LayersList-TBNF4XGL.css → LayersList-BQHKROBH.css} +16 -6
- package/dist/Link/index.js +1 -1
- package/dist/{Link-WPMVLKLY.css → Link-CLURSR2O.css} +15 -1
- package/dist/LinkInterstitial/index.js +4 -4
- package/dist/List/index.js +1 -1
- package/dist/{List-XY445TKY.css → List-JOELBLTU.css} +38 -0
- package/dist/ListDetail/ListDetail.d.ts +10 -5
- package/dist/ListDetail/index.js +1 -1
- package/dist/ListDetail-N3L7PB46.css +87 -0
- package/dist/ListInput/index.js +4 -4
- package/dist/{ListInput-RLQND5QK.css → ListInput-4ISMGZDQ.css} +42 -0
- package/dist/LiveCursor/index.js +3 -3
- package/dist/{LiveCursor-DZHGIYWE.css → LiveCursor-Z6DHHLWI.css} +10 -0
- package/dist/LogoSlot/LogoSlot.d.ts +6 -0
- package/dist/LogoSlot/index.js +3 -3
- package/dist/{LogoSlot-NAJE5XY3.css → LogoSlot-APCMGE6S.css} +24 -6
- package/dist/MarkdownEditor/index.js +7 -7
- package/dist/{MarkdownEditor-WOKV7CLK.css → MarkdownEditor-BLCJRGDC.css} +11 -1
- package/dist/Menu/index.js +2 -2
- package/dist/{Menu-KEKAD3BZ.css → Menu-OLUGHX56.css} +19 -1
- package/dist/MergeConflicts/index.js +7 -7
- package/dist/{MergeConflicts-O44ESH4T.css → MergeConflicts-HCXPRQVR.css} +11 -0
- package/dist/MessageBubble/index.js +1 -1
- package/dist/{MessageBubble-GKO6X3QG.css → MessageBubble-AHTXBO3X.css} +13 -2
- package/dist/Modal/index.js +2 -2
- package/dist/{Modal-3HMP7WAZ.css → Modal-FYQYEI3N.css} +18 -1
- package/dist/ObjectHeader/index.js +2 -2
- package/dist/OpenInAppCard/index.js +6 -6
- package/dist/OrgLabel/index.js +1 -1
- package/dist/OrgNode/index.js +2 -2
- package/dist/{OrgNode-TCHJH5FO.css → OrgNode-6OCBAIBK.css} +9 -1
- package/dist/OrgTable/index.js +5 -5
- package/dist/PageHeader/index.js +1 -1
- package/dist/{PageHeader-KMT63D56.css → PageHeader-ES5RN55V.css} +11 -1
- package/dist/PeekRail/index.js +2 -2
- package/dist/PeopleRail/index.js +3 -3
- package/dist/{PeopleRail-SZGHZXVT.css → PeopleRail-MRUSDGCZ.css} +11 -1
- package/dist/PinTile/index.js +2 -2
- package/dist/{PinTile-IIA25MNZ.css → PinTile-OWS7JTHD.css} +12 -1
- package/dist/PresenceRing/index.js +1 -1
- package/dist/{PresenceRing-M4C22Q6U.css → PresenceRing-ZMVVTYMH.css} +14 -4
- package/dist/PresenceStack/index.js +3 -3
- package/dist/PresenceStack-ZV67BH4V.css +108 -0
- package/dist/PresenterView/index.js +3 -3
- package/dist/{PresenterView-T3EXIQ5S.css → PresenterView-RKYEK27N.css} +9 -4
- package/dist/PricingCard/index.js +2 -2
- package/dist/{PricingCard-HTAHG4ST.css → PricingCard-BXMLP7KD.css} +11 -2
- package/dist/Principal/index.js +1 -1
- package/dist/PrincipalPicker/index.js +5 -5
- package/dist/{PrincipalPicker-7NNZTGUP.css → PrincipalPicker-P6UYHDJR.css} +18 -1
- package/dist/PropertyList/index.js +3 -3
- package/dist/{PropertyList-SCYM66LL.css → PropertyList-42MEVUXV.css} +4 -1
- package/dist/ProposalCard/index.js +10 -10
- package/dist/{ProposalCard-YDGECRES.css → ProposalCard-VTTCDXYK.css} +8 -0
- package/dist/ReceiptStrip/index.js +1 -1
- package/dist/{ReceiptStrip-IIRKRTBG.css → ReceiptStrip-V7ASVZVV.css} +9 -0
- package/dist/RefusalCard/index.js +5 -5
- package/dist/RelatedRow/index.js +3 -3
- package/dist/RelatedRow-IZ22XCLP.css +19 -0
- package/dist/ResultTableCard/index.js +5 -5
- package/dist/ReviewList/index.js +2 -2
- package/dist/{ReviewList-TIN6C2JN.css → ReviewList-2IZA67EX.css} +13 -1
- package/dist/RichEditor/index.js +2 -2
- package/dist/{RichEditor-NPD2KAPS.css → RichEditor-5CF3QV3J.css} +19 -2
- package/dist/RunChip/index.js +5 -5
- package/dist/{RunChip-D3JYPTTO.css → RunChip-K5DGHXHO.css} +16 -0
- package/dist/SandboxedFrame/index.js +2 -2
- package/dist/SearchTrigger/index.js +1 -1
- package/dist/{SearchTrigger-UAKWW5HT.css → SearchTrigger-SE4GKNAY.css} +11 -0
- package/dist/Section/index.js +1 -1
- package/dist/{Section-M7SG6NP2.css → Section-X2CTTPI3.css} +19 -0
- package/dist/SectionFrame/index.js +3 -3
- package/dist/SegmentedControl/index.js +6 -6
- package/dist/Select/index.js +1 -1
- package/dist/{Select-F526HLNR.css → Select-6BQPBOHH.css} +37 -7
- package/dist/SelectionBar/index.js +1 -1
- package/dist/{SelectionBar-XPWKUOSC.css → SelectionBar-SCAU6EBY.css} +5 -1
- package/dist/SendButton/index.js +2 -2
- package/dist/SetupWizard/index.js +6 -6
- package/dist/{SetupWizard-Z54H6RYW.css → SetupWizard-WDOFFNIM.css} +25 -0
- package/dist/ShareDialog/index.js +6 -6
- package/dist/{ShareDialog-4QDCBWMH.css → ShareDialog-72VTMM4K.css} +5 -1
- package/dist/SheetColumnEditor/index.js +11 -11
- package/dist/SheetGrid/index.js +9 -9
- package/dist/{SheetGrid-XK7T7M34.css → SheetGrid-QGQAYDEY.css} +132 -10
- package/dist/SidePanel/index.js +2 -2
- package/dist/SidebarNav/index.js +2 -2
- package/dist/{SidebarNav-YI74SPDC.css → SidebarNav-VTQ3G4AE.css} +15 -5
- package/dist/Skeleton/index.js +1 -1
- package/dist/{Skeleton-V735HRGM.css → Skeleton-7ZA5ETJM.css} +21 -16
- package/dist/SlideCompare/index.js +1 -1
- package/dist/{SlideCompare-HTCMPQFY.css → SlideCompare-R4GVZXAM.css} +4 -1
- package/dist/SlideFilmstrip/index.js +4 -4
- package/dist/{SlideFilmstrip-PAT7P4OG.css → SlideFilmstrip-BLGBCLEU.css} +15 -5
- package/dist/SlideGrid/index.js +1 -1
- package/dist/{SlideGrid-FJA33DV4.css → SlideGrid-J4LAOUSJ.css} +20 -3
- package/dist/SlideNav/index.js +2 -2
- package/dist/{SlideNav-BLFJF6AH.css → SlideNav-ODTNGTMT.css} +13 -2
- package/dist/SourceEditor/index.js +1 -1
- package/dist/{SourceEditor-OKPWPFXK.css → SourceEditor-SMQ44O76.css} +4 -2
- package/dist/StatCard/index.js +1 -1
- package/dist/{StatCard-HAA3F5GX.css → StatCard-TPKGB2GB.css} +7 -0
- package/dist/StatusCard/index.js +4 -4
- package/dist/{StatusCard-AMOI6GBK.css → StatusCard-FCJN7SXJ.css} +37 -2
- package/dist/Stepper/index.js +1 -1
- package/dist/{Stepper-QEJI5RGX.css → Stepper-32INSYF7.css} +22 -4
- package/dist/SuggestionRow/index.js +1 -1
- package/dist/{SuggestionRow-OKBGNHSS.css → SuggestionRow-WSU34POM.css} +26 -2
- package/dist/Switch/index.js +1 -1
- package/dist/{Switch-66RAQCRE.css → Switch-AUYLQLTN.css} +30 -3
- package/dist/Switcher/index.js +6 -6
- package/dist/{Switcher-K3EPA2RB.css → Switcher-VWQMZUTN.css} +13 -2
- package/dist/TableCells/index.js +4 -4
- package/dist/{TableCells-3VN5N2M3.css → TableCells-F6MUV572.css} +9 -0
- package/dist/Tabs/index.js +4 -4
- package/dist/{Tabs-S7F4RWAN.css → Tabs-7ZK2UF75.css} +18 -10
- package/dist/Tag/index.js +1 -1
- package/dist/{Tag-2DQOVE6W.css → Tag-JTJVZM2D.css} +13 -1
- package/dist/TagGroup/index.js +1 -1
- package/dist/{TagGroup-NAXTJHDS.css → TagGroup-VGL7ZFBK.css} +44 -13
- package/dist/TagsInput/index.js +3 -3
- package/dist/{TagsInput-CLFHP6I2.css → TagsInput-MZXEHKJD.css} +13 -0
- package/dist/ThemeGallery/index.js +3 -3
- package/dist/ThemeSwatch/index.js +1 -1
- package/dist/{ThemeSwatch-4DL457ZB.css → ThemeSwatch-KAA2AEUM.css} +30 -5
- package/dist/ThemeSwitcher/index.js +7 -7
- package/dist/ThemeToggle/index.js +2 -2
- package/dist/TimeRangePicker/index.js +9 -9
- package/dist/TimeWindowPicker/index.js +5 -5
- package/dist/{TimeWindowPicker-I3HXC74I.css → TimeWindowPicker-YZPKNZZI.css} +22 -4
- package/dist/Timeline/index.js +1 -1
- package/dist/{Timeline-27SYKOFX.css → Timeline-PGIZIODK.css} +31 -2
- package/dist/Toaster/index.js +1 -1
- package/dist/{Toaster-MX7TBMC3.css → Toaster-OCW7W3FJ.css} +23 -5
- package/dist/TreeCanvas/index.js +4 -4
- package/dist/{TreeCanvas-QA3PDFTK.css → TreeCanvas-5FPK4CII.css} +19 -3
- package/dist/TreeGrid/TreeGrid.d.ts +9 -1
- package/dist/TreeGrid/index.js +2 -2
- package/dist/{TreeGrid-UCPV37XB.css → TreeGrid-522U6WBG.css} +36 -8
- package/dist/ValueField/index.js +5 -5
- package/dist/VersionCompare/index.js +7 -7
- package/dist/VersionTimeline/index.js +3 -3
- package/dist/{VersionTimeline-6KRXEEOO.css → VersionTimeline-DEAQ7CJG.css} +19 -1
- package/dist/WidgetFrame/index.js +2 -2
- package/dist/{WidgetFrame-BTFW3CRK.css → WidgetFrame-WXYFYAAH.css} +13 -1
- package/dist/{chunk-P4YORMRZ.js → chunk-222VILSP.js} +2 -2
- package/dist/{chunk-OOC7Q67K.js → chunk-25AZQ3GZ.js} +1 -1
- package/dist/{chunk-KA2GAB3N.js → chunk-2A6DL3K5.js} +2 -2
- package/dist/{chunk-QCVAVAF6.js → chunk-2EA2GSA2.js} +1 -1
- package/dist/{chunk-W2Q5DZJB.js → chunk-2SU735S3.js} +1 -1
- package/dist/{chunk-JPVORBWC.js → chunk-2T32N2WD.js} +2 -2
- package/dist/{chunk-KYTOEWJD.js → chunk-3N36CYTU.js} +2 -2
- package/dist/{chunk-A722MUNR.js → chunk-3XDT5ZWL.js} +1 -1
- package/dist/{chunk-MNFU2RNT.js → chunk-3XQUEF5C.js} +1 -1
- package/dist/{chunk-3DMPZZQ6.js → chunk-4EDSEX7U.js} +2 -2
- package/dist/{chunk-Z6X3F4H6.js → chunk-4MJN2KN6.js} +1 -1
- package/dist/{chunk-CVDK3LDB.js → chunk-4TMBAOXK.js} +1 -1
- package/dist/{chunk-LAXXWJ2Z.js → chunk-4WKOLL7C.js} +4 -4
- package/dist/{chunk-PPVWWJIB.js → chunk-56IFLQGF.js} +1 -1
- package/dist/{chunk-DEAFAK3U.js → chunk-5AJR6X75.js} +2 -2
- package/dist/{chunk-K4U2VDOJ.js → chunk-5NJMSYDZ.js} +3 -3
- package/dist/{chunk-5CY6BW4Y.js → chunk-5OFRDX66.js} +3 -3
- package/dist/{chunk-DHIO6Q75.js → chunk-5OVTWY3I.js} +2 -2
- package/dist/{chunk-CZXF6EFK.js → chunk-5WRWBDML.js} +1 -1
- package/dist/{chunk-5KEVSZ4K.js → chunk-62DBFNOK.js} +1 -1
- package/dist/{chunk-ISHLFPNN.js → chunk-6ID4DVML.js} +1 -1
- package/dist/{chunk-IJIC4COR.js → chunk-6MI2GMYG.js} +2 -2
- package/dist/{chunk-GK3PXGLS.js → chunk-6MTJWQ3V.js} +1 -1
- package/dist/{chunk-6IGIYOTV.js → chunk-7EOUVWGQ.js} +1 -1
- package/dist/{chunk-5YIL4WJP.js → chunk-7LSSYHOT.js} +1 -1
- package/dist/{chunk-3V5T5K5H.js → chunk-7MGXHCVK.js} +1 -1
- package/dist/{chunk-MMZZGJHX.js → chunk-7SYEOJLP.js} +1 -1
- package/dist/{chunk-MKKX6N7C.js → chunk-7XKDPTZ5.js} +2 -2
- package/dist/{chunk-ACRRRPWT.js → chunk-ANTAQAR4.js} +1 -1
- package/dist/{chunk-5IPPLWVA.js → chunk-B76OKJMX.js} +3 -2
- package/dist/{chunk-5AQBPHZD.js → chunk-BKP6XCAJ.js} +2 -2
- package/dist/{chunk-QBI5ETKY.js → chunk-BRLZXYPA.js} +1 -1
- package/dist/{chunk-PHQPQZUX.js → chunk-BVNFNFA6.js} +3 -3
- package/dist/{chunk-OD3Z6QKN.js → chunk-BWAUL5MB.js} +5 -5
- package/dist/{chunk-PWG3VHRQ.js → chunk-BXCL6P5Z.js} +15 -1
- package/dist/{chunk-WDPREXOL.js → chunk-CFY257ND.js} +64 -16
- package/dist/{chunk-PUJUWLCX.js → chunk-CLJGFOTV.js} +1 -1
- package/dist/{chunk-HACEB6L4.js → chunk-CSXJIIO4.js} +1 -1
- package/dist/{chunk-QC2DEQCN.js → chunk-CVKANYHD.js} +1 -1
- package/dist/{chunk-VBO2GYWX.js → chunk-CWYU7DNT.js} +1 -1
- package/dist/{chunk-O7VXE4TO.js → chunk-CX6QT4CH.js} +4 -4
- package/dist/{chunk-J4HPMS7F.js → chunk-CYYBE2MM.js} +1 -1
- package/dist/{chunk-YSHQQNB6.js → chunk-DKJJ434E.js} +5 -5
- package/dist/{chunk-SPCSFJNY.js → chunk-DMK2A4IK.js} +7 -4
- package/dist/{chunk-OJ2QULVH.js → chunk-DO4J4TBZ.js} +2 -2
- package/dist/{chunk-BGLKLXL3.js → chunk-DOY3KC6I.js} +1 -1
- package/dist/{chunk-5XACKNYR.js → chunk-DPNVKWJX.js} +3 -3
- package/dist/{chunk-JAOJLEYB.js → chunk-DXVJSBEW.js} +5 -5
- package/dist/{chunk-7SRSPU4O.js → chunk-E55DKVY7.js} +64 -6
- package/dist/{chunk-GXQ3B46I.js → chunk-EE3DJMSQ.js} +14 -2
- package/dist/{chunk-I6POAB4V.js → chunk-EFX2YC5T.js} +1 -1
- package/dist/{chunk-TXA3HMWP.js → chunk-ELLRZ5XR.js} +21 -10
- package/dist/{chunk-YZR57QGE.js → chunk-ERNT3UTB.js} +1 -1
- package/dist/{chunk-TLIJG4TP.js → chunk-ETSF7SU6.js} +2 -2
- package/dist/{chunk-FGRJXZUU.js → chunk-EVXXY75R.js} +2 -2
- package/dist/{chunk-3Q6N6FJL.js → chunk-F32FFE6I.js} +2 -2
- package/dist/{chunk-3OV26XP4.js → chunk-FFGEJUAP.js} +2 -2
- package/dist/{chunk-DKB73KZI.js → chunk-FPDIHEM4.js} +1 -1
- package/dist/{chunk-PGKETYGL.js → chunk-FWUX3F6Q.js} +3 -3
- package/dist/{chunk-WW4E5EUS.js → chunk-G4234OIG.js} +3 -3
- package/dist/{chunk-SHLP2BNA.js → chunk-G4CGDUCP.js} +1 -1
- package/dist/{chunk-VO2PDDRE.js → chunk-G5IZGAWS.js} +1 -1
- package/dist/{chunk-ZRKUTFYE.js → chunk-GDDVI4US.js} +9 -9
- package/dist/{chunk-FYTIJM2T.js → chunk-HBDA76EZ.js} +1 -1
- package/dist/{chunk-VSTD65SL.js → chunk-HEIOLITO.js} +3 -3
- package/dist/{chunk-VBYRA3W6.js → chunk-HIWPPWNY.js} +3 -3
- package/dist/{chunk-Z4EKUMZW.js → chunk-HJBHP66O.js} +1 -1
- package/dist/{chunk-KVWZDCTQ.js → chunk-I24FI46B.js} +2 -2
- package/dist/{chunk-KYIAFNU7.js → chunk-I5OIKDX2.js} +1 -1
- package/dist/{chunk-Q4DNAO3O.js → chunk-IL3XLDW7.js} +2 -2
- package/dist/{chunk-WSV3MBOE.js → chunk-IO374IX6.js} +2 -2
- package/dist/{chunk-RLFPBRN4.js → chunk-IPMJGK2Q.js} +1 -1
- package/dist/{chunk-OB5N3FV2.js → chunk-ISBKJOLI.js} +2 -2
- package/dist/{chunk-ZYO2QFU6.js → chunk-IVTQWOXV.js} +1 -1
- package/dist/{chunk-IOTN23FZ.js → chunk-IYG4ETAQ.js} +2 -2
- package/dist/{chunk-VTUAQYOC.js → chunk-JAFWGVX2.js} +1 -1
- package/dist/{chunk-UTBCDOGP.js → chunk-JEA5OX54.js} +4 -4
- package/dist/{chunk-DMI4QJDY.js → chunk-JVII5264.js} +2 -2
- package/dist/{chunk-C3FX7ZSU.js → chunk-KAQ2L74F.js} +1 -1
- package/dist/{chunk-P5S2SPTK.js → chunk-KHHDCNYM.js} +2 -2
- package/dist/{chunk-5NJ4BIUA.js → chunk-KIJJD4YD.js} +2 -2
- package/dist/{chunk-EQHJTGLY.js → chunk-KQGOVBGF.js} +2 -2
- package/dist/{chunk-BSAQE7PO.js → chunk-KWLH45YC.js} +1 -1
- package/dist/{chunk-GWPWLVN3.js → chunk-LJ3KWQLP.js} +2 -2
- package/dist/{chunk-RO2MZZ66.js → chunk-LR4IWUWQ.js} +1 -1
- package/dist/{chunk-DG6KSGNQ.js → chunk-LSRQ2A6B.js} +1 -1
- package/dist/{chunk-ESUZ27TS.js → chunk-LWFOX3PB.js} +2 -2
- package/dist/{chunk-NLI7OVO2.js → chunk-M25IV5MH.js} +1 -1
- package/dist/{chunk-KW6KCVM7.js → chunk-M52HLPOG.js} +2 -2
- package/dist/{chunk-IOZFPFQS.js → chunk-MFQPGMJT.js} +2 -2
- package/dist/{chunk-5KRRJNQO.js → chunk-MLDTLZAO.js} +1 -1
- package/dist/{chunk-3BYIWOTV.js → chunk-MMCYH5LB.js} +1 -1
- package/dist/{chunk-3PJHUDXD.js → chunk-MNTUIAQT.js} +4 -4
- package/dist/{chunk-EBCH3MRX.js → chunk-N7PXGOZP.js} +10 -10
- package/dist/{chunk-QZLNKLYD.js → chunk-NHLNHH4J.js} +1 -1
- package/dist/{chunk-EAQLI2SO.js → chunk-NQABJAUY.js} +1 -1
- package/dist/{chunk-U4AXQI6U.js → chunk-NWTHGZBH.js} +3 -3
- package/dist/{chunk-EFIURN3U.js → chunk-OFABBAUR.js} +2 -2
- package/dist/{chunk-MYJZCSMA.js → chunk-OGRMOWMO.js} +2 -2
- package/dist/{chunk-WR7UDG7U.js → chunk-OJGI4XJH.js} +1 -1
- package/dist/{chunk-VVVB3OBW.js → chunk-OOC6KXNL.js} +84 -74
- package/dist/{chunk-KIPAFCVS.js → chunk-PBCNINMB.js} +2 -2
- package/dist/{chunk-75QASA62.js → chunk-PIAGTZY3.js} +3 -3
- package/dist/{chunk-5CLW2CXT.js → chunk-PLL7ZJHY.js} +1 -1
- package/dist/{chunk-KBTJMJPX.js → chunk-PLNJEDGI.js} +2 -2
- package/dist/{chunk-S2VMOITT.js → chunk-PQWNK3N7.js} +3 -3
- package/dist/{chunk-34NMOVXO.js → chunk-PS5ZYIA6.js} +11 -7
- package/dist/{chunk-27JCHL64.js → chunk-PVZOP3QK.js} +3 -3
- package/dist/{chunk-2BDPR4I3.js → chunk-PX54PALQ.js} +3 -3
- package/dist/{chunk-I74C4TM6.js → chunk-PZAOUZFZ.js} +4 -4
- package/dist/{chunk-TGSIVB6H.js → chunk-QE4OIE3Q.js} +1 -1
- package/dist/{chunk-HOP3J622.js → chunk-QF5UNP4T.js} +5 -2
- package/dist/{chunk-KY65C4XS.js → chunk-QOXLP5PE.js} +1 -1
- package/dist/{chunk-5DCY2QUY.js → chunk-R2YHKVWN.js} +4 -4
- package/dist/{chunk-P3QWT5VR.js → chunk-R45VM5EX.js} +2 -2
- package/dist/{chunk-LA4PX7Z6.js → chunk-RHL4OMQ3.js} +5 -5
- package/dist/{chunk-OIMWGV2N.js → chunk-RPX3WICJ.js} +1 -1
- package/dist/{chunk-YA3AWELW.js → chunk-RUBKDJAQ.js} +1 -1
- package/dist/{chunk-4MC2EEGO.js → chunk-S7WG53JB.js} +1 -1
- package/dist/{chunk-OU4FLGOZ.js → chunk-SBOUVASH.js} +7 -7
- package/dist/{chunk-4AA6WPQU.js → chunk-SRDNGGZE.js} +1 -1
- package/dist/{chunk-TUNEMQXF.js → chunk-SRSE7FGL.js} +2 -2
- package/dist/{chunk-5FTJNKNX.js → chunk-SUJO3AHN.js} +7 -5
- package/dist/{chunk-XQBLBJN4.js → chunk-SZFKGH2W.js} +1 -1
- package/dist/{chunk-PBR5C5MX.js → chunk-T2GC7UAP.js} +1 -1
- package/dist/{chunk-LODRX4FU.js → chunk-T73DMDU4.js} +2 -2
- package/dist/{chunk-2NNGOCWM.js → chunk-TWJERLT3.js} +4 -4
- package/dist/{chunk-XLJPLCK6.js → chunk-U7J52N67.js} +3 -3
- package/dist/{chunk-2XWFWNDT.js → chunk-UAUP6XGK.js} +1 -1
- package/dist/{chunk-4U2D6BPR.js → chunk-UEOEBOBR.js} +5 -3
- package/dist/{chunk-ZH77BXMA.js → chunk-UH44L7OJ.js} +1 -1
- package/dist/{chunk-XQZ6EWOE.js → chunk-VK45YJLH.js} +12 -3
- package/dist/{chunk-M5GPCENM.js → chunk-VRG2ZXNK.js} +2 -2
- package/dist/{chunk-SELUJSTZ.js → chunk-VTGIDEI5.js} +53 -16
- package/dist/{chunk-M6NQ4XGK.js → chunk-VUYNNILP.js} +1 -1
- package/dist/{chunk-46VE5TVS.js → chunk-VVOFJFRT.js} +2 -2
- package/dist/{chunk-F7VBYCW2.js → chunk-W6UVBBNH.js} +2 -2
- package/dist/{chunk-B53FUJ53.js → chunk-WCDPFTJZ.js} +2 -2
- package/dist/{chunk-KWTRRS7E.js → chunk-WDNURPXU.js} +2 -2
- package/dist/{chunk-JQ7IFSF6.js → chunk-WFCWPXJN.js} +1 -1
- package/dist/{chunk-NOSHT6FL.js → chunk-WQRSZMN4.js} +4 -4
- package/dist/{chunk-6Z4JZHRB.js → chunk-WU5JDEEY.js} +1 -1
- package/dist/{chunk-5UPWU6ZJ.js → chunk-WUQVAFTC.js} +21 -11
- package/dist/{chunk-B5ZHJWAZ.js → chunk-WWXIGN4O.js} +7 -7
- package/dist/{chunk-SG2375ZY.js → chunk-WXLQJUGO.js} +5 -5
- package/dist/{chunk-NM6RR2GA.js → chunk-XGBGEI6V.js} +10 -10
- package/dist/{chunk-YBI7M2JH.js → chunk-Y7PVLEZJ.js} +1 -1
- package/dist/{chunk-R5RCGD7N.js → chunk-YBC2CYPD.js} +4 -4
- package/dist/{chunk-JE4FCRVL.js → chunk-YBKZJBKM.js} +1 -1
- package/dist/{chunk-D2BYJNEH.js → chunk-YWVT7B6N.js} +2 -2
- package/dist/{chunk-66X5WDKE.js → chunk-Z2MZTI3H.js} +1 -1
- package/dist/{chunk-CT6I36FH.js → chunk-ZFN4IBVC.js} +2 -2
- package/dist/{chunk-U3ILLCR2.js → chunk-ZKIEOWR6.js} +5 -4
- package/dist/{chunk-PK2P2QH6.js → chunk-ZUBFVK6B.js} +1 -1
- package/dist/generated/index.js +157 -157
- package/dist/index.js +157 -157
- package/dist/styles.css +2838 -596
- package/package.json +3 -3
- package/dist/ArrangeList-NNRTDFI5.css +0 -94
- package/dist/AttachmentChip-XF4KPQ3G.css +0 -16
- package/dist/ConflictNote-DH77PYF7.css +0 -27
- package/dist/ListDetail-ALKU5VJW.css +0 -53
- package/dist/PresenceStack-FJJQVH74.css +0 -67
- package/dist/RelatedRow-2FVS6QQA.css +0 -6
|
@@ -5,9 +5,16 @@
|
|
|
5
5
|
* the shared .crewlet-artifact-cover in ArtifactCover.css.
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
|
+
/*
|
|
9
|
+
* ONE STEP OF AIR ROUND THE FIGURES AND BETWEEN THEM, which also keeps a
|
|
10
|
+
* figure's corner concentric with the card's: the preview's 16px corner less
|
|
11
|
+
* this inset is the 8px corner a figure takes. At a 12px inset the figures'
|
|
12
|
+
* corners stood 2px wide of the card's curve.
|
|
13
|
+
*/
|
|
8
14
|
.crewlet-dashboard-cover {
|
|
15
|
+
--crewlet-dashboard-cover-inset: var(--spacing-2);
|
|
9
16
|
height: 100%;
|
|
10
|
-
padding: var(--
|
|
17
|
+
padding: var(--crewlet-dashboard-cover-inset);
|
|
11
18
|
color: var(--color-text-tertiary);
|
|
12
19
|
}
|
|
13
20
|
|
|
@@ -55,29 +62,6 @@
|
|
|
55
62
|
.crewlet-dashboard-cover__value {
|
|
56
63
|
flex: none;
|
|
57
64
|
max-width: 50%;
|
|
58
|
-
overflow: hidden;
|
|
59
|
-
color: var(--color-text-primary);
|
|
60
|
-
font-size: var(--font-size-lg);
|
|
61
|
-
font-variant-numeric: tabular-nums;
|
|
62
|
-
font-weight: var(--font-weight-semibold);
|
|
63
|
-
line-height: var(--font-line-height-tight);
|
|
64
|
-
text-overflow: ellipsis;
|
|
65
|
-
white-space: nowrap;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
.crewlet-dashboard-cover__source {
|
|
69
|
-
overflow: hidden;
|
|
70
|
-
font-size: var(--font-size-xs);
|
|
71
|
-
line-height: var(--font-line-height-snug);
|
|
72
|
-
text-overflow: ellipsis;
|
|
73
|
-
white-space: nowrap;
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
.crewlet-dashboard-cover__label {
|
|
77
|
-
color: var(--color-text-secondary);
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
.crewlet-dashboard-cover__value {
|
|
81
65
|
overflow: hidden;
|
|
82
66
|
color: var(--color-text-primary);
|
|
83
67
|
font-size: var(--font-size-xl);
|
|
@@ -101,6 +85,19 @@
|
|
|
101
85
|
gap: var(--spacing-2);
|
|
102
86
|
}
|
|
103
87
|
|
|
88
|
+
/*
|
|
89
|
+
* CLEAR OF THE CARD'S BADGE. In a gallery card the kind's badge, and the
|
|
90
|
+
* selection box opposite it, stand up into the preview from its foot
|
|
91
|
+
* (`--crewlet-artifact-cover-foot`, set by ArtifactCard), and the figures and
|
|
92
|
+
* the schematic fill the cover down to its foot, so the badge was drawn over
|
|
93
|
+
* the corner of the last row. Their bottom inset is measured from the badge's
|
|
94
|
+
* top edge instead; on its own the cover keeps one inset all round.
|
|
95
|
+
*/
|
|
96
|
+
.crewlet-dashboard-cover--stats,
|
|
97
|
+
.crewlet-dashboard-cover--layout {
|
|
98
|
+
padding-bottom: calc(var(--crewlet-dashboard-cover-inset) + var(--crewlet-artifact-cover-foot, 0px));
|
|
99
|
+
}
|
|
100
|
+
|
|
104
101
|
.crewlet-dashboard-cover__block {
|
|
105
102
|
box-sizing: border-box;
|
|
106
103
|
display: flex;
|
|
@@ -243,26 +243,58 @@ export interface GridFit {
|
|
|
243
243
|
readonly width: number;
|
|
244
244
|
/** The keys it dropped, in the order it dropped them. */
|
|
245
245
|
readonly dropped: readonly string[];
|
|
246
|
+
/**
|
|
247
|
+
* Whether the grid has STACKED into card rows: it still did not fit with
|
|
248
|
+
* every give-way column gone, so its rows are cards, as on a phone.
|
|
249
|
+
*/
|
|
250
|
+
readonly stacked?: boolean | undefined;
|
|
246
251
|
}
|
|
247
252
|
/**
|
|
248
253
|
* The next fit, or null when this one stands. PURE, so the rules are held
|
|
249
254
|
* without a layout engine:
|
|
250
255
|
*
|
|
251
|
-
* - the grid GREW past the width columns were dropped at: start
|
|
252
|
-
* of them (the next pass drops
|
|
256
|
+
* - the grid GREW past the width columns were dropped or it stacked at: start
|
|
257
|
+
* again from all of them as columns (the next pass drops, and stacks, again
|
|
258
|
+
* only what still does not fit);
|
|
259
|
+
* - a stacked grid that did not grow stays stacked: its rows are cards and
|
|
260
|
+
* there is no column left to measure;
|
|
253
261
|
* - the tracks OVERRUN the grid: drop the visible column with the lowest
|
|
254
262
|
* `drop`, if there is one;
|
|
263
|
+
* - nothing is left to drop and the grid still cannot draw its values
|
|
264
|
+
* (`stack`: the tracks overrun, or a value is cut short): STACK into card
|
|
265
|
+
* rows, the shape a phone draws, rather than clip;
|
|
255
266
|
* - otherwise remember a narrower width, so growing back past it re-tries.
|
|
256
267
|
*/
|
|
257
|
-
export declare function fitGridColumns({ fit, width, overflows, visible, }: {
|
|
268
|
+
export declare function fitGridColumns({ fit, width, overflows, stack, visible, }: {
|
|
258
269
|
fit: GridFit;
|
|
259
270
|
width: number;
|
|
271
|
+
/** The columns do not fit: overrun, or a value or a head cut short. */
|
|
260
272
|
overflows: boolean;
|
|
273
|
+
/**
|
|
274
|
+
* The grid cannot draw its VALUES: the tracks overrun, or a value is cut
|
|
275
|
+
* short. A head alone cut short drops a give-way column but never stacks.
|
|
276
|
+
*/
|
|
277
|
+
stack?: boolean;
|
|
261
278
|
visible: readonly {
|
|
262
279
|
key: string;
|
|
263
280
|
drop?: number | undefined;
|
|
264
281
|
}[];
|
|
265
282
|
}): GridFit | null;
|
|
283
|
+
/**
|
|
284
|
+
* Whether a content-sized column has been SQUEEZED: drawn narrower than its
|
|
285
|
+
* cap AND cutting a value short, or its HEAD. The quieter way a grid fails to
|
|
286
|
+
* fit: rather than overrun, it shrinks a status pill to a letter, or every
|
|
287
|
+
* head of a row of counts to its first letter over values that still fit,
|
|
288
|
+
* while the columns that could have gone stay. Read over the head and the
|
|
289
|
+
* first screen of rows. `leading` is how many of the grid's own columns (the
|
|
290
|
+
* selection column) are drawn before the caller's.
|
|
291
|
+
*
|
|
292
|
+
* `'values'` where a value is cut short (the grid cannot be read: drop, then
|
|
293
|
+
* stack), `'heads'` where only a head is (drop a column if one may go, but a
|
|
294
|
+
* grid whose every value reads is not turned into cards for a head), and
|
|
295
|
+
* null where nothing is.
|
|
296
|
+
*/
|
|
297
|
+
export declare function squeezed<T>(wrap: HTMLElement, visible: readonly DataGridColumn<T>[], leading?: number): 'values' | 'heads' | null;
|
|
266
298
|
/**
|
|
267
299
|
* A list as columns: sortable heads, optional and give-way columns, bands for
|
|
268
300
|
* a grouped answer, a row link stretched over each row, and a card per row on
|
package/dist/DataGrid/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
export { ChooserList, ColumnChooser, DataGrid, columnChoicesOf, countDataGridRows, fitGridColumns, parseGridSort, useAnyDataGridDriving, useDataGridDriving } from '../chunk-
|
|
2
|
-
import '../chunk-
|
|
1
|
+
export { ChooserList, ColumnChooser, DataGrid, columnChoicesOf, countDataGridRows, fitGridColumns, parseGridSort, useAnyDataGridDriving, useDataGridDriving } from '../chunk-ELLRZ5XR.js';
|
|
2
|
+
import '../chunk-PBCNINMB.js';
|
|
3
3
|
import '../chunk-PPUR46MK.js';
|
|
4
|
-
import '../chunk-
|
|
4
|
+
import '../chunk-ETSF7SU6.js';
|
|
5
5
|
import '../chunk-PGCLHYVP.js';
|
|
6
6
|
import '../chunk-PQADV6P6.js';
|
|
7
7
|
import '../chunk-2G355KDJ.js';
|
|
@@ -9,7 +9,7 @@ import '../chunk-RTPQDNW3.js';
|
|
|
9
9
|
import '../chunk-7QTPJDRF.js';
|
|
10
10
|
import '../chunk-XSPCITPN.js';
|
|
11
11
|
import '../chunk-H5XTJ7GJ.js';
|
|
12
|
-
import '../chunk-
|
|
12
|
+
import '../chunk-UAUP6XGK.js';
|
|
13
13
|
import '../chunk-NUZHC6MM.js';
|
|
14
14
|
import '../chunk-UT6CW3C7.js';
|
|
15
15
|
import '../chunk-ODEQTPFM.js';
|
|
@@ -17,6 +17,11 @@
|
|
|
17
17
|
*/
|
|
18
18
|
|
|
19
19
|
.crewlet-data-grid {
|
|
20
|
+
/* The inset at the grid's two outer edges: its first and last column's, and
|
|
21
|
+
that of every band that spans it (a band's head and foot, the foot). The
|
|
22
|
+
cells' own step on a grid standing alone; the card's own in a card. */
|
|
23
|
+
--crewlet-data-grid-edge: var(--spacing-3);
|
|
24
|
+
|
|
20
25
|
display: grid;
|
|
21
26
|
min-width: 0;
|
|
22
27
|
border: 1px solid var(--color-border-hover);
|
|
@@ -30,10 +35,16 @@
|
|
|
30
35
|
* or not): the card is the frame, so the grid draws none of its own and one
|
|
31
36
|
* rule parts it from the card's head. Under the card's header, the header's
|
|
32
37
|
* own rule is that one.
|
|
38
|
+
*
|
|
39
|
+
* AND ITS OUTER CELLS TAKE THE CARD'S INSET, as Table's do: a card has one
|
|
40
|
+
* left edge and its header sets it (Card.css). At the cells' own step every
|
|
41
|
+
* row stood 4px outside the card's title.
|
|
33
42
|
*/
|
|
34
43
|
.crewlet-data-grid[data-flush],
|
|
35
44
|
.crewlet-card > .crewlet-data-grid,
|
|
36
45
|
.crewlet-card__body > .crewlet-data-grid {
|
|
46
|
+
--crewlet-data-grid-edge: var(--spacing-4);
|
|
47
|
+
|
|
37
48
|
border: 0;
|
|
38
49
|
border-top: 1px solid var(--color-border-default);
|
|
39
50
|
border-radius: var(--radius-none);
|
|
@@ -78,6 +89,37 @@
|
|
|
78
89
|
z-index: var(--z-index-sticky);
|
|
79
90
|
}
|
|
80
91
|
|
|
92
|
+
/*
|
|
93
|
+
* A cell's inline inset: the cells' own step between two columns, and the
|
|
94
|
+
* grid's edge (above) on the outer side of its first and last column.
|
|
95
|
+
*/
|
|
96
|
+
.crewlet-data-grid__th,
|
|
97
|
+
.crewlet-data-grid__cell {
|
|
98
|
+
--crewlet-data-grid-cell-start: var(--spacing-3);
|
|
99
|
+
--crewlet-data-grid-cell-end: var(--spacing-3);
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
.crewlet-data-grid__th:first-child,
|
|
103
|
+
.crewlet-data-grid__cell:first-child {
|
|
104
|
+
--crewlet-data-grid-cell-start: var(--crewlet-data-grid-edge);
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
.crewlet-data-grid__th:last-child,
|
|
108
|
+
.crewlet-data-grid__cell:last-child {
|
|
109
|
+
--crewlet-data-grid-cell-end: var(--crewlet-data-grid-edge);
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
/*
|
|
113
|
+
* EXCEPT THE SELECTION BOX, which keeps the cells' own step: its 16px box sits
|
|
114
|
+
* 4px inside its 24px target, so at 12px the box itself already stands on a
|
|
115
|
+
* card's 16px line. The edge would have put it 4px past the card's title, and
|
|
116
|
+
* past the 48px track its column is drawn in.
|
|
117
|
+
*/
|
|
118
|
+
.crewlet-data-grid__th:first-child:has(.crewlet-checkbox),
|
|
119
|
+
.crewlet-data-grid__cell:first-child:has(> .crewlet-data-grid__select) {
|
|
120
|
+
--crewlet-data-grid-cell-start: var(--spacing-3);
|
|
121
|
+
}
|
|
122
|
+
|
|
81
123
|
/*
|
|
82
124
|
* THE LIST TABLE'S HEAD: the micro-label register every table takes, 11/500
|
|
83
125
|
* uppercase. A sortable head is a button with its chrome reset; the reset
|
|
@@ -87,7 +129,8 @@
|
|
|
87
129
|
display: flex;
|
|
88
130
|
align-items: center;
|
|
89
131
|
gap: var(--spacing-1);
|
|
90
|
-
padding: var(--spacing-2)
|
|
132
|
+
padding-block: var(--spacing-2);
|
|
133
|
+
padding-inline: var(--crewlet-data-grid-cell-start) var(--crewlet-data-grid-cell-end);
|
|
91
134
|
font-size: var(--font-size-2xs);
|
|
92
135
|
font-weight: var(--font-weight-medium);
|
|
93
136
|
text-transform: uppercase;
|
|
@@ -102,6 +145,21 @@
|
|
|
102
145
|
cursor: default;
|
|
103
146
|
}
|
|
104
147
|
|
|
148
|
+
/*
|
|
149
|
+
* THE SELECTION COLUMN'S HEAD holds a 24px box rather than a label, and at
|
|
150
|
+
* the head's own step it stood the head 41.5px tall over 36px rows. It takes
|
|
151
|
+
* the cells' step, so the head keeps the row floor with or without the box;
|
|
152
|
+
* and the box sits on the top of its line rather than on its baseline, which
|
|
153
|
+
* added half a pixel under it.
|
|
154
|
+
*/
|
|
155
|
+
.crewlet-data-grid__th:has(.crewlet-checkbox) {
|
|
156
|
+
padding-block: var(--spacing-1);
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
.crewlet-data-grid__th .crewlet-checkbox {
|
|
160
|
+
vertical-align: top;
|
|
161
|
+
}
|
|
162
|
+
|
|
105
163
|
/* A sortable head's control fills the head: the whole cell is the target. */
|
|
106
164
|
.crewlet-data-grid__sort {
|
|
107
165
|
all: unset;
|
|
@@ -110,8 +168,11 @@
|
|
|
110
168
|
gap: var(--spacing-1);
|
|
111
169
|
flex: 1 1 auto;
|
|
112
170
|
min-width: 0;
|
|
113
|
-
|
|
114
|
-
|
|
171
|
+
/* Its head's own padding, taken back and given again, edge included. */
|
|
172
|
+
margin-block: calc(-1 * var(--spacing-2));
|
|
173
|
+
margin-inline: calc(-1 * var(--crewlet-data-grid-cell-start)) calc(-1 * var(--crewlet-data-grid-cell-end));
|
|
174
|
+
padding-block: var(--spacing-2);
|
|
175
|
+
padding-inline: var(--crewlet-data-grid-cell-start) var(--crewlet-data-grid-cell-end);
|
|
115
176
|
cursor: pointer;
|
|
116
177
|
}
|
|
117
178
|
|
|
@@ -221,7 +282,8 @@ button.crewlet-data-grid__row-link {
|
|
|
221
282
|
}
|
|
222
283
|
|
|
223
284
|
.crewlet-data-grid__cell {
|
|
224
|
-
padding: var(--spacing-1)
|
|
285
|
+
padding-block: var(--spacing-1);
|
|
286
|
+
padding-inline: var(--crewlet-data-grid-cell-start) var(--crewlet-data-grid-cell-end);
|
|
225
287
|
font-size: var(--font-size-compact);
|
|
226
288
|
min-width: 0;
|
|
227
289
|
display: flex;
|
|
@@ -229,6 +291,29 @@ button.crewlet-data-grid__row-link {
|
|
|
229
291
|
gap: var(--spacing-2);
|
|
230
292
|
}
|
|
231
293
|
|
|
294
|
+
/*
|
|
295
|
+
* A GHOST CONTROL STARTS ON THE COLUMN'S TEXT EDGE. A small ghost button that
|
|
296
|
+
* opens a cell ("Open ENG-12", a choice made in place through a menu) drew its
|
|
297
|
+
* word one padding and one edge (9px) inside the line its column starts on.
|
|
298
|
+
* Its padding and edge are taken back, as a card's foot does (StatusCard.css):
|
|
299
|
+
* the word sits on the line and only the hover's ground reaches past it, into
|
|
300
|
+
* the step between two columns. A column of figures ends its controls on the
|
|
301
|
+
* far edge, so it is left alone.
|
|
302
|
+
*
|
|
303
|
+
* NEVER AT THE GRID'S OWN EDGE: its first column, and every line of a phone's
|
|
304
|
+
* card (below). A grid standing alone has only its 12px edge there, and with
|
|
305
|
+
* the 9px taken back, the 4px the control's focus ring stands off it ran past
|
|
306
|
+
* the grid's clip: the ring lost a pixel and the hover ground stood 3px from
|
|
307
|
+
* the frame.
|
|
308
|
+
*/
|
|
309
|
+
.crewlet-data-grid__cell:not(:first-child, .crewlet-data-grid__cell--right)
|
|
310
|
+
> .crewlet-btn--ghost.crewlet-btn--small:first-child,
|
|
311
|
+
.crewlet-data-grid__cell:not(:first-child, .crewlet-data-grid__cell--right)
|
|
312
|
+
> .crewlet-menu-anchor:first-child
|
|
313
|
+
> .crewlet-btn--ghost.crewlet-btn--small {
|
|
314
|
+
margin-inline-start: var(--crewlet-data-grid-control-outdent, calc(-1 * (var(--spacing-2) + 1px)));
|
|
315
|
+
}
|
|
316
|
+
|
|
232
317
|
/*
|
|
233
318
|
* A SHRINK COLUMN does not wrap inside its capped track, and does not paint
|
|
234
319
|
* outside it: a nowrap cell narrower than its content would spill over the
|
|
@@ -269,7 +354,7 @@ button.crewlet-data-grid__row-link {
|
|
|
269
354
|
display: flex;
|
|
270
355
|
align-items: center;
|
|
271
356
|
gap: var(--spacing-2);
|
|
272
|
-
padding: var(--spacing-2) var(--
|
|
357
|
+
padding: var(--spacing-2) var(--crewlet-data-grid-edge);
|
|
273
358
|
background: var(--color-surface-elevated);
|
|
274
359
|
font-size: var(--font-size-xs);
|
|
275
360
|
font-weight: var(--font-weight-semibold);
|
|
@@ -284,7 +369,7 @@ button.crewlet-data-grid__row-link {
|
|
|
284
369
|
/* A SECOND AXIS IS A BAND INSIDE A BAND, inset and quieter, so it does not
|
|
285
370
|
read as its parent's sibling; and it draws no rule above itself. */
|
|
286
371
|
.crewlet-data-grid__band .crewlet-data-grid__band > .crewlet-data-grid__band-head {
|
|
287
|
-
padding-left: calc(var(--
|
|
372
|
+
padding-left: calc(var(--crewlet-data-grid-edge) + var(--spacing-4));
|
|
288
373
|
background: var(--color-surface-subtle);
|
|
289
374
|
font-weight: var(--font-weight-medium);
|
|
290
375
|
color: var(--color-text-tertiary);
|
|
@@ -302,7 +387,7 @@ button.crewlet-data-grid__row-link {
|
|
|
302
387
|
}
|
|
303
388
|
|
|
304
389
|
.crewlet-data-grid__band-foot {
|
|
305
|
-
padding: var(--spacing-1) var(--
|
|
390
|
+
padding: var(--spacing-1) var(--crewlet-data-grid-edge);
|
|
306
391
|
font-size: var(--font-size-2xs);
|
|
307
392
|
color: var(--color-text-tertiary);
|
|
308
393
|
background: var(--color-surface-elevated);
|
|
@@ -320,7 +405,7 @@ button.crewlet-data-grid__row-link {
|
|
|
320
405
|
display: flex;
|
|
321
406
|
align-items: center;
|
|
322
407
|
gap: var(--spacing-2);
|
|
323
|
-
padding: var(--spacing-2) var(--
|
|
408
|
+
padding: var(--spacing-2) var(--crewlet-data-grid-edge);
|
|
324
409
|
border-top: 1px solid var(--color-border-hover);
|
|
325
410
|
background: var(--color-surface-elevated);
|
|
326
411
|
font-size: var(--font-size-xs);
|
|
@@ -339,7 +424,7 @@ button.crewlet-data-grid__row-link {
|
|
|
339
424
|
all: unset;
|
|
340
425
|
/* After the reset, which takes `grid-column` too. */
|
|
341
426
|
grid-column: 1 / -1;
|
|
342
|
-
padding: var(--spacing-1) var(--
|
|
427
|
+
padding: var(--spacing-1) var(--crewlet-data-grid-edge);
|
|
343
428
|
font-size: var(--font-size-2xs);
|
|
344
429
|
color: var(--color-brand-accent-ink);
|
|
345
430
|
cursor: pointer;
|
|
@@ -382,7 +467,7 @@ button.crewlet-data-grid__row-link {
|
|
|
382
467
|
}
|
|
383
468
|
}
|
|
384
469
|
|
|
385
|
-
/* ---- A ROW IS A CARD ON A PHONE -----------------------------------------
|
|
470
|
+
/* ---- A ROW IS A CARD ON A PHONE, OR WHERE COLUMNS DO NOT FIT -----------------------------------------
|
|
386
471
|
A GRID IS COLUMNS, AND A PHONE DOES NOT HAVE THEM: the grid clips (for its
|
|
387
472
|
sticky head), so the columns past the edge were cut off with nothing to
|
|
388
473
|
scroll to, and a sideways scroller resolves every flexible track to zero. So
|
|
@@ -392,106 +477,114 @@ button.crewlet-data-grid__row-link {
|
|
|
392
477
|
(`:empty`), and a cell that draws a marked absence has content and stays.
|
|
393
478
|
The sort is in the application's state, so a sorted list still arrives
|
|
394
479
|
sorted. */
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
480
|
+
/* Card rows are the grid's own decision (`data-stacked`, DataGrid.tsx): set
|
|
481
|
+
on a phone, and wherever the grid's own width cannot hold its columns once
|
|
482
|
+
every give-way column has gone. `:where()` keeps each rule's weight what it
|
|
483
|
+
was when this block was a media query, so a rule written against the card
|
|
484
|
+
shape still wins where it did. */
|
|
485
|
+
.crewlet-data-grid:where([data-stacked]) {
|
|
486
|
+
/* No ghost control is pulled out here (see above): every line of a card
|
|
487
|
+
starts at the grid's edge, and a compact row's marks run on one line,
|
|
488
|
+
where the hover ground swallowed the gap before it. */
|
|
489
|
+
--crewlet-data-grid-control-outdent: 0px;
|
|
399
490
|
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
}
|
|
491
|
+
display: block;
|
|
492
|
+
}
|
|
403
493
|
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
}
|
|
494
|
+
:where(.crewlet-data-grid[data-stacked]) .crewlet-data-grid__head {
|
|
495
|
+
display: none;
|
|
496
|
+
}
|
|
408
497
|
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
}
|
|
498
|
+
:where(.crewlet-data-grid[data-stacked]) .crewlet-data-grid__body,
|
|
499
|
+
:where(.crewlet-data-grid[data-stacked]) .crewlet-data-grid__band {
|
|
500
|
+
display: block;
|
|
501
|
+
}
|
|
414
502
|
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
gap: var(--spacing-3);
|
|
421
|
-
padding: 1px 0;
|
|
422
|
-
min-width: 0;
|
|
423
|
-
}
|
|
503
|
+
:where(.crewlet-data-grid[data-stacked]) .crewlet-data-grid__row {
|
|
504
|
+
display: block;
|
|
505
|
+
padding: var(--spacing-2) var(--crewlet-data-grid-edge);
|
|
506
|
+
min-height: 0;
|
|
507
|
+
}
|
|
424
508
|
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
509
|
+
/* A FIXED BASIS lines the names up without a track, and the name wraps
|
|
510
|
+
inside it rather than pushing its value past every other card line. */
|
|
511
|
+
:where(.crewlet-data-grid[data-stacked]) .crewlet-data-grid__cell {
|
|
512
|
+
display: flex;
|
|
513
|
+
align-items: baseline;
|
|
514
|
+
gap: var(--spacing-3);
|
|
515
|
+
padding: 1px 0;
|
|
516
|
+
min-width: 0;
|
|
517
|
+
}
|
|
428
518
|
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
overflow-wrap: anywhere;
|
|
433
|
-
font-size: var(--font-size-2xs);
|
|
434
|
-
text-transform: uppercase;
|
|
435
|
-
letter-spacing: var(--font-letter-spacing-wide);
|
|
436
|
-
color: var(--color-text-tertiary);
|
|
437
|
-
}
|
|
519
|
+
:where(.crewlet-data-grid[data-stacked]) .crewlet-data-grid__cell:empty {
|
|
520
|
+
display: none;
|
|
521
|
+
}
|
|
438
522
|
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
523
|
+
:where(.crewlet-data-grid[data-stacked]) .crewlet-data-grid__cell[data-label]::before {
|
|
524
|
+
content: attr(data-label);
|
|
525
|
+
flex: 0 0 7rem;
|
|
526
|
+
overflow-wrap: anywhere;
|
|
527
|
+
font-size: var(--font-size-2xs);
|
|
528
|
+
text-transform: uppercase;
|
|
529
|
+
letter-spacing: var(--font-letter-spacing-wide);
|
|
530
|
+
color: var(--color-text-tertiary);
|
|
531
|
+
}
|
|
445
532
|
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
533
|
+
/* `shrink` and `right` are column shapes, and there are no columns here. */
|
|
534
|
+
:where(.crewlet-data-grid[data-stacked]) .crewlet-data-grid__cell--shrink,
|
|
535
|
+
:where(.crewlet-data-grid[data-stacked]) .crewlet-data-grid__cell--right {
|
|
536
|
+
white-space: normal;
|
|
537
|
+
justify-content: flex-start;
|
|
538
|
+
}
|
|
452
539
|
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
flex-wrap: wrap;
|
|
460
|
-
align-items: center;
|
|
461
|
-
gap: var(--spacing-1) var(--spacing-2);
|
|
462
|
-
}
|
|
540
|
+
:where(.crewlet-data-grid[data-stacked]) .crewlet-data-grid__cell .crewlet-data-grid__truncate {
|
|
541
|
+
white-space: normal;
|
|
542
|
+
overflow: visible;
|
|
543
|
+
text-overflow: clip;
|
|
544
|
+
overflow-wrap: anywhere;
|
|
545
|
+
}
|
|
463
546
|
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
547
|
+
/* ---- THE COMPACT ROW (`phoneRows="compact"`) ---------------------------
|
|
548
|
+
TWO LINES, NO LABELS: what the row is, then its marks. One flex run that
|
|
549
|
+
breaks once: the lead cells first, a zero-height full-width `::after`
|
|
550
|
+
between them and the rest, then every other cell in column order. */
|
|
551
|
+
.crewlet-data-grid[data-phone-rows='compact']:where([data-stacked]) .crewlet-data-grid__row {
|
|
552
|
+
display: flex;
|
|
553
|
+
flex-wrap: wrap;
|
|
554
|
+
align-items: center;
|
|
555
|
+
gap: var(--spacing-1) var(--spacing-2);
|
|
556
|
+
}
|
|
470
557
|
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
558
|
+
.crewlet-data-grid[data-phone-rows='compact']:where([data-stacked]) .crewlet-data-grid__row::after {
|
|
559
|
+
content: '';
|
|
560
|
+
order: 1;
|
|
561
|
+
flex-basis: 100%;
|
|
562
|
+
height: 0;
|
|
563
|
+
}
|
|
477
564
|
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
565
|
+
.crewlet-data-grid[data-phone-rows='compact']:where([data-stacked]) .crewlet-data-grid__cell {
|
|
566
|
+
order: 2;
|
|
567
|
+
padding: 0;
|
|
568
|
+
align-items: center;
|
|
569
|
+
gap: var(--spacing-1);
|
|
570
|
+
}
|
|
481
571
|
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
flex: 1 1 0;
|
|
486
|
-
min-width: 0;
|
|
487
|
-
font-weight: var(--font-weight-medium);
|
|
488
|
-
}
|
|
572
|
+
.crewlet-data-grid[data-phone-rows='compact']:where([data-stacked]) .crewlet-data-grid__cell[data-lead] {
|
|
573
|
+
order: 0;
|
|
574
|
+
}
|
|
489
575
|
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
576
|
+
/* The title takes the rest of the first line, beside the key. */
|
|
577
|
+
.crewlet-data-grid[data-phone-rows='compact']
|
|
578
|
+
.crewlet-data-grid__cell[data-lead]:not(.crewlet-data-grid__cell--shrink) {
|
|
579
|
+
flex: 1 1 0;
|
|
580
|
+
min-width: 0;
|
|
581
|
+
font-weight: var(--font-weight-medium);
|
|
582
|
+
}
|
|
493
583
|
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
584
|
+
.crewlet-data-grid[data-phone-rows='compact']:where([data-stacked]) .crewlet-data-grid__cell[data-label]::before {
|
|
585
|
+
content: none;
|
|
586
|
+
}
|
|
587
|
+
|
|
588
|
+
.crewlet-data-grid[data-phone-rows='compact']:where([data-stacked]) .crewlet-data-grid__cell[data-phone-omit] {
|
|
589
|
+
display: none;
|
|
497
590
|
}
|
package/dist/DataTable/index.js
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from '../chunk-
|
|
1
|
+
export { ALL_ITEMS, CopyableCell, DATA_TABLE_LABELS, DataTable, RowActionsMenu } from '../chunk-CFY257ND.js';
|
|
2
2
|
import '../chunk-STJ7QBC3.js';
|
|
3
3
|
import '../chunk-DTIW4CHZ.js';
|
|
4
|
-
import '../chunk-
|
|
4
|
+
import '../chunk-I24FI46B.js';
|
|
5
5
|
import '../chunk-RE3FBGQQ.js';
|
|
6
6
|
import '../chunk-AV2DXAEL.js';
|
|
7
|
-
import '../chunk-
|
|
8
|
-
import '../chunk-
|
|
7
|
+
import '../chunk-PBCNINMB.js';
|
|
8
|
+
import '../chunk-ETSF7SU6.js';
|
|
9
9
|
import '../chunk-PGCLHYVP.js';
|
|
10
10
|
import '../chunk-PQADV6P6.js';
|
|
11
11
|
import '../chunk-2G355KDJ.js';
|
|
12
|
-
import '../chunk-
|
|
12
|
+
import '../chunk-T73DMDU4.js';
|
|
13
13
|
import '../chunk-7QTPJDRF.js';
|
|
14
14
|
import '../chunk-OMV5W53A.js';
|
|
15
15
|
import '../chunk-XSPCITPN.js';
|
|
16
16
|
import '../chunk-H5XTJ7GJ.js';
|
|
17
|
-
import '../chunk-
|
|
17
|
+
import '../chunk-UAUP6XGK.js';
|
|
18
18
|
import '../chunk-NUZHC6MM.js';
|
|
19
19
|
import '../chunk-UT6CW3C7.js';
|
|
20
20
|
import '../chunk-ODEQTPFM.js';
|