EnterUI
DocsComponentsThemesExamplesDonation
Get Started
  • Tokens
  • Agent Guide
  • ChangelogRelease history for the public packages.

  1. EnterUI
  2. /Docs
  3. /Resources
  4. /Changelog
Updated 9 October 2026

Changelog

Versioned release notes for EnterUI and the FroggDesign packages it depends on.

This changelog tracks versioned changes for EnterUI and the FroggDesign packages it depends on. Release notes are generated from each package CHANGELOG.md; check the package registry to confirm publication. Pending Changesets stay in review until package versioning writes them into those files.

#Package status / overview

PackageRole
@froggdesign/enter-ui-reactReact component library
@froggdesign/enter-ui-solidSolidJS renderer component library
@froggdesign/themeCSS variables and theme runtime
@froggdesign/tokensDesign tokens source
@froggdesign/enter-ui-utilsShared utilities

#Version history

#@froggdesign/enter-ui-react

#0.7.0

Minor Changes

  • Add a radius option to Button so consumers can choose the current medium corners or the earlier full pill shape without custom CSS.
  • Add vertical HeaderNav for mobile sheets and a theme-aware rounded active section indicator for documentation headers. Keep the hover underline on active and inactive navigation links. Preserve visible keyboard focus and respect reduced motion.
  • Keep SegmentedControl at content width by default and add fullWidth for evenly distributed modes. Add semantic Sparkline tones for positive and negative trends. Add Text wrap="nowrap" to keep short record identifiers intact in scrollable tables.
  • Add explicit workspace Header and Sidebar variants and an inline SelectTrigger variant. Remove layout-ancestor overrides from the FroggDesign composition, make small Button sizing consistent, and ship a component-scoped reset before styles. Consumers using AppShell workspace presentation should select the Header and Sidebar workspace variants explicitly to preserve that appearance.
  • Add descriptive action rows to NavLink for compact dashboard navigation.
  • Promote the EnterUI Sidebar to the polished docs navigation treatment with nested list primitives, branch rows, active descriptions, count slots, and refined dark-mode contrast.
  • Add Autocomplete leadingIcon, onClear and clearLabel props for reusable search experiences. Correct first-arrow selection, skip disabled suggestions, keep keyboard highlights visible, preserve uncommitted text, and support completed pointer clicks without selecting during touch scrolling. Replace SearchInput's clear glyph with an accessible SVG icon and return input focus after clearing.
  • Add InputGroup with start/end addons, PhoneInput with country selection and metadata-backed parsing/formatting, and ImageViewer with an accessible modal, gallery navigation and zoom. Include dedicated component documentation and a New components page with interactive previews.
  • Add reusable PageLayout landing and PageHeader hero variants with responsive spacing, proportional headings, and an optional product preview. Add a marketing SectionHeader variant and a primary-button Link variant for prominent navigational actions. Rebuild the landing example entirely with public EnterUI components, removing page-specific style overrides and connecting its preview, navigation, and local signup interactions.
  • Add a primary Header variant for polished docs and product shell top bars.
  • Enable native KanbanBoard drag-and-drop through the existing onCardMove API and retain keyboard movement buttons with custom card renderers. Fix spacing of stacked Kanban cards.
  • Add curve, domain, and valueFormatter props to line and area charts. Fix scaled strokes, distorted markers, tick alignment, and tooltip keyboard access. Default to zero-based rounded domains; use domain="auto" for a focused range. Interactive trend charts use a named group with labelled point controls. Refine ChartCard headings and remove misleading single-series shares and tooltip trend arrows. Migrate the revenue dashboard to public EnterUI props without custom styling and update the component documentation.
  • Rename the public EnterUI renderer packages to the explicit framework-specific names @froggdesign/enter-ui-react and @froggdesign/enter-ui-solid. React consumers should update imports from @froggdesign/enter-ui-react to @froggdesign/enter-ui-react, including the CSS entry @froggdesign/enter-ui-react/styles.css. SolidJS consumers should update from @froggdesign/enter-ui-solid to @froggdesign/enter-ui-solid, including the CSS entry @froggdesign/enter-ui-solid/styles.css.
  • Allow Grid.templateColumns to accept responsive breakpoint objects while preserving scalar strings. Explicit workspaces can stack on mobile and use balanced desktop columns without consumer CSS; nested grids keep independent track defaults. Keep automatic chart domains focused on observed values, including small fractional prices, and render repeated axis labels with unique keys. Keep dense chart category labels spaced on tablet and mobile while preserving every interactive sample.
  • Add a contextual label option to SelectTrigger for compact filters in page headers and toolbars.
  • Add a documentation Header variant with a mobile menu slot, compact branding, and current-page navigation treatment. Add Media illustration and finite float motion options with reduced-motion support. Preserve primary action contrast inside HeaderActions.
  • Add opt-in sticky Sidebar navigation with an independent viewport-constrained scroll area, preventing route content scrolling from resetting the visible menu.
  • Add a reusable PageLayout storefront variant for standalone consumer applications. The variant owns a centered responsive canvas, compact navigation and footer slots, and consistent content spacing while preserving optional aside columns and the native styles of nested components.
  • Add a segmented DonutChart variant and a matching bars Legend variant for compact portfolio composition panels. Existing chart and legend defaults remain unchanged.
  • Add the media Card variant for galleries with an edge-to-edge preview, flexible content, and aligned footer actions. Existing card variants retain their behavior.
  • Unify EnterUI charts around a blue and aqua palette, clear card surfaces, rounded bars, readable axes, legends, and interactive value tooltips.
  • Add workspace mode and custom sidebar width support to AppShell for dense product application layouts, and prevent internal RolePicker and AreaChart control props from leaking to DOM elements.

