Changelog - v1

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 v0.1.x -> v0.2.x)

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

WIP marks features that are still work in progress. They are meant for preview and are most likely to change in the next release

v1.12.2 - 2020-06-03

General

• George Design System turns black to condemn racial profiling and lack of police accountability in the US and other countries

Components

• [Table] Fixed toggle button for CollapsibleTable obstructing interaction with content underneath, specfically of the type ACTIONS

v1.12.1 - 2020-05-28

Components BETA

• [Dropdown] Fixed performance issues with scrolling when a Dropdown component was open
• [Dropdown] Fixed DropdownButton not spanning to full width in smaller tiers

v1.12.0 - 2020-05-28

Components

• [Input] Removed ToggleButton max-width
• [Select] Improved accessibility of all Select components
• [Select] Removed dispatch of resize event from update of Select components

Components BETA

• [Dropdown] Improved accessibility of all Dropdown components
• [Dropdown] Added maxHeight, scrollable and contentClassName props to Dropdown
• [Dropdown] Changed default max-height of Dropdown to 300px
• [Dropdown] Disabled default behavior of Dropdown to close on Tab keypress (closeWithTab)
• [Dropdown] Removed dispatch of resize event from update of Dropdown components
• [Dropdown] Fixed flipping behavior of Dropdown components to always take space below the toggle if it wouldn’t fit above

v1.11.1 - 2020-05-22

Components BETA

• [Transaction] Fixed OrderTransaction not applying disabled style correctly

v1.11.0 - 2020-05-20

General

• Updated module linking to remove the need to reinstall dependencies after unlink:module

Components

• [Alert] Fixed CollapsibleAlert layout when no heading provided
• [Collapsible] Improved accessibility of Collapsible components
• [Collapsible] Added renderButton prop to CollapsibleHeader
• [Input] Removed BETA status of HashtagInput
• [Input] Fixed an issue with HashtagInput preventing onBlur events when textarea contained hashtags
• [Input] Fixed an issue with Toggle label missing id
• [Table] Improved accessibility of all Table components
• [Table] Added toggle button to each row of CollapsibleTable that shows on focus

Components BETA

• [FocusPage] Improved styles for FocusPage containing CardGroup
• [Input] Added VerificationInput
• [Stripe] Improved StripeToolbar size configuration
• [Transaction] BREAKING Removed iconLabelActive and iconLabelInactive from TransactionStarToggle to improve accessibility. Added label prop to be used instead
• [Transaction] Added HILFREICH icon to EXTRA_AMOUNT_ICON enum of AccountTransaction and OrderTransaction
• [Transaction] Fixed mouseover styles being applied even when the element was not interactive
• [Transaction] Improved accessibility of Transaction components
• [Transaction] Added toggle button to Transaction that shows on focus
• [Transaction] Updated OrderTransaction to show overlay when the element has focus

Typescript

• Added support to let other modules deep-import types from local GDS linked with link:module
• [Dropdown] Fixed static property ICON of DropdownFooter
• [Utilities] Fixed missing selectable key in LanguageProvider StringShape

Documentation

• Added web/store/app header switcher
• Added IntroChoice hover styles

Sketch

• Updated Sketch libraries and Sketch browser kits for George

Special thanks for contributing to this release 🎉🥇👏

• Andrej Kumor

v1.10.0 - 2020-05-06

Components

• [Button] DEPRECATED StoreButton in favour of PrimaryButton
• [Input] Fixed ToggleButton checkmark vertical alignment and size
• [ProductInfo] Added hoverIcon to ProductInfo
• [ProductInfo] Added amountInfo to ProductInfo

Components BETA

• [Input] Added ToggleBadge component
• [Overview] BREAKING Removed SIZE enum and prop from OverviewCard. All OverviewCards are now medium-sized
• [Search] Added SIZE enum to ClearableButton and TYPE enum to ClearableTextInput
• [Search] Added saveOnClickOutside prop to trigger onSave when the component closes because the user clicks outside
• [Stripe] Adjusted StripeToolbar to have flexible size
• [Stripe] Improved large StripeHeader MD tier layout
• [Stripe] Added hoverIcon to StripeProductInfo
• [Transaction] BREAKING Renamed renderImage prop to renderType
• [Transaction] Added showType prop to TransactionGroup
• [Transaction] Updated examples with renderType usage
• [Transaction] Fixed disabled Transactions always being in opened state if they had any children

Styles

• [Store] DEPRECATED .g-card-checkout-dark and .g-card-product-dark. Product and Checkout cards should no longer be used in dark variants

TypeScript

• [Typography] Added List unstyled prop type definition

Documentation

• Added elaborate Product Selects
• Added main landing page signposts
• Added color previews copy-hex-to-clipboard functionality
• Fixed GDS debug info bookmarklet error on mouse move
• Fixed an issue with multiple active bookmarklets at once
• Fixed highlight theme provider bookmarklet breaking dropdown in portal positioning

Special thanks for contributing to this release 🎉🥇👏

• Matej Mihalik
• Radu Tofoleanu

v1.9.2 - 2020-04-30

Components BETA

• [Search] Fixed passing props to inner TextInput inside ClearableTextInput
• [Transaction] Fixed an issue with props not being passed on to TransactionDetail wrappers. Please set a static property wrapsComponent on your wrapper component. Its value should be either the displayName of the wrapped component or the component itself, i.e. static wrapsComponent = TransactionDetail

Special thanks for contributing to this release 🎉🥇👏

• Radu Tofoleanu

v1.9.1 - 2020-04-24

General

• Fixed position of chapter anchors (permalinks)

Components BETA

• [Stripe] Fixed superscript of StripeProductInfo’s amount in large StripeHeader

TypeScript

• [Stripe] Fixed StripeHeader types
• [Transaction] Fixed missing showDate
• [Transaction] Transaction components now extend the props of CollapsibleTableRow

v1.9.0 - 2020-04-22

General

• Added contactless-xl icon
• Added link:module and unlink:module scripts for linking other projects with local GDS
• Updated technical Readme to contain guides relevant for developers using GDS

Components

• [Collapsible] Added onClick event handler to Collapsible component, both CollapsibleHeader and CollapsibleButton will trigger it
• [Input] Fixed DateInput firing onDateChange when date didn’t change
• [Utilities] Fixed unnecessary re-renders of MatchMediaProvider

Components BETA

