Changelog
Every @c2n/* package ships under one version. The highlights are below; the full changelog lists every change.
New
facet-list notification-center Wire the docs app and build graphtool-call citation Add c2-tool-call and c2-citationchart Add c2-waterfall-chart and c2-treemap-chart
Fixed
facet-list notification-center Keep hidden facet actions from shortening labels, wrap the inbox headerbar-list choice-matrix Fit the diverging labels and the scale cardbar-list choice-matrix Fixes from the screenshot review
New
loading-overlay Add c2-loading-overlay for regions that refresh in placesecret-field Add c2-secret-field for API keys and other secretstoggletip Add c2-toggletip, a help bubble opened by a pressmeter Add c2-meter for measurements inside a known rangevisually-hidden Add c2-visually-hidden for screen-reader-only content
Fixed
bar-list choice-matrix Address review findingsemoji-picker Shrink the category icons with a narrow pickeremoji-picker Fit the grid and the categories to the picker's widthdistribution-bar Fill the bar whatever the values add up to, and hover one part at a timechart Address review findings on the waterfall and treemap chartsloading-overlay Announce reliably, server-render safely, keep the scrim on topgenerator Register the umbrella devDependency when scaffoldingtoggletip Announce reliably, keep Escape to itself, survive a movemeter Match native meter boundaries, chart palette and fitted segmentsvisually-hidden Keep focusable="false" hidden and tidy the examplesfloat-button Keep a tapped hover dial open on iOS Safari
Scroll: the bar stays in view and gains a shadow once content runs beneath it.
Second paragraph.
Third paragraph.
Fourth paragraph.
Ana Ruiz
Kenji W.
Priya N.
Invoice 2041
Charged twice for March.
Charged twice for March.
Breaking
mermaid Make mermaid an optional peer dependency
New
notepad page-editor A web image pasted from another page is copied through imageUpload, or keeps its address when the site refuseslist Swipe rows only with the opt-in swipeable attributeswipe-action Keyboard shortcuts for actions, and swipe rows in a c2-list
Fixed
sticky Track scrollers rendered late, body scrollers and content growthapp-shell A navigationOpened set before the first measurement wins over the side defaultswipe-action Measure flick speed over the last 100ms, and keep the CDP touch test to Chromium
Faster
chart Keep the depth chart's messages out of the shared chunkcomponents Write the merged custom-elements.json without indentation
New
overflow-list Add c2-overflow-list, a row that folds what does not fit into a More menuswipe-action Add c2-swipe-action, a list row that swipes to reveal actionstable-of-contents Add c2-table-of-contentsbottom-nav Add c2-bottom-nav, the mobile tab barsave-bar Add c2-save-bar for unsaved form changesapp-shell Add c2-app-shell, c2-app-shell-toggle and c2-page-headersheet Add swipe-close and content-sized sheetschart Add c2-sankey-chart, flows between stagesrich-text-editor Add c2-rich-text-editor, a compact formatted-text fieldchart Add c2-depth-chart, cumulative order-book depth around the mid pricecountdown Add c2-countdownorg-chart Add c2-org-chart, a hierarchy drawn as connected cardsstatus-light Add c2-status-light
Fixed
page-header Defer resize work a frame and render the derived parent link only without a slotted oneoverflow-list Settle in a declarative shadow root and copy wrapped iconsmenu Read a deferred-hydration shadow root in connectedCallbackswipe-action Address code review findingsmenubar Keyboard into a hovered menu, one tab stop after SSR and disabled changestable-of-contents Tolerate whole-pixel scrolling in WebKitpage-header Fill the width, refold on late upgrades, docs screenshots passmaster-detail Address review findingslist Find a row's c2-list-item inside wrappers, past whitespace and nested wrappersbottom-nav Find items inside wrapper elements and fill the bar's widthmenu Skip the trigger lookup while server renderingapp-shell Address review of the shell and page headersave-bar Keep the message at the start of a full-width bar and Save solid while savingsheet Tighten swipe-close grab area, flick and handle placementchart Keep sankey outside labels inside the plotchart Draw the depth chart's mid label inside its pill, in both themespage-editor rich-text-editor Refuse links that browsers read as javascript:chart Address review findings on c2-sankey-chartchart Address depth chart review findingsrich-text-editor Keep the linked text highlighted while the link popover is openrich-text-editor Describe its parts' slots and cover it in the FormData suiterich-text-editor Document attributes and slots, add its dependencies to the lockfilestatus-light Keep the pulse ring and icon dot right in every statemermaid Keep the loader's error when mermaid cannot be loadedtable Isolate the grid viewport rather than the hosttable Keep pinned and sticky cells' stacking inside the table
New
sheet Style the body's scrollbar through CSS variablespage-editor notepad Paste, drop, copy and resize imagessplit-panel Style the panels' scrollbars through CSS variables
Fixed
flow A node being dragged shows the closed handpage-editor A table's frame and outline end with its last columnpage-editor notepad Images pasted, copied and resized hold up across apps and edits
Fixed
flow A node shows the default cursor, not the pointer, over its title and rowsaction-bar No scrollbar on a container the content just fills, open or closed
Breaking
mask-input Search only the group choices when fitting a mask
New
search-field Escape="none" leaves Escape to the containerlog-viewer Add a keyboard active entry and entry-activatetour Skip-delay waits before a skipped tour autostarts again
Fixed
chart Skip filtered ticks when sizing a value axisgantt Cap beside-labels at their side's room, and pick the roomier sidesearch-field Escape that closes the recent searches does not reach the container
Faster
tree-select Skip the host's own value attribute in the row observer, build the row index once per render
Improved
- Revert "feat(log-viewer): add a keyboard active entry and entry-activate"
New
tour Skip-limit sets how many skips turn autostart offtour Remember progress in localStorage, autostart and a Skip buttonlog-viewer Keyboard active entry with entry-activate, and Ctrl/Command+F findsplit-button Add c2-split-button, a main action with a caret menu of alternativesmenu Let a split button mark rows as choices without writing their attributeschart Add annotations, markers at an x value and shaded x rangesbutton link-button Add selected states for the new shadow and border variableslink-button Add --c2-link-button__container--border and its hover statebutton Add --c2-button__container--box-shadow and its hover statelog-viewer Add scrollToStart() and an entry-click eventmask-input Add optional groups anywhere in a mask
Fixed
core A blank string assigned to a Number property unsets ittree-select Address review findingskanban Keep an empty lane's hint under its headergantt Keep labels beside short bars inside the timelinechart Size value axes to their widest label, warn when the plot collapsescore Parse a numeric string assigned to a Number propertytour Code-review findingslog-viewer Leave the copy area selectable, as beforelog-viewer Cross-browser keyboard, selection and copy-cell fixesimage-cropper Cancel interrupted drags, fit authored crops to aspect-ratioimage-cropper No focus ring on the selection after a pointer draglog-viewer Address review findings on keyboard and findtime-range-picker Centre the zoom icon and shorten same-day labelschart Address review findings on annotationssplit-button Address code review findingslog-viewer Keep scrollToStart() instant and pinned, ignore drag clicksbutton-group Keep app-wide button shadows off segmented itemstheme Keep color-scheme outside the theme layertheme Ship tokens.css and base.css in the c2n-theme cascade layeraction-bar Stack the count above the actions on a phoneaction-bar Keep the actions on one line on narrow screens
New
chart Add c2-chord-chart, flows between groups around a circletable Focus() moves focus to the roving cell
Fixed
skip-link Address code review findingstable Focus() waits only before the first render, and keeps its optionsview-options Do not query the light DOM while server rendering
Fixed
select Pick an option from the keyboard and return focus to the triggerview-options Render the Display button beside the trigger slot, not as its fallbackview-options Leave the Display button out when a trigger is slottedview-options Cap the panel height, stack the ordering levels and outline secondary buttonsview-options Address review findingsview-options Read wrapped and server-rendered children; fix the docs imports
New
flow Reorder rows by drag and drop in editable flowschart Hide the heatmap key's text line by line, or draw the cells aloneflow Fold rows past a row limit into a "+ N more" row
Fixed
flow Address review findings on rows, ports and reorderingchart Heatmap review fixes: wall-clock times, stale focus, grouped listed rowsflow Route row edges round other nodes, and theme the row lines
New
chart Stand the heatmap's colour key upright beside the plotchart Add c2-heatmap-chart, a heatmap on any two keys or a calendarflow Rows with ports and crow's-foot edge ends for schema diagrams
New
spreadsheet A right-click menu of its own, and a selection hidden on blurpage-editor Tables, built on c2-spreadsheetspreadsheet Column names, cell styles, formula help and quick totals
Fixed
page-editor A web page's lines pasted as one paragraph become blocks of their ownpage-editor A table hides its selection through the sheet's hide-selection-on-blurpage-editor Type the test's editor by its value, so test:type-check passes
New
json-form Publish c2-json-form in @c2n/components with docs and galleryjson-form Rebuild on JSON Schema with UI-schema layouts, markup fields and renderersrelative-time Add min-unit to stop counting below a unit
Fixed
json-form Leave a nested object absent when no default fills itjson-form Connect fields parsed before the form, and polish the layoutbutton-group Move the role onto an inner wrapper while a form field wraps the groupbutton-group Describe the group by text as well as by reference
Fixed
components Reflect name on form-associated elements
New
spreadsheet Delete rows and columns, and answer c2-context-menuspreadsheet Insert rows and columns, and grow the sheet on pastespreadsheet Resize columns by dragging the header edge
Fixed
mask-input Fire change on blur and Enter in Firefox toohighlight Match the server-rendered slot on the first hydrated render
New
mask-input Add c2-mask-input for pattern masks (IBAN, tax ID, postcode)date-time-picker Add c2-date-time-picker with calendar, time and time zonemoney-input Add c2-money-input, a currency amount field that stores minor units
New
- Localize built-in text, float the to-do list's customize panel, give the page editor Notion's look
Fixed
spreadsheet Fit gallery and docs examples, draw the focus ring around the frame
29 older releases are in the full changelog.