Patch Changes

  • Give metric cards a clearer label and value hierarchy, a divided context footer, and a compact mobile layout.
  • Overlay avatar images within their fixed frame, show the fallback while loading, and restore it after a failed image. This prevents images and initials from splitting the avatar width when used together in workspace switchers.
  • Move the documentation-style Sidebar width, section dividers, count pills, and active surface into the shared component defaults so examples need no custom styling.
  • Give standalone semantic badges a quieter surface and compact rounded-rectangle shape so status labels fit neutral product tables.
  • Bring workspace headers, sidebar navigation, workspace switchers, and Select controls onto the same calmer surface, spacing, and radius treatment. Add a visible chevron to the workspace switcher.
  • Refine DatePicker spacing, day selection, focus states, and viewport placement. Focus the selected or nearest allowed date on open; add roving keyboard navigation, bound month controls, and reject invalid ISO dates without date rollover. Add a shared range prop for linked date pickers with green interval and endpoint highlights.
  • Complete CommandMenu keyboard navigation with arrow keys, Home/End, enabled option highlighting, Enter activation, and search focus ownership. Keep ARIA selection and active descendants in sync with filtered options, support touch selection, and align the shared search icon and highlighted state. Existing consumer-controlled filtering and action callbacks remain unchanged.
  • Reduce MetricCard vertical spacing and icon size so operational dashboards expose more supporting content without scrolling.
  • Use compact Select triggers inside table cells, with optional semantic status dots and preserved keyboard-focus styling.
  • Refine Table and Badge defaults for back-office records: raised table surfaces, compact typography and small buttons, intact single-line fields, softer badge borders and medium-weight labels. Long prose can wrap through Text directly in TableCell; narrow tables remain horizontally scrollable. Preserve selected-row highlight on hover and the composed category-badge treatment.
  • Keep Select menus aligned with their triggers and scroll long option lists, and prevent NumberInput fields from overflowing their containers.
  • Align workspace canvas gutters and Header typography with the docs reference. HeaderBrand media now fits logos within a 180×60 frame without cropping. Plain header actions use explicit label typography rather than inheriting body sizing.
  • Align SearchCommand typography, shortcut key, and icon with the documentation search. Match composed success Badge/StatusIndicator and compact icon Text defaults to the docs reference directly in component styles, without documentation-layout overrides. Standalone semantic badges and indicators retain their status colors.
  • Use pointer cursors for interactive Select, DropdownMenu, Combobox, ContextMenu, and MenuBar options.
  • Publish dist-only exports while retaining workspace development sources. Compile SolidJS browser and SSR builds with the Solid compiler and verify packed consumers before release. Fix Solid loading-overlay reactivity and avatar image loading, non-blocking overlay pointer handling, unrestricted number input stepping, and constrained panel resizing with keyboard and ARIA support.
  • Replace SearchInput's CSS-drawn magnifier with the shared search icon and correct its spacing and alignment.
  • Implement Card's existing plain and preview variants with component-owned surfaces, responsive padding, and naturally growing demo content. Keep PageLayout landing, article, and aside styles scoped to their own slots so nested previews retain their layout, and let Grid and GridItem shrink within their parent width. Preview surfaces keep in-place floating controls visible; ScrollArea owns deliberate scrolling and can shrink into bounded grid or flex rows.
  • Show an animated landscape while Media images load, and a static illustration for missing or failed images. Support static placeholders and reduced motion.
  • Let FilterBuilder controls wrap within their actual container width so rules remain usable in narrow desktop cards, side panels, and mobile screens. Preserve control order and allow value fields to shrink without horizontal overflow.
  • Keep Grid alignment, auto-flow, track templates, and responsive min/gap values local to each instance. Nested grids no longer inherit an outer layout's columns or start alignment, and responsive fallbacks no longer reference themselves. This lets bounded ScrollArea children stretch and scroll inside nested grids.
  • Refine mobile workspace headers, page spacing, compact descriptions, input sizing, number steppers, and dialog viewport bounds for touch screens.
  • Keep sheets within the viewport including their padding. Give workspace navigation sheets one scroll surface and an opaque background for readable navigation.
  • Refine contextual Select filters with aligned values, restrained labels, and 44px touch targets. Keep dropdowns within the available viewport and use a neutral selected-item treatment.
  • Align default workspace, header, sidebar, page typography, search, and card surfaces with the EnterUI documentation visual language without requiring consumer CSS overrides.
  • Add a plain Card variant for surfaces that need the original clean card shape without the default top accent.
  • Polish the EnterUI components used in the landing, dashboard, and travel examples with calmer card surfaces, refined metric and chart treatment, denser switchers, table controls, workflow states, notification accents, and safer UsageMeter numeric fallbacks.
  • Refine article typography and reading width, compact Sidebar selection and spacing, and move the documentation TOC presentation into the shared SideNav variant. Keep transparent header wordmarks legible in dark mode.
  • Improve JsonViewer polish with metadata chips, safer copy serialization, refined token-based surfaces, and optional viewport and toolbar labels.
  • Restore the original documentation navigation spacing, uniform text-link appearance, hover underline and transition, and dark-mode colors while preserving accessible current-page semantics.
  • Rebind EnterUI theme aliases at explicit light and dark boundaries so nested themes resolve their own colors. Align documentation examples, API references, and navigation with the current component contracts.
  • Round chart bounds close to the observed maximum while preserving zero and signed trend domains. Expose bar and stacked-bar plots as accessible groups with named focusable values, Left/Right Arrow navigation, and Escape tooltip dismissal.
  • Refine AuditLog with compact, separated event rows, clearer metadata hierarchy, and a subtle newest-event marker.
  • Use the standard medium radius for buttons and keep PageHeader select and button actions compact and aligned.
  • Strengthen workspace navigation and data-table hierarchy with a restrained active cue, clearer table header, and improved row scanning.
  • Refine WorkspaceSwitcher with distinct selection and hover colors, contrasting rounded-square avatars, compact section labels, and a current-workspace checkmark.
  • Refine Sidebar navigation with quieter count badges, lighter icon frames and subcategory surfaces, neutral nested rails, and a flat aqua active surface in dark mode. Documentation navigation now consumes these shared styles directly instead of overriding disclosure controls and component presentation.
  • Keep the Cluster layout component available in EnterUI React and EnterUI SolidJS for backwards compatibility.
  • Right-align SidebarItem count badges by removing the unused grid column for the hidden chevron. Keep the existing item padding and focus/active states.
  • Align Sidebar defaults with the docs navigation reference, including section branches, nested rails, counts, pending feedback, and dark active states. Keep these styles in sidebar.css instead of the documentation preset. Navigation and expansion remain application-controlled.
  • Display Sidebar counts as aligned tabular numbers without pill borders, add a subtle count surface only for expanded branches, and separate sections through spacing instead of repeated dividers.
  • Restore visible sidebar disclosure controls, consistent hit-area sizing, and keyboard focus for navigation links.
  • Use FroggDesign semantic active and foreground tokens for Sidebar selection instead of aqua fills. Default and workspace variants share the neutral slate treatment in both themes, and selected hover retains the active surface.
  • Match Sidebar's active-row treatment to the docs reference by removing the extra leading stripe while retaining the grouped, counted, nested visual hierarchy.
  • Make Skeleton pulse alternate smoothly and respect reduced motion preferences.
  • Keep sidebar item font weight unchanged when active so selection does not shift text or layout.
  • Simplify ActivityTimeline rows and ComparisonMetric hierarchy, show labelled target progress and zero-valued comparisons, and round TrendIndicator percentages to one decimal place.
  • Align Sheet content to the top so headers and navigation retain natural spacing in full-height drawers. Long content continues to scroll within the sheet.
  • Give workspace apps a wider content area for operational tables, keep the desktop sidebar within reach while scrolling, and keep grouped navigation vertical in a bounded sidebar above the content on narrow screens. Give workspace-switcher menu entries enough space for both the name and description, with a scrollable menu on short screens.
  • Align the workspace AppShell with the docs shell: full-width neutral backdrop, centered content gutters, document scrolling, sticky header, content-height sidebar, and a 1020px sidebar breakpoint. Workspace consumers now scroll the document instead of separate main/sidebar regions. Default and documentation variants retain their existing behavior.

