Changelog

This changelog tracks published releases for EnterUI and the FroggDesign packages it depends on. Release notes are generated from each package CHANGELOG.md; pending Changesets stay in review until package versioning writes them into those files.

#Package status / overview

#Released

#@froggdesign/enter-ui-react

#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 @froggdesign/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.
• Updated dependencies [278292c]
  • @froggdesign/theme@0.3.1

#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 @froggdesign/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.
• Updated dependencies [a941111]
  • @froggdesign/theme@0.3.0
  • @froggdesign/enter-ui-utils@0.3.0

#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.
• Updated dependencies [d7152db]
• Updated dependencies [3435d84]
  • @froggdesign/theme@0.2.0
  • @froggdesign/enter-ui-utils@0.2.0

#@froggdesign/enter-ui-solid

#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.

Patch Changes

• Updated dependencies [278292c]
  • @froggdesign/theme@0.3.1

#@froggdesign/theme

#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.

Patch Changes

• Updated dependencies [a941111]
  • @froggdesign/tokens@0.3.0

#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.

Patch Changes

• Updated dependencies [d7152db]
• Updated dependencies [3435d84]
  • @froggdesign/tokens@0.2.0

#@froggdesign/tokens

#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.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:

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

Update the full FroggDesign package surface:

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

#See also

• Migration & Versioning
• Production Checklist