@royaloperahouse/harmonic 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 horacio.ayestaran
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,277 @@
+# Royal Opera House Harmonic - Front End Design System
+
+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 Storybook for the latest version of the library is hosted at [coming soon]()
+
+
+## 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.
+
+* **To deploy the storybook publicly** you will need credentials for the **parent** 'Royal Opera House' AWS account in your `~/.aws/credentials` file.
+  * The deploy script expects these to be called `[parent]`.
+
+  * You can find these values at:
+  
+    *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 publish the NPM package** you will need the ROH `NPM_TOKEN` -- find this in 1Password
+
+
+## Versioning
+---
+
+We use [Semantic Versioning](https://semver.org/) for Harmonic.
+
+Given a version number MAJOR.MINOR.PATCH, increment the:
+
+* MAJOR version when you make incompatible library changes
+* MINOR version when you add functionality in a backwards compatible manner
+* PATCH version when you make backwards compatible bug fixes
+
+When you create a new release always update the `CHANGELOG` and `package.json`
+
+Increment your version from the latest stable version on (WIP)
+
+
+## Deploying the Storybook
+---
+
+### **1. To build and deploy locally**
+
+You can quickly build and serve the contents of `/storybook-static` from your local machine, for development and manual testing. To do this run:
+
+```bash
+yarn storybook
+```
+
+By default the storybook will be accessible at
+[http://localhost:6006/]()
+
+The server will hot-reload on most changes.
+
+### **2. To deploy a preview version remotely**
+
+You can deploy a release candidate, or work-in-progress to [Chromatic](https://www.chromatic.com/) for showcase or QA.
+
+**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:
+
+```
+CHROMATIC_PROJECT_TOKEN=tokengoeshere
+```
+
+Run:
+
+```
+yarn deploy-storybook-dev
+```
+
+to build and deploy the storybook from your repo to Chromatic.
+
+You will find the address of your deployed storybook in the console output, looking something like this:
+
+`→ View your Storybook at https://randomHexString-randomAlphabeticalString.chromatic.com`
+
+### **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]()
+
+**NOTE:** To do this you will need the correct `AWS` credentials set up, as described in *Prerequisites* above.
+
+First build the storybook using:
+
+```
+yarn build-storybook
+```
+
+then run:
+
+```bash
+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*.
+
+
+## Releasing a New Package Version
+---
+
+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 **stable** package is published for use in production.
+
+**NOTE:** You will need the `NPM_TOKEN`, as described in 'Prerequisites' above.
+
+### **1. To release a snapshot version**
+
+> **IMPORTANT:** Make sure you always publish your **snapshots** from (WIP) 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 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`
+
+To publish a snapshot use:
+
+```bash
+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.
+
+### **2. To release a stable version**
+
+> **IMPORTANT:** Make sure you always publish your **stable** packages from (WIP) 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`!)
+
+To publish a stable package use:
+
+```bash
+wip
+```
+
+
+## Using the Package
+---
+
+The package is deployed to NPM, and can be installed using yarn or npm:
+
+```bash
+npm i --save @royaloperahouse/harmonic
+```
+```bash
+yarn add @royaloperahouse/harmonic
+```
+
+
+## Testing
+---
+
+To **Lint** the package use:
+
+```bash
+yarn lint
+# Use the --fix option to perform automatic fixes
+```
+
+To run the **unit tests** (using Jest) use:
+
+```bash
+yarn test
+
+# Use the -u option to update snapshots if needed
+# Run `yarn test:watch` to re-run tests on changes
+```
+
+To **run and and store the unit tests** for display in storybook use:
+
+```bash
+yarn test-storybook
+# Use the -u option to update snapshots if needed
+```
+
+
+## Development Process
+---
+
+### **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
+* 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 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
+* Do your work on this feature branch
+* Run: `yarn lint`
+* Run: `yarn test`
+* Commit your changes
+* Create a pull request from your feature branch to WIP
+* Add the appropriate reviewers
+
+#### **Before QA / UAT:**
+
+After your PR is approved, you have two options:
+
+**i.** For QA of a component in isolation:
+
+* Follow the steps above in *Deploying the Storybook -> 2. Deploying a preview version remotely*
+* Share the generated Chromatic URL with the appropriate people for QA / UAT
+
+**ii.** For integrated testing of a component in the frontend staging environments:
+
+* Check out the WIP branch
+* Merge your work in to WIP
+* Follow the steps above under *Publishing a New Package Version -> 1. To release a snapshot version*
+* Git push the updated WIP branch to remote
+* Finally, in the frontend repo:
+
+1. Update the `package.json` to reference the new snapshot version
+2. Run: `yarn install`
+3. Deploy the frontend to a staging environment
+
+#### **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
+* Update `CHANGELOG.md`, adding the new version number and a short description of your changes
+* Run: `yarn lint`
+* Run: `yarn test`
+* 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
+* 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
+
+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.
+
+
+## Notes
+---
+### The `storybook-static` folder
+
+This folder contains all the HTML / JS required to deploy the Storybook as a static site. It's autogenerated whenever the Storybook is built and therefore will show up a lot of merge conflicts when you merge other branches into your feature branch. It is best to leave generating the storybook until the later part of your workflow, but in case you run into conflicts earlier, it's ok to just delete the folder and regenerate using:
+
+```bash
+yarn build-storybook
+```
+
+For the same reason changes to this folder will cause a lot of big diffs, when looking at a PR, but can mostly be skimmed over unless something looks unusual.
+
+---
+### Examples
+
+There is an example implementation in the example folder. Alternatively there are also integration examples in storybook. Make sure to keep these updated so as to showcase the current components available.
+
+---
+### Bundle analysis
+
+Calculate the real cost of your library using [size-limit](https://github.com/ai/size-limit) with `yarn size` and visualize it with `yarn analyze`.

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

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

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

@@ -0,0 +1,2 @@
+import Account from './Account';
+export default Account;

package/dist/components/atoms/Badge/Badge.style.d.ts

@@ -0,0 +1,2 @@
+import { ILogosStyledProps } from '../../../types/types';
+export declare const BadgeWrapper: import("styled-components").StyledComponent<"svg", any, ILogosStyledProps, never>;

package/dist/components/atoms/Badge/CinemaBadge.d.ts

@@ -0,0 +1,4 @@
+import { FunctionComponent } from 'react';
+import { ILogosProps } from '../../../types/types';
+declare const CinemaBadge: FunctionComponent<ILogosProps>;
+export default CinemaBadge;

package/dist/components/atoms/Badge/StreamBadge.d.ts

@@ -0,0 +1,4 @@
+import { FunctionComponent } from 'react';
+import { ILogosProps } from '../../../types/types';
+declare const StreamBadge: FunctionComponent<ILogosProps>;
+export default StreamBadge;

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

@@ -0,0 +1,3 @@
+import StreamBadge from './StreamBadge';
+import CinemaBadge from './CinemaBadge';
+export { CinemaBadge, StreamBadge };

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

@@ -0,0 +1,4 @@
+import { FunctionComponent } from 'react';
+import { IAuxiliaryButtonProps } from '../../../../types';
+declare const AuxiliaryButton: FunctionComponent<IAuxiliaryButtonProps>;
+export default AuxiliaryButton;

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

@@ -0,0 +1,4 @@
+/// <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/Button.d.ts

@@ -0,0 +1,4 @@
+import { FunctionComponent } from 'react';
+import { IButtonProps } from '../../../types/buttonTypes';
+declare const Button: FunctionComponent<IButtonProps>;
+export default Button;

package/dist/components/atoms/Buttons/Button.style.d.ts

@@ -0,0 +1,3 @@
+import { IButtonProps } from '../../../types/buttonTypes';
+declare const ButtonWrapper: import("styled-components").StyledComponent<"a", any, IButtonProps, never>;
+export default ButtonWrapper;

package/dist/components/atoms/Buttons/ButtonIconWrapper.style.d.ts

@@ -0,0 +1,2 @@
+declare const ButtonIconWrapper: import("styled-components").StyledComponent<"span", any, {}, never>;
+export default ButtonIconWrapper;

package/dist/components/atoms/Buttons/Primary/PrimaryButton.d.ts

@@ -0,0 +1,4 @@
+import { FunctionComponent } from 'react';
+import { IPrimaryButtonProps } from '../../../../types/buttonTypes';
+declare const PrimaryButton: FunctionComponent<IPrimaryButtonProps>;
+export default PrimaryButton;

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

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

package/dist/components/atoms/Buttons/Secondary/SecondaryButton.d.ts

@@ -0,0 +1,4 @@
+import { FunctionComponent } from 'react';
+import { IButtonProps } from '../../../../types/buttonTypes';
+declare const SecondaryButton: FunctionComponent<IButtonProps>;
+export default SecondaryButton;

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

@@ -0,0 +1,4 @@
+/// <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;

package/dist/components/atoms/Buttons/Tertiary/TertiaryButton.d.ts

@@ -0,0 +1,4 @@
+import { FunctionComponent } from 'react';
+import { IButtonProps } from '../../../../types/buttonTypes';
+declare const Button: FunctionComponent<IButtonProps>;
+export default Button;

package/dist/components/atoms/Buttons/Tertiary/TertiaryButton.style.d.ts

@@ -0,0 +1,4 @@
+import { ITertiaryButtonProps } from '../../../../types/buttonTypes';
+declare const TertiaryButtonWrapper: import("styled-components").StyledComponent<"a", any, ITertiaryButtonProps, never>;
+declare const TertiaryIconWrapper: import("styled-components").StyledComponent<"span", any, {}, never>;
+export { TertiaryIconWrapper, TertiaryButtonWrapper };

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

@@ -0,0 +1,4 @@
+import PrimaryButton from './Primary/PrimaryButton';
+import SecondaryButton from './Secondary/SecondaryButton';
+import TertiaryButton from './Tertiary/TertiaryButton';
+export { SecondaryButton, PrimaryButton, TertiaryButton };

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

@@ -0,0 +1,4 @@
+import { FunctionComponent } from 'react';
+import { IControlledDropdownProps } from '../../../types/types';
+declare const ControlledDropdown: FunctionComponent<IControlledDropdownProps>;
+export default ControlledDropdown;

package/dist/components/atoms/ControlledDropdown/ControlledDropdown.style.d.ts

@@ -0,0 +1,7 @@
+import { IControlledDropdownHeaderProps } from '../../../types/types';
+export declare const ControlledDropdownWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ControlledDropdownHeaderContainer: import("styled-components").StyledComponent<"span", any, IControlledDropdownHeaderProps, never>;
+export declare const ControlledDropdownHeaderContainerLink: import("styled-components").StyledComponent<"span", any, IControlledDropdownHeaderProps & {
+    as: string;
+}, "as">;
+export declare const IconWrapper: import("styled-components").StyledComponent<"span", any, {}, never>;

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

@@ -0,0 +1,2 @@
+import ControlledDropdown from './ControlledDropdown';
+export default ControlledDropdown;

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

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

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

@@ -0,0 +1,4 @@
+import { IDropdowItemProps, IDropdownProps } from '../../../types/types';
+export declare const TabContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const OptionItem: import("styled-components").StyledComponent<"a", any, IDropdowItemProps, never>;
+export declare const OptionsContainer: import("styled-components").StyledComponent<"div", any, IDropdownProps, never>;

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

@@ -0,0 +1,2 @@
+import Dropdown from './Dropdown';
+export default Dropdown;

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

@@ -0,0 +1,2 @@
+declare const Grid: import("styled-components").StyledComponent<"div", any, {}, never>;
+export default Grid;

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

@@ -0,0 +1,3 @@
+import { IGridItemProps } from '../../../types/types';
+declare const GridItem: import("styled-components").StyledComponent<"div", any, IGridItemProps, never>;
+export default GridItem;

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

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

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

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { IIconProps } from '../../../types/iconTypes';
+declare const Icon: React.MemoExoticComponent<({ className, color, iconName, title, direction, ariaLabel }: IIconProps) => React.ReactElement>;
+export default Icon;

package/dist/components/atoms/Icons/Icons.style.d.ts

@@ -0,0 +1,9 @@
+import { IIconStyledProps } from '../../../types/iconTypes';
+export declare const Directions: {
+    left: string;
+    right: string;
+    up: string;
+    down: string;
+    reverse: string;
+};
+export declare const Wrapper: import("styled-components").StyledComponent<"span", any, IIconStyledProps, never>;

package/dist/components/atoms/Icons/StorybookSupport/Iconography.d.ts

@@ -0,0 +1,11 @@
+import { DirectionType, IconNameType } from '../../../../types/iconTypes';
+export interface IStorybookIcon {
+    iconName: IconNameType;
+    label: string;
+    direction?: DirectionType;
+    ariaLabel?: string;
+}
+export interface IIconographyGridProps {
+    iconsArray: IStorybookIcon[];
+}
+export declare function Iconography({ iconsArray }: IIconographyGridProps): JSX.Element;

package/dist/components/atoms/Icons/StorybookSupport/IconsDiv.style.d.ts

@@ -0,0 +1,2 @@
+declare const IconsDiv: import("styled-components").StyledComponent<"div", any, {}, never>;
+export default IconsDiv;

package/dist/components/atoms/Icons/SvgIcons/12px/Expand.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/12px/Remove.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/12px/Tick.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/Actions/AddToMyList.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/Actions/BookTickets.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/Actions/ChooseDates.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/Actions/EditMyList.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/Actions/Favourite.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/Actions/FavouriteFull.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/Actions/Filter.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/Actions/FindAScreening.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/Actions/OnMyList.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/Actions/Reminder.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/Actions/Subscribe.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/Actions/Watch.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/Arrows/Arrow.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/Arrows/CarouselArrow.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/Arrows/DropdownArrow.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/Descriptors/Cinema.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/Descriptors/Clock.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/Descriptors/CreditCard.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/Descriptors/Email.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/Descriptors/Info.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/Descriptors/List.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;