#0.6.0

Minor Changes

  • Add accessibility, table utility, SaaS shell switcher, form utility, status, scheduling, workflow, and data visualization components for skip links, live announcements, saved views, sorting, density, column visibility, bulk editing, workspace switching, app switching, fieldsets, validation summaries, currency input, masked input, URL input, inline status changes, cron schedules, recurrence editing, agenda lists, activity timelines, release steppers, line charts, area charts, stacked bar charts, heatmaps, trend indicators, and comparison metrics.
  • Add an enterprise / admin component suite tuned for SaaS settings, ops, and developer surfaces. All additions are additive — no breaking changes to existing exports, classes, or --eui-* variables. Permissions & roles
    • PermissionMatrix — role × permission table with controlled or uncontrolled Record<roleId:permissionId, boolean> value, category groups, per-role and per-category bulk toggles, plus a read-only mode that preserves table semantics with yes / no marks instead of disabled checkboxes.
    • RolePicker — single (role="radiogroup") or multi (role="listbox") role picker with optional search, descriptions, badges, and disabled rows. Auto-enables search when options.length > 6. Ops & environment
    • FeatureFlagToggle — operator-style toggle with title, flag name, description, environment chip, variant chip (stable | beta | experimental | deprecated), and a rollout percent slot. Backed by the existing Switch.
    • EnvironmentBadge — compact badge for production | staging | preview | development | local | test, optional dot indicator, sm / md size for table density. Aria-label is always set so colour is never the only cue. Developer surfaces
    • ApiKeyField — masked-by-default field for API keys / tokens with reveal, copy, status (active | expired | revoked), lastFour, createdAt, expiresAt, plus an actions slot for Rotate / Revoke. The full secret stays out of the DOM until Reveal is pressed.
    • SecretInput — admin secret input (webhook secrets, env tokens) with reveal/hide and an optional copy action. Controlled or uncontrolled.
    • WebhookEndpointCard — endpoint card with URL, method, status (active | paused | error), signing-secret state, event chips, last-delivery line, and Send-test / Rotate-secret / Disable callbacks. Viewers
    • LogViewer — admin / dev log viewer with level filter, text search, copy, and optional auto-scroll. Renders role="log" viewport with explicit LogLine.level chips so colour is not the only cue.
    • JsonViewer — collapsible JSON viewer with token-driven syntax coloring, expand-all / collapse-all, and copy. Tree root is role="tree"; toggles are real <button> elements with aria-expanded.
    • DiffViewer — diff viewer with unified and split modes. Accepts oldValue + newValue (LCS-based line diff computed on the fly) or pre-computed lines: DiffLine[]. Each line carries a + / − / space symbol plus an aria-label so the kind is announced by screen readers. Each component ships with token-driven CSS (no hardcoded colours, neutral-first), a behaviour test, and a docs MDX page registered in the /web sidebar. Some components are also surfaced in the root showcase (PermissionMatrix, FeatureFlagToggle, ApiKeyField, EnvironmentBadge, LogViewer, JsonViewer).
  • Add a productivity component pack: Toaster + useToaster (imperative toast queue with top-right / top-center / bottom-right / bottom-center viewports, semantic variants, action, and pause-on-hover), DataView (slot-based shell that pairs a toolbar, filters, view-mode switch, and loading / error / empty states), InlineEdit (single-line click-to-edit with sync/async validate, multiline mode, and Enter/Escape keyboard behaviour), DatePresetPicker (preset chips paired with DateRangePicker, plus a resolvePresetRange helper), StepperForm / StepperFormStep / StepperFormActions (multi-step form scaffold built on WizardSteps, controlled or uncontrolled, with async per-step validation and submit-loading), Autocomplete (free-typing single-select combobox with local or async-friendly options and the WAI-ARIA combobox keyboard pattern), CommentThread / CommentItem / CommentComposer (product-flavoured comments with replies, attachments, delivery status, and a labelled composer), plus medium-priority product primitives: KanbanBoard, TimelineDetail, MentionInput, RichTextEditor, TreeSelect, TransferList, DualListBox, CalendarView, and ResourceCalendar. All exports are additive, token-driven, and ship behaviour tests plus MDX docs.
  • Add lightweight token-based visualization components including line, area, stacked bar, heatmap, trend, and comparison metrics.

