# Arc UI System Roadmap ## Introduction [Arc UI System](https://ui.digital-ent-int.bt.com/latest) is a collection of tools and practices that help teams working on BT Enterprise digital products build high quality web user interfaces at scale. This document is the [opportunity roadmap](https://productcrunch.substack.com/p/escaping-the-roadmap-trap) for Arc, with milestones broken down into the following categories: * **Now:** we're actively working on these * **Next:** these are high priority and will be pulled into the queue as soon work-in-progress capacity allows * **Later:** options for the future, in a rough priority order * **Done:** completed 🚀 ## Now * Calendar & Datepicker * Media Card ## Next * Typography Card * New Design language roll out ## Later ### Form extensions * Support icons in TextInput * Consider supporting aria-disabled (reference: [Making Disabled Buttons More Inclusive](https://css-tricks.com/making-disabled-buttons-more-inclusive/)) ### Build middle tier components This should be considered as a list of possibilities. * Loader/Spinner * Avatar * Video Player * Table * Tooltips * Carousel * Countdown * Colour switcher (on PDP e.g. choose handset colour) * Timeslot picker * Logos (vendor, payment etc) ### Support Flutter Distant future, establish a need first. ### Support email building Distant future, establish a need first. ## Done Where we keep things that are no longer recently completed. ### The past We didn't start tracking in this format until we decoupled from the Consumer team. ### [Fundamental components](https://github.com/btdigital/arc/milestone/1) (20th Jan 2021) * [x] Button * [x] Surface * [x] Card * [x] VerticalSpace * [x] Group * [x] Columns * [x] Align * [x] Section * [x] Heading * [x] Text * [x] Image * [x] [Poster](https://github.com/btdigital/arc/issues/71) * [x] [RichText](https://github.com/btdigital/arc/issues/32) * [x] [HorizontalRule](https://github.com/btdigital/arc/issues/56) * [x] [BrandLogo](https://github.com/btdigital/arc/issues/73) * [x] [Link](https://github.com/btdigital/arc/issues/31) ### [Get first cut deployed](https://github.com/btdigital/arc/milestone/3) (9th Feb 2021) Handle post-decouple infrastructure repair. * [x] [Rename Github org](https://github.com/btdigital/arc/issues/76) * [x] [Create new NPM org](https://github.com/btdigital/arc/issues/77) * [x] [Confirm URL for initial version of site](https://github.com/btdigital/arc/issues/82) * [x] [Confirm project name](https://github.com/btdigital/arc/issues/78) * [x] [Discuss if we reset versioning to zero or not](https://github.com/btdigital/arc/issues/83) * [x] [Restore deploys](https://github.com/btdigital/arc/issues/7) * [x] [Update meta info in package.json](https://github.com/btdigital/arc/issues/91) * [x] [Publish components](https://github.com/btdigital/arc/issues/80) * [x] [Fix versioned Storybook file paths](https://github.com/btdigital/arc/issues/104) * [x] [Update design.bt.com links in docs to new URL](https://github.com/btdigital/arc/issues/101) * [x] [Set up domain](https://github.com/btdigital/arc/issues/93) * [x] [Set up email address](https://github.com/btdigital/arc/issues/81) ### [Support BT icons](https://github.com/BTEnterpriseDigital/arc/milestone/5) (10th Feb 2021) * [x] [Source BT SVG icons](https://github.com/BTEnterpriseDigital/arc/issues/117) * [x] [Add Icon variant to Figma plugin](https://github.com/BTEnterpriseDigital/arc/issues/120) * [x] [Add SVG icons to system](https://github.com/BTEnterpriseDigital/arc/issues/118) * [x] [Create Icon component in components-react](https://github.com/BTEnterpriseDigital/arc/issues/119) ### [Incorporate BT Design Language](https://github.com/BTEnterpriseDigital/arc/milestone/8) (15th Mar 2021) * [x] [Reverse BT colour palette back to brand](https://github.com/BTEnterpriseDigital/arc/issues/139) * [x] [Create color use tokens](https://github.com/BTEnterpriseDigital/arc/issues/140) * [x] [Add gradients](https://github.com/BTEnterpriseDigital/arc/issues/143) * [x] [Consider linking language in Button/Link component](https://github.com/BTEnterpriseDigital/arc/issues/141) * [x] [Support muted/supporting text in Text](https://github.com/BTEnterpriseDigital/arc/issues/84) * [x] [ Solve Surface nesting issues](https://github.com/BTEnterpriseDigital/arc/issues/168) * [x] [Adjust bt raw color pink-01](https://github.com/BTEnterpriseDigital/arc/pull/170) * [x] [Rework Card](https://github.com/BTEnterpriseDigital/arc/issues/144) * [x] [Support Proposition text (pink) & Headline color](https://github.com/BTEnterpriseDigital/arc/issues/45) * [x] [Card buttons and links should respond to Card hover/active states](https://github.com/BTEnterpriseDigital/arc/issues/28) * [x] [Tokenize rounded corners](https://github.com/BTEnterpriseDigital/arc/issues/142) * [x] [Add BT radial gradient tokens to system](https://github.com/BTEnterpriseDigital/arc/issues/157) * [x] [Support elevation](https://github.com/BTEnterpriseDigital/arc/issues/146) * [x] [Solve Icon fill state](https://github.com/BTEnterpriseDigital/arc/issues/177) * [x] [Support motion](https://github.com/BTEnterpriseDigital/arc/issues/147) * [x] [Remove role="button" and associated attributes from anchor Buttons](https://github.com/BTEnterpriseDigital/arc/issues/48) * [x] [Fix various visual issues with link states in Cards (inc. Safari specific)](https://github.com/BTEnterpriseDigital/arc/issues/175) * [x] [Add Icon to existing components](https://github.com/BTEnterpriseDigital/arc/issues/125) * [x] [Support curves](https://github.com/BTEnterpriseDigital/arc/issues/145) * [x] [Add Curve support to Figma](https://github.com/BTEnterpriseDigital/arc/issues/190) * [x] [Ensure Figma aligns with system/updated components](https://github.com/BTEnterpriseDigital/arc/issues/148) * [x] [Release it!](https://github.com/BTEnterpriseDigital/arc/issues/178) ### [Deliver viable Figma library](https://github.com/btdigital/arc/milestone/2) (15th Mar 2021) Get the Figma system into a useful state for BTB agency work. * [x] [Update Figma to work with latest system](https://github.com/BTEnterpriseDigital/arc/pull/97) * [x] [Migrate Figma plugin to TypeScript](https://github.com/btdigital/arc/issues/74) * [x] [Setup Figma team or project ](https://github.com/BTEnterpriseDigital/arc/issues/108) * [x] [Add BrandLogo component to Figma library](https://github.com/BTEnterpriseDigital/arc/issues/113) * [x] [Add Surface component to Figma library](https://github.com/BTEnterpriseDigital/arc/issues/112) * [x] [Add Frame component to Figma library](https://github.com/BTEnterpriseDigital/arc/issues/111) * [x] [Make Figma plugin easier to reason with](https://github.com/BTEnterpriseDigital/arc/issues/109) * [x] [Built Figma version is unpredictable](https://github.com/BTEnterpriseDigital/arc/issues/114) * [x] [Automate distribution of Figma plugin](https://github.com/btdigital/arc/issues/75) * [x] [Represent system using Figma styles](https://github.com/btdigital/arc/issues/39) * [x] [Support relevant components in Figma](https://github.com/BTEnterpriseDigital/arc/issues/107) * [x] [Support all typographic tokens in Figma](https://github.com/BTEnterpriseDigital/arc/issues/110) * [x] [Add Heading/Text components to Figma](https://github.com/btdigital/arc/issues/95) * [x] [Add gradients to Figma plugins](https://github.com/BTEnterpriseDigital/arc/issues/158) * [x] [Add drop shadow effect to Figma](https://github.com/BTEnterpriseDigital/arc/issues/186) * [x] [Add BT use colors to figma](https://github.com/BTEnterpriseDigital/arc/issues/154) * [x] [Add Icon variant properties to Figma](https://github.com/BTEnterpriseDigital/arc/issues/131) * [x] [Restrict weights in Figma Heading & Text components](https://github.com/BTEnterpriseDigital/arc/issues/164) * [x] [Investigate Figma component composability](https://github.com/BTEnterpriseDigital/arc/issues/124) * [x] [Add Card to Figma library](https://github.com/BTEnterpriseDigital/arc/issues/189) * [x] [Restructure Figma icon component](https://github.com/BTEnterpriseDigital/arc/issues/188) * [x] [Demo Figma plugin and workflow](https://github.com/BTEnterpriseDigital/arc/issues/167) ### March Cool-down A grab-bag of bug fixes and smaller issues. ### [Rename from Loop to Arc](https://github.com/BTEnterpriseDigital/arc/milestone/11) (20th Apr 2021) * [x] [Rename `loop` to `arc` in roadmap](https://github.com/BTEnterpriseDigital/arc/issues/264) * [x] [Rename `loop` to `arc` in repo code & docs](https://github.com/BTEnterpriseDigital/arc/issues/256) * [x] [Rename packages](https://github.com/BTEnterpriseDigital/arc/issues/257) * [x] [Rename `loop` to `arc` in release template](https://github.com/BTEnterpriseDigital/arc/issues/266) * [x] [Change Github repo name](https://github.com/BTEnterpriseDigital/arc/issues/260) * [x] [Announce first arc release](https://github.com/BTEnterpriseDigital/arc/issues/270) * [x] [Add some `arc` words to `help-ui-system` Slack channel description & topic](https://github.com/BTEnterpriseDigital/arc/issues/258) * [x] [Update demo meeting](https://github.com/BTEnterpriseDigital/arc/issues/259) * [x] [Rename Figma library and team](https://github.com/BTEnterpriseDigital/arc/issues/263) ### [Improve docs and comms](https://github.com/BTEnterpriseDigital/arc/milestone/9) (22nd Apr 2021) * [x] [Upgrade Storybook](https://github.com/BTEnterpriseDigital/arc/issues/243) * [x] [Spike: add Figma to Storybook](https://github.com/BTEnterpriseDigital/arc/issues/149) * [x] [Move Docusaurus dev/contributing sections from public to internal docs](https://github.com/BTEnterpriseDigital/arc/issues/218) * [x] [Fix Docusaurus to Storybook link](https://github.com/BTEnterpriseDigital/arc/issues/238) * [x] [Investigate general Storybook performance](https://github.com/BTEnterpriseDigital/arc/issues/221) * [x] [Prevent favicon 403 in deployed storybook](https://github.com/BTEnterpriseDigital/arc/issues/232) * [x] [Change Docusaurus sidebar link from Github to Components (Storybook)](https://github.com/BTEnterpriseDigital/arc/issues/217) * [x] [Use official BT imagery in stories](https://github.com/BTEnterpriseDigital/arc/issues/215) * [x] [Storybook gardening](https://github.com/BTEnterpriseDigital/arc/issues/228) * [x] [Create public `#help-ui-system` channel](https://github.com/BTEnterpriseDigital/arc/issues/213) * [x] [Organise stories in Storybook](https://github.com/BTEnterpriseDigital/arc/issues/216) * [x] [BT Business page example can show in EE brand in Storybook](https://github.com/BTEnterpriseDigital/arc/issues/160) * [x] [Fix demo sessions](https://github.com/BTEnterpriseDigital/arc/issues/214) * [x] [Make `bt` the default for `Base`](https://github.com/BTEnterpriseDigital/arc/issues/271) * [x] [Write general introduction](https://github.com/BTEnterpriseDigital/arc/issues/222) * [x] [Spike on docs](https://github.com/BTEnterpriseDigital/arc/issues/247) * [x] [Prevent indexing and crawling of site](https://github.com/BTEnterpriseDigital/arc/issues/273) * [x] [Write barebones READMEs for published packages](https://github.com/BTEnterpriseDigital/arc/issues/224) * [x] [Link to UI site in Slack channel](https://github.com/BTEnterpriseDigital/arc/issues/230) * [x] [Create intro story in Storybook](https://github.com/BTEnterpriseDigital/arc/issues/219) * [x] [Write design workflow docs](https://github.com/BTEnterpriseDigital/arc/issues/275) * [x] [Fix brand-forbidden Arc logo in Storybook and Docs site](https://github.com/BTEnterpriseDigital/arc/issues/280) * [x] [Fix sorting on t-shirt sizes in stories](https://github.com/BTEnterpriseDigital/arc/issues/267) * [x] [Handle links to Figma plugin](https://github.com/BTEnterpriseDigital/arc/issues/284) * [x] [Handle errors for docs pages that don't exist in previous versions](https://github.com/BTEnterpriseDigital/arc/issues/283) * [x] [VerticalSpace story is broken](https://github.com/BTEnterpriseDigital/arc/issues/282) * [x] [Add Roadmap to sidebar](https://github.com/BTEnterpriseDigital/arc/issues/285) ### [Initial Phoenix composition and DevEx additions](https://github.com/BTEnterpriseDigital/arc/milestone/13) (17th May 2021) * [x] [Support layering](https://github.com/BTEnterpriseDigital/arc/issues/307) * [x] [Update Surface padding props to numeric enums](https://github.com/BTEnterpriseDigital/arc/issues/305) * [x] [Fix `Poster` curves](https://github.com/BTEnterpriseDigital/arc/issues/301) * [x] [Add Phoenix example page](https://github.com/BTEnterpriseDigital/arc/pull/300) * [x] [Hide margin when empty Col is full width](https://github.com/BTEnterpriseDigital/arc/pull/300) * [x] [Add noWrap prop to Group.Item](https://github.com/BTEnterpriseDigital/arc/pull/300) * [x] [Remove unnecessary toUpperCase in VerticalSpace](https://github.com/BTEnterpriseDigital/arc/pull/300) * [x] [Rotate Poster scrim to improve text legibilty](https://github.com/BTEnterpriseDigital/arc/pull/300) * [x] [Flatten Poster overlay on small viewports](https://github.com/BTEnterpriseDigital/arc/pull/300) ### [Build simple BT-only site furniture components](https://github.com/BTEnterpriseDigital/arc/milestone/6) (17th May 2021) * [x] [BT GroupHeader](https://github.com/BTEnterpriseDigital/arc/issues/126) * [x] [BT Footer](https://github.com/BTEnterpriseDigital/arc/issues/128) * [x] [placeholder BT SiteHeader](https://github.com/BTEnterpriseDigital/arc/issues/127) * [x] [Release simple BT-only site furniture components](https://github.com/BTEnterpriseDigital/arc/issues/299) * [x] [Add simple BT-only site furniture components to Figma](https://github.com/BTEnterpriseDigital/arc/issues/298) ### [Enhance and release Figma library](https://github.com/BTEnterpriseDigital/arc/milestone/14) (7th June 2021) * [x] [Fix incorrect maths in figma gradients](https://github.com/BTEnterpriseDigital/arc/pull/316) * [x] [Align Figma Heading/Text breakpoints with Grid styles](https://github.com/BTEnterpriseDigital/arc/pull/314) * [x] [Use manual designs for Figma Heading & Text](https://github.com/BTEnterpriseDigital/arc/pull/314) * [x] [group raw BT colors in Figma](https://github.com/BTEnterpriseDigital/arc/pull/312) * [x] [Align Figma heading breakpoints with other components](https://github.com/BTEnterpriseDigital/arc/issues/212) * [x] [Update Figma component names to match React](https://github.com/BTEnterpriseDigital/arc/issues/318) * [x] [Make Figma library public](https://github.com/BTEnterpriseDigital/arc/issues/245) ### May/June Cool-down (7th June 2021) A grab-bag of bug fixes and smaller issues. * [x] [Fix SiteFooter layout bug](https://github.com/BTEnterpriseDigital/arc/issues/321) * [x] [Set up mirror on internal Gitlab](https://github.com/BTEnterpriseDigital/arc/issues/334) * [x] [Order Tracker comps](https://github.com/BTEnterpriseDigital/arc/issues/306) * [x] [Mandate two factor for members of Github org](https://github.com/BTEnterpriseDigital/arc/issues/339) * [x] [Fix Storybook deployed builds](https://github.com/BTEnterpriseDigital/arc/issues/333) * [x] [Rename OrgansiationHeader to UniversalHeader](https://github.com/BTEnterpriseDigital/arc/issues/324) * [x] [See if we can add * { revert:all } to Base](https://github.com/BTEnterpriseDigital/arc/issues/323) * [x] [BrandLogo needs a text label for a11y](https://github.com/BTEnterpriseDigital/arc/issues/326) * [x] [Prevent off-brand bold text in large Headings](https://github.com/BTEnterpriseDigital/arc/issues/253) * [x] [Audit and bump packages](https://github.com/BTEnterpriseDigital/arc/issues/49) * [x] [Poster subcomponents are missing displayName](https://github.com/BTEnterpriseDigital/arc/issues/375) * [x] [Collate feedback on notifications](https://github.com/BTEnterpriseDigital/arc/issues/352) * [x] [Turn on Dependabot](https://github.com/BTEnterpriseDigital/arc/issues/340) * [x] [Bump lerna to v4.x](https://github.com/BTEnterpriseDigital/arc/issues/356) ### [Make design tokens public](https://github.com/BTEnterpriseDigital/arc/milestone/15) (9th June 2021) For per-project components. * [x] [Investigate design token readiness](https://github.com/BTEnterpriseDigital/arc/issues/357) * [x] [Add EE warning](https://github.com/BTEnterpriseDigital/arc/issues/363) * [x] [Add missing CSS-only tokens to `tokens-scss`](https://github.com/BTEnterpriseDigital/arc/issues/367) * [x] [Add SVG (icon & curve) tokens to `tokens-scss`](https://github.com/BTEnterpriseDigital/arc/issues/366) * [x] [Upgrade to `style-dictionary` 3.x](https://github.com/BTEnterpriseDigital/arc/issues/369) * [x] [Pre-publish `tokens-scss`](https://github.com/BTEnterpriseDigital/arc/issues/368) * [x] [Pre-publish `tokens-json`](https://github.com/BTEnterpriseDigital/arc/issues/370) * [x] [Pre-publish `tokens-web`](https://github.com/BTEnterpriseDigital/arc/issues/372) * [x] [Release the tokens](https://github.com/BTEnterpriseDigital/arc/issues/373) * [x] [Update release template](https://github.com/BTEnterpriseDigital/arc/issues/397) ### [Browser and device spec draft](https://github.com/BTEnterpriseDigital/arc/milestone/12) (2nd July 2021) * [x] [Spike: write browser spec first draft](https://github.com/BTEnterpriseDigital/arc/issues/286) ### [System additions and amends 01](https://github.com/BTEnterpriseDigital/arc/milestone/16) (2nd July 2021) Derived from design reviews and original Phoenix comp. * [x] [Revise section max width and breakpoints](https://github.com/BTEnterpriseDigital/arc/issues/408) * [x] [Add isGutterless prop to Columns](https://github.com/BTEnterpriseDigital/arc/issues/310) * [x] [Support brand colours in icon](https://github.com/BTEnterpriseDigital/arc/issues/401) * [x] [Support social icons](https://github.com/BTEnterpriseDigital/arc/issues/447) * [x] ~~[Add 80px spacing increment to VerticalSpacing](https://github.com/BTEnterpriseDigital/arc/issues/438)~~ * [x] [Add more values to Surface padding](https://github.com/BTEnterpriseDigital/arc/issues/431 ) * [x] ~~[Solve for white outline buttons in dark pathway](https://github.com/BTEnterpriseDigital/arc/issues/420)~~ * [x] ~~[Solve for Poster pop on narrow](https://github.com/BTEnterpriseDigital/arc/issues/424)~~ * [x] [Research Brand illustrations](https://github.com/BTEnterpriseDigital/arc/issues/459) * [x] [Add gutterBorder to Group](https://github.com/BTEnterpriseDigital/arc/issues/439) ### [Resolve IE11 situation](https://github.com/BTEnterpriseDigital/arc/milestone/18) (13th July 2021) Fix support for Internet Explorer 11. * [x] [Fix Icon in IE11](https://github.com/BTEnterpriseDigital/arc/issues/526) * [x] [Move browserslist config to root](https://github.com/BTEnterpriseDigital/arc/issues/511) * [x] [Single column Columns in IE11](https://github.com/BTEnterpriseDigital/arc/issues/421) * [x] [Fix Storybook in IE11](https://github.com/BTEnterpriseDigital/arc/issues/513) * [x] [Plan IE11 issues](https://github.com/BTEnterpriseDigital/arc/issues/510) * [x] [Test everything in FF 60.x using Browserstack](https://github.com/BTEnterpriseDigital/arc/issues/530) * [x] [Various minor Grade B bugs](https://github.com/BTEnterpriseDigital/arc/issues/524) * [x] [Fix `BrandLogo` in Grade B browsers](https://github.com/BTEnterpriseDigital/arc/issues/522) * [x] [Decide how to handle `Disclosure` in IE11](https://github.com/BTEnterpriseDigital/arc/issues/528) * [x] [Set up browserslist with intent](https://github.com/BTEnterpriseDigital/arc/issues/468) * [x] [Fix flat `Button` pressed state in IE11](https://github.com/BTEnterpriseDigital/arc/issues/529) * [x] [Update all "Grade B" in code comments to "IE 11"](https://github.com/BTEnterpriseDigital/arc/issues/532) * [x] [Final QA pass](https://github.com/BTEnterpriseDigital/arc/issues/527) ### [Core documentation](https://github.com/BTEnterpriseDigital/arc/milestone/19) (18th August 2021) * [x] [Add browser support to site docs](https://github.com/BTEnterpriseDigital/arc/issues/518) * [x] [Add grid of all icons via Icon component to docs](https://github.com/BTEnterpriseDigital/arc/issues/494) * [x] [Arc fonts aren't loading on website](https://github.com/BTEnterpriseDigital/arc/issues/515) * [x] [Document system](https://github.com/BTEnterpriseDigital/arc/issues/479) * [x] [Arc logo not showing in Safari 14.1.1](https://github.com/BTEnterpriseDigital/arc/issues/493) * [x] [Document BT Colour](https://github.com/BTEnterpriseDigital/arc/issues/480) * [x] [Make Arc fonts available in docs site](https://github.com/BTEnterpriseDigital/arc/issues/496) * [x] [Review detailed design docs](https://github.com/BTEnterpriseDigital/arc/issues/295) ### [Prep and release v1](https://github.com/BTEnterpriseDigital/arc/milestone/20) (15th September 2021) Stabilise API. Aim for 13th September 2021. * [x] [Bump `@figma/plugin-typings`](https://github.com/BTEnterpriseDigital/arc/issues/483) * [x] [HTML snippet crashes storybook](https://github.com/BTEnterpriseDigital/arc/issues/519) * [x] [Investigate bumping React peerdep and associated to v17.x](https://github.com/BTEnterpriseDigital/arc/issues/354) * [x] [Invalid fill states in some icons](https://github.com/BTEnterpriseDigital/arc/issues/505) * [x] [Update browser spec with review feedback](https://github.com/BTEnterpriseDigital/arc/issues/517) * [x] [Add new icons from Brand](https://github.com/BTEnterpriseDigital/arc/issues/556) * [x] [Decide what to do with Card](https://github.com/BTEnterpriseDigital/arc/issues/477) * [x] [Rename tokens based on docs audit](https://github.com/BTEnterpriseDigital/arc/issues/538) * [x] [Reimport icons](https://github.com/BTEnterpriseDigital/arc/issues/569) * [x] [Remove alpha message from banner on docs site](https://github.com/BTEnterpriseDigital/arc/issues/543) * [x] [Do v1 release](https://github.com/BTEnterpriseDigital/arc/issues/573) ### [Documentation additions](https://github.com/BTEnterpriseDigital/arc/milestone/22) (8th October 2021) * [x] [Document analytics](https://github.com/BTEnterpriseDigital/arc/issues/482) * [x] [Mention @arc-ui/tokens-scss in the documentation](https://github.com/BTEnterpriseDigital/arc/issues/581) * [x] [Process holding area doc notes](https://github.com/BTEnterpriseDigital/arc/issues/548) * [x] [Fix tokens naming](https://github.com/BTEnterpriseDigital/arc/issues/585) * [x] [Heading scale in docs should now reference "extra large" not "large" breakpoint](https://github.com/BTEnterpriseDigital/arc/issues/592) * [x] [Expand on linking language docs](https://github.com/BTEnterpriseDigital/arc/issues/582) * [x] [Document polyfills](https://github.com/BTEnterpriseDigital/arc/issues/501) * [x] [Can we add links to docs page stories to view them full screen?](https://github.com/BTEnterpriseDigital/arc/issues/580) * [x] [Add token names to background colours in docs site](https://github.com/BTEnterpriseDigital/arc/issues/621) * [x] [Consistentify Arc naming](https://github.com/BTEnterpriseDigital/arc/issues/591) ### [Full site furniture](https://github.com/BTEnterpriseDigital/arc/milestone/21) (9th December 2021) * [ ] [~~Space between icon & text in `SiteFooter.Items` relies on flex `gap`~~](https://github.com/BTEnterpriseDigital/arc/issues/668) * [x] [Update `SiteHeader` component](https://github.com/BTEnterpriseDigital/arc/issues/639) * [x] [`SiteFooter` `<disclosure>` elements don't open in bundle-web version](https://github.com/BTEnterpriseDigital/arc/issues/653) * [x] [Add YouTube icon to Figma](https://github.com/BTEnterpriseDigital/arc/issues/638) * [x] [Update `SiteFooter` component in Figma](https://github.com/BTEnterpriseDigital/arc/issues/632) * [x] [Review Phoenix site furniture design](https://github.com/BTEnterpriseDigital/arc/issues/622) * [x] [Fix `SiteFooter` use of internal Columns in IE11](https://github.com/BTEnterpriseDigital/arc/issues/540) * [x] [Update `SiteFooter` component](https://github.com/BTEnterpriseDigital/arc/issues/623) * [x] [Add `SiteHeader` rehydrator](https://github.com/BTEnterpriseDigital/arc/issues/662) * [x] [Release Figma v2.1.0](https://github.com/BTEnterpriseDigital/arc/issues/680) * [x] [Improve `SiteHeader` keyboard & screenreader support](https://github.com/BTEnterpriseDigital/arc/issues/664) * [x] [Fix layout jump in `SiteHeader` sub nav](https://github.com/BTEnterpriseDigital/arc/issues/690) * [x] [Add `search` prop to `SiteHeader`](https://github.com/BTEnterpriseDigital/arc/issues/686) * [x] [Support setting current `SiteHeader.NavItem`](https://github.com/BTEnterpriseDigital/arc/issues/697) ### [Internal onboarding prep](https://github.com/BTEnterpriseDigital/arc/milestone/23) (14th January 2022) Prep Arc codebase for more contributors. * [x] [Document icon update process](https://github.com/BTEnterpriseDigital/arc/issues/651) * [x] [Document Figma library publishing process](https://github.com/BTEnterpriseDigital/arc/issues/654) * [x] [Document release announce process](https://github.com/BTEnterpriseDigital/arc/issues/656) * [x] [Archive `react-from-markup` fork](https://github.com/BTEnterpriseDigital/arc/issues/683) * [x] [Deprecate `react-from-markup` fork packages](https://github.com/BTEnterpriseDigital/arc/issues/684) * [x] [Bump or remove `block-fixup-merge` action](https://github.com/BTEnterpriseDigital/arc/issues/687) * [x] [Investigate updating `storybook/addon-ie11` dependency and fix](https://github.com/BTEnterpriseDigital/arc/issues/553) * [x] [Transfer `@storybook/addon-ie11` fork to BTEnterpriseDigital Github org](https://github.com/BTEnterpriseDigital/arc/issues/702) * [x] [Remove iOS Swift support](https://github.com/BTEnterpriseDigital/arc/issues/606) * [x] [Link to browser supports docs from PR checklist template](https://github.com/BTEnterpriseDigital/arc/issues/707) * [x] [Investigate Babel "deoptimised" warnings and Storybook webpack config](https://github.com/BTEnterpriseDigital/arc/issues/705) * [x] [Explore uncoupling `react-demo` and `website` dependencies](https://github.com/BTEnterpriseDigital/arc/issues/355) * [x] [Reconfigure & update Jest](https://github.com/BTEnterpriseDigital/arc/issues/713) * [x] [Explore performance](https://github.com/BTEnterpriseDigital/arc/issues/692) * [x] [Reset test strategy](https://github.com/BTEnterpriseDigital/arc/issues/689) * [x] [Scaffold test coverage](https://github.com/BTEnterpriseDigital/arc/issues/721) * [x] [Add `.vercel` to eslintignore](https://github.com/BTEnterpriseDigital/arc/issues/733) * [x] [Add SiteHeader tests](https://github.com/BTEnterpriseDigital/arc/issues/734) * [x] [Add comment to PR template to delete irrelevant checks](https://github.com/BTEnterpriseDigital/arc/issues/736) ### [Forms](https://github.com/BTEnterpriseDigital/arc/milestone/10) (1st March 2022) Revisit original forms implemention. * [x] [Minor tweaks to RadioGroup](https://github.com/BTEnterpriseDigital/arc/issues/50) * [x] [Checkboxes in a FormControl should not show (optional)](https://github.com/BTEnterpriseDigital/arc/issues/44) * [x] [Replace input --invalid modifiers with aria selectors](https://github.com/BTEnterpriseDigital/arc/issues/43) * [x] [Align RadioGroup and Checkbox margins](https://github.com/BTEnterpriseDigital/arc/issues/568) * [x] [Add Formik example to Storybook](https://github.com/BTEnterpriseDigital/arc/issues/52) * [x] [Improve form component spacing](https://github.com/BTEnterpriseDigital/arc/issues/789) * [x] [Review Form components status (tracker)](https://github.com/BTEnterpriseDigital/arc/issues/774) * [x] [Review `aria-` attribute usage](https://github.com/BTEnterpriseDigital/arc/issues/791) * [x] [Add onBlur handlers to form components](https://github.com/BTEnterpriseDigital/arc/issues/794) * [x] [Form component Phoenix alignments](https://github.com/BTEnterpriseDigital/arc/issues/797) * [x] [Review form component markup (consistency, correctness)](https://github.com/BTEnterpriseDigital/arc/issues/793) * [x] [Add missing disabled states to Figma](https://github.com/BTEnterpriseDigital/arc/issues/634) * [x] [Review form component props API for consistency](https://github.com/BTEnterpriseDigital/arc/issues/799) * [x] [Add form component tests ](https://github.com/BTEnterpriseDigital/arc/issues/809) ### IE11 Support (4th May 2022) * [x] [Update browser support info](https://github.com/BTEnterpriseDigital/arc/issues/862) * [x] [Mark addon-ie11 repo as "Archived"](https://github.com/BTEnterpriseDigital/arc/issues/871) * [x] [Remove IE11 support](https://github.com/BTEnterpriseDigital/arc/issues/860) ### [More onboarding prep](https://github.com/BTEnterpriseDigital/arc/milestone/24) (16th May 2022) * [x] [Include linting in `yarn test`](https://github.com/BTEnterpriseDigital/arc/issues/825) * [x] [Upgrade to PostCSS 8](https://github.com/BTEnterpriseDigital/arc/issues/706) * [x] [Include custom "do not edit" comments in style dictionary generated files](https://github.com/BTEnterpriseDigital/arc/issues/735) * [x] [Lint css (and scss)](https://github.com/BTEnterpriseDigital/arc/issues/826) * [x] [Ensure developer docs info is correct and up-to-date](https://github.com/BTEnterpriseDigital/arc/issues/840) * [x] [Update main README](https://github.com/BTEnterpriseDigital/arc/issues/874) * [x] [Update/edit Figma plugin manual steps in developer docs](https://github.com/BTEnterpriseDigital/arc/issues/842) * [x] [Document versioning strategy](https://github.com/BTEnterpriseDigital/arc/issues/747) ### [Remove EE brand](https://github.com/BTEnterpriseDigital/arc/milestone/27) (13th June 2022) * [x] [Remove EE brand](https://github.com/BTEnterpriseDigital/arc/issues/892) ### React 18 * [x] [Update to React 18](https://github.com/BTEnterpriseDigital/arc/issues/908) (5th July 2022) ### Image improvements (18th July 2022) * [x] [Add lazy loading support](https://github.com/BTEnterpriseDigital/arc/issues/898) * [x] [Support picture art direction in `Image`](https://github.com/BTEnterpriseDigital/arc/issues/919)