Skip to main content

V12 beta version guide

The following guide will help migrate between versions of the V12 beta by highlighting any breaking changes.

For more information regarding migrating to v12 please see our V12 migration guide.

v12.0.0-beta.24​

  • Elevation property elevationLevel changed to level. This property now ranges from 1-5 previously this was 1-2.

GradiantPageBackground​

  • type property removed. replaced by gradient and responsiveGradient
  • customGradients removed. use responsiveGradient instead
  • gradient — now accepts an ArcGradient object from @arc-ui/gradients

Example Migration​

Before

<GradientPageBackground
  type="HomepageLight1"
  customGradients={{ s: svgSmall, m: svgMedium }}
  customGradientContext="light-white"
>
  ...
</GradientPageBackground>
import { BtHomepageLight1 } from "@arc-ui/gradients/BtHomepageLight1";
import { BtHomepageLight2 } from "@arc-ui/gradients/BtHomepageLight2";

<GradientPageBackground
  responsiveGradient={{
    xs: { BtHomepageLight1 },
    m: { BtHomepageLight2 },
  }}
>
  ...
</GradientPageBackground>;

v12.0.0-beta.23​

  • No breaking changes between versions

v12.0.0-beta.22​

  • Alert properties link and linkText have been replaced by a links property to enable multiple links to be included in the component.
  • TabbedBanner property minHeight now only accepts a number and no longer a string value

v12.0.0-beta.21​

  • No breaking changes between versions

v12.0.0-beta.20​

  • Icon color option gradient has been renamed brand-alt

v12.0.0-beta.19​

  • Social Icons (Whatsapp, Facebook, etc.) removed from BT and EE icon sections and placed in the Arc section. New imports for these Icons have the prefix ArcIconSocial - more info
  • Switch property labelSize has been renamed to size
  • Select property selectSize has been renamed to size
  • TextInput and Datepicker property inputSize has been renamed to size
  • labelSizeproperty has been removed from TextInput, Select, RadioGroup, RadioGroupInput and DatePicker. The size of the label is now linked to the size of the input

v12.0.0-beta.18​

  • No breaking changes between versions

v12.0.0-beta.17​

  • No breaking changes between versions

v12.0.0-beta.16​

  • Dot notation removed from all arc-ui subcomponents - more info
  • @arc-ui/components package import paths shortened - more info
  • @arc-ui/theme-bt-business, @arc-ui/theme-bt-enterprise & @arc-ui/theme-ee packages flattened into a single themes package @arc-ui/themes - more info
  • @arc-ui/icons-bt && @arc-ui/icons-ee packages flattened into a single icons package @arc-ui/icons - more info
  • Themes, icon and components packages import path shortened - more info
  • React icons no longer supported. Current formats are data uri string, css and scss - more info

v12.0.0-beta.15​

  • HeadingProposition subcomponent removed from Heading component

v12.0.0-beta.14​

  • Fonts package merged into theme package

v12.0.0-beta.13​

  • No breaking changes between versions

v12.0.0-beta.12​

  • No breaking changes between versions

v12.0.0-beta.11​

  • No breaking changes between versions

v12.0.0-beta.10​

  • No breaking changes between versions

v12.0.0-beta.9​

  • No breaking changes between versions

v12.0.0-beta.8​

  • No breaking changes between versions

v12.0.0-beta.7​

  • No breaking changes between versions

v12.0.0-beta.6​

  • No breaking changes between versions

v12.0.0-beta.5​

  • No breaking changes between versions

v12.0.0-beta.4​

  • No breaking changes between versions

v12.0.0-beta.3​

  • Clock, SiteHeaderV1 & Card component removed - more info
  • Dark Pathway removed from Pagination, PaginationSimple, ProgressBar & ProgressStepper components - more info
  • Font packages split per theme
  • Icons converted into React component