@royaloperahouse/chord 2.11.3-dev → 2.12.0

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

@@ -1,4 +1,3 @@
 import Grid from './Grid';
 import GridItem from './GridItem';
-import GridItemLegacy from './GridItemLegacy';
-export { Grid, GridItem, GridItemLegacy };
+export { Grid, GridItem };

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

@@ -1,7 +1,7 @@
 import { CinemaBadge, StreamBadge } from './Badge';
 import { PrimaryButton, SecondaryButton, TertiaryButton } from './Buttons';
 import ControlledDropdown from './ControlledDropdown';
-import { Grid, GridItem, GridItemLegacy } from './Grid';
+import { Grid, GridItem } from './Grid';
 import { Icon } from './Icons';
 import ImageAspectRatioWrapper from './ImageAspectRatioWrapper';
 import Progress from './Progress';
@@ -26,4 +26,4 @@ import { AltHeader, BodyText, Header, Overline, Subtitle } from './Typography';
 import VideoControls from './VideoControls';
 import { Stepper } from './Stepper';
 import ToggleButton from './ToggleButton/ToggleButton';
-export { AltHeader, BodyText, CinemaBadge, ControlledDropdown, Grid, GridItem, GridItemLegacy, Header, Icon, ImageAspectRatioWrapper, Overline, Progress, PrimaryButton, Radio, Radio2, RotatorButtons, SecondaryButton, SecondaryLogo, SectionSplitter, SponsorLogo, Sponsorship, Stepper, StreamBadge, Subtitle, Tab, TabLink, TertiaryButton, TextArea, TextField, TextFieldLegacy, TextLink, TextLogo, Tickbox, Tickbox2, Timer, TypeTags, VideoControls, ToggleButton, };
+export { AltHeader, BodyText, CinemaBadge, ControlledDropdown, Grid, GridItem, Header, Icon, ImageAspectRatioWrapper, Overline, Progress, PrimaryButton, Radio, Radio2, RotatorButtons, SecondaryButton, SecondaryLogo, SectionSplitter, SponsorLogo, Sponsorship, Stepper, StreamBadge, Subtitle, Tab, TabLink, TertiaryButton, TextArea, TextField, TextFieldLegacy, TextLink, TextLogo, Tickbox, Tickbox2, Timer, TypeTags, VideoControls, ToggleButton, };

package/dist/components/molecules/PageHeading/index.d.ts

@@ -4,4 +4,4 @@ import PageHeadingImpact from './Impact';
 import PageHeadingPanel from './Panel';
 import PageHeadingStream from './Stream';
 import PageHeadingCompact from './Compact/Compact';
-export { PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, PageHeadingCompact, };
+export { PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingStream, PageHeadingCompact, PageHeadingPanel, };

package/dist/components/molecules/PeopleListing/CreditListing/CreditListing.style.d.ts

@@ -5,4 +5,3 @@ export declare const CreditListingWrapper: import("styled-components").StyledCom
 export declare const DescriptionWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const RoleWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const CreditWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CreditBodyWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/molecules/Table/Table.style.d.ts

@@ -16,4 +16,4 @@ export declare const PageNumber: import("styled-components").StyledComponent<"bu
 }, never>;
 export declare const Next: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const ScrollButtons: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const AriaDescription: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const AriaDescription: import("styled-components").StyledComponent<"span", any, {}, never>;

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

@@ -27,8 +27,8 @@ import ImageWithCaption from './ImageWithCaption';
 import Quote from './Quote';
 import MiniCard from './MiniCard';
 import ReadMore from './ReadMore';
-import PasswordStrength from './PasswordStrength';
 import AuxiliaryNav from './AuxiliaryNav';
+import PasswordStrength from './PasswordStrength';
 import Table from './Table';
 import VideoWithControls from './VideoWithControls';
 import SignUpForm from './SignUpForm';

package/dist/types/formTypes.d.ts

