🌹 Graz - George Design System stands in solidarity with the victims and families affected by the tragic school shooting in Graz. Our hearts go out to all those impacted by this senseless act of violence.

Changelog - v3

Below you’ll find information for the latest version.
For all entries, please consult our Version History page.


We use Semantic Versioning here. Increases of the right and middle numbers are backward compatible. Increasing the left number indicates breaking changes. Only noteworthy changes are mentioned in this changelog, for a full list see the commit history.

BREAKING changes are highlighted and only happen in a major release (e.g. v1.x.x -> v2.x.x), or for components that are still marked as BETA.

DEPRECATED changes are highlighted as well, and will most likely be removed in the next major release.

v3.1.0 - 2025-06-11

General

  • George Design System mourns the victims of the school shooting in Graz
  • Added icons briefcase-active, briefcase-active-xl, ghost, ghost-xl, mail-check, mail-check-xl, usb-drive-george-xl, phone-check, phone-check-xl, user-active, user-active-xl, user-clock, user-clock-xl, user-error and user-error-xl

Components

  • [Hint] Refactored Hint to use floating-ui
  • [Input] Added onPointerUp callback to TouchSliderInput
  • [Meter] Improved dark mode support in Meter
  • [Meter] Added ornamental prop to Meter, can be set instead of aria-hidden="true"

Components BETA

  • [Legend] BREAKING Updated LegendItem indicator default colour to surface-tertiary, set text-primary or blue-400 manually if needed
  • [Legend] Improved dark mode support for LegendItem indicator

Styles

  • Updated shadows in multiple components to a black base instead of blue-400

v3.0.2 - 2025-06-06

Components

  • [Alert] Fixed an issue where CollapsibleAlert was inadvertently removed; the component has now been restored

v3.0.1 - 2025-06-04

Components

  • [Meter] Added bars prop to Meter
  • [Meter] DEPRECATED bars prop in Meter

v3.0.0 - 2025-05-28

General

  • Added icons coins-invest, coins-invest-xl, help-active, help-active-xl, info-active, info-active-xl, send-active and send-active-xl
  • Updated gray-400 dark mode hex value

Components

  • [Image] BREAKING Removed hoverIcon, hoverIconLabel and hoverIconProps props from Avatar, wrap in a Button with an icon instead
  • [Input] BREAKING Removed ariaLabel prop from FileListButton, use children instead
  • [Modal] BREAKING Removed smallColor prop from SmallModal, use variant instead
  • [Modal] BREAKING Removed SMALL_MODAL_COLOR enum from SmallModal
  • [Modal] BREAKING Removed imageUrl prop from ModalImage, use src instead
  • [Navigation] BREAKING Removed separatorText prop from AnchorNavigationItem
  • [ProductCard] BREAKING Removed buttonsText prop from ProductCardFooter, use price instead
  • [Overview] BREAKING Removed complex prop from OverviewCard, use variant instead
  • [Stripe] BREAKING Fixed StripeProductInfo overlay hover accessibility, is now always shown and therefore ProductInfo content truncates sooner
  • [Stripe] DEPRECATED overlay prop in StripeProductInfo
  • [Table] BREAKING Removed complex prop from Table, use layout instead
  • [Tabs] Fixed page scrolling to Tabs component on load
  • [Toggle] BREAKING Removed size LARGE from ToggleBadge

Components BETA

  • [Button] Added CircularButton component
  • [Legend] Added dimmed prop to LegendItem
  • [Navigation] Added prependedResponsiveItems, appendedResponsiveItems, searchButton and footer props to DrawerNavigation

Styles

  • BREAKING Removed .g-avatar-hover, wrap Avatar inside Button instead
  • BREAKING Removed FunctionCard’s .g-p-regular, use plain Paragraph instead
  • BREAKING Removed FunctionCard’s .g-ul-minor and .g-p-minor, use .g-small instead
  • BREAKING Removed List’s .g-ul-small, use .g-small instead
  • Added support for High Contrast Mode to CheckBoxInput and RadioInput
  • Added support for High Contrast Mode to ToggleBadge, ToggleButton, ToggleIcon and ToggleImage
  • Improved checked state of CheckBoxInput and RadioInput
  • Improved focus ring offset and shape
  • Removed page overscroll behaviour, thus disabled pull-to-refresh

v3.0.0-beta.2 - 2025-04-07

