@royaloperahouse/harmonic 0.1.8-a → 0.1.8-b

package/dist/components/organisms/Carousels/HighlightsCarousel/index.d.ts

@@ -0,0 +1,5 @@
+import HighlightsCarouselCinema from './HighlightsCinema';
+import HighlightsCarouselCore from './HighlightsCore';
+import HighlightsCarouselStream from './HighlightsStream';
+import HighlightsCarousel from './HighlightsCarousel';
+export { HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream };

package/dist/components/organisms/Carousels/MinimalCarousel/MinimalCarousel.d.ts

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

package/dist/components/organisms/Carousels/MinimalCarousel/MinimalCarousel.style.d.ts

@@ -0,0 +1,4 @@
+export declare const CarouselWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TitleWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ButtonsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TitleGridItem: import("styled-components").StyledComponent<"div", any, import("../../../../types/types").IGridItemProps, never>;

package/dist/components/organisms/Carousels/MinimalCarousel/index.d.ts

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

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

@@ -5,4 +5,7 @@ import TitleWithCTA from './TitleWithCTA';
 import UpsellSection from './UpsellSection';
 import StickyBar from './StickyBar';
 import ModalWindow from './ModalWindow';
-export { AnchorTabBar, Footer, ModalWindow, Navigation, StickyBar, TitleWithCTA, UpsellSection };
+import Carousel from './Carousels/Carousel';
+import { HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream } from './Carousels/HighlightsCarousel';
+import MinimalCarousel from './Carousels/MinimalCarousel';
+export { AnchorTabBar, Carousel, Footer, HighlightsCarousel, HighlightsCarouselCinema, HighlightsCarouselCore, HighlightsCarouselStream, MinimalCarousel, ModalWindow, Navigation, StickyBar, TitleWithCTA, UpsellSection, };

package/dist/harmonic.cjs.development.css

@@ -363,6 +363,7 @@
   /* RBO Red */
   /* Primary Palette */
   --color-primary: #1a1a1a;
+  --color-primary-background: #eb0a0a;
   --color-primary-red: #eb0a0a;
   --color-primary-black: #1a1a1a;
 
@@ -445,6 +446,37 @@
   --button-auxiliary-color: var(--color-primary-black);
   --button-auxiliary-bg-color: var(--color-base-transparent);
 
+/* -----  Variables already used in Harmonic START  ----- */
+  --grid-column-gap: 36px;
+  --grid-margin: 10%;
+
+  --rotator-button-width: 60px;
+  --rotator-button-icon-width: 36px;
+  --rotator-button-color: var(--color-primary-black);
+  --rotator-button-bg-color: var(--color-base-light-grey);
+  --rotator-button-hover-color: var(--color-base-white);
+  --rotator-button-hover-bg-color: var(--color-primary-red);
+
+  --carousel-image-caption-height: 17px;
+  
+  @media (max-width: 699px) {
+    --grid-column-gap: 12px;
+    --grid-margin: 20px;
+    --rotator-button-width: 40px;
+    --rotator-button-icon-width: 24px;
+    --carousel-image-caption-height: 14px;
+  }
+
+  @media (min-width: 700px) and (max-width: 1139px) {
+    --grid-column-gap: 20px;
+    --grid-margin: 32px;
+    --rotator-button-width: 44px;
+    --rotator-button-icon-width: 24px;
+    --carousel-image-caption-height: 14px;
+  }
+
+/* -----  Variables already used in Harmonic END  ----- */
+
   --font-size-header-1: 96px;
   --font-weight-header-1: 500;
   --letter-spacing-header-1: 2px;
@@ -596,20 +628,11 @@
   --navigation-xlarge-gap: 36px;
   --navigation-large-margin: 60px;
 
-  --rotator-button-width: 60px;
-  --rotator-button-icon-width: 36px;
-  --rotator-button-color: var(--color-primary-black);
-  --rotator-button-bg-color: var(--color-base-light-grey);
-  --rotator-button-hover-color: var(--color-base-white);
-  --rotator-button-hover-bg-color: var(--color-primary-red);
-
   --font-size-search: 24px;
   --font-family-search: 'adobe-garamond-pro';
 