Patch Changes

  • Improve dark mode contrast across EnterUI components by separating dark theme surfaces, borders, inputs, and muted text while keeping focused form controls on theme-aware surfaces.
  • Refine Spinner, Button loading, and IconButton loading gradients with a smoother sweep, softer tail, and restrained highlight.

#0.5.0

Minor Changes

  • Add a product-app component suite covering data, layout, account, feedback, billing, and files. All additions are additive — no breaking changes to existing exports, classes, or --eui-* variables. Data & Tables
    • DataGrid — advanced table with row selection, bulk selection, sticky header, sorting, loading/error/empty states. Sits next to the existing DataTable.
    • BulkActionBar — count + actions + clear bar that hides when count is 0. Supports sticky mode.
    • FilterBuilder — rule builder over native <select> + <input> + <datalist> for "field operator value" rules.
    • EmptySearchResult — EmptyState wrapper that surfaces the search query and a clear-filters action.
    • SkeletonTable — table-shaped loading placeholder with aria-busy. Layout & Navigation
    • PageLayout — page grid with header, optional sticky toolbar, content, aside, and footer-action slots.
    • SideNav (SideNavSection, SideNavItem, SideNavGroup) — product sidebar with grouped items, active state, badges, and collapsed mode.
    • NavigationRail (+ NavigationRailItem) — compact icon-first vertical navigation.
    • TopBar — product top header with breadcrumb/title/search/actions/notifications/user-menu slots.
    • SearchCommand — search-styled trigger button with shortcut hint, intended to open a CommandMenu. Account & Detail
    • UserMenu — avatar + dropdown with profile/settings/sign-out items (href or onSelect).
    • NotificationCenter — bell trigger with unread badge and a popover of read/unread items.
    • DetailPanel — detail surface for a single object with title, status, metadata, actions.
    • ObjectDetail — alias of DetailPanel (shares props/runtime).
    • AuditLog — ordered timeline for activity/history with title, kind, actor, timestamp. Forms & Feedback
    • FormLayout (+ FormLayoutSection) — form scaffold with two-column titled sections.
    • SettingsSection (+ SettingsRow) — settings card with divided rows.
    • ErrorState — page/panel-level error with retry + secondary action slots.
    • ErrorBoundaryFallback — pre-wired ErrorState for React error-boundary fallbacks.
    • LoadingOverlay — overlay layer for panels/forms with optional blocking backdrop.
    • SkeletonForm — form-shaped loading placeholder with optional section dividers. Charts & Billing
    • StatGrid — responsive 2/3/4-column grid for repeated stat cards.
    • KPISection — header + body wrapper for KPI groups.
    • UsageMeter — usage primitive with auto-derived warning/error tone via thresholds.
    • PlanUsage — billing-card shell with title, inner UsageMeter, reset note, and upgrade CTA. Files
    • FileList — uploaded/attached files with name, size, progress, error, and remove action.
    • AttachmentList — alias of FileList for comment/message attachment surfaces. Each component ships with token-driven CSS, accessible defaults (semantic HTML, ARIA where applicable, labelled controls), behaviour tests, and a docs MDX page registered in the /web sidebar.