• [Input] Fixed styles for ClearableTextInput inside InputGroup
• [Input] Fixed DateRangeInput firing onDatesChange when no date changed
• [Transaction] Fixed props being spread onto Transaction.children in case it’s not a TransactionDetail
• [Transaction] Fixed disabled prop propagation to selectableItem
• [Transaction] Updated Transaction components to give out a warning and don’t render anything at all if they are not placed inside a TransactionGroup
• [Transaction] Updated TransactionDetail to allow children to be placed inside which will be auto-wrapped by a Card if none is present. children are now considered preferred to footer for placing content
• [Transaction] Updated AccountTransaction and OrderTransaction to allow for children other than TransactionDetail. These will be auto-wrapped by a Card if none is present
• [Transaction] Updated TransactionDetail story to contain Transactions inside (used for Similar Transactions)
• [Transaction] Added with rich content inside example on how to add arbitrary content to the collapsible content of a Transaction
• [Transaction] Fixed props (isOpen, onClick, onOpen, onOpened, onClose, onClosed) not being passed on correctly in AccountTransaction and OrderTransaction
• [Stripe] Fixed StripeHeader pushing away side columns when centre is too long
• [Stripe] Adjusted StripeProductInfo styles in large variant
• [Stripe] Added overlay to StripeProductInfo allowing actions on mouseover

TypeScript

• [Input] Fixed DateInput.onDateChange type definition
• [Transaction] Fixed AccountTransaction, OrderTransaction and TransactionGroup types

Documentation

• Added previews for colour values
• [App] Added selection controls page

Sketch

• Updated Sketch libraries and Sketch browser kits for George

Special thanks for contributing to this release 🎉🥇👏

• Marek Tucani

v1.8.0 - 2020-04-14

Components

• [ContactInfo] Added badgeIcon to ContactInfo
• [Input] Made checkbox and radio labels regular
• [LabeledList] Added LabeledList striped prop

Components BETA

• [Card] Added InfoCardHeader
• [Carousel] Added Carousel component
• [FocusPage] Added FocusPage and Stepper components
• [Input] Fixed HashtagInput firing onBlur after selecting a hashtag
• [Stripe] Added StripeCard
• [Stripe] Added StripeCTAAlert
• [Stripe] Added StripeBadge
• [Table] Added selectable to Table and CollapsibleTable components
• [Table] Added selectableItem to TableRow and CollapsibleTableRow components
• [Transaction] Made Transaction(Group) accessible
• [Transaction] Added selectable prop to TransactionGroup component
• [Transaction] Added selectableItem prop to Transaction components
• [Transaction] BREAKING Transaction.displayDateWhenEmpty is now TransactionGroup.showDate
• [Transaction] BREAKING Updated Transactions with SelectableItem example
• [Transaction] BREAKING AccountTransaction/OrderTransaction can only be used inside TransactionGroup
• [Transaction] BREAKING removed amountWidth from AccountTransaction/OrderTransaction
• [Transaction] BREAKING removed isCollapsible from TransactionDetail
• [Transaction] Changed colour of extraAmountIcon to secondary-700

Documentation

• Added information about how to request access to npm repository

v1.7.1 - 2020-04-01

Components BETA

• [Stripe] Added export for StripeToolbar
• [Stripe] Recentred StripeNavigation in all tiers

v1.7.0 - 2020-03-25

Components

• [Card] Added amount prop to CardHeader
• [Input] Added autoGrow prop to TextareaInput
• [Input] Fixed DateInput improper firing of onFocus and onFocusChange
• [Input] Fixed DateInput not focusing on calendar button click
• [Button] Removed UIButton uppercase styles
• [Card] Removed button uppercase styles
• [ContactInfo] Removed type uppercase styles
• [FunctionCard] Removed indicator uppercase styles
• [Misc] Removed Badge uppercase styles
• [Modal] Removed close & help buttons uppercase styles
• [ProductInfo] Removed button uppercase styles

Components BETA

• [Stripe] Added large variant of StripeHeader
• [Transaction] Allowed multiple alerts in Transaction components
• [Input] Fixed DateRangeInput showing clear button when empty
• [Input] Fixed DateRangeInput rendering rounded corners when inside of an InputGroup
• [Dropdown] Removed MenuDropdown section label uppercase styles
• [Stripe] Removed StripeProductInfo SM uppercase styles
• [Transaction] Removed uppercase styles

Documentation

• Improved writing style consistency
• [App] Added Skeleton Loader page

Sketch

• Updated Sketch libraries and Sketch browser kits for George

v1.6.1 - 2020-03-17

Components

• [LabeledList] Fixed labels being displayed on top at all times
• [PunchedImage] Fixed applied margin being overwritten to 0

v1.6.0 - 2020-03-11

General

• Added support for TypeScript
• Removed folder-storage-xl icon
• Fixed a few knob-related issues in Storybook

Components

• [Layout] Set default xs width of Col component to 12
• [Image] Added hoverIconLabel (required if hoverIcon set) and hoverIconProps props to PunchedImage
• [Input] Changed AmountInput inputMode to decimal
• [Input] Fixed aria-describedby for ToggleIcon, ToggleImage and ToggleButton
• [Modal] Fixed positioning of ModalHeader help button on XS
• [Snackbar] Fixed aria-live regions
• [Table] Fixed TableRow throwing an error if it was given “falsy” children

Components BETA

• [SegmentedMenu] Fixed SegmentedMenu’s caret rotation when active

Styles

• Updated labels (FormField, LabeledList, Table) to semi-bold font weight
• Improved rounded corner handling for Cards

TypeScript

• [Utilities] Added type definitions for MatchMediaProvider

Documentation

• Updated store to use global typography rules
• Added best practices how to add users to Abstract

Sketch

• Updated Sketch libraries and Sketch browser kits for George

Special thanks for contributing to this release 🎉🥇👏

• Radu Tofoleanu

v1.5.0 - 2020-02-26

General

• Fixed an issue that prevented users from authenticating

Components

• [Card] Added additional text to CardFooter
• [Input] Added dateButtonLabel prop to DateInput and DateRangeInput
• [LabeledList] Added alignRight prop to LabeledList
• [Progress] Added prop spreading to Progress component

Components BETA

• [Form] Fixed styles of large FormField variant which were unintentionally breaking the layout of some dropdown items
• [Transaction] Adjusted date column and label width to fit in more text
• [Transaction] Updated star indicator icon

Documentation

• Added branch name conventions for Abstract for the Sketch libraries

Sketch

• Updated Sketch libraries and Sketch browser kits for George

Special thanks for contributing to this release 🎉🥇👏

• Alexandre Tanner

v1.4.0 - 2020-02-12

General

• Added support for granular access rights through Microsoft Azure user/group information

Components

• [Input] Updated DateInput and DateRangeInput parsing to be more strict and predictable
• [Input] DateInput now calls onDateChange with moment.invalid() after invalid date was entered
• [Input] DateInput now calls onDateChange after input was cleared via keyboard
• [Input] Added maximum length of 15 to DateInput and DateRangeInput
• [FunctionCard] Added imageUrl prop to allow images in FunctionCard GDSWEB-1457
• [Input] Updated DateInput and DateRangeInput placeholders to default to displayFormat
• [Input] Fixed space and enter toggling calendar dropdown inside DateInput