-  --grid-margin: 10%;
   --grid-outer-margin: 50px;
   --grid-template-columns: 14px calc(10% - 86px) repeat(12, minmax(0, 1fr)) calc(10% - 86px) 14px;
-  --grid-column-gap: 36px;
 
   --footer-height: 380px;
   --footer-padding-top: 44px;
@@ -647,6 +670,8 @@
   --information-panel-button-hover-color: var(--color-white-hovered);
   --information-panel-button-pressed-color: var(--color-white-pressed);
 
+  --heading-promo-bg-color: var(--color-primary-red);
+
   @media (max-width: 699px) {
     --font-size-header-1: 38px;
     --font-weight-header-1: 500;
@@ -770,8 +795,6 @@
     --word-break-subtitle: break-word;
 
     --grid-template-columns: calc(20px - 12px) repeat(12, minmax(0, 1fr)) calc(20px - 12px);
-    --grid-column-gap: 12px;
-    --grid-margin: 20px;
 
     --footer-height: auto;
     --footer-padding-top: 20px;
@@ -783,19 +806,10 @@
     --footer-vertical-spacing-sm: 24px;
 
     --anchor-tabs-height: 60px;
-
-    --rotator-button-width: 40px;
-    --rotator-button-icon-width: 24px;
   }
 
   @media (min-width: 700px) and (max-width: 1139px) {
     --grid-template-columns: calc(32px - 20px) repeat(12, minmax(0, 1fr)) calc(32px - 20px);
-    --grid-column-gap: 20px;
-    --grid-margin: 32px;
-
-    --rotator-button-width: 44px;
-    --rotator-button-icon-width: 24px;
-
     --font-size-header-6: 17px;
     --font-size-altHeader-4: 24px;
     --font-size-body-1: 17px;
@@ -807,10 +821,11 @@
 }
 
 .stream-theme-module_streamTheme__lTfqQ {
-  /* RBO Black */
-  --base-color-primary: #1866dc;
-  --color-primary: #1866dc;
-  --color-primary-button: #1866dc;
+  /* Stream theme overrides */
+  --base-color-primary: #1a1a1a;
+  --color-primary: #1a1a1a;
+  --color-primary-background: #1a1a1a;
+  --color-primary-button: #1a1a1a;
   --color-secondary-button: #ffffff;
   --color-tertiary-button: transparent;
   --color-auxiliary-button: transparent;
@@ -828,10 +843,10 @@
   --button-tertiary-hover-color: var(--color-rbo-black-hovered);
   --button-tertiary-pressed-color: var(--color-rbo-black-pressed);
 
-  --rotator-button-color: var(--color-base-white);
-  --rotator-button-bg-color: var(--color-base-black);
+  --rotator-button-color: var(--color-base-black);
+  --rotator-button-bg-color: var(--color-base-light-grey);
   --rotator-button-hover-color: var(--color-base-white);
-  --rotator-button-hover-bg-color: var(--color-primary-red);
+  --rotator-button-hover-bg-color: var(--color-primary-black);
 
   --announcement-banner-color: var(--color-base-white);
   --announcement-banner-bg-color: var(--color-primary-black);
@@ -840,6 +855,8 @@
 
   --information-panel-color: var(--color-base-white);
   --information-panel-bg-color: var(--color-primary-black);
+
+  --heading-promo-bg-color: var(--color-base-black);
 }
 
 .cinema-theme-module_cinemaTheme__f5QFs {
@@ -882,6 +899,8 @@
   --information-panel-button-bg-color: var(--color-primary-red);
   --information-panel-button-hover-color: var(--color-rbo-red-hovered);
   --information-panel-button-pressed-color: var(--color-rbo-red-pressed);
+
+  --heading-promo-bg-color: var(--color-base-white);
 }
 
 .schools-theme-module_schoolsTheme__CWHba {