@royaloperahouse/harmonic 0.1.0 → 0.1.1-b-test

package/CHANGELOG.md

@@ -0,0 +1,607 @@
+##[0.1.0]
+- Published Harmonic to NPM
+
+----- Harmonic -----
+
+## [2.5.0]
+- Credit Listing component: allow inline replacements
+
+## [2.4.10]
+- Credit Listing component: extend column count
+
+## [2.4.9]
+- Information component: fix UI issues
+
+## [2.4.8]
+- Accessibility: all SVG icons can now take alt text
+
+## [2.4.7]
+- Compact Header bug fixes for Default Pages roll out
+
+## [2.4.6]
+- Print behaviour: Accordion and ReadMore now open to display content when printing, PeopleListing avoids content breaking between pages
+
+## [2.4.5]
+- Primary Button: Disabled state
+
+## [2.4.4]
+- Table Component: Accessibility improvements
+
+## [2.4.3]
+- Fix Page Heading spacing around the title
+
+## [2.4.2]
+- Logo change in main nav bar - added alt text, updated url, updated images for local testing
+
+## [2.4.1]
+- Update Stream and Cinema badges with new logo.
+- Update Page and Compact headers with new badges.
+
+## [2.4.0]
+- Added optional semantic level props to Page Heading, Alt Header, Promo With Title, and Section Title
+- Added optional character limit prop to Page Heading
+
+## [2.3.3]
+- Reintroduced legacy behaviour of <TextField /> via opt-in component
+
+## [2.3.2]
+- AuxiliaryNav: onClick handler fixes
+
+## [2.3.1]
+- AuxiliaryNav: accessibility improvements
+
+## [2.3.0]
+- New component: VideoWithControls
+- PromoWithTitle: handle video
+- VideoControls: extend the component with the new settings
+
+## [2.2.15]
+- Sponsorship: Direct to Rolex v4 containing new jQuery version
+
+## [2.2.14]
+- Table: fixed minor issues
+
+## [2.2.13]
+- New component: Select2Async
+- Select2: fixed minor issues
+
+## [2.2.12]
+- Table component
+
+## [2.2.11]
+- Add Auxiliary button component and extend cards with it
+
+## [2.2.10]
+- Add Highlight text for the Card component
+
+## [2.2.9]
+- New component: Select2
+- Deprecated: Select
+
+## [2.2.8]
+- New components: Tickbox2, Radio2, RadioGroup2
+- Deprecated: Tickbox, Radio, RadioGroup
+
+## [2.2.7]
+- Add new seat-type icons
+
+## [2.2.6]
+- TextField: minor style fixes
+
+## [2.2.5]
+- Add Status Banner Component
+
+## [2.2.4]
+- Add AuxiliaryNav component
+- Add PasswordStrength component
+- TextField: add password view
+
+## [2.2.3]
+- Add ModalWindow component
+
+## [2.2.2]
+- Allow accordions to take different display and semantic levels
+
+## [2.2.1]
+- Read More Component
+
+## [2.2.0]
+- Fix Grid bug introduced in 2.1.9
+
+## [2.1.10]
+- Add missing export for `CreditListing`
+
+## [2.1.9]
+- Add Credit Listing
+
+## [2.1.8]
+- Add Branding Link to Compact Header
+
+## [2.1.7]
+- Footer updates
+
+## [2.1.6]
+- Add X logo
+
+## [2.1.5]
+- Revert search error caused by previous version
+
+## [2.1.4]
+- Fix screenreader accessibility for accordions
+
+## [2.1.3]
+- Navigation: make links links
+- Clear testing errors
+
+## [2.1.2]
+- TextField: include optional width param
+
+## [2.1.1]
+- AnchorTabBar: change grid, to move tabs to the center
+
+## [2.1.0]
+- Convert Pagination to href instead of React Router Link
+
+## [2.0.0]
+- Remove swiper dependency
+## [1.28.0]
+- Add new RadioGroup component
+- Progress: add the steps
+- Compact header: hide CTA if the prop is undefined
+- Compact header: change highlight color for Stream variant
+
+## [1.27.1]
+- Fixed failing test on timer component
+
+## [1.27.0]
+- ContentSummary component can now be configured to be fully clickable
+
+## [1.26.0]
+- MiniCard and MinimalCarousel: add new components
+
+## [1.25.2]
+- Now clicking on the gray overlay closes the search bar
+
+## [1.25.1]
+- Stepper: Properly export component
+
+## [1.25.0]
+- Stepper: Add Stepper component
+
+## [1.24.2]
+- Increase Upsell Card Flag character limit to 30
+
+## [1.24.1]
+- Include link field to Upsell Cards
+
+## [1.24.0]
+- Implement Upsell Section & Upsell Cards
+
+## [1.23.2]
+- Fix BrandingStyle not showing bug
+
+## [1.23.1]
+- Fix enum on BrandingStyle
+
+## [1.23.0]
+- Re-enabled compact header on iOS
+
+## [1.22.0]
+- TextArea: Added new TextArea component
+- TickBox: Added disabled and error states
+
+## [1.21.1]
+- Made select state reset behaviour opt-in
+
+## [1.21.0]
+- TextLogo: add new component
+- Compact PageHeading: swap logo with TextLogo to fix iOS issues
+
+## [1.20.2]
+- Card: change cursor to default for cards without buttons
+- HighlightsCarousel: hide button in case there are no text for them
+
+## [1.20.1]
+- Reset the select component's selected value to the first option if options change
+
+## [1.20.0]
+- Tickbox: Add black-on-white option
+## [1.19.0]
+- Add timer to navigation basket
+## [1.18.3]
+- iOS devices show image instead of video for Compact PageHeading
+
+## [1.18.1-2]
+- Fix iOS exception on VideoControls
+
+## [1.18.0]
+- Add Compact PageHeading component
+
+## [1.17.0]
+- Add Page Heading Panel variant
+
+## [1.16.0]
+- Implemented a new Timer component
+- Progress: extended the component, added it to Storybook
+- PromoWithTags: added Timer component
+- PromoWithTags: added possibility to configure type of the buttons
+- Highlight Carousel: added Timer component
+- Card: added label
+
+## [1.15.1]
+- Change to pagination component to align page numbers with URL numbers.
+
+## [1.15.0]
+- Implemented a new Select component
+
+## [1.14.0]
+- Added standfirst functionality to Accordion/ Accordions component and theme for Schools Platform
+
+## [1.13.2]
+- Add styled-components to dev-dependencies, to fix issues with tests that appear after adding the new styled components
+
+## [1.13.1]
+- AnchorTabBar: fix the issues on mobile devices that are related to scroll/stickiness
+
+## [1.13.0]
+- Implemented a new TextField component
+
+## [1.12.4]
+- Search: change copy
+
+## [1.12.0]
+- Search: Extend ContentSummary and SearchBar components to support new search results
+
+## [1.11.0]
+- Carousels: Rewrite logic that cuts description, to support older browsers
+
+## [1.10.0]
+- PageHeadingImpact: Replace CSS background-image with HTML image element
+
+## [1.9.0]
+- Card: Add a new prop for the hover line color
+
+## [1.8.0]
+- SearchBar: Disable
+
+## [1.7.2]
+- Add imageAltText to Card component
+
+## [1.7.0]
+- Add new ContentSummary component
+- Add new ContentSummarySection component
+- Add Content Summary Section and individual Content Summaries
+
+## [1.6.3]
+- Add exports for zIndexes
+
+## [1.6.2]
+- ImpactHeader: add alt text for sponsors logo custom image 
+
+## [1.6.1]
+- PageHeadingHighlight component: update exports
+
+## [1.6.0]
+- Add new PageHeadingHighlight component
+
+## [1.5.0]
+- PageHeading: decrease header height when title is not available
+
+## [1.4.0]
+- ImpactHeader: make it possible to pass custom image as a sponsor logo
+
+## [1.3.1]
+- Enable reduced size textLinks on PromoWithTags/asCard
+
+## [1.3.0]
+- Add Static Actvivity Cards as PromoWithTags variant
+
+## [1.2.0]
+- Card: buttons do not change position on mobiles; 
+
+## [1.1.0]
+- TitleWithCTA: fix cases with a long title
+- Card: add pointer cursor to container
+
+## [0.9.0]
+- PromoWithTags: Add margin under ExtraContent iframe
+
+## [0.8.0]
+- Card component: buttons are aligned by height
+- Highlight carousel: added possibility to display two CTAs
+
+## [0.7.50]
+- Add Static Actvivity Cards
+
+## [0.7.49]
+- Change button behaviour on stream and DED pages
+
+## [0.7.48]
+- Add background themes to Information component
+
+## [0.7.47]
+- PromoWithTags: Swap Content & ExtraContent divs to correct keyboard tab order
+
+## [0.7.46]
+- Information: Add new Information component
+
+## [0.7.45]
+- PromoWithTags: extend the component to handle extra content
+
+## [0.7.441]
+- PageHeading: increase max line height for mobile devices
+
+## [0.7.44]
+- PromoWithTags, PromoWithTitle: change grid for text content on tablet view
+
+## [0.7.43]
+- AnchorTabBar: fix the typo in the name of the component
+- PromoWithTags: increase spacing between tags and body text
+- PromoWithTags: change prop name for subtags
+
+## [0.7.42]
+- Livechat: Add more branded fields
+
+## [0.7.41]
+- PromoWithTags: convert the checks value to boolean
+
+## [0.7.40]
+- Add new PromoWithTags component
+- StickyBar: remove bottom border for mobile viewport
+
+## [0.7.39]
+- Livechat: restyling
+
+## [0.7.38]
+- PromoWithTitle: add styles for headings
+
+## [0.7.37]
+- Tabs: Fix nav item spacing for large desktop displays
+
+## [0.7.36]
+- Update PromowithTitle component with tags and change highlight color for text and title in Stream Header 
+
+## [0.7.35]
+- Add new StickyBar component
+
+## [0.7.34]
+- Tabs: Left-align last dropdown menu in the navigation bar
+
+## [0.7.33]
+- Livechat: add Talkdesk Livechat injection component
+
+## [0.7.32]
+- Carousels: extend character limit for description
+
+## [0.7.31]
+- Card: add image alt text as a prop
+
+## [0.7.30]
+- Navigation: add possibility to pass basket link as prop
+
+## [0.7.29]
+- TextOnly: change spacing for the headings
+
+## [0.7.28]
+- Order PeopleListing component by presence of headshot
+- Show four listings per row on large desktop
+
+## [0.7.27]
+- Extend ContactCard capabilities
+- Extend Tertiary Button text length
+
+## [0.7.26]
+- Add storybook-deployer package
+- Update README with instructions for deployment
+
+## [0.7.25]
+- PeopleListing: add headshot
+
+## [0.7.24]
+- Add new ContactCard component
+
+## [0.7.23]
+- Accordion: make accordion keyboard-navigable
+
+## [0.7.22]
+- Add new AnnouncementBanner component
+
+## [0.7.21]
+- PageHeading: add a possibility to handle bold and italic in text
+- Header-2: fix font size and line-height
+
+## [0.7.20]
+- TextOnly: fix spacing between the elements
+
+## [0.7.19]
+- TextOnly: extend styles for embedded headers and links
+
+## [0.7.18]
+- Quote: fix qoute signs
+
+## [0.7.17]
+- Add new Quote component
+
+## [0.7.16]
+- Card: fix title font size for tablet
+
+## [0.7.15]
+- Tickbox: fix keyboard key value
+
+## [0.7.14]
+- Fix keyboard accessibility for Tickbox
+
+## [0.7.13]
+- Fix Carousel Card typography
+- Fix Impact Header Grid
+- Fix Footer Grid
+- Add additional font sizes for tablet
+
+## [0.7.12]
+- Tickbox: fixed issue with component's state updating
+
+## [0.7.11]
+- PromoWithTitle: align image vertically
+
+## [0.7.10]
+- Theme: increases font size
+
+## [0.7.9]
+- Impact: fix sponsor click and font size on mobile
+- Carousel: add buttons to tablet
+- Navigation: position fixed when menu is open on mobile
+- Highlight Carousel: add html text to short description
+
+## [0.7.8]
+- TitleWithCTA: add message prop
+
+## [0.7.7]
+- Tabs: close dropdown when it is clicked twice
+
+## [0.7.6]
+- Add new initOpen prop to Accordion component
+
+## [0.7.5]
+- Fix Styling in PeopleListing on Desktop
+
+## [0.7.4]
+- Fix git README
+
+## [0.7.3]
+- Fix Styling in PeopleListing on Mobile
+
+## [0.7.2]
+- Add align center image in Editorial component
+- Export ControlledDropdown component
+
+## [0.7.1]
+- Fix TitleWithCTA bug (visualization in two lines) in tablet
+- Export TextLink component
+- PeopleListing: custom person separator
+
+## [0.7.0]
+- PeopleListing: replace people prop by roles prop
+
+## [0.6.0]
+- Refactor the AnchorTabBar to separate page title and buttons
+- Add new TitleWithCTA component
+- Export Tab component
+
+## [0.5.11]
+- Add Tickbox component and TickboxMode enum
+- PageHeading: fix typography
+
+## [0.5.10]
+- Highlights Carousel: tablet layout improvements
+- Navigation improvements for small desktops.
+- Hide Rotator Buttons in the Hihghlight Carousel when there is only one event
+
+## [0.5.9]
+- Reduce tablet grid margin from 50px to 32px.
+- Add alternative to aspect-ratio css attribute.
+
+## [0.5.8]
+- PromoWithTitle links style
+
+## [0.5.7]
+- Added Star icon to Iconography
+
+## [0.5.6]
+- Added Favourite and Favourite Full icons to Iconography
+
+## [0.5.5]
+- Export ImageAspectRatioWrapper component and AspectRatio enum
+
+## [0.5.4]
+- Fix Card typography
+- Fix Carousel title typography
+- Fix Image Carousel size
+- Fix focus style in rotator buttons (Safari)
+- Anchor tab links hover style only for desktop
+- Fix Anchor bar internal navigation
+
+## [0.5.3]
+- Handle keyboard events using key attribute
+
+## [0.5.2]
+- Highlights Carousel: info change swiping slide
+- Fix RotatorButtons a11y
+
+## [0.5.1]
+- Highlights Carousel: fix box-sizing
+
+## [0.5.0]
+- Highlights Carousel: new slides props (breaking change)
+- Fix in PageHeadingImpact image
+
+## [0.4.4]
+- AnchorTabBar a11y: added tabIndex to links
+
+## [0.4.3]
+- Prevent focus when navigation tab is clicked
+
+## [0.4.2]
+- Highlights Carousel Components
+- Keyboard navigation fix for Navigation Component
+
+## [0.4.1]
+- Swiper included as dependency
+- Fix for italics in Editorial, Card and PromoWithTitle components
+- Extra Props for AnchorTabBar
+
+## [0.4.0]
+- Navigation Logo breaking change
+- Colors enum exported as in types
+
+## [0.3.9]
+- Added Carousel Component
+- Dropdowns overlap fix
+- z-index fixes (for cards overlapping Anchor Tabs)
+- Navigation menu alignment fix
+
+## [0.3.8]
+- Add possibility to configure GridItem for TextOnly component
+- Rich Text Editor Styling fix
+- Tweaks to Button layout for components
+- Anchor navigation arrows fix
+
+## [0.3.7]
+- Typography change for Subtitle 2
+- AltHeader, BodyText, Header, Overline and Subtitle Components
+- REMOVED Heading Component - replaced by Header Component
+- Accordion Component able to support other components as content
+- made 'devices' public
+
+## [0.3.6]
+- PageHeading Component
+- SectionTitle multiline fix
+
+## [0.3.5]
+- Fix for Searchbox border on iOS
+- Fix for Accordion - Mobile Styling Issue
+- Fix for Card Component - Styling Issues
+- Change in Search layout
+
+## [0.3.4]
+- Added Rotator Buttons
+- General Gotham SSm A & B font setup fixes
+- Fix for Footer font and size in mobile view
+- Subtitles 2 typography changes
+
+## [0.3.3]
+- Added AnchorTabBar Component
+- Added Accordion Component
+- Added Card Component
+- Fixes to fonts setup
+- Fix for Navigation Search font and mobile view
+
+## [0.3.0]
+- Design system project renamed and moved to chord
+
+## [0.2.0]
+- public NPM Library 
+
+## [0.1.0]
+- Initial version
+
+----- Chord -----

