Skip to content

Changelog

drop Icon wrapper and re-export lucide icons directly

Section titled “drop Icon wrapper and re-export lucide icons directly”
  • Icon, iconNames, IconName, and IconSize are removed. Import icon components directly from @falcon/ui-kit — every lucide-react export ending with Icon is now re-exported from the package (e.g. import { BellIcon } from "@falcon/ui-kit").
  • The custom ag-field icon is now exported as FieldIcon instead of AgField.
  • SidebarCollapsedFlyout, SidebarCollapsedFlyoutItem, SidebarNavLabel, SidebarNavExpandIcon, useSidebarFlyout, and sidebarMenuButtonVariants are removed from the public API.
  • drop Icon wrapper and re-export lucide icons directly
  • publish documentation inside the package
  • sync design tokens from Figma
  • add AppHeader, AppLayout, and Sidebar components
  • import tokens
  • compile tokens from a DTCG JSON file
  • add AI-first governance documentation set
  • remove AGENTS.md, route consumer protocol through llms.txt
  • fold in review feedback from Daniel and Niels
  • add Icon component with Lucide + custom-icon catalog
  • consolidate Icon ADRs, finalize API, add receipt
  • add 8 Lucide icons for Maverick sidebar
  • migrate away from storybook to astro

legacy components have been moved into a separate "@falcon/ui-kit/dist/legacy" entrypoint.

  • new design system
  • add onRemove and disabled props to Chip component [BRAD-16149]
  • add interactive type to Chip [BRAD-16395]
  • pass extra props down in FlexWrapper and GridWrapper
  • update overrideBrowserslist
  • add period to list empty state without applied filters
  • add border property to EmptyState and ListEmptyState
  • add Table.EmptyState component
  • actually use a forwarded ref in ListEmptyState
  • show subtext in ListEmptyState only if onClearFilters is passed
  • add EmptyState component
  • add no-gap-pad content modifier [BRAD-14670]
  • add Table component
  • add LabelCard component [BRAD-14631]
  • add sx property to Accordion
  • use IconInternal in accordion to avoid unwanted classes
  • add Label component [BRAD-14320]
  • remove background on Pagination items
  • prevent inherited line-height from affecting Badge text alignment
  • change jd-green button color to @white
  • add Slack link to CommentsBanner
  • add Pagination component
  • add partnerLogo prop to Alert
  • remove padding property from CommentsBanner component
  • add Alert component
  • add CommentsBanner component
  • mention bradley’s WATCH_POLL environment variable
  • add Card component
  • add border, borderRadius, margin and padding style props
  • use !important for style props
  • don’t limit fontSize values in Button and Typography
  • output margin and padding helper classes in intuitive order
  • make gap overrides work propertly in GridWrapper
  • move media overrides into separate classes in style props
  • don’t override Typography default color, let it be inherited
  • don’t default to 0 column/row gap values in GridWrapper
  • add Box component as a basic building block
  • use hover feature instead of screen width to style :hover/:active
  • make sure Badge’s pseudo-elements stay hidden
  • use CSS Modules to style Accordion, ArrowLink and Chip
  • use CSS Modules to style Badge
  • add link color to Icon component
  • add optional color prop to Icon component
  • make sure Button sets default value for type if as is absent
  • allow customizing Button’s underlying element

importing arbitrary modules that are not defined in exports is not possible anymore.

setting LESS variables for theming no longer works.

mixins for vendor prefixes no longer exist

make sure button has properly working types

Section titled “make sure button has properly working types”

Button expects passing false as a value for color, minWidth and size to opt-out of a default value

  • describe usage in README.md
  • add type arg to Button’s stories
  • publish esm instead of cjs
  • allow customizing Button’s underlying element
  • specify sideEffects in package.json
  • define exports field in package.json
  • use CSS custom properties for theming
  • emit source maps for js
  • make sure button has properly working types
  • stop using mixins for vendor prefixes