@royaloperahouse/harmonic 0.1.2 → 0.1.6

package/CHANGELOG.md

@@ -1,3 +1,24 @@
+## [0.1.6]
+
+- Updated docs and branching strategy
+
+## [0.1.5]
+
+- Remove LiveChat component
+
+## [0.1.4]
+
+- Updated iconography
+
+## [0.1.3]
+
+- Update Footer component
+- Update Image Proportions component
+
+## [0.1.2]
+
+- New Harmonic Typography components
+
 ## [0.1.0]
 
 - Published Harmonic to NPM

package/README.GIT

@@ -1,24 +1,20 @@
 # Royal Opera House Harmonic - Front End Design System
-# Royal Opera House Harmonic - Front End Design System
 
-Welcome to The Royal Opera House Front End Design System, `@royaloperahouse/harmonic`
 Welcome to The Royal Opera House Front End Design System, `@royaloperahouse/harmonic`
 
 This package is a library of UI components intended to be used in the ROH website.
 
 It uses React, TypeScript, TSDX and Storybook.
 
-The NPM packages are published at [coming soon](https://www.npmjs.com/package/@royaloperahouse/harmonic)
+The NPM packages are published at [Royal Opera House - Harmonic](https://www.npmjs.com/package/@royaloperahouse/harmonic)
 
-The Storybook for the latest version of the library is hosted at [coming soon]()
+The Storybook for the latest version of the library is hosted at [Storybook - Harmonic] TODO: S3 deployment
 
 
 ## Prerequisites
 ---
 
 * Make sure the required package dependencies are installed using `yarn install`
-
-* If this is the first time you are working on Harmonic, make sure to run `yarn build` to build all the modules.
 * If this is the first time you are working on Harmonic, make sure to run `yarn build` to build all the modules.
 
 * **To deploy the storybook publicly** you will need credentials for the **parent** 'Royal Opera House' AWS account in your `~/.aws/credentials` file.
@@ -28,16 +24,18 @@ The Storybook for the latest version of the library is hosted at [coming soon]()
   
     *AWS 'Your Applications' page -> 'Royal Opera House' -> 'Developer Access' -> 'Command line or programmatic access'*
 
-* **To deploy a preview** for demo / QA you will need the `CHROMATIC_PROJECT_TOKEN` -- find this in 1Password
+* **To deploy a preview** for demo / QA you will need the `CHROMATIC_PROJECT_TOKEN` -- find this in 1Password. Creating your own Chromatic account is advised if multiple builds are necessary.
 
 
-* **To publish the NPM package** you will need the ROH `NPM_TOKEN` -- find this in 1Password
+* **To enable publishing to the NPM package**:
+  * Create account / log in to NPM
+  * Ask a colleague with admin rights to be added as a contributer 
+  * Generate your own ROH `NPM_TOKEN` (store this token in 1Password)
 
 
 ## Versioning
 ---
 
-We use [Semantic Versioning](https://semver.org/) for Harmonic.
 We use [Semantic Versioning](https://semver.org/) for Harmonic.
 
 Given a version number MAJOR.MINOR.PATCH, increment the:
@@ -48,7 +46,7 @@ Given a version number MAJOR.MINOR.PATCH, increment the:
 
 When you create a new release always update the `CHANGELOG` and `package.json`
 
-Increment your version from the latest stable version on (WIP)
+Increment your version from the latest stable version on [Royal Opera House - Harmonic](https://www.npmjs.com/package/@royaloperahouse/harmonic?activeTab=versions)
 
 
 ## Deploying the Storybook
@@ -73,16 +71,15 @@ You can deploy a release candidate, or work-in-progress to [Chromatic](https://w
 
 **NOTE:** you will need the `CHROMATIC_PROJECT_TOKEN` as described in *Prerequisites* above.
 
-Either set the token as a shell variable or use a `.env` file in the (WIP) root directory containing the token, as so:
+Either set the token as a shell variable or use a `.env` file in the `harmonic` root directory containing the token, as so:
 
 ```
 CHROMATIC_PROJECT_TOKEN=tokengoeshere
 ```
 
 Run:
-
 ```
-yarn deploy-storybook-dev
+CHROMATIC_PROJECT_TOKEN=tokengoeshere yarn deploy-storybook-dev
 ```
 
 to build and deploy the storybook from your repo to Chromatic.
@@ -93,7 +90,7 @@ You will find the address of your deployed storybook in the console output, look
 
 ### **3. To deploy a release version**
  
-You can deploy the contents of `./storybook-static` to S3 as a static site, which is permanently accessible at [WIP]()
+You can deploy the contents of `./storybook-static` to S3 as a static site, which is permanently accessible at [WIP] TODO: S3 deployment
 
 **NOTE:** To do this you will need the correct `AWS` credentials set up, as described in *Prerequisites* above.
 
@@ -109,18 +106,17 @@ then run:
 yarn deploy-storybook
 ```
 
-> **IMPORTANT:** This URL is intended to showcase the latest stable version of (WIP), it should be kept up to date with the main (WIP) branch and should **only** be used for release versions. If you want to deploy a development version follow the steps above under *To deploy a preview version remotely*.
+> **IMPORTANT:** This URL is intended to showcase the latest stable version of Harmonic, it should be kept up to date with the `main` Harmonic branch and should **only** be used for release versions. If you want to deploy a development version follow the steps above under *To deploy a preview version remotely*.
 
 
 ## Releasing a New Package Version
 ---
 
-This is the procedure for releasing a new Harmonic NPM package.
 This is the procedure for releasing a new Harmonic NPM package.
 
 There are two types of package:
 
-A **snapshot** can be published to use a development version of the (WIP) library in our frontend staging environments, to perform integrated, manual testing.
+A **snapshot** can be published to use a development version of the Harmonic library in our frontend staging environments, to perform integrated, manual testing.
 
 A **stable** package is published for use in production.
 
@@ -128,9 +124,9 @@ A **stable** package is published for use in production.
 
 ### **1. To release a snapshot version**
 
-> **IMPORTANT:** Make sure you always publish your **snapshots** from (WIP) after merging in your feature branch.
+> **IMPORTANT:** Make sure you always publish your **snapshots** from `development` after merging in your feature branch.
 
-For snapshots, `RELEASE_VERSION` should be the same as the latest **stable** version of the (WIP) Library, as found in (WIP), followed by an **unused** lowercase letter.
+For snapshots, `RELEASE_VERSION` should be the same as the latest **stable** version of the Harmonic Library, as found in [npm Harmonic - Versions](https://www.npmjs.com/package/@royaloperahouse/harmonic?activeTab=versions), followed by an **unused** lowercase letter.
 
 For example, if the latest stable release was 1.42.0, and the last snapshot published to NPM was 1.42.0-w, you would use RELEASE_VERSION `1.42.0-x`
 
@@ -140,19 +136,18 @@ To publish a snapshot use:
 NPM_ROH_TOKEN={NPM_TOKEN} RELEASE_VERSION={RELEASE_VERSION} yarn publish-snapshot
 ```
 
-The version published to NPM will be named, e.g. `1.42.0-a-harmonic-development`, use this to install the snapshot package in the frontend repos.
 The version published to NPM will be named, e.g. `1.42.0-a-harmonic-development`, use this to install the snapshot package in the frontend repos.
 
 ### **2. To release a stable version**
 
-> **IMPORTANT:** Make sure you always publish your **stable** packages from (WIP) after merging in your feature branch.
+> **IMPORTANT:** Make sure you always publish your **stable** packages from `main` after merging in your feature branch.
 
-For stable releases, increment your version from the latest **stable** version found on (WIP), following the rules described in *Versioning* above, and use this as `RELEASE_VERSION`. (Make sure it matches the version in your `package.json` and `CHANGELOG.md`!)
+For stable releases, increment your version from the latest **stable** version found on [npm Harmonic - Versions](https://www.npmjs.com/package/@royaloperahouse/harmonic?activeTab=versions), following the rules described in *Versioning* above, and use this as `RELEASE_VERSION`. (Make sure it matches the version in your `package.json` and `CHANGELOG.md`!)
 
 To publish a stable package use:
 
 ```bash
-wip
+NPM_ROH_TOKEN={NPM_TOKEN} RELEASE_VERSION={RELEASE_VERSION} yarn publish-release
 ```
 
 
@@ -163,11 +158,9 @@ The package is deployed to NPM, and can be installed using yarn or npm:
 
 ```bash
 npm i --save @royaloperahouse/harmonic
-npm i --save @royaloperahouse/harmonic
 ```
 ```bash
 yarn add @royaloperahouse/harmonic
-yarn add @royaloperahouse/harmonic
 ```
 
 
@@ -202,26 +195,26 @@ yarn test-storybook
 ---
 
 ### **1. Branching Model**
-* The (WIP) project lives in the `roh-components` *monorepo*
-* When working on WIP, treat the (WIP) directory as your root
-* The WIP **development** branch is currently WIP
-* The WIP **main** branch is currently WIP
-* All work should be done on a correctly named **feature branch** of the format: `issueType/ticketNumber-short-description-of-feature`, e.g. WIP
+* The Harmonic project lives in the `harmonic-library/harmonic` *repository*
+* When working on Harmonic, treat the `harmonic` directory as your root
+* The Harmonic **development** branch is for QA
+* The Harmonic **main** branch is currently for stable releases
+* All work should be done on a correctly named **feature branch** of the format: `issueType/ticketNumber-short-description-of-feature`, e.g. `feature/RD-12345-add-example-component`
 * Always create your feature branch FROM, and submit pull requests TO, the **main** branch
-* For **QA / UAT** of a WIP component in isolation: following review you should deploy a preview version to Chromatic straight from your **feature branch** _without_ merging to development
+* For **QA / UAT** of a Harmonic component in isolation: following review you should deploy a preview version to Chromatic straight from your **feature branch** _without_ merging to development
 * For releasing an **NPM snapshot**: merge your feature branch into the **development** branch and publish the NPM snapshot from there
 
 ### **2. Detailed Workflow**
 
 #### **Before review:**
 
-* Git pull the latest version of WIP
-* Checkout a new, correctly-named feature branch from WIP
+* Git pull the latest version of Harmonic from `main`
+* Checkout a new, correctly-named feature branch from `main`
 * Do your work on this feature branch
-* Run: `yarn lint`
-* Run: `yarn test`
+* Run: `yarn lint --fix`
+* Run: `yarn test -u`
 * Commit your changes
-* Create a pull request from your feature branch to WIP
+* Create a pull request from your feature branch to `main`
 * Add the appropriate reviewers
 
 #### **Before QA / UAT:**
@@ -235,10 +228,10 @@ After your PR is approved, you have two options:
 
 **ii.** For integrated testing of a component in the frontend staging environments:
 
-* Check out the WIP branch
-* Merge your work in to WIP
+* Check out the `development` branch
+* Merge your work in to `development`
 * Follow the steps above under *Publishing a New Package Version -> 1. To release a snapshot version*
-* Git push the updated WIP branch to remote
+* Git push the updated `development` branch to remote
 * Finally, in the frontend repo:
 
 1. Update the `package.json` to reference the new snapshot version
@@ -247,17 +240,17 @@ After your PR is approved, you have two options:
 
 #### **When ready for production:**
 
-* Return to your WIP **feature branch**
-* Update the WIP version in `package.json`, incrementing from the last **stable** release, found in WIP, and following the rules described in the *Versioning* section
+* Return to your Harmonic **feature branch**
+* Update the HArmonic version in `package.json`, incrementing from the last **stable** release, found in [npm Harmonic - Versions](https://www.npmjs.com/package/@royaloperahouse/harmonic?activeTab=versions), and following the rules described in the *Versioning* section
 * Update `CHANGELOG.md`, adding the new version number and a short description of your changes
-* Run: `yarn lint`
-* Run: `yarn test`
+* Run: `yarn lint --fix`
+* Run: `yarn test -u`
 * Run: `yarn test-storybook -u`
 * Run: `yarn build-storybook`
 * Git commit, push, and update your PR for final approval
-* Merge your approved PR to WIP
+* Merge your approved PR to `main`
 * Follow the steps in *Publishing a New Package Version -> 2. To release a stable version* to publish the NPM package
-* Finally, follow the steps in *Deploying The Storybook -> 3. To deploy a release version*, to update the public WIP Storybook page
+* Finally, follow the steps in *Deploying The Storybook -> 3. To deploy a release version*, to update the public Harmonic Storybook page
 
 Once you have successfully published a new release version, you can open a ticket to update to this version in any of the frontend repos.
 

package/README.md

@@ -1,5 +1,4 @@
-# Royal Opera House - harmonic 
-# Royal Opera House - harmonic 
+# Royal Opera House - Harmonic
 
 Welcome to The Royal Opera House Harmonic library components  `@royaloperahouse/harmonic`.
 
@@ -55,14 +54,16 @@ const App = ({ children }: InnerProps): React.ReactElement => (
 ```
 
 ## Components
+(Complete)
+ControlledDropdown, ImageProportion, Typography (Display, Header, Subtitle,BodyCopy, Overline, ButtonText, Caption, NavigationText, TextLink)
 
-WIP
+(WIP)
+Colors, Footer, Iconography, Navigation, Tab, Tabs, TabLink
 
-## Types
-
-WIP
+(TODO / Legacy)
+Accordion, Accordions, AltHeader, AnchorTabBar, AnnouncementBanner, Card, Cards, Carousel, CinemaBadge, ContactCard, devices, Editorial, GlobalStyles, Grid, GridItem, HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream, ImageWithCaption, PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PeopleListing, PrimaryButton, PromoWithTags, PromoWithTitle, RotatorButtons, SecondaryButton, SecondaryLogo, SectionSplitter, SectionTitle, Sponsorship, StickyBar, StreamBadge, TertiaryButton, TextOnly, Tickbox, TitleWithCTA, ThemeProvider, TypeTags, Quote
 
 
 ## Documentation
 
-See Storybook as a reference
+[See Storybook as a reference] TODO: S3 deployment

package/dist/components/atoms/Icons/SvgIcons/Access/AudioDescription.svg.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { IconSVGProps } from '../../../../../types/iconTypes';
+declare const _default: ({ color, ariaLabel }: IconSVGProps) => React.ReactElement;
+export default _default;

package/dist/components/atoms/Icons/SvgIcons/Access/BritishSignLanguage.svg.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { IconSVGProps } from '../../../../../types/iconTypes';
+declare const _default: ({ color, ariaLabel }: IconSVGProps) => React.ReactElement;
+export default _default;

package/dist/components/atoms/Icons/SvgIcons/Access/ClosedCaptions.svg.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { IconSVGProps } from '../../../../../types/iconTypes';
+declare const _default: ({ color, ariaLabel }: IconSVGProps) => React.ReactElement;
+export default _default;

package/dist/components/atoms/Icons/SvgIcons/Access/OpenCaptions.svg.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { IconSVGProps } from '../../../../../types/iconTypes';
+declare const _default: ({ color, ariaLabel }: IconSVGProps) => React.ReactElement;
+export default _default;

package/dist/components/atoms/Icons/SvgIcons/Access/RelaxedPerformance.svg.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { IconSVGProps } from '../../../../../types/iconTypes';
+declare const _default: ({ color, ariaLabel }: IconSVGProps) => React.ReactElement;
+export default _default;

package/dist/components/atoms/Icons/SvgIcons/index.d.ts

@@ -6,6 +6,7 @@ export declare const IconLibrary: {
     BalletAndDance: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     Basket: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     BasketFull: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
+    BritishSignLanguage: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     BookTickets: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     CarouselArrow: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     ChooseDates: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
@@ -13,6 +14,7 @@ export declare const IconLibrary: {
     Clips: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     Clock: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     Close: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
+    ClosedCaptions: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     Confirm: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     CreditCard: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     Delete: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
@@ -42,6 +44,7 @@ export declare const IconLibrary: {
     Minimise: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     Muted: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     OnMyList: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
+    OpenCaptions: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     OperaAndMusic: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     Pause: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     PDF: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
@@ -49,6 +52,7 @@ export declare const IconLibrary: {
     Play: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     Print: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     Refresh: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
+    RelaxedPerformance: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     Reminder: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     Remove: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;
     Remove12px: ({ color, ariaLabel }: import("../../../../types/iconTypes").IconSVGProps) => import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)>;

package/dist/components/atoms/TabLink/index.d.ts

@@ -1,2 +1 @@
-import TabLink from './TabLink';
-export default TabLink;
+export { default as TabLink } from './TabLink';

package/dist/components/atoms/index.d.ts

@@ -13,7 +13,7 @@ import SectionSplitter from './SectionSplitter';
 import SponsorLogo from './SponsorLogo';
 import Sponsorship from './Sponsorship';
 import Tab from './Tab';
-import TabLink from './TabLink';
+import { TabLink } from './TabLink';
 import TextArea from './TextArea';
 import { TextField, TextFieldLegacy } from './TextField';
 import TextLink from './TextLink';

package/dist/components/index.d.ts

@@ -1,8 +1,8 @@
 import { DisplayHeader, HarmonicHeader, HarmonicSubtitle, BodyCopyHarmonic, HarmonicOverline, ButtonText, Caption, NavigationText } from './Typography';
 import { AltHeader, BodyText, CinemaBadge, ControlledDropdown, Grid, GridItem, Header, Icon, ImageAspectRatioWrapper, Overline, PrimaryButton, Progress, Radio, Radio2, RotatorButtons, SecondaryButton, SecondaryLogo, TertiaryButton, SectionSplitter, Sponsorship, Stepper, StreamBadge, Subtitle, Tab, TabLink, TextLogo, TextArea, TextField, TextFieldLegacy, TextLink, Tickbox, Tickbox2, Timer, TypeTags, VideoControls } from './atoms';
-import { AnchorTabBar, Footer, LiveChat, Navigation, StickyBar, TitleWithCTA, UpsellSection } from './organisms';
+import { AnchorTabBar, Footer, Navigation, StickyBar, TitleWithCTA, UpsellSection } from './organisms';
 import { Accordion, Accordions, AnnouncementBanner, AuxiliaryNav, Card, Cards, ContactCard, ContentSummary, CreditListing, Editorial, ImageWithCaption, Information, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, PasswordStrength, Pagination, PeopleListing, PromoWithTags, PromoWithTitle, RadioGroup, RadioGroup2, ReadMore, StatusBanner, SearchBar, SectionTitle, Select, Select2, Select2Async, Table, Tabs, TextOnly, UpsellCard, Quote, VideoWithControls } from './molecules';
 import ThemeProvider from '../styles/ThemeProvider';
 import GlobalStyles from '../styles/GlobalStyles';
 export { DisplayHeader, HarmonicHeader, HarmonicSubtitle, BodyCopyHarmonic, HarmonicOverline, ButtonText, Caption, NavigationText, };
-export { Accordion, Accordions, AnnouncementBanner, AltHeader, AnchorTabBar, AuxiliaryNav, BodyText, Card, Cards, ContactCard, ContentSummary, CinemaBadge, ControlledDropdown, CreditListing, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, Navigation, Overline, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, Pagination, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, SecondaryButton, SecondaryLogo, StatusBanner, SearchBar, SectionTitle, Select, Select2, Select2Async, Sponsorship, Stepper, StickyBar, StreamBadge, Subtitle, TertiaryButton, TextOnly, ThemeProvider, TitleWithCTA, SectionSplitter, Tab, TabLink, Table, Tabs, TextArea, TextField, TextFieldLegacy, TextLink, TextLogo, Tickbox, Tickbox2, Timer, TypeTags, UpsellCard, UpsellSection, Quote, LiveChat, VideoControls, VideoWithControls, };
+export { Accordion, Accordions, AnnouncementBanner, AltHeader, AnchorTabBar, AuxiliaryNav, BodyText, Card, Cards, ContactCard, ContentSummary, CinemaBadge, ControlledDropdown, CreditListing, Editorial, Footer, GlobalStyles, Grid, GridItem, Header, Icon, ImageAspectRatioWrapper, ImageWithCaption, Information, Navigation, Overline, PageHeadingCinema, PageHeadingCompact, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, Pagination, PasswordStrength, PeopleListing, PrimaryButton, Progress, PromoWithTags, PromoWithTitle, Radio, Radio2, RadioGroup, RadioGroup2, ReadMore, RotatorButtons, SecondaryButton, SecondaryLogo, StatusBanner, SearchBar, SectionTitle, Select, Select2, Select2Async, Sponsorship, Stepper, StickyBar, StreamBadge, Subtitle, TertiaryButton, TextOnly, ThemeProvider, TitleWithCTA, SectionSplitter, Tab, TabLink, Table, Tabs, TextArea, TextField, TextFieldLegacy, TextLink, TextLogo, Tickbox, Tickbox2, Timer, TypeTags, UpsellCard, UpsellSection, Quote, VideoControls, VideoWithControls, };

package/dist/components/organisms/Footer/index.d.ts

@@ -1,2 +1 @@
-import Footer from './Footer';
-export default Footer;
+export { default as Footer } from './Footer';

package/dist/components/organisms/index.d.ts

@@ -1,9 +1,8 @@
 import Navigation from './Navigation';
-import Footer from './Footer';
+import { Footer } from './Footer';
 import AnchorTabBar from './AnchorTabBar';
 import TitleWithCTA from './TitleWithCTA';
 import UpsellSection from './UpsellSection';
-import { LiveChat } from './LiveChat';
 import StickyBar from './StickyBar';
 import ModalWindow from './ModalWindow';
-export { AnchorTabBar, Footer, LiveChat, ModalWindow, Navigation, StickyBar, TitleWithCTA, UpsellSection };
+export { AnchorTabBar, Footer, ModalWindow, Navigation, StickyBar, TitleWithCTA, UpsellSection };