Repository navigation
feat!: v3 design system (v0.4.0) - #4
Merged
Merged
Conversation
Re-point the tokens at the Cloud UI v3 and Dashboard UI v3 designs: true greys, ink primary action, Geist Mono for numbers, 6/8/12/16 radii, one easing curve and a 2px focus outline. Restyle the base components and add TopBar, PageHeader, SidebarBrand, SidebarPanel, SegmentedControl and CodeBlock. AppHeader is deprecated. BREAKING CHANGE: token values, radii, the primary button and the sl-num and sl-label utilities change; see Migrating from 0.3 in the README.
Lift what the Cloud and dashboard v3 screens had to build locally: StackedAreaChart, ChartLegend, LegendItem, TimeAxis and path helpers; area fills, thresholds, a band and a playhead on TimeSeriesChart; Tone helpers, Dot, ScoreBar, EventFeed, InsetStat, MeterRow, SearchField, UnitInput and a progress meter on MetricCard. Add the accent-muted, on-ink accent and border tokens and a 4px radius.
Draw TimeSeriesChart axis and threshold labels in HTML over the stretched SVG so narrow cards no longer squash them and the last x label is no longer clipped. Add playheadColor and yAxis, a muted tone, and a healthy tone option on thresholdTone so in-range values can stay in plain ink.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Moves the design system to the v3 visual language (Cloud UI v3 / Dashboard UI v3) and adds the components those screens need. Ships as 0.4.0, see
CHANGELOG.mdfor the full notes and the README "Migrating from 0.3" section.Breaking
#FAFAFApage,#EAEAEAstroke,#0A0A0Aink); radii now 4 / 6 / 8 / 12 / 16.Buttonprimaryis ink; the old indigo primary isaccent.Tabsdefault to the segmented style (variant="underline"for the old look).sl-numis Geist Mono with tabular figures;sl-labelis sentence case.AppHeaderis deprecated in favour ofTopBar/PageHeader.Added
StackedAreaChart,ChartLegend,TimeAxis, path helpers;TimeSeriesChartareas, dashed series, thresholds, p50–p95 band, playhead, header legend.Dot,ScoreBar,EventFeed,tonehelpers (thresholdTone,scoreTone).SegmentedControl,SearchField,UnitInput,InsetStat,MeterRow,SidebarBrand,SidebarPanel,CodeBlock.Release
After merge:
npm version minoron main → tagv0.4.0→ GitHub release.