Skip to content

Changelog v1

Jump to bottom
Keith Tan edited this page Mar 28, 2024 · 2 revisions

v1.1.1

🖌️ Style fixes

  • Update Accent dark colours for the Base color set

v1.1.0

v1 is now in maintenance mode. We are gearing up for a v2 release which will include enhancements to existing components and breaking api changes.

🖌️ Style fixes

  • Set dynamic width on ImageButton and add out-of-the-box support for flex parents

v1.1.0-canary.1

🎉 New features

  • Add range selection for DateInput (Important note: This is an interim feature and the range selection will be broken out into DateRangeInput in v2)
  • Add ability to add custom call to action component for Form.InputSelect and it's standalone component
  • Add TimeRangePicker. (Important note: Some props are in review and subjected to revision in v2)
  • Add RangeSelect
  • Add ImageButton

v1.0.2

🐞 Bug fixes

  • Fix "crypto is not defined" error when using Toggle as earlier fix did not resolve issue completely
  • Fix checkbox indicator not appearing for selected items on Form.MultiSelect when using non-object arrays as the options

v1.0.1

🐞 Bug fixes

  • Fix Calendar not starting at the correct month if the value property is being specified
  • Fix "crypto is not defined" error when using Toggle

v1.0.0

It's official! We have released our first version! 🎉

We have added new components and improved the existing ones!

Notable changes

  • Introduction of sub directory imports. Refer to our docs for more information.
  • Introduction of options to Theme to enable granular customisations to theme properties
  • Icons have been moved to @lifesg/react-icons to reduct the package size

Refer to this migration document to understand more of the changes that are required when using the new Design System.

v1.0.0-alpha.24

🎉 New features

  • Toast component
  • TimeSlotBar component
  • [BREAKING] Update assets for ErrorDisplay and add new error types
    • Default title and description have been replaced with placeholder content. Do remember to update existing usages.
  • Implement resourceScheme to Theme to enable customisation of assets and resources on a theme level

🐞 Bug fixes

  • Add fallback image for Navbar brand and secondary brand in the event image asset is unreachable

v1.0.0-alpha.23

🎉 New features

  • Toggle component to replace ToggleButton
  • [WARNING] ToggleButton will be deprecated in the full release
  • Filter component
  • Filter.Checkbox widget to select multiple options from a list
  • LoadingDotsSpinner animation component along with ability to customise color
  • Navbar enhancements
    • Add sub menu
    • Add secondary logo support

🖌️ Style fixes

  • Fixes to Calendar component

v1.0.0-alpha.22

🎉 New features

  • Various OTPInput enhancements
    • Button props are now optional
    • Better support for value prop
    • [BREAKING] Return value as string[]

🐞 Bug fixes

  • Missing root-level export for OTPInput
  • Checkbox in Overlay not reflecting its current checked state

v1.0.0-alpha.21

🎉 New features

  • Calendar component
  • OtpInput component
  • Fixed country code feature for PhoneNumberInput
  • New loading animation

🖌️ Style fixes

  • General style fixes to input components
  • ErrorDisplay style on mobile

🐞 Bug fixes

  • Keypress events (e.g. tab, copying, pasting) not permitted on the PhoneNumberInput
  • onBlur events not being triggered in the PhoneNumberInput

v1.0.0-alpha.20

🎉 New features

  • Introduce design tokens to the theme
  • Support box shadow theming for input elements through design tokens
  • Update illustrations for unsupported browser and 500 error in ErrorDisplay
  • [BREAKING] Icon component removed

🐞 Bug fixes

  • Fix unnecessary attributes getting passed to input container

v1.0.0-alpha.19

🎉 New features

As such Icon component will be deprecated in the next release

  • Introduce the PhoneNumberInput

🐞 Bug fixes

  • Improvements to component typings

v1.0.0-alpha.18

🎉 New features

  • Add aria tags to FormWrapper and Checkbox component for improved accessibility
  • Implement readOnly style to Form.Select and InputSelect (standalone component)
  • Add id value for Footer download app buttons

🐞 Bug fixes

  • Add missing export for FeedbackRating on the index level (does not affect sub-directory import)