Patch Changes

  • Refine Spinner, Button loading, and IconButton loading indicators with a calmer orbit-ring motion, restrained brand cue, reduced-motion fallback, and forced-colors support.

#0.4.0

Minor Changes

  • Add web-focused system primitives: IconButton, Link, PasswordInput, NumberInput, Stepper, Disclosure, Toolbar, ScrollArea, AspectRatio, VisuallyHidden, SplitView, NavLink, Media, and Divider.
  • Replace MIT metadata with the FroggDesign Limited Use License and publish funding metadata for optional donations.
  • Add product workflow primitives including MultiSelect, TagsInput, FileUpload, OTPInput, TimeInput, ButtonGroup, TreeView, DescriptionList, StatusIndicator, AvatarGroup, SegmentedControl, DateRangePicker, Calendar, ActivityFeed, WizardSteps, PageHeader, SectionHeader, DataToolbar, and FilterBar with token-driven styles, docs, and tests.
  • Add VStack, HStack, and ZStack layout primitives inspired by SwiftUI.
  • Add product analytics and table feedback primitives: MetricCard, Meter, Rating, Sparkline, and TableEmptyState. Each ships with token-driven styles, accessible defaults (ARIA meter/slider semantics, keyboard support on Rating, accessible labels on Sparkline), unit tests, and dedicated docs pages. Add additional product, picker, chart, and layout primitives: Gauge, MonthPicker, YearPicker, DateTimePicker, ColorPicker, MenuBar, NavigationMenu, ResizablePanel (with ResizablePanelGroup and ResizableHandle), VirtualList, ChartCard, DonutChart, BarChart, and Legend. Pickers and the menu/navigation primitives carry token-driven styles, accessible roles, and keyboard support; charts compose from a shared palette with accessible labels. New peer-friendly Radix dependencies are added: @radix-ui/react-menubar and @radix-ui/react-navigation-menu. Add public alias docs for already-exported aliases so they show up in the components sidebar and search index: Drawer (Sheet), DateInput (DatePicker), PinInput (OTPInput), TokenInput (TagsInput), Dropzone (FileUpload), Timeline (ActivityFeed), KeyValueList (DescriptionList), TableFooter (Table primitive), and StepperProgress (WizardSteps).

