@royaloperahouse/harmonic 0.1.0 → 0.1.1-b-test

package/dist/harmonic.cjs.development.css

@@ -0,0 +1,320 @@
+/* TEMPORARY CSS FILE - will relocate when CSS module issue is fixed */
+
+:root { 
+    --font-family-sans: 'Grey LL Bold', 'Roboto', sans-serif;
+    --font-family-serif: 'Victor Serif Medium', 'Inria Serif Regular', serif;
+    --harmonic-red: #F40B0B;
+    --harmonic-black: #000000;
+    --text-link-underline-offset: 4px;
+}
+
+/* ~~~~~ Color Classes ~~~~~ */
+.styles_color-black__a05Fo {
+  color: var(--harmonic-black);
+}
+
+.styles_color-red__zwTZW {
+  color: var(--harmonic-red)
+}
+
+
+/* ~~~~~ Mobile ~~~~~ */
+
+@media (max-width: 600px) {
+
+  /* ~~~ Letter Spacing - Mobile ~~~ */
+  .styles_display__VgnTB.styles_large__vqVxY, .styles_display__VgnTB.styles_small__e7YDe {
+    letter-spacing: -1.5px;
+  }
+
+  .styles_header-small__W-GSS {
+    letter-spacing: -0.75px;
+  }
+
+  .styles_display__VgnTB.styles_large__vqVxY.styles_serif__b-ZjM, .styles_display__VgnTB.styles_large__vqVxY.styles_em__v4FoO, .styles_display__VgnTB.styles_small__e7YDe.styles_serif__b-ZjM, .styles_display__VgnTB.styles_small__e7YDe.styles_em__v4FoO, .styles_header__UDH-H.styles_small__e7YDe.styles_serif__b-ZjM, .styles_header__UDH-H.styles_small__e7YDe.styles_em__v4FoO, .styles_captiontext__-TA6x {
+    letter-spacing: -0.5px;
+  }
+
+  .styles_subtitle__os3DH.styles_small__e7YDe, .styles_bodycopy__uEx9r.styles_medium__WQPZj, .styles_bodycopy__uEx9r.styles_small__e7YDe {
+    letter-spacing: -0.2px;
+  }
+
+  .styles_overline__5xGDa.styles_small__e7YDe {
+    letter-spacing: -0.3px;
+  }
+
+  /* Display */
+  .styles_display__VgnTB.styles_large__vqVxY {
+    font-size: 38px;
+  }
+
+  .styles_display__VgnTB.styles_small__e7YDe {
+    font-size: 32px;
+  }
+
+  /* Header */
+  .styles_header__UDH-H.styles_large__vqVxY {
+    font-size: 28px;
+    line-height: 34px;
+  }
+
+  .styles_header__UDH-H.styles_medium__WQPZj {
+    font-size: 24px;
+    line-height: 28px;
+  }
+
+  .styles_header__UDH-H.styles_small__e7YDe {
+    font-size: 20px;
+    line-height: 26px;
+  }
+
+  /* Subtitle */
+  .styles_subtitle__os3DH.styles_large__vqVxY {
+    font-size: 17px;
+    line-height: 24px;
+  }
+
+  .styles_subtitle__os3DH.styles_small__e7YDe {
+    font-size: 14px;
+    line-height: 20px;
+  }
+
+  /* Body Copy */
+  .styles_bodycopy__uEx9r.styles_large__vqVxY {
+    font-size: 17px;
+    line-height: 24px;
+  }
+
+  .styles_bodycopy__uEx9r.styles_medium__WQPZj {
+    font-size: 14px;
+    line-height: 20px;
+  }
+
+  .styles_bodycopy__uEx9r.styles_small__e7YDe {
+    font-size: 11px;
+    line-height: 16px;
+  }
+
+  /* Overline */
+  .styles_overline__5xGDa.styles_large__vqVxY {
+    font-size: 14px;
+    line-height: 17px;
+   }
+  
+  .styles_overline__5xGDa.styles_small__e7YDe {
+   font-size: 12px;
+   line-height: 14px;
+  }
+
+  /* Caption */
+  .styles_captiontext__-TA6x {
+    font-size: 14px;
+    line-height: 17px;
+  }
+
+  /* Navigation Text */
+  .styles_navigationtext__qnnIo {
+    font-size: 14px;
+    line-height: 17px;
+  }
+
+  /* Text Link */
+  .styles_textlinkharmonic__S77lE {
+    font-size: 14px;
+    line-height: 14px;
+  }
+}
+
+
+/* ~~~~~ Desktop ~~~~~~*/
+
+/* ~~~ Letter Spacing - Desktop ~~~ */
+.styles_display__VgnTB.styles_large__vqVxY {
+  letter-spacing: -5px;
+}
+
+.styles_header__UDH-H.styles_large__vqVxY {
+  letter-spacing: -1.5px;
+}
+
+.styles_header__UDH-H.styles_medium__WQPZj {
+  letter-spacing: -1.5px;
+}
+
+.styles_display__VgnTB.styles_large__vqVxY.styles_serif__b-ZjM, .styles_display__VgnTB.styles_large__vqVxY.styles_em__v4FoO, .styles_display__VgnTB.styles_small__e7YDe {
+  letter-spacing: -3px; 
+}
+
+.styles_display__VgnTB.styles_small__e7YDe.styles_serif__b-ZjM, .styles_display__VgnTB.styles_small__e7YDe.styles_em__v4FoO {
+  letter-spacing: -2px;
+}
+
+.styles_header__UDH-H.styles_large__vqVxY.styles_serif__b-ZjM, .styles_header__UDH-H.styles_large__vqVxY.styles_em__v4FoO, .styles_header__UDH-H.styles_medium__WQPZj.styles_serif__b-ZjM, .styles_header__UDH-H.styles_medium__WQPZj.styles_em__v4FoO, .styles_header__UDH-H.styles_small__e7YDe, .styles_header__UDH-H.styles_small__e7YDe.styles_serif__b-ZjM, .styles_header__UDH-H.styles_small__e7YDe.styles_em__v4FoO, .styles_subtitle__os3DH, .styles_bodycopy__uEx9r, .styles_buttontext__UPumF, .styles_captiontext__-TA6x, .styles_navigationtext__qnnIo, .styles_textlinkharmonic__S77lE {
+  letter-spacing: -0.5px;
+}
+
+.styles_overline-large__nRJSl {
+  letter-spacing: -0.3px;
+}
+
+.styles_overline-small__iF6Pd {
+  letter-spacing: -0.2px;
+}
+
+
+/* ~~~ Display Headers - 1 (Large) , 2 (Small) ~~~ */
+.styles_display__VgnTB {
+  font-family: var(--font-family-sans);
+  font-weight: 700;
+}
+
+.styles_display__VgnTB em,
+.styles_display__VgnTB.styles_serif__b-ZjM {
+  font-family: var(--font-family-serif);
+  font-weight: 500;
+}
+
+.styles_display__VgnTB.styles_large__vqVxY {
+  font-size: 96px;
+}
+
+.styles_display__VgnTB.styles_small__e7YDe {
+  font-size: 68px;
+  font-weight: 500;
+}
+
+
+/* ~~~ Header - 1 (Large) , 2 (Medium) , 3 (Small) ~~~ */
+.styles_header__UDH-H {
+  font-family: var(--font-family-sans);
+  font-weight: 500;
+}
+
+.styles_header__UDH-H em,
+.styles_header__UDH-H.styles_serif__b-ZjM {
+  font-family: var(--font-family-serif);
+  font-weight: 500;
+}
+
+.styles_header__UDH-H.styles_large__vqVxY {
+  font-size: 44px;
+  line-height: 48px;
+}
+
+.styles_header__UDH-H.styles_medium__WQPZj {
+  font-size: 34px;
+  line-height: 40px;
+}
+
+.styles_header__UDH-H.styles_small__e7YDe {
+  font-size: 26px;
+  line-height: 32px;
+}
+
+
+/* ~~~ Subtitle ~~~ */
+.styles_subtitle__os3DH {
+  font-family: var(--font-family-sans);
+  font-weight: 500;
+}
+
+.styles_subtitle__os3DH.styles_large__vqVxY {
+  font-size: 19px;
+  line-height: 26px;
+}
+
+.styles_subtitle__os3DH.styles_small__e7YDe {
+  font-size: 17px;
+  line-height: 24px;
+}
+
+
+/* ~~~ Body copy ~~~ */
+.styles_bodycopy__uEx9r {
+  font-family: var(--font-family-sans);
+  font-weight: 400;
+}
+
+.styles_bodycopy__uEx9r.styles_large__vqVxY {
+  font-size: 19px;
+  line-height: 26px;
+}
+
+.styles_bodycopy__uEx9r.styles_medium__WQPZj {
+  font-size: 17px;
+  line-height: 24px;
+}
+
+.styles_bodycopy__uEx9r.styles_small__e7YDe {
+  font-size: 14px;
+  line-height: 20px;
+}
+
+
+/* ~~~ Overline ~~~ */
+.styles_overline__5xGDa {
+  font-family: var(--font-family-sans);
+  font-weight: 500;
+  text-transform: uppercase;
+}
+
+.styles_overline__5xGDa.styles_large__vqVxY {
+  font-size: 14px;
+  line-height: 18px;
+ }
+
+.styles_overline__5xGDa.styles_small__e7YDe {
+ font-size: 12px;
+ line-height: 14px;
+}
+
+
+/* ~~~ Button text ~~~ */
+.styles_buttontext__UPumF {
+  font-family: var(--font-family-sans);
+  font-weight: 400;
+  font-size: 17px;
+  line-height: 20px;
+}
+
+
+/* ~~~ Caption text ~~~ */
+.styles_captiontext__-TA6x {
+  font-size: 17px;
+  font-weight: 400;
+  font-style: italic;
+  line-height: 24px;
+}
+
+
+/* ~~~ Navigation text ~~~ */
+.styles_navigationtext__qnnIo {
+  font-family: var(--font-family-sans);
+  font-size: 17px;
+  font-weight: 500;
+  text-transform: uppercase;
+  line-height: 17px;
+}
+
+
+/* ~~~ Text link ~~~ */
+.styles_textlinkharmonic__S77lE {
+  font-family: var(--font-family-sans);
+  font-weight: 500;
+  text-transform: uppercase;
+  font-size: 17px;
+  border-bottom: solid 1px;
+  width: -moz-fit-content;
+  width: fit-content;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  text-decoration: none;
+  line-height: 14px;
+}
+
+/* Typography.css */
+.Typography_test__1llmb {
+  /* Add your styles here */
+  color: red!important;
+}