Styles

  • Fix DateInput clear button styles
  • Fix missing font-weight-bold helper class
  • Fix InputGroup text addon styles
  • Improve Card nesting in FocusPage

v3.0.0-beta.1 - 2025-03-12

Styles

  • Fix missing InputGroup addons display flex
  • Fix missing text decoration utility
  • Fix missing container width override

TypeScript

  • Fixed SegmentedMenu types

v3.0.0-beta.0 - 2025-01-23

General

  • BREAKING Removed core-js, which is not needed by currently supported browsers
  • BREAKING Removed polyfills that are not needed by currently supported browsers
  • BREAKING Removed deprecated colours, use new colour palette instead
  • Added search functionality to Components sidebar in Web, Store and App
  • react-dates is no longer a peer dependency, you can safely remove it
  • moment is no longer a peer dependency, you can safely remove it
  • It is no longer necessary to import ‘react-dates/lib/css/_datepicker.css’ in your project
  • Moment.js is no longer supported in GDS Playroom. Please use native Date() instead
  • The following components have been promoted and are no longer beta: ClearableButton, ClearableTextInput, ColorDecoration, FileInput, FileList, FocusPage, Hint, MenuDropdown, NewDateInput, NewDateRangeInput, OverviewPromoCard, ProductCard, PseudoInput, SegmentedMenu, SliderInput, SplitButton, Stepper, TableSection, TimeInput, ToggleBadge, ToggleButton, ToggleGroup, ToggleIcon, ToggleImage, and VerificationInput
  • Navigation has been promoted, its components are no longer beta: BreadcrumbNavigation, PaginationNavigation, PrimaryNavigation, and SkipLinkNavigation
  • Overview has been promoted, its components are no longer beta: OverviewCard, OverviewCardGroup, and OverviewWidgetCard
  • Stripe has been promoted, its components are no longer beta: Stripe, StripeActionButton, StripeActionSplitButton, StripeHeader, StripeNavigation, StripeProductInfo, and StripeTitle
  • Timeline has been promoted, its components are no longer beta: CollapsibleTimelineButton, CollapsibleTimelineItems, Timeline, and TimelineItem

Components

  • [Alert] BREAKING Removed CTAAlert, CTAAlertButton, CollapsibleAlert and InputAlert components, use Alert instead
  • [Alert] BREAKING Removed cta prop from AlertContainer
  • [Amount] BREAKING Removed useHeavyMinus prop from Amount
  • [Amount] BREAKING Updated Amount’s custom props target element
  • [Animation] BREAKING Removed path prop from Animation, use src instead
  • [Button] BREAKING Removed DangerButton, PrimaryButton, PrimaryIconButton, PrimaryLinkButton, SecondaryButton, SecondaryIconButton, SecondaryLinkButton, SegmentedButton, SegmentedButtonGroup, TransparentButton, TransparentIconButton and UIButton components, use Button instead
  • [Card] BREAKING Removed padded prop from Card, use padding instead
  • [Card] BREAKING Removed InfoCardHeader and LargeCardHeader components, use CardHeader instead
  • [Card] BREAKING Removed large prop from CardHeader
  • [Card] BREAKING Removed scrollable prop from CardGroup
  • [Card] DEPRECATED CardGroup, refactor to Card instead, see Migration Guide
  • [Card] Added nested prop to Card
  • [Card] Added color prop to CardBody
  • [Card] Added CardRow component
  • [Card] Added CardSeparator component
  • [Collapsible] BREAKING Removed buttonVariant and buttonClassName props from CollapsibleHeader, use button instead
  • [ContactInfo] BREAKING Removed badgeColor, badgeIcon, icon and imageUrl props from ContactInfo, use avatar instead
  • [ContactInfo] BREAKING Removed BADGE_COLOR, BADGE_ICON and ICON enums from ContactInfo
  • [Dropdown] BREAKING Removed useNewButton and color props from DropdownToggle, use variant instead
  • [Dropdown] BREAKING Removed COLOR enum from DropdownToggle, use VARIANT instead
  • [Dropdown] BREAKING Removed LARGE value from SIZE enum in DropdownToggle
  • [EmptyState] BREAKING Removed EmptyState component, use StatusInfo instead
  • [FunctionCard] BREAKING Removed ActivatedPluginCard, HorizontalFunctionCard, HorizontalFunctionCardGroup, VerticalFunctionCard and VerticalFunctionCardGroup components, use FunctionCard instead
  • [FunctionCard] BREAKING Removed header from FunctionCard
  • [FunctionCard] BREAKING Removed header and headerClassName from FunctionCardGroup
  • [FunctionCard] DEPRECATED VerticalFunctionCardGroup, refactor to Card & CardRow instead, see Migration Guide
  • [Input] BREAKING Removed DateInput and DateRangeInput components, use NewDateInput and NewDateRangeInput instead
  • [Misc] BREAKING Removed text prop from Badge, use children instead
  • [Overview] Added toggle prop to OverviewCardMenu
  • [ProductInfo] BREAKING Removed badgeColor, badgeIcon, hoverIcon, hoverIconLabel, hoverIconProps, icon, imageUrl and size props from ProductInfo, use avatar instead
  • [ProductInfo] BREAKING Removed BADGE_COLOR, BADGE_ICON, HOVER_ICON, ICON and SIZE enums from ProductInfo
  • [Progress] BREAKING Removed Progress component, use Meter instead
  • [Snackbar] BREAKING Updated SnackbarItem message prop to be required
  • [Stripe] BREAKING Removed icon, hoverIcon, hoverIconLabel, hoverIconProps and imageUrl props from StripeProductInfo, use avatar instead
  • [Stripe] BREAKING Removed ICON enum from StripeProductInfo
  • [Transaction] Added toggle prop to TransactionMenu
  • [Typography] BREAKING Removed noLine prop from Heading
  • [Typography] BREAKING Removed plain, checkmarks and unstyled props fro List, use variant instead
  • [Typography] BREAKING Removed compact prop from Separator, is now default; make sure spacing is not lost by setting the spacing prop where needed