package/README.md

@@ -1,5 +1,7 @@
 # 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.
@@ -16,6 +18,7 @@ The Storybook for the latest version of the library is hosted at [coming soon]()
 
 * 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.
@@ -34,6 +37,7 @@ The Storybook for the latest version of the library is hosted at [coming soon]()
 ## 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:
@@ -111,6 +115,7 @@ yarn deploy-storybook
 ## 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:
@@ -135,6 +140,7 @@ 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**
@@ -157,9 +163,11 @@ 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
 ```
 
 

package/dist/components/Typography/AltHeaders/AltHeaders.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IAltHeaderHarmonicProps } from '../../../types/typography';
+import '../styles.css';
+export declare const AltHeaderHarmonic: ({ text1, text2, text3, em, size, color }: IAltHeaderHarmonicProps) => React.JSX.Element;

package/dist/components/Typography/TextLink/TextLink.d.ts

@@ -0,0 +1,5 @@
+import { FunctionComponent } from 'react';
+import { ITextLinkHarmonicProps } from '../../../types/typography';
+import '../styles.css';
+declare const TextLinkHarmonic: FunctionComponent<ITextLinkHarmonicProps>;
+export default TextLinkHarmonic;

package/dist/components/Typography/Typography.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { IGenericTypographyProps, IHarmonicHeaderProps } from '../../types/typography';
+import './styles.css';
+export declare const DisplayHeader: ({ children, size, em, color, serif }: IGenericTypographyProps) => React.JSX.Element;
+export declare const HarmonicHeader: ({ children, size, em, color, serif, hierarchy: Tag }: IHarmonicHeaderProps) => React.JSX.Element;
+export declare const HarmonicSubtitle: ({ children, size, color }: IGenericTypographyProps) => React.JSX.Element;
+export declare const BodyCopyHarmonic: ({ children, size, color }: IGenericTypographyProps) => React.JSX.Element;
+export declare const HarmonicOverline: ({ children, size, color }: IGenericTypographyProps) => React.JSX.Element;
+export declare const ButtonText: ({ children, color }: IGenericTypographyProps) => React.JSX.Element;
+export declare const Caption: ({ children, color }: IGenericTypographyProps) => React.JSX.Element;
+export declare const NavigationText: ({ children, color }: IGenericTypographyProps) => React.JSX.Element;

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

@@ -0,0 +1,3 @@
+import { DisplayHeader, HarmonicHeader, HarmonicSubtitle, BodyCopyHarmonic, HarmonicOverline, ButtonText, Caption, NavigationText } from './Typography';
+import TextLinkHarmonic from './TextLink/TextLink';
+export { DisplayHeader, HarmonicHeader, HarmonicSubtitle, BodyCopyHarmonic, HarmonicOverline, ButtonText, Caption, NavigationText, TextLinkHarmonic, };

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IAccountProps } from '../../../types/navigation';
-declare const Account: ({ title, options, onClick, iconName, titleLink, colorPrimary }: IAccountProps) => JSX.Element;
+declare const Account: ({ title, options, onClick, iconName, titleLink, colorPrimary }: IAccountProps) => React.JSX.Element;
 export default Account;

package/dist/components/atoms/Buttons/Auxiliary/AuxiliaryButton.style.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IAuxiliaryButtonProps } from '../../../../types';
 declare const AuxiliaryButtonWrapper: import("styled-components").StyledComponent<import("react").FunctionComponent<import("../../../../types/buttonTypes").IButtonProps>, any, IAuxiliaryButtonProps, never>;
 export default AuxiliaryButtonWrapper;

package/dist/components/atoms/Buttons/Primary/PrimaryButtonWrapper.style.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IPrimaryButtonProps } from '../../../../types/buttonTypes';
 declare const PrimaryButtonWrapper: import("styled-components").StyledComponent<import("react").FunctionComponent<import("../../../../types/buttonTypes").IButtonProps>, any, IPrimaryButtonProps, never>;
 export default PrimaryButtonWrapper;

package/dist/components/atoms/Buttons/Secondary/SecondaryButtonWrapper.style.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IButtonProps } from '../../../../types/buttonTypes';
 declare const PrimaryButtonWrapper: import("styled-components").StyledComponent<import("react").FunctionComponent<IButtonProps>, any, IButtonProps, never>;
 export default PrimaryButtonWrapper;