Patch Changes

  • Add a first-class loading prop to Button and an optional unit slot to Gauge. Both are additive — existing variants, sizes, classNames, and type continue to work.
    • Button loading={true} disables the button, swaps the label for a centered spinner, sets aria-busy="true", sets data-loading="true", and applies the .eui-button--loading modifier so consumers can override styling. ConfirmDialogAction and IconButton already follow the same pattern.
    • Gauge accepts unit?: ReactNode (for example "%") rendered next to the readout in muted typography, plus a tip cap that follows the active arc and tone-aware fill colors. The visual contract stays clean — no changes to existing layouts.
    • Documentation: apps/web/content/docs/components/button.mdx gains a Loading preview; gauge.mdx documents the new unit prop.
    • Tests: Button and ConfirmDialogAction get explicit loading-state assertions; Gauge gains coverage for unit, hideValue, the tip cap, clamp behavior, and tone. New behavior tests for CommandMenu, ContextMenu, HoverCard, Sheet, Header, Sidebar, AppShell, SearchInput, CopyButton, CodeBlock, and Kbd ship in src/components/priority-coverage.test.tsx.
    • Consumer type smoke: test-types/consumer.tsx is type-checked against the built dist/index.d.ts via pnpm --filter @froggdesign/enter-ui-react test:types (also wired into the vitest suite when build artifacts are present), guarding declaration regressions on Button, Card, DataTable generics, TimeInput, DateRangePicker, AppShell, and Gauge.
  • Refine Slider styling with solid token-based track, range, and thumb surfaces.
  • Refine ButtonGroup, TimeInput, DateRangePicker, and Sheet styling with calmer grouped surfaces, custom time and date popovers, polished input states, forgiving TimeInput typing, and subtle sheet motion.
  • Keep CodeBlock contents selectable while excluding header chrome, copy controls, line numbers, and terminal prompts from selection.

#0.3.0

Minor Changes

  • Add Text and List typography primitives with token-driven styles, documentation, and tests.

#0.2.1

Patch Changes

  • Fix FormField control wiring when a single child is provided as a one-element React children array.

#0.2.0

