@royaloperahouse/chord 2.9.1 → 2.10.0-a-development

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, PageHeadingStream, PageHeadingCompact, PageHeadingPanel, };
+export { PageHeadingCinema, PageHeadingCore, PageHeadingImpact, PageHeadingPanel, PageHeadingStream, PageHeadingCompact, };

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

@@ -5,3 +5,4 @@ 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<"span", any, {}, never>;
+export declare const AriaDescription: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -7,7 +7,9 @@ declare type withColor = {
 export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const PromoLabelWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const PromoLabel: import("styled-components").StyledComponent<"div", any, withColor, never>;
-export declare const ButtonContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ButtonContainer: import("styled-components").StyledComponent<"div", any, {
+    stackCtasEarly: boolean;
+}, never>;
 export declare const TitleContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const OfferTextWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const PriceRow: import("styled-components").StyledComponent<"div", 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 AuxiliaryNav from './AuxiliaryNav';
 import PasswordStrength from './PasswordStrength';
+import AuxiliaryNav from './AuxiliaryNav';
 import Table from './Table';
 import VideoWithControls from './VideoWithControls';
 import SignUpForm from './SignUpForm';

package/dist/types/ariaAlternative.d.ts

@@ -0,0 +1,34 @@
+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;
+}

package/dist/types/formTypes.d.ts

@@ -265,17 +265,8 @@ export interface IStepperProps {
     step?: number;
     /** An error message to be shown below the stepper.
      *
-     * Default: `undefined`
      */
     error?: string;
-    /**
-     * 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`.
-     */
-    darkMode?: boolean;
     /**
      * Set disapled state
      */
@@ -284,6 +275,18 @@ export interface IStepperProps {
      * 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;
     /**
      * Maximum value allowed in the stepper
      */