v1.0.0-alpha.17

🎉 New features

  • Update Layout.Container max widths for various viewports as part of alignment with SGDS
  • Update Form.Select to support custom rendering of the selected option display and dropdown list items
  • Implement FeedbackRating component to get user ratings

🐞 Bug fixes

  • UnitNumberInput
    • Fix unintended padding of single digit values
    • Standardise the return values for onChange and onChangeRaw to be unpadded for single digit values

v1.0.0-alpha.16

🐞 Bug fixes

  • Fix regression where SmartAppBanner would call onDismiss when tapping on the banner

v1.0.0-alpha.15

🎉 New features

  • Return unpadded value from onChange and onBlur for the current field that's being edited in UnitNumberInput

🐞 Bug fixes

  • Accommodate long text in SmartAppBanner

v1.0.0-alpha.14

🎉 New features

  • Add readonly style for DateInput
  • SmartBanner enhancements
    • [BREAKING] Rename props (Refer to documentation for more details)
    • Amend animation speed

🐞 Bug fixes

  • Fix keydown issues on mobile devices for DateInput and UnitNumberInput

v1.0.0-alpha.13

🎉 New features

  • Add UnitNumberInput for floor and unit input
  • Enhance SmartAppBanner
    • [BREAKING] onBannerPress no longer calls onBannerDismiss
    • Animate banner when shown with isAnimated prop
    • Take in ref and additional props to customise the banner

v1.0.0-alpha.12

🎉 New features

  • Add star rating to SmartAppBanner
  • Add Card for content with rounded corners and box shadow

v1.0.0-alpha.11

🎉 New features

  • Allow specifying different fade colors on the left and right for Breadcrumb
  • Add ids to ProgressIndicator steps
  • Add floating SmartAppBanner

v1.0.0-alpha.10

🐞 Bug fixes

  • Fix Masthead type issue that affects Navbar as well

v1.0.0-alpha.9

🎉 New features

  • Amend Input subtitle styling

🐞 Bug fixes

  • Fix Input incorrect padding for readonly style
  • Fix Modal height calculation on iOS when the software keyboard is visible or dismissed

v1.0.0-alpha.8

🎉 New features

  • Add aria-label for Form.Timepicker and Timepicker
  • Amend the bottom margin for Form components from 1rem to 2rem to improve readability

🐞 Bug fixes

  • Fix incorrect assignment of testid in Form.InputGroup and InputGroup
  • Fix incorrect styling in Form.InputGroup and InputGroup if no addons are specified
  • Fix stacking issue on Modal

v1.0.0-alpha.7

🎉 New features

  • [WARNING] Update Icon collection. Some icons are no longer available. All icons are also now in svg format rather than font icons
  • Add onChangeRaw and onBlurRaw to DateInput and Form.DateInput to return the raw value of the input in an object format to enable usage for advanced validations

v1.0.0-alpha.6

🎉 New features

  • Add ErrorDisplay component. This component now comes with an action button that you can specify. Refer to the documentation for more info.
  • Add ProgressIndicator component

v1.0.0-alpha.5

🎉 New features

  • Add Layout, Navbar, Masthead, Footer and NotificationBanner components. Refer to the Storybook docs for more information
  • Allow specifying a custom counter for Form.Textarea
  • Introduce subtitle for Form.Label
  • Introduce readonly display state for Form.InputGroup

🐞 Bug fixes

  • Fix number wheel being visible for number input type for Form.Input

v1.0.0-alpha.4

🎉 New features

  • Add MediaWidths to allow consumption of media breakpoint widths. Refer to our Storybook docs on how to use it

v1.0.0-alpha.3

🎉 New features

  • Add Form.CustomField to allow usage of custom form components but still come with the label and error message

v1.0.0-alpha.2

🐞 Bug fixes

  • Fix subdirectory module import path to not contain the dist folder

v1.0.0-alpha.1

🎉 New features

  • Release of the React design system in our Github repo

Note: Not all components have been transferred due to layout changes in SGDS. See our official Storybook for details of collection

Clone this wiki locally