Minor Changes

  • Add a shared CodeBlock component for reusable documentation and snippet surfaces.
  • Add EnterUI core form primitives: Label, TextArea, Checkbox, RadioGroup, Switch, Field, FormField, FieldDescription, and FieldError.
  • Add EnterUI overlay, navigation, feedback, data, layout, and advanced product UI primitives, including Dialog, Popover, Tooltip, DropdownMenu, Select, Accordion, Table, Toast, AppShell, CommandMenu, DataTable, Sheet, and related supporting components.
  • Add product-ready shared primitives: Form, FormSection, FormActions, FormMessage, FormDescription; Banner, BannerTitle, BannerDescription, BannerAction; ConfirmDialog with neutral and destructive tones, async-friendly action button; DatePicker (native-first wrapper); Combobox with searchable, keyboard-driven single-select.
  • Add the initial publishable FroggDesign token/theme packages and EnterUI utility/component packages, including EnterUI CSS entry points, .eui-* component classes, and themeable --eui-* variables.
  • Refine the FroggDesign visual system for calmer product surfaces, including new semantic surface, hover, active, focus, and brand-soft variables. Update EnterUI component styling to reduce green overuse, soften borders and shadows, and add Avatar, Separator, and Tabs primitives.

Patch Changes

  • Align red component states around crimson for error and invalid feedback, with ruby for destructive depth, hover edges, and high-contrast error text.
  • Improve FormField accessibility semantics by wiring a single child control to generated label, description, and error IDs when explicit IDs are not supplied.
  • Refine checkbox, radio, switch, and toggle group selected states with softer glass surfaces and restrained brand-green signals.
  • Refine DropdownMenu and Accordion visuals with calmer surfaces, sharper interaction states, and polished disclosure motion.
  • Refine Alert styling and remove decorative background gradients from shared component surfaces, including selection controls, in favor of solid token-driven surfaces.
  • Refine Badge styling for quieter semantic pills and update Button interaction states with subtle press animation and restrained green hover shadow.
  • Split EnterUI source styles into component-focused partial files while preserving the single published @froggdesign/enter-ui-react/styles.css entry.

#@froggdesign/enter-ui-solid

#0.3.0

Minor Changes

  • Add a radius option to Button so consumers can choose the current medium corners or the earlier full pill shape without custom CSS.
  • Rename the public EnterUI renderer packages to the explicit framework-specific names @froggdesign/enter-ui-react and @froggdesign/enter-ui-solid. React consumers should update imports from @froggdesign/enter-ui-react to @froggdesign/enter-ui-react, including the CSS entry @froggdesign/enter-ui-react/styles.css. SolidJS consumers should update from @froggdesign/enter-ui-solid to @froggdesign/enter-ui-solid, including the CSS entry @froggdesign/enter-ui-solid/styles.css.

Patch Changes

  • Publish dist-only exports while retaining workspace development sources. Compile SolidJS browser and SSR builds with the Solid compiler and verify packed consumers before release. Fix Solid loading-overlay reactivity and avatar image loading, non-blocking overlay pointer handling, unrestricted number input stepping, and constrained panel resizing with keyboard and ARIA support.
  • Rebind EnterUI theme aliases at explicit light and dark boundaries so nested themes resolve their own colors. Align documentation examples, API references, and navigation with the current component contracts.
  • Keep the Cluster layout component available in EnterUI React and EnterUI SolidJS for backwards compatibility.

#0.2.0

Minor Changes

  • Add the initial EnterUI SolidJS renderer package with stateless and presentational primitives across core, forms, feedback, layout, content, toolbar, and wizard progress surfaces. The package ships a SolidJS-native JSX build, shared EnterUI CSS through @froggdesign/enter-ui-solid/styles.css, SSR render tests, package verification scripts, public package metadata, and the FroggDesign Limited Use License. Initial exports include Button, ButtonGroup, IconButton, Link, Badge, Card, Avatar, Alert, Separator, Spinner, Skeleton, Text, Kbd, Form, Label, Input, TextArea, MetricCard, StatusIndicator, EmptyState, ErrorState, LoadingOverlay, Container, Stack, Cluster, Grid, AppShell, DescriptionList, KeyValueList, List, Media, ScrollArea, Toolbar, WizardSteps, StepperProgress, VStack, HStack, ZStack, DetailPanel, ObjectDetail, and KPISection.

#@froggdesign/theme

#0.4.0

Minor Changes

  • Unify EnterUI charts around a blue and aqua palette, clear card surfaces, rounded bars, readable axes, legends, and interactive value tooltips.