Components BETA

• [Form] Added support for InputGroup in large FormField variant
• [Input] DateRangeInput now calls onDatesChange with moment.invalid() after invalid date was entered
• [Input] DateRangeInput now calls onDatesChange after input was cleared via keyboard
• [Input] Fixed an issue when DateRangeInput called onDatesChange on every change
• [Input] Added missing export for DateRangeInput

TypeScript

• [Search] Changed import paths into relative path format
• [Input] Fixed type definitions of DateRangeInput’s onDatesChange event

Documentation

• Added Bookmarklet for turning mouse cursor on/off (accessibility)
• Added Bookmarklet to show/hide visually hidden text
• Fixed broken illustration on Sketch page

Sketch

• Added new Sketch libraries for George, marked current Sketch libraries for George deprecated and provided detailed communication for how to make use of the new set of Sketch libraries

Special thanks for contributing to this release 🎉🥇👏

• Radu Tofoleanu

Thank you for all the contributions to the GDS. All the best and good luck in your future endeavours 🍀

• Peter Liska

v1.3.0 - 2020-02-04

General

• Added icon dinnerscard
• Removed option to download Design System Documentation for offline usage

Components BETA

• [Input] Fixed an issue with DateRangeInput formatting during typing
• [Transaction] Added TransactionStarToggle component

v1.2.0 - 2020-01-29

General

• Upgraded Storybook to 5.3, and added Storybook Docs as an Addon

Components

• [Collapsible] Fixed Cards having top margin in CollapsibleContent
• [Form] DEPRECATED FormField.noLayout, please use FormField.variant with NO_LAYOUT instead
• [Input] Improved support for currency flags in AmountInput

Components BETA

• [Form] BREAKING Improved internal structure of large FormField variant. FormField prop variant now accepts DEFAULT, LARGE or NO_LAYOUT
• [Input] Added DateRangeInput component
• [Input] Added showDateIcon prop to DateInput
• [Overview] BREAKING Replaced heading and defaultActionUrl with defaultAction, which now expects a Link element
• [Search] Added exports for AmountDropdown, ClearableButton and ClearableTextInput
• [Search] AmountDropdown now allows negative values by default
• [Search] Fixed onClick not firing correctly in ClearableButton
• [Transaction] Added alert prop to Transaction components

TypeScript

• [Transaction] Fixed AccountTransaction types

Special thanks for contributing to this release 🎉🥇👏

• Radu Tofoleanu

v1.1.0 - 2020-01-16

Components

• [Amount] Added aria-label to announce amounts properly
• [LabeledList] Added compact prop to LabeledList which will render a version that inlines label and value and has no spacing between items
• [ProductInfo] Removed the deprecated amountRight prop
• [ProductInfo] Added labels to type/productNumber/alias/badges/amount
• [Select] Fixed filtering in FilteredSelect for both single-select and multi-select modes
• [Select] onOpened and onClosed callback props should now be called correctly

Components BETA

• [Form] Added Large FormField
• [Overview] Added OverviewCardGroup component
• [Overview] Added OverviewCardGroupSummary component
• [Overview] Turned OverviewCardButton from a button to a link
• [Overview] Added heading, headingLevel, defaultActionUrl props to OverviewCard and OverviewPromoCard
• [SegmentedMenu] SegmentedMenu now handles state of selected item
• [Stripe] Added all applicable ProductInfo label props to StripeProductInfo
• [Transaction] BREAKING Replaced individual indicator props with indicators
• [Transaction] Made disabled Transaction unexpandable

Styles

• Fixed Bootstrap bottom margin leaking into .form-group

Documentation

• Added rules for how to use emojis with override layer names in Sketch Library Conventions

v1.0.0 - 2019-12-18

General

• GDS is now out of beta
• Made more examples Playroom-compatible
• Navigation placeholder in Responsive Viewer can now be toggled with a checkbox
• Playroom and Storybook links now only appear in Web and Store sections
• Added support for animated GIFs
• Updated icons burinka and burinka-xl

Components

• [Select] BREAKING Renamed prop containerComponent of Selectable and SelectableItem to component
• [Select] BREAKING Changed signature of SelectableItem.onChange to include the original event
• [Select] Added onBeforeChange event to SelectableItem, which can prevent a change in selection if false is returned
• [Select] Fixed SelectableItem not propagating the click event if propagateClicksOnInput was set, which meant that Selects with multiple selection weren’t keeping state in some cases
• [Input] The button to reset the DateInput now automatically hides when the date is empty

Components BETA

• [Tabs] Added Tabs and TabPanel components
• [Overview] OverviewCardButton is now a BETA component, in preparation of some coming A11Y changes
• [Search] AmountDropdown now uses AmountInput as it provides extra features, like proper formatting
• [Search] Fixed broken layout in Firefox

Components DEV

• [SegmentedMenu] Added SegmentedMenu component

Styles

• BREAKING Removed SnackBar offset (that prevents Snackbar from overlaying George Footer on larger screens)
• Added modifier for Toggle .g-toggle-text-only

Documentation

• DEPRECATED George Icon font will be removed in an upcoming version
• Inter font download unified for Devs, Designers & 3rd parties, proxied from remote source
• Added links to Slack channels #design-system-web (for Store and Web section) and #design-system-app (for App section) and contact to Stefan Ecker for design alignment of Store topics.
• Added example for ToggleButton

Sketch

• Added resources and release notes for new version of Android/iOS Sketch library

v1.0.0-beta.50 - 2019-12-13

General

• Added polyfill for Element.closest, as IE11 doesn’t support it

Components

• [Select] Fixed SelectableItem not propagating the click event if propagateClicksOnInput was set, which meant that Selects with multiple selection weren’t keeping state in some cases
• [Table] Fixed CollapsibleTable throwing an error in IE11

v1.0.0-beta.49 - 2019-12-04

Components

• [Navigation] Fixed SecondaryNavigation losing state on selectedItem when re-rendering

v1.0.0-beta.48 - 2019-12-04

General

• Added Storybook plugin to view the story source
• Removed Storybook Info plugin
• Adjusted whitelisted IPs so that access is granted without authentication (currently from LAN, VPN or WLAN “AT0000P00”)
• Aligned Playroom styling with GDS
• Added tier information to Playroom previews
• Added link to Playroom
• Added a button to open applicable examples in Playroom
• Added SecondaryNavigation placeholder in large tiers to Responsive Viewer, Playroom and Storybook (optional through knobs)
• Removed “How to communicate George”, “Social Media Guidelines” and “Issue Tracking” from Store pages

