@royaloperahouse/chord 2.8.0-a-development → 2.8.0-c-development

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

@@ -1,3 +1,3 @@
 import { IDropdownProps } from '../../../types/types';
-declare const Dropdown: ({ title, titleLink, selected, options, onChange, iconName, isMobileBehaviour, withOptionsInMobile, withIcon, colorPrimary, }: IDropdownProps) => JSX.Element;
+declare const Dropdown: ({ title, titleLink, selected, options, onChange, iconName, isMobileBehaviour, withOptionsInMobile, withIcon, colorPrimary, className, }: IDropdownProps) => JSX.Element;
 export default Dropdown;

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

@@ -16,3 +16,5 @@ export declare const DropdownAreaWrapper: import("styled-components").StyledComp
 export declare const DropdownWrapper: import("styled-components").StyledComponent<"div", any, {
     isOpen?: boolean | undefined;
 }, never>;
+export declare const HiddenInstructions: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SignUpHeader: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/types/signUpForm.d.ts

@@ -1,3 +1,4 @@
+import { Dispatch, SetStateAction } from 'react';
 import { ThemeType } from './types';
 export interface ISignUpFormContextProps {
     /**
@@ -56,3 +57,24 @@ export interface ISignUpFormProps {
         success: boolean;
     }>;
 }
+export declare type SignUpFormComponentTitleProps = {
+    title: string;
+    isMobile?: boolean;
+};
+export declare type SignUpFormComponentMessageProps = {
+    message: string;
+    withDropdown?: boolean;
+};
+declare type FormValues = {
+    firstName: string;
+    lastName: string;
+    email: string;
+};
+export declare type SignUpFormComponentFormProps = Pick<ISignUpFormProps, 'ctaPrivacy' | 'theme' | 'errorMessage' | 'isLoggedIn' | 'submitHandler'> & {
+    isMobile: boolean;
+    isSuccess: boolean;
+    setIsSuccess: Dispatch<SetStateAction<boolean>>;
+    formValues: FormValues;
+    setFormValues: Dispatch<SetStateAction<FormValues>>;
+};
+export {};

package/dist/types/types.d.ts

@@ -180,6 +180,10 @@ export interface IDropdownProps {
      * The primary color
      */
     colorPrimary?: string;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
 }
 export interface IDropdowItemProps extends StyledProps<AnchorHTMLAttributes<HTMLAnchorElement>> {
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@royaloperahouse/chord",
-  "version": "2.8.0-a-development",
+  "version": "2.8.0-c-development",
   "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 --build-script-name build-storybook-dev",
+    "deploy-storybook-dev": "CHROMATIC_PROJECT_TOKEN=2b8c0fada9f2 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",