@@ -265,28 +265,25 @@ export interface IStepperProps {
     step?: number;
     /** An error message to be shown below the stepper.
      *
+     * Default: `undefined`
      */
     error?: string;
-    /**
-     * Set disapled state
-     */
-    disabled?: boolean;
-    /**
-     * Minimum value allowed in the stepper
-     */
-    min?: number;
     /**
      * A style prop that allows us to change what colours to
      * use for light or dark mode (e.g. text color, border color, etc...)
      * based on the background color.
      *
      * Defaults to `false`.
-     * Specify whether or not the containing element has a dark background.
-     * This property affects the border colours for focused and error states.
-     *
-     * Default: `false`
      */
     darkMode?: boolean;
+    /**
+     * Set disapled state
+     */
+    disabled?: boolean;
+    /**
+     * Minimum value allowed in the stepper
+     */
+    min?: number;
     /**
      * Maximum value allowed in the stepper
      */

package/dist/types/types.d.ts

@@ -512,12 +512,28 @@ export interface IAccordionProps {
      * Optional icon to display next to the trigger, e.g. a payment method logo
      */
     icon?: IconNameType;
+    /**
+     * Controls the open state externally. When provided, the Accordion becomes
+     * "controlled" and its internal open state is ignored - use together with
+     * `onToggle`. Used internally by `Accordions` for `onlyOneOpen`.
+     */
+    isOpen?: boolean;
+    /**
+     * Called when the Accordion is toggled. Required when `isOpen` is provided,
+     * since the Accordion no longer manages its own open state.
+     */
+    onToggle?: () => void;
 }
 export interface IAccordionsProps {
     /**
      * Array of Accordion component
      */
     items: IAccordionProps[];
+    /**
+     * When true, opening an Accordion closes any other open Accordion in the
+     * list, so at most one item is open at a time.
+     */
+    onlyOneOpen?: boolean;
 }
 export interface IAnnouncementBannerProps {
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@royaloperahouse/chord",
-  "version": "2.11.3-dev",
+  "version": "2.12.0",
   "author": "Royal Opera House",
   "license": "MIT",
   "main": "dist/index.js",
@@ -23,7 +23,7 @@
     "storybook": "start-storybook -s ./external -p 6006",
     "build-storybook-dev": "build-storybook",
     "build-storybook": "rm -rf ./storybook-static; build-storybook -s ./src -o ./storybook-static; cp -r ./external/ ./storybook-static/",
-    "deploy-storybook-dev": "CHROMATIC_PROJECT_TOKEN=2b8c0fada9f2 chromatic --build-script-name build-storybook-dev",
+    "deploy-storybook-dev": "chromatic --build-script-name build-storybook-dev",
     "deploy-storybook": "storybook-to-aws-s3 --bucket-path=chord.roh.org.uk --aws-profile=parent --existing-output-dir=storybook-static --s3-sync-options=--acl=public-read",
     "test-storybook": "tsdx test --json --passWithNoTests --outputFile=./test/jest-test-results.json",
     "publish-release": "make prepare-release-candidate; make publish-release",

package/dist/components/atoms/AriaAlternativeDescription/AriaAlternative.d.ts

@@ -1,5 +0,0 @@
-import { FunctionComponent } from 'react';
-import { IAriaAlternativeProps, IAriaHideProps } from '../../../types/ariaAlternative';
-/** A temporary screen-reader accessibility workaround for components with issues that can't be resolved quickly. Allows us to use aria-hidden on components with stuctural HTML markup issues until they can be rebuilt to be screen-reader compatible, or on components whose data does not translate well to screen-reader users. **/
-export declare const AriaHide: FunctionComponent<IAriaHideProps>;
-export declare const AriaAlternative: FunctionComponent<IAriaAlternativeProps>;

package/dist/components/atoms/AriaAlternativeDescription/AriaAlternative.style.d.ts

@@ -1,3 +0,0 @@
-import { IAriaHideProps } from '../../../types/ariaAlternative';
-export declare const AriaAlternativeDescription: import("styled-components").StyledComponent<"a", any, {}, never>;
-export declare const AriaHideOnDevice: import("styled-components").StyledComponent<"div", any, IAriaHideProps, never>;

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

@@ -1,2 +0,0 @@
-import { AriaAlternative, AriaHide } from './AriaAlternative';
-export { AriaAlternative, AriaHide };

package/dist/components/atoms/Grid/GridItemLegacy.d.ts

@@ -1,8 +0,0 @@
-import { IGridItemProps } from '../../../types/types';
-/**
- * # IMPORTANT
- * Please use the `<GridItem />` component instead of this component if possible.
- * This component was introduced due to incompatibilities between versions of the Chord library.
- */
-declare const GridItemLegacy: import("styled-components").StyledComponent<"div", any, IGridItemProps, never>;
-export default GridItemLegacy;

package/dist/types/ariaAlternative.d.ts

@@ -1,34 +0,0 @@
-export interface IAriaAlternativeProps {
-    /**
-     * A temporary screen-reader accessibility workaround for components with issues that can't be resolved quickly.
-     * Allows us to use aria-hidden on components with stuctural HTML markup issues until they can be rebuilt to be screen-reader compatible.
-     */
-    /**
-     * Description of the content being communicated by this component.
-     */
-    description: string;
-    /**
-     * originalContent - parse in the data from the original component / response object.
-     */
-    originalContent: Array<{
-        key: string;
-        value: string;
-    }>;
-    /**
-     * speechValues - input contextual speech values here to build a sentence, e.g. "you have" , "tickets for" , etc.
-     */
-    speechValues: Array<{
-        key: string;
-        value: string;
-    }>;
-    /**
-     * Disable this component (for testing purposes).
-     */
-    disabled?: boolean;
-}
-export interface IAriaHideProps {
-    /**
-     * Inert - disables all focusable child elements, necessary if using aria-hidden
-     */
-    inert: boolean;
-}