Components

• [Utilities] Fixed InfiniteScroll throwing an error in some cases
• [Transaction] Icons in Transactions are now top aligned

Documentation

• [App] Added Bottom Sheet page

Sketch

• Fixed G-App Sketch library

Special thanks for contributing to this release 🎉🥇👏

• Natalie Korotaeva

v1.0.0-beta.47 - 2019-11-20

General

• Added Playroom, a Code sandbox with shareable URLs and all our components pre-loaded and ready to use. More on that soon…
• Fixed an issue with Storybook knobs displaying escaped HTML entities
• Added automatic hyphenation to elements that could have too little space for longer words. For this to work in all modern browsers the lang attribute on the html tag needs to be set accordingly, e.g. <html lang="en">

Documentation

• Updated Typography rules for designers to match the new Inter Font

Styles

• Font “Open Sans” has been removed from George Design System and can no longer be downloaded
• Action button inside CardFooter on tier XS is now centre-aligned
• Extended clickable area of custom CheckboxInput and RadioInput
• Adjusted font-smoothing for Firefox so it looks more like Chrome/Safari
• Adjusted Button width inside InputGroupAddon for IE11
• Added automatic hyphenation to Form Labels, FunctionCard indicators

Components

• [Dropdown] Added DropdownFooter
• [Dropdown] Fixed styling in disabled state
• [Form] FormRow, FormCol and InputGroup now propagate disabled to all their respective children
• [Icon] Added new icons (photo, closed, filter, burinka, building-savings-contract, building-society-loan and their XL versions)
• [Input] Added HashtagInput component
• [LabeledList] Added automatic hyphenation to labels
• [Modal] Custom props (e.g. data-cy) on all Modal components are now propagated to the ModalDialog element (.modal-dialog)
• [Select] BREAKING SelectableItem onChange method has new signature
• [Select] Added disableUncheckedItems and verticalAlign props to Selectable
• [Select] Added example for Selectable with FormField groups
• [Select] Added prop propagateClicksOnInput to Selectable
• [Select] Fixed calling of onChange from SelectableItem every time checked state changes
• [Select] Fixed closing of Selects when onBeforeChange returns false
• [Table] Added automatic hyphenation to header cells
• [Transaction] Changed Selectable Transaction example to differentiate between click on Selectable input and Transaction
• [Transaction] Fixed labels overlapping values in TransactionDetail if the label was too long
• [Transaction] Fixed missing export of TransactionDetailButton
• [Utilities] FocusTrap now automatically adds a fake button when it has no focusable element

Containers

• [ThemeProvider] Now adds the lang attribute to its container if it is placed inside a LanguageProvider

v1.0.0-beta.46 - 2019-11-05

General

• Hello Inter! GDS now comes with Inter font, replacing Open Sans
• BREAKING Updated React peer dependency version to be at least 16.8
• BREAKING Removed support for minified bundled browser module of GDS Components (dist/gds-components.min.js)
• BREAKING Minimum required version of node.js to run GDS locally is now 10.16
• Updated icons (more-horizontal, more-horizontal-xl, more-vertical, more-vertical-xl)
• Migrated deprecated React lifecycle methods
• Switched from experimental React context to the ContextAPI

Components

• [Card] Added CardFooter, to be used below tables or transaction lists.
• [Dropdown] BREAKING BETA DropdownMenu renamed to MenuDropdown
• [Dropdown] MenuDropdown has a lot of new props to be more flexible
• [LabeledList] Now always uses condensed layout when items in the list aren’t separated
• [Input] BETA Added CountedTextInput component
• [Input] processValue can now be used on all Input components
• [Input] readOnly prop is now propagated to all Input components
• [Input] Added Storybook example with multiple Addons in an InputGroup
• [Input] BETA Added prop onOpenFileDialog to FileInput
• [Input] BETA Improved FileInput Storybook example
• [Select] Fixed onBeforeSelect handler when multiple prop is set to true
• [Select] Fixed an issue with displaying items on small screens
• [Select] Fixed usePortal prop not being propagated properly
• [Table] Fixed disappearing labels when a Table was being put inside a CollapsibleTableCell
• [Search] BETA Added AmountDropdown component
• [Search] BETA Added ClearableButton component
• [Search] BETA Added ClearableTextInput component
• [Utilities] Replaced third-party Portal with own implementation of a Portal
• [Utilities] Improved Portal Storybook example

Styles

• Switched to new Inter font
• Added support for multiple InputGroup addons
• TransactionGroupFooter is now based on CardFooter.
• Fixed padding of most-right column in CardFooter, i.e. Amounts.

TypeScript

• [Input] Fixed an issue with types being out of sync with props (onFileRemove)

Documentation

• Improved Demo rendering, Portal related examples are now fully supported, even in responsive view
• Added examples of Abstract iframes and images to test section

Special thanks for contributing to this release 🎉🥇👏

• Radu Tofoleanu

Honorary mentions 🎖️

• Jakub Murin

v1.0.0-beta.45 - 2019-10-22

Components

• [Input] Fixed an issue where DateInput ignored some props, notably isOutsideRange

v1.0.0-beta.44 - 2019-10-10

Components

• [Select] Fixed className issue in product line of Selects

v1.0.0-beta.43 - 2019-10-08

Components

• [Dropdown] BETA Added new component ColorDropdown
• [Input] Added prop dropdownClassName to DateInput for passing className to Dropdown component
• [Input] Fixed DateInput styles for small screens
• [Input] Added second argument to onFileAttach which contains information on the file attach method (browsed, dropped)
• [Select] BREAKING Added prop dropdownClassName to Select components for passing className to Dropdown component - it needs to be replaced on places where className was used for this purpose before
• [Transaction] Fixed Transaction title being truncated

Styles

• Fixed p, ul and ol having too much margin in .dropdown

Special thanks for contributing to this release 🎉🥇👏

• Alexandre Tanner

v1.0.0-beta.42 - 2019-10-04

Components

• [Dropdown] Fixed containerClassName being applied one level too deep
• [Select] Fixed className being applied one level too deep

Utilities

• [generateId] Fixed generateId throwing an error in IE

v1.0.0-beta.41 - 2019-10-02

Styles

• Fixed input border colour on hover being too dark after the recent update of product colours

Components

• [Select] Select and Selectable moved into the top level (from Input)
• [Dropdown] Fixed handling of onOutsideClick when clicked in Toggle’s margin area
• [Alert] Fixed an issue with CollapsibleAlert setting some invalid attributes

Typescript

• [Dropdown] DropdownButton static types fixed
• [Input] Added FileInput export
• [LanguageProvider] Fixed types related to FileInput strings

Documentation

• Extended Editing Content section for designers

