What changed in Levenium UI, newest first. The current version is 4.0.0.
toast.configure({ stack: false }) goes back to one toast that morphs into the next. The Toast playground has a Stack switch for it.toast now opens its own toast instead of morphing the one on screen, and a repeated message is no longer merged into a ×2 counter. To keep one toast changing in place, give the calls the same id or use toast.update.components/ui/toast/engine, so @yusufceng1z/ding-vue is no longer a dependency. Remove it from your package.json when you copy the folder.Toast that closes on its own fills from the leading edge while it counts down. The fill pauses on hover and keyboard focus, and starts over when the toast is shown again or updated.Toast uses the app's --font-sans with the style guide's tracking instead of a system font.Toast is the new toast component, built on Ding: one toast at a time that morphs in place, with a description, one or two buttons, an avatar, trailing text and a progress bar. Its page has a playground with every kind.toast.update changes a live toast in place, and toast.promise turns a loading toast into the result.Tabs has an xs size.Toast. Import toast and Toaster from @/components/ui/toast instead of vue-sonner and @/components/ui/sonner. The Sonner files stay in the library as SonnerToaster for anyone who wants to switch back, and its docs page now leads to Toast.Tabs list is now as tall as the Button of the same size, so the two line up on one row. Sizes are xs, sm, default and lg; size="md" still works and means default.MockStage, MockWindow, MockPhone and about 60 more parts./mock, from hero demos to bento grids and product studies, each with play, pause, frame-by-frame step, a phone-width preview and its Vue source./mock/docs on framing, motion, craft and checking a scene before it ships.Button has size="lg-desktop": the default size on phones and tablets, lg from the lg breakpoint, with no jump on load.DatePicker takes a locale for its calendar and the date it shows.TableData search ignores the tabs and line breaks a value brings when pasted from a spreadsheet.Drawer from a menu item no longer leaves the page unclickable after the drawer closes.FanGallery spreads images along a symmetric curve and parts the fan on hover or focus, with keyboard navigation.LiquidGlassLogo renders a logo as refracting liquid glass.RefractedText renders text as refracting glass.#, short hex like 0af, and CSS colours.ButtonGroup no longer show small notches where they join.LaserFlow is rebuilt on the latest version of the original: the beam drops onto the element you pass as surfaceRef, runs along its top edge and spills over its corners, with props for beamPosition, intensity, beamWidth, flare, spread, spill, fog, dust, streaks, dots, pulse, speed, seed, revealImage, intro, theme and paused.LaserFlow props must move to the new ones: horizontalBeamOffset becomes beamPosition (0 to 1 across the width), verticalBeamOffset becomes surfaceLevel or a surfaceRef, fogIntensity becomes fog, backgroundColor becomes theme, and wispDensity, wispSpeed, wispIntensity, flowSpeed, flowStrength, fogScale, fogFallSpeed, decay, falloffStart, mouseTiltStrength and mouseSmoothTime are gone.LaserFlow docs page has six presets (Waterfall, Twin Falls, Floor, Ember, Glacier and Quiet) and a window the beam lands on.LaserFlow no longer needs three.js and stops drawing once its intro and the cursor glow have settled, so an idle page costs nothing.Avatar with logo and mono-dark turns a logo into a light grey silhouette in dark mode and brings its colour back while a group ancestor is hovered, and in light mode it sits on a tile that suits the logo's own colours.ChartPie opens with a clockwise sweep from twelve o'clock, the way shadcn's pie and radial charts do.glass button variant has a softer, wider shadow and no longer shadows its text and icon.TabsList are easier to read in light mode.GridFill fills a server-rendered grid's last row with its pattern before the page hydrates, instead of leaving empty grey cells.Distribution lists categories in order, each with a bar to scale behind its label, a count and its share, with a leading slot for flags or avatars, a done fill for progress inside a row, a color prop and a DistributionSkeleton for loading.HeaderMenuLink and HeaderMenuLinks give the large page links in a header menu one size, line height and spacing, so a label that wraps to two lines still reads as one link.size="sm") use 14px text, the same as navigation links and default buttons.StatValue, StatDescription, RangeMeterLabel, LaneBoardTitle and the names and figures in Leaderboard use the foreground colour instead of the muted card text.RangeMeter: a read-only meter takes no gestures, and a slider moves only on a horizontal drag or a tap.RangeMeter tags are white on info, success and destructive, so the percentage reads clearly.Flow is a canvas of nodes joined by edges that you pan, zoom and rearrange, with groups, named ports, wiring by drag, a minimap and keyboard moves.LaneBoard lays cards out in lanes you drag them through by pointer, touch or keyboard, and a board can refuse a move with a reason.Frame, Kpi, Stat, BarPicker and Leaderboard fill with a light wash of the text colour, so their surfaces stay visible on a dark page.Gauge no longer makes a phone page scroll sideways.Frame, Kpi, Stat, RangeMeter, BarPicker and Leaderboard, each with a full docs page.HeaderMenu comes in six variants taken from real mobile menus, and its popover, drilldown and overlay slide in from the right like Drawer.Gauge has its own docs page with every variant, and replaces ChartSemiCircle.PageScrollbar and SurfaceHeader let a header follow the light or dark section scrolling under it.Button has a quieter look: secondary is a soft fill with no border, only outline keeps one, and every size still lines up with inputs and selects. A new shape="pill" rounds the ends fully at any size.