Components BETA

  • [Search] BREAKING Removed useNewButton prop from ClearableButton
  • [Search] BREAKING Removed LARGE value from SIZE enum in ClearableButton

Containers

  • [LanguageProvider] BREAKING Removed deprecated support for legacy KEYS and strings in LanguageProvider

Styles

  • BREAKING Removed g-ul-plain, g-ul-checkmark, g-ol-default, g-ul-compact classes
  • BREAKING Removed g-card-header-info, g-card-header-large and g-card-header-small classes
  • BREAKING Removed .g-sanity and .g-no-sanity
  • BREAKING Removed generation of gds-sanity.min.css
  • BREAKING Removed CI colours (Erste Group colours)
  • BREAKING Removed UI colours (Primary, Secondary, Grey, Active, Green, Red, Orange and Yellow colours)
  • BREAKING Removed Bootstrap Root styles
  • BREAKING Removed Bootstrap Alert styles
  • BREAKING Removed Bootstrap Badge styles
  • BREAKING Removed Bootstrap Button styles
  • BREAKING Removed Bootstrap Button Group styles
  • BREAKING Removed Bootstrap Card styles
  • BREAKING Removed Bootstrap Container, Row, Col styles
  • BREAKING Removed Bootstrap Close styles
  • BREAKING Removed Bootstrap Code styles
  • BREAKING Removed Bootstrap Dropdown styles
  • BREAKING Removed Bootstrap Forms styles
  • BREAKING Removed Bootstrap Images styles
  • BREAKING Removed Bootstrap InputGroup styles
  • BREAKING Removed Bootstrap Media styles
  • BREAKING Removed Bootstrap Modal styles
  • BREAKING Removed Bootstrap Nav/Navbar styles
  • BREAKING Removed Bootstrap Popover styles
  • BREAKING Removed Bootstrap Print styles
  • BREAKING Removed Bootstrap Progress styles
  • BREAKING Removed Bootstrap Reboot styles
  • BREAKING Removed Bootstrap Table styles
  • BREAKING Removed Bootstrap Tooltip styles
  • BREAKING Removed Bootstrap Transitions styles
  • BREAKING Removed Bootstrap Typography styles
  • BREAKING Removed Bootstrap Variables styles
  • DEPRECATED .g-card-group, refactor to a single Card instead, see Migration Guide
  • DEPRECATED .g-card-checkout-gap, put CardSeparator between card bodies instead
  • DEPRECATED .g-card-function-footer and .g-card-function-footer-shared, refactor to .g-card-footer instead, see Migration Guide
  • Fixed ColorDecoration to be confined inside nested card

Documentation

  • Added migration guide for removed Bootstrap dependency
  • Added CardGroup, see Migration guide
  • Added GDS Version History page
  • Removed information about old colour variables