v1.0.0-beta.40 - 2019-09-27

Components

• [Input] Fixed DateInput aligning to the left edge of toggle when not having enough space
• [Modal] Fixed Modal throwing an error if closeable was set to false

v1.0.0-beta.39 - 2019-09-26

General

• Updated Product Colours (George Custom Colours)

Styles

• Fixed vertical scrollbar appearing when text is ellipsized
• DEPRECATED $color-g-emerald, please use $color-g-forest instead, same applies to colour classes .g-bg-g-emerald and .g-fg-g-emerald
• DEPRECATED $color-g-fog, please use $color-g-stone instead, same applies to colour classes .g-bg-g-fog and .g-fg-g-fog

Components

• DEPRECATED COLOR.EMERALD, please use COLOR.FOREST instead
• DEPRECATED COLOR.FOG, please use COLOR.STONE instead
• [Input] Updated Selectable with ProductInfo story with colour decoration
• [Input] Added usePortal support to DateInput
• [Input] Fixed FilteredSelect not resetting its selection/displayed value when value is set to falsy
• [Image] PunchedImage is now capable of displaying an image and and icon as fallback

Utilities

• [generateId] Created a replacement for lodash’s uniqueId, which creates a unique hashed string with an optional prefix. In test environments the generated string will always be the same, no matter how often the function is called

Documentation

• Deprecated colours are now indicated as such
• Added colour decoration to ProductInfo demos

v1.0.0-beta.38 - 2019-09-24

General

• Separated work-in-progress components from other components

Components

• [Dropdown] Fixed positioning for initial onOpen
• [Input] BETA Added FileInput and FileList component
• [FormField] Added aria-required to mandatory fields
• [Modal] Improve accessibility with role=dialog and proper title
• [Stripe] Added fullWidth property

Documentation

• [FunctionCard] Updated ‘Notes for Designers’

Sketch

• Updated hex codes of product colours to match the upcoming George product colours

v1.0.0-beta.37 - 2019-09-11

General

• Updated icons (caret-right-xl)
• Changed Storybook story naming to use the component name instead of “default”

Components

• Fixed various innerRef props to allow references created with React.createRef
• [Input] Fixed positioning of Select dropdowns when no scroll event is being triggered
• [Transaction] Fixed multiple badges in Transactions breaking into multiple lines

Sketch

• Fixed an issue with G-Colors.xml containing invalid XML

v1.0.0-beta.36 - 2019-09-11

Components

• [Input] Added TOGGLE_TYPE enum
• [Input] Fixed long texts not being truncated
• [Input] Arrow carets of Input selects now turn on expansion/collapse
• [Dropdown] Added missing CSS classes
• [Transaction] Non-collapsible TransactionDetail version via isCollapsible prop
• [Snackbar] Snackbar no longer covers George footer on large screens

Documentation

• Added Inter font download page

v1.0.0-beta.35 - 2019-09-05

TypeScript

• [Select] Fixed import paths of TS PropTypes
• [Dropdown] Exported ItemPropTypes and SectionPropTypes from components/Dropdown

v1.0.0-beta.34 - 2019-09-03

Styles

• Fixed PunchedImage box-shadow being over badge

Components

• [Dropdown] BETA Added generic Dropdown component
• [DropdownButton] BETA Added DropdownButton component for investments
• [DropdownMenu] BETA Added DropdownMenu component for investments

v1.0.0-beta.33 - 2019-08-27

Styles

• Fixed Dropdown toggle text not being truncated
• Fixed vertical margin of Grid rows being set to 0

Components

• [Stripe] StripeNavigation props are now propagated to its inner div or Heading, depending on viewport
• [Utilities] Added containerNode prop to Portal component to attach the Portal to another DOM node than body

v1.0.0-beta.32 - 2019-08-14

General

• Updated list of components to highlight in Debug Info

TypeScript

• [Snackbar] Added export for SnackbarItemProps interface
• [Transaction] Fixed title type of AccountTransaction and OrderTransaction

v1.0.0-beta.31 - 2019-08-13

Styles

• Added rules to adjust spacing of incorrectly nested grid containers/rows/cols

Components

• [Button] Added SegmentedButton and SegmentedButtonGroup components
• [Input] Added onBeforeChange to all Inputs, which is able to prevent a user’s selection if given a return value of false
• [Input] DateInput now properly propagates props to its subcomponents
• [Select] Added onBeforeSelect to Selects and Selectable, which is able to prevent a user’s selection if given a return value of false
• [Snackbar] Added new type BUSY which displays a Spinner instead of the icon
• [Table] Added support for sorting Tables, added column props sortable, sortDirection and onSortClick
• [Stripe] Added prop pluginColor to StripeHeader support custom plugin colours
• [Stripe] StripeHeader now uses CSS grid, allowing for more space for left/right content in medium tier

TypeScript

• [Transaction] Fixed types of AccountTransaction and OrderTransaction to accept HTML attributes like onClick

Documentation

• Added UX Content Guide (Voice and Tone, Language and Style, UI Text)

v1.0.0-beta.30 - 2019-08-01

General

• Updated icons (arrow-out)
• Upgraded dependencies to fix some external vulnerabilities
• Added custom PropType checker to verify that given prop is an element of a certain type

Components

• [Stripe] BREAKING Streamlined props left and productInfo into left and now only accepts either StripeProductInfo or UIButton. Depending on the content, the component decides what to do with it
• [Stripe] BREAKING navigation prop has been renamed to center and now only accepts either StripeTitle or StripeNavigation
• [Stripe] BREAKING prop right now only accepts either UIButton or StripeActionButton.
• [Stripe] BREAKING Renamed StripeProductInfo prop type to alias to make the API consistent with ProductInfo
• [Stripe] Added StripeActionButton component, which is basically a TransparentIconButton that switches to an UIButton in mobile view, if an icon has been set
• [Stripe] Added propagation of props to StripeProductInfo and StripeHeader
• [Stripe] Improved Stripe stories and examples
• [Stripe] Fixed StripeNavigation not displaying label of selected item as title if custom title wasn’t set
• [Card] DEPRECATED backUrl, backText and backOnClick props in LargeCardHeader, please use new prop left to set the content. This also enables usage of custom props like data-cy
• [Card] DEPRECATED buttonIcon, buttonText and buttonOnClick props in LargeCardHeader, please use new prop right to set the content. This also enables usage of custom props like data-cy
• [Card] Added new prop left to LargeCardHeader, which accepts only an UIButton. This also enables usage of custom props like data-cy
• [Card] Added new prop right to LargeCardHeader, which accepts only TransparentButton and TransparentIconButton. This also enables usage of custom props like data-cy
• [Button] Added new prop leftIcon to UIButton, which displays the Icon on the left side if set to true
• [LabeledList] now has no outer border when being placed in a Modal and reduced margin between unseparated items
• [Navigation] Added item prop to mark navigation items as external links
• [Typography] Added icon Links marked as external
• [Input] Select items can now receive custom props, e.g. data-cy
• [Input] Fixed an issue where DateInput wasn’t firing onDateChange when date was cleared