Patch Changes

  • Add explicit workspace Header and Sidebar variants and an inline SelectTrigger variant. Remove layout-ancestor overrides from the FroggDesign composition, make small Button sizing consistent, and ship a component-scoped reset before styles. Consumers using AppShell workspace presentation should select the Header and Sidebar workspace variants explicitly to preserve that appearance.
  • Publish dist-only exports while retaining workspace development sources. Compile SolidJS browser and SSR builds with the Solid compiler and verify packed consumers before release. Fix Solid loading-overlay reactivity and avatar image loading, non-blocking overlay pointer handling, unrestricted number input stepping, and constrained panel resizing with keyboard and ARIA support.

#0.3.1

Patch Changes

  • Improve dark mode contrast across EnterUI components by separating dark theme surfaces, borders, inputs, and muted text while keeping focused form controls on theme-aware surfaces.

#0.3.0

Minor Changes

  • Replace MIT metadata with the FroggDesign Limited Use License and publish funding metadata for optional donations.

#0.2.0

Minor Changes

  • Add the initial publishable FroggDesign token/theme packages and EnterUI utility/component packages, including EnterUI CSS entry points, .eui-* component classes, and themeable --eui-* variables.
  • Refine the FroggDesign visual system for calmer product surfaces, including new semantic surface, hover, active, focus, and brand-soft variables. Update EnterUI component styling to reduce green overuse, soften borders and shadows, and add Avatar, Separator, and Tabs primitives.

#@froggdesign/tokens

#0.3.1

Patch Changes

  • Publish dist-only exports while retaining workspace development sources. Compile SolidJS browser and SSR builds with the Solid compiler and verify packed consumers before release. Fix Solid loading-overlay reactivity and avatar image loading, non-blocking overlay pointer handling, unrestricted number input stepping, and constrained panel resizing with keyboard and ARIA support.

#0.3.0

Minor Changes

  • Replace MIT metadata with the FroggDesign Limited Use License and publish funding metadata for optional donations.

#0.2.0

Minor Changes

  • Add the initial publishable FroggDesign token/theme packages and EnterUI utility/component packages, including EnterUI CSS entry points, .eui-* component classes, and themeable --eui-* variables.
  • Refine the FroggDesign visual system for calmer product surfaces, including new semantic surface, hover, active, focus, and brand-soft variables. Update EnterUI component styling to reduce green overuse, soften borders and shadows, and add Avatar, Separator, and Tabs primitives.

#@froggdesign/enter-ui-utils

#0.3.1

Patch Changes

  • Publish dist-only exports while retaining workspace development sources. Compile SolidJS browser and SSR builds with the Solid compiler and verify packed consumers before release. Fix Solid loading-overlay reactivity and avatar image loading, non-blocking overlay pointer handling, unrestricted number input stepping, and constrained panel resizing with keyboard and ARIA support.

#0.3.0

Minor Changes

  • Replace MIT metadata with the FroggDesign Limited Use License and publish funding metadata for optional donations.

#0.2.0

Minor Changes

  • Add the initial publishable FroggDesign token/theme packages and EnterUI utility/component packages, including EnterUI CSS entry points, .eui-* component classes, and themeable --eui-* variables.

#Release policy

  • Patch — bugfix, accessibility correction, visual refinement, dependency update, or documentation update with no public API change.
  • Minor — additive public API change such as a new component, token, CSS variable, prop, or export.
  • Major — breaking change such as removed or renamed exports, removed or renamed CSS classes, removed tokens, or behavior that requires consumer migration.

#How to update

Update the EnterUI runtime packages together:

Code
pnpm update @froggdesign/enter-ui-react @froggdesign/theme

Update the full FroggDesign package surface:

Code
pnpm update @froggdesign/enter-ui-react @froggdesign/enter-ui-solid @froggdesign/theme @froggdesign/tokens @froggdesign/enter-ui-utils

#See also

  • Migration & Versioning
  • Production Checklist
PreviousAgent Guide
NextExamples overview
On this page
  • Package status / overview
  • Version history
  • @froggdesign/enter-ui-react
  • @froggdesign/enter-ui-solid
  • @froggdesign/theme
  • @froggdesign/tokens
  • @froggdesign/enter-ui-utils
  • Release policy
  • How to update
  • See also