Documentation

• Added documentation for G-Design Sketch Plugin

v1.0.0-beta.29 - 2019-07-31

💥

v1.0.0-beta.28 - 2019-07-23

Components

• [Alert] Fixed an issue where story knob was not editable
• [Amount] Added new prop superscript to combine useSuperscript and forceSuperscript. Its possible values are AUTO, FORCED and DISABLED
• [Amount] DEPRECATED useSuperscript and forceSuperscript are now deprecated
• [Input] Fixed an issue where Selects would constantly filter through items, even when closed
• [Input] Fixed DateInput taking up too much space
• [Input] Fixed DateInput check, if date is outside of valid range
• [Signing] Fixed a layout issue with ExternalSigning in IE

Containers

• [ThemeProvider] ThemeProvider now toggles .g-uses-keyboard through DOM functions instead of context to prevent all re-renders

Documentation

• Added automatic linking of GDSWEB-Jira Tickets

v1.0.0-beta.27 - 2019-07-15

Components

• [Input] Fixed an issue where event.currentTarget was nullified
• [Input] Fixed ProductSelect passing selectAllText in the wrong format to Select

v1.0.0-beta.26 - 2019-07-12

Components

• [Utilities] Fixed KeyboardDetector updating too often and thus forcing a re-render which sometimes could make DOM events invalid

v1.0.0-beta.25 - 2019-07-09

Components

• [Navigation] Exported SecondaryNavigation component

v1.0.0-beta.24 - 2019-07-08

General

• Updated icons (current-location)

TypeScript

• [MatchMedia] Fixed an issue with import paths
• [Stripe] Fixed an issue with the type definitions of StripeNavigation

v1.0.0-beta.23 - 2019-07-05

Components

• [Navigation] BREAKING Removed the mobile version of SecondaryNavigation in favor of StripeNavigation
• [Navigation] BREAKING Removed SubNavigation
• [Navigation] Added example to replicate the old behaviour of SecondaryNavigation with the new Stripe components
• [Stripe] BETA Added StripeHeader, StripeNavigation, StripeProductInfo and StripeTitle components

v1.0.0-beta.22 - 2019-07-05

Components

• [Modal] Allow no footer being present in regular Modals
• [Transaction] Added TransactionCardFooter component
• [Input] DateInput now understands dates in many formats (even incomplete ones)
• [Input] DateInput now formats value on blur to displayFormat
• [Input] DateInput now updates the date picker calendar as user types a value
• [Input] DateInput no longer accepts invalid characters
• [Input] fixed an issue where onChange was being called before value was changed by processValue

v1.0.0-beta.21 - 2019-06-25

General

• Added support for Abstract embeds

Styles

• White UIButtons are now completely white in default state and reduce opacity on hover
• All UIButtons now only display a focus glow when the keyboard is being used

Components

• [EmptyState] Added type prop to add support for error and success variants
• [LabeledList] Added smallLabels prop to allow small labels even in large tiers
• [Transaction] Transaction components now use CSS Grid, which fixes a variety of display bugs, mainly regarding overlapping text and text that was being truncated too early
• [Select] Fixed an issue with text highlighting breaking the layout
• [Select] Fixed an issue with the placement of the dropdown
• [Select] Fixed FilteredSelect and ProductSelect not using language strings (selectedItems, selectedProducts) provided by LanguageProvider
• [Select] Added selectedItemsText prop to FilteredSelect and ProductSelect to override string provided by LanguageProvider

TypeScript

• [Transaction] Fixed type definitions

Documentation

• Added Social Media guidelines

v1.0.0-beta.20 - 2019-06-11

Styles

• Readded mistakenly removed SASS variable $theme-font-body

Components

• [Input] Fixed FilteredSelect crashing when allowAnyValue was set and input received focus after a value had already been set
• [Snackbar] Adjusted alignment of SnackbarButton if an icon is present

v1.0.0-beta.19 - 2019-06-05

General

• George Design System supports EuroPride 2019

Styles

• Ensure full-width tables even inside weird containers
• Turn on new Inter font via CSS drop-in

Components

• [Input] Removed illegitimate checked and readOnly props
• [ProductSelect] expose horizontal prop to enable override
• [Select] trigger onSelect callback when deselecting all items
• [SnackBar] Added SnackBar components
• [Table] Fixed table column width when showHeaders=false
• [Transaction] added children as a property to all render prop arguments
• [Transaction] BREAKING changed signature of renderContent, rendered content is now passed in a property called children instead of content, also updated Selectable Transactions example accordingly
• [Transaction] Expose interactive prop to enable override
• [Transaction] Show :hover state for SecondaryButtons
• [TransactionGroup] Added noGroup and className props

TypeScript

• Fixed issues with props containing components

Documentation

• Allow customizable banners/announcements in header
• Additional RuleBox list types Do’s and Don’ts
• Allow highlighting language/country-specific characteristics
• Added Bookmarklet to turn on new Inter font

v1.0.0-beta.18 - 2019-05-17

Styles

• Improved contrast of transparent button styles
• Fixed list item bullets, when being placed inside a scrollable container
• Fixed an issue with PunchedImage hover element in Safari

Components

• [Button] Render disabled Buttons with an href as normal disabled Buttons, thus retaining the disabled style
• [Input] Added Selectable and SelectableItem components, including an example to help achieve a selectable list of ProductInfo
• [Input] Fixed Selects opening above instead of underneath in certain situations
• [Input] Fixed Selects overflow issue when multiple prop is provided
• [Input] Fixed Amount being pushed out of the multiple ProductSelect dropdown when text was too long
• [Transaction] Added example for Selectable Transactions
• [Typography] Fixed Link not respecting custom rel and target props

TypeScript

• [Transaction] Updated type definitions

Documentation

• Improved documenation of “Editing Content”

Sketch library

• Added G-Basics.sketch as a remote library

v1.0.0-beta.17 - 2019-05-06

Components

• [Button] event.stopPropagation is now called by default for all button clicks
• [Misc] Badge text is now truncated if there is not enough space
• [Transaction] Transaction components now copy all props by default to the TransactionDetail component inside. No need to state those props twice anymore
• [Transaction] Added interactive prop to activate hover effects despite there not being a TransactionDetail to actually open
• [Transaction] Props are now being propagated to the underlying div, so you can use events and accessibility tags, like onClick
• [Transaction] Added info prop to AccountTransaction, which displays instead of note/description in the TransactionDetail view
• [Transaction] Added render prop renderDate to enable rendering elements instead of the date
• [Transaction] Font size of LabeledList labels has been changed to 14px
• [Transaction] TransactionGroup headers can now contain nodes
• [Transaction] Added imageUrl to support images instead of icons in transactions
• [Transaction] Added extraAmountIcon
• [Transaction] BREAKING TransactionDetailInfo components have been removed as the detail info now is context aware
• [Transaction] BREAKING name property has been renamed to title
• [Transaction] BREAKING buttons property which was used to show the overlay in OrderTransaction has been renamed to overlay
• [Transaction] BREAKING category has been renamed to categories to support multiple categories
• [Transaction] BREAKING status has been renamed to statuses to support multiple statuses
• [Transaction] BREAKING savingsAmount has been renamed to extraAmount
• [Transaction] BREAKING hasDetail has been renamed to hasDescription
• [Transaction] BREAKING Changed details items structure. items.body has been renamed to items.value to be more in line with other components using a similar data set
• [Transaction] BREAKING input props has been removed for now but the functionality will return in a different form in the next release
• [Transaction] Added examples for various use cases, like collapsible TransactionGroup, arrows in transaction title, multi-line info, display of icon instead of date, …

TypeScript

• [LanguageProvider] Added export for StringsShape

Sketch

• Added g-app to RSS hostes libraries
• Updated g-browser library

v1.0.0-beta.16 - 2019-04-25

Components

• [Transition] Fixed in prop being ignored when component was used in a TransitionGroup (like FormField alerts)

Documentation

• Fixed separator notice and amount font-size in Dropdown documentation

v1.0.0-beta.15 - 2019-04-23

General

• Upgraded to Storybook v5

Styles

• Removed !important declarations from disabled button styles

Components

• [Modal] Disabled opening and closing animations by default for IE11
• [Navigation] Removed hover style from SecondaryNavigation toggle
• [Input] Added right padding to ToggleButton, so that text and checkmark can’t overlap each other

TypeScript

• [LanguageProvider] Fixed keys being out of sync

Documentation

• Updated Abstract documentation

v1.0.0-beta.14 - 2019-04-15

General

• Updated icons (unread, marketing-info-xl, newsletter-xl)
• Fixed an issue with link to external login

Components

• [Input] Fixed an issue with propTypes validation
• [Navigation] Made background colour and hover effect of small SecondaryNavigation to be a bit brighter
• [Navigation] Added navClassName prop to SecondaryNavigation
• [Navigation] Fixed pill not rendering in SecondaryNavigation when value was 0

Documentation

• Added design rules to Spinner documentation
• Added mention of grid differences to Bootstrap defaults

v1.0.0-beta.13 - 2019-04-08

Styles

• .container size on XL reduced to 1140px (BS4 default, as opposed to the former 1170px from BS3)

v1.0.0-beta.12 - 2019-04-02

Styles

• Removed BREAKING active button style (.g-btn-active)
• Removed :active focus glow for disabled buttons

Components

• [Input] Added div wrapper to RadioInputGroup so that it can be styled without limits
• [Input] Fixed non-full-width Selects (e.g. Currency Dropdown) spanning over the full browser width in IE

Documentation

• Improved Authentication page

v1.0.0-beta.11 - 2019-03-26

Styles

• Fixed incorrectly positioned list items with rich content inside

Components

• [Utilities] Added MatchMedia component

Documentation

• Redesigned landing and start pages
• Updated Store demos and examples to use current React components

TypeScript

• Fixed an issue where Omit/Exlude was misused

v1.0.0-beta.10 - 2019-03-21

General

• Updated browserslist to the latest one of Bootstrap 4

Components

• [Input] Fixed an issue with Selects not setting a value when items and value are being changed at the same time and the selected item wasn’t part of items before
• [Modal] Fixed IE not rendering Modals

Documentation

• Removed React logo from SideNav entries

v1.0.0-beta.9 - 2019-03-15

Styles

• Always centre FunctionCard header and footer content
• Changed colour of category Badge from secondary-200 to secondary-700

Components

• [Form] Fixed an issue where an error was thrown when FormField was given a class based component without a displayName as input
• [Input] Fixed FilteredSelect and RecipientSelect deleting user input onBlur, even if allowAny was set
• [Table] Changed background colour of TableHeader to secondary-050
• [Table] Changed background colour of CollapsibleTableCell header to secondary-075

Utilities

• Fixed an issue with DOM helpers that kept GDS from loading in IE
• Added matchMedia helper and TIER enum to module export

TypeScript

• Excluded transition and timeout props from premade transition components like TransitionSlideUp, …

Sketch

• Updated remote Sketch libraries

v1.0.0-beta.8 - 2019-03-12

Styles

• Made hover icon of PunchedImage keyboard accessible
• Fixed Amount fractions not being rendered correctly if used inside a horizontal ProductInfo

Components

• [Input] Fixed DateInput calendar popup arrow
• [Input] Added isOutsideRange, reopenPickerOnClearDate, weekDayFormat props to DateInput component

Sketch

• Updated remote Sketch libraries

v1.0.0-beta.7 - 2019-03-08

General

• Updated icons (s-id-app-xl)

v1.0.0-beta.6 - 2019-03-08

TypeScript

• Added size prop and enum to ConditionalSpinner

v1.0.0-beta.5 - 2019-03-07

General

• Introducing view settings for GDS. They can be found in the overflow menu in the upper right corner and contain settings to enable/disable code snippets and rule sets for specific audiences of GDS (developer, designer, accessibility, copywriter). These settings will be saved in your browser storage.
• Enabled display of React code snippets instead of HTML (for now this is not enabled by default and has to be manually activated in settings)
• Updated icons (thumb-down, hands-outline-xl)

Styles

• Added hand cursor style to invalid links on hover, even if they don’t have an href
• Fixed some issues with Amount fractions not being aligned correctly in font-sizes of 20px and above

Components

• [Utilities] Added containerNode prop to InfiniteScroll, which can be used to attach scrolling events to a different DOM node than window

TypeScript

• Fixed some issues with functional components and enums

v1.0.0-beta.4 - 2019-03-01

TypeScript

• Switched global enums to static properties of components (e.g. ICON enum is not Icon.ICON)
• Fixed relative import paths

v1.0.0-beta.3 - 2019-02-26

General

• Icons are now displayed as a table to show which versions of an icon are actually available (applies to GDS documentation as well as Storybook)
• Removed all the (undocumented) global exports of Enums (e.g. PRODUCT_INFO_COLOR), please use Enums exported through static properties instead (e.g. ProductInfo.COLOR) instead

Components

• [Signing] Added ExternalSigning component

TypeScript

• Fixed not being able to use Enums exported as static properties of components

Documentation

• Restructured “For Designers” content under Resources
• Added “Sketch Library Conventions” page under Resources

Sketch

• Added ⓖ Design to list of plugins
• Updated remote Sketch libraries

v1.0.0-beta.2 - 2019-02-14

General

• Includes all latest fixes from George Styleguide and George Components
• GDS and Storybook now use the same responsive tiers as George should use, including the respective max-widths
• Access from LAN and VPN is now excluded from authentication for all George Design System URLs
• Updated icons (watch-nfc-payment, flash, app-store-ios, app-store-android, accounts, accessibility, star-filled, george-xl)

Styles

• Amounts DEPRECATED inside ProductInfo need a dedicated wrapper, see Migration Guide for details
• Added secondary OverviewCardButton
• Added support for LinkButtons inside FunctionCards
• Added support for Alerts inside FunctionCards
• Changed list item bullet colour to primary-900
• Updated inline svg items to use the new icon set (list item bullets, checkmars, dropdown caret)
• Right-alignment of amounts in ProductInfo now happens automatically but is limited to .g-product-info-horizontal
• Fixed Alert border-radius when it was placed somehwere inside a CardGroup
• Fixed custom radio box circle being off centre on retina displays
• Fixed vertical alignment of SVGs inside anchors, list items ans paragraphs
• Fixed InputSlider border colour

Components

• [Collapsible] Added CollapsibleContentPreview sub-component, which can be used to display an excerpt that stays when the content is in collapsed state
• [Input] Added ToggleButton component
• [Image] Add colour prop to PunchedImage. Only accepts DARK and DEFAULT as options
• [Input] Changed Tab key behaviour in all Select components. It now closes the dropdown without selecting anything and then focuses the next element (in one key press)
• [Input] Added support for multiple selection in all Selects
• [Input] Prop multiple if set, onSelect callback receives array of selected items and array of their indexes (instead of just one item and one index)
• [Input] If multiple is set, renderSelection callback receives array of selected items (instead of just one item)
• [Input] Prop allowSelectAll if set, first item will be for (de)selecting all items
• [Input] Prop selectAllText for customization of Select All text
• [Input] Prop selectAllContentClassName for css customization of Select All item
• [Input] Prop renderSelectableItemDecorator for rendering content on the left side of checkboxes (before them)
• [Input] Prop checkboxClassName for css customization of checkboxes
• [Input] Default text in Toggle when more then one item is selected is either ‘Selected items: n’ or ‘Selected products: n’
• [Input] Changed all Selects to use usePortal by default
• [Input] Fixed Selects not flipping side when there is not enough space underneath
• [Input] Updated Select with Amount suggestion example to fix issue with overlapping labels
• [LabeledList] Now switches to a font-size of 14px in small tiers
• [Misc] Badge and Pill now propagate all other props to the span element
• [Navigation] Added SecondaryNavigation component
• [ProductInfo] Added coloured product stripe to ProductInfo
• [ProductInfo] DEPRECATED amountRight prop as it is now handled automatically
• [Overview] Added COLOR.SECONDARY as a colour option to OverviewCardButton
• [Table] Added hideOnExpand prop to CollapsibleTableRow, which replaces the row content with the CollapsibleTableCell on expand
• [Typography] Added Inline and LineBreak components
• [Utilities] Added KeyboardDetector component
• [Overview] BETA Added different sizes for OverviewCards
• [Overview] BETA Added list view to OverviewCards
• [Transaction] BETA renamed Transaction component to AccountTransaction
• [Transaction] BETA Added TransactionDetail component
• [Transaction] BETA AccountTransaction and OrderTransaction now accept TransactionDetail as a child
• [Transaction] BETA AccountTransaction and OrderTransaction now support date formats. dateFormat prop sets the format for the date in the info section and bigDateFormatUpper, bigDateFormatLower and bigDateFormatYear set formats for specific lines of the “big” date
• [Transaction] BETA TransactionGroup now accepts components in header and footer props.
• [Transaction] BETA AccountTransaction and OrderTransaction prop recipient was changed to name
• [Transaction] BETA OrderTransaction prop orderStatus was renamed to status and now expects component (usually Badge)

Containers

• [LanguageProvider] Added new language keys selectedItems, selectedProducts, selectAll, selectAllProducts to be used in Selects with multiple: true

TypeScript

• Fixed Alert and Table types definitions
• Fixed some issues with Enum types not being exported correctly
• Fixed ButtonGroup and UIButton not bein exported correctly

Documentation

• Added “How we communicate George” page under Guides
• Added “Sketch Libraries” page under Resources
• All demos are now being loaded lazily
• Side navigation now won’t close automatically when a main menu item is clicked
• Updated rules regarding text colours

Sketch

• Added g-browser-2018-12-07.sketch
• Added g-icons-2018-12-07.sketch

v1.0.0-beta.1 - 2018-12-05

Documentation

• Hid React source code by default
• Fixed Sketch App URL protocol

v1.0.0-beta.0 - 2018-12-04

General

• We have a new name: George Design System (GDS)
• …and a new domain: designsystem.g-labs.io
• New and (hopefully) improved look, completely independant of the George styling, including proper responsive design
• George Design System is now available as a (private) NPM package, see Migration Guide for details. Please contact Andreas Karner for access
• Merged George Styleguide and George Components into George Design System, with a new GitHub repository
• Now that GDS is publicly accessible, authentication via Microsoft Azure has been added. The network at Erste Campus is whitelisted and access from there will not need authentication
• Storybook is now a part of GDS deployment, living in the subfolder /storybook, so it will always be tied to the version you’re currently viewing
• Upgraded Storybook to v4, which makes those URLs a lot shorter. To share the URL including your changed props use the Copy button in the lower right corner
• BREAKING Removed vendor prefixes from source SASS files, instead use compiled CSS files now if styles won’t be automatically prefixed in your build, see Migration Guide for details
• BREAKING Renamed some assets, see Migration Guide for details
• BREAKING Removed a lot of deprecated features, see Migration Guide for details
• BREAKING Removed legacy icons

Documentation

• Added responsive overlay modal for most demos, which lets you view demos in a resizable iFrame, respecting breakpoints, and with added device presets, similar to the responsive toolbar in Chrome DevTools
• Most demos can now be opened in an independent page, making them shareable in an easier way (Example)
• Moved Changelogs and Migration Guides of George Styleguide and George Components to Legacy group
• Added George Product Priciples guide
• Added Design Priciples guide
• Added Design Tools page about the design tools we use for George
• Added page for onboarding with version control tool Abstract (George core team only)
• Added a page to describe how to edit content for George Design System
• Added a page for Sketch app (list of plugins, best practices, naming conventions, …)