@royaloperahouse/harmonic 0.1.1-a-test → 0.1.1-b-test
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/harmonic.esm.js
CHANGED
|
@@ -34,7 +34,7 @@ function styleInject(css, ref) {
|
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
|
|
37
|
-
var css_248z = "/* TEMPORARY CSS FILE - will relocate when CSS module issue is fixed */\n\n:root { \n --font-family-sans: 'Grey LL Bold', 'Roboto', sans-serif;\n --font-family-serif: 'Victor Serif Medium', 'Inria Serif Regular', serif;\n --harmonic-red: #F40B0B;\n --harmonic-black: #000000;\n --text-link-underline-offset: 4px;\n}\n\n/* ~~~~~
|
|
37
|
+
var css_248z = "/* TEMPORARY CSS FILE - will relocate when CSS module issue is fixed */\n\n:root { \n --font-family-sans: 'Grey LL Bold', 'Roboto', sans-serif;\n --font-family-serif: 'Victor Serif Medium', 'Inria Serif Regular', serif;\n --harmonic-red: #F40B0B;\n --harmonic-black: #000000;\n --text-link-underline-offset: 4px;\n}\n\n/* ~~~~~ Color Classes ~~~~~ */\n.styles_color-black__a05Fo {\n color: var(--harmonic-black);\n}\n\n.styles_color-red__zwTZW {\n color: var(--harmonic-red)\n}\n\n\n/* ~~~~~ Mobile ~~~~~ */\n\n@media (max-width: 600px) {\n\n /* ~~~ Letter Spacing - Mobile ~~~ */\n .styles_display__VgnTB.styles_large__vqVxY, .styles_display__VgnTB.styles_small__e7YDe {\n letter-spacing: -1.5px;\n }\n\n .styles_header-small__W-GSS {\n letter-spacing: -0.75px;\n }\n\n .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 {\n letter-spacing: -0.5px;\n }\n\n .styles_subtitle__os3DH.styles_small__e7YDe, .styles_bodycopy__uEx9r.styles_medium__WQPZj, .styles_bodycopy__uEx9r.styles_small__e7YDe {\n letter-spacing: -0.2px;\n }\n\n .styles_overline__5xGDa.styles_small__e7YDe {\n letter-spacing: -0.3px;\n }\n\n /* Display */\n .styles_display__VgnTB.styles_large__vqVxY {\n font-size: 38px;\n }\n\n .styles_display__VgnTB.styles_small__e7YDe {\n font-size: 32px;\n }\n\n /* Header */\n .styles_header__UDH-H.styles_large__vqVxY {\n font-size: 28px;\n line-height: 34px;\n }\n\n .styles_header__UDH-H.styles_medium__WQPZj {\n font-size: 24px;\n line-height: 28px;\n }\n\n .styles_header__UDH-H.styles_small__e7YDe {\n font-size: 20px;\n line-height: 26px;\n }\n\n /* Subtitle */\n .styles_subtitle__os3DH.styles_large__vqVxY {\n font-size: 17px;\n line-height: 24px;\n }\n\n .styles_subtitle__os3DH.styles_small__e7YDe {\n font-size: 14px;\n line-height: 20px;\n }\n\n /* Body Copy */\n .styles_bodycopy__uEx9r.styles_large__vqVxY {\n font-size: 17px;\n line-height: 24px;\n }\n\n .styles_bodycopy__uEx9r.styles_medium__WQPZj {\n font-size: 14px;\n line-height: 20px;\n }\n\n .styles_bodycopy__uEx9r.styles_small__e7YDe {\n font-size: 11px;\n line-height: 16px;\n }\n\n /* Overline */\n .styles_overline__5xGDa.styles_large__vqVxY {\n font-size: 14px;\n line-height: 17px;\n }\n \n .styles_overline__5xGDa.styles_small__e7YDe {\n font-size: 12px;\n line-height: 14px;\n }\n\n /* Caption */\n .styles_captiontext__-TA6x {\n font-size: 14px;\n line-height: 17px;\n }\n\n /* Navigation Text */\n .styles_navigationtext__qnnIo {\n font-size: 14px;\n line-height: 17px;\n }\n\n /* Text Link */\n .styles_textlinkharmonic__S77lE {\n font-size: 14px;\n line-height: 14px;\n }\n}\n\n\n/* ~~~~~ Desktop ~~~~~~*/\n\n/* ~~~ Letter Spacing - Desktop ~~~ */\n.styles_display__VgnTB.styles_large__vqVxY {\n letter-spacing: -5px;\n}\n\n.styles_header__UDH-H.styles_large__vqVxY {\n letter-spacing: -1.5px;\n}\n\n.styles_header__UDH-H.styles_medium__WQPZj {\n letter-spacing: -1.5px;\n}\n\n.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 {\n letter-spacing: -3px; \n}\n\n.styles_display__VgnTB.styles_small__e7YDe.styles_serif__b-ZjM, .styles_display__VgnTB.styles_small__e7YDe.styles_em__v4FoO {\n letter-spacing: -2px;\n}\n\n.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 {\n letter-spacing: -0.5px;\n}\n\n.styles_overline-large__nRJSl {\n letter-spacing: -0.3px;\n}\n\n.styles_overline-small__iF6Pd {\n letter-spacing: -0.2px;\n}\n\n\n/* ~~~ Display Headers - 1 (Large) , 2 (Small) ~~~ */\n.styles_display__VgnTB {\n font-family: var(--font-family-sans);\n font-weight: 700;\n}\n\n.styles_display__VgnTB em,\n.styles_display__VgnTB.styles_serif__b-ZjM {\n font-family: var(--font-family-serif);\n font-weight: 500;\n}\n\n.styles_display__VgnTB.styles_large__vqVxY {\n font-size: 96px;\n}\n\n.styles_display__VgnTB.styles_small__e7YDe {\n font-size: 68px;\n font-weight: 500;\n}\n\n\n/* ~~~ Header - 1 (Large) , 2 (Medium) , 3 (Small) ~~~ */\n.styles_header__UDH-H {\n font-family: var(--font-family-sans);\n font-weight: 500;\n}\n\n.styles_header__UDH-H em,\n.styles_header__UDH-H.styles_serif__b-ZjM {\n font-family: var(--font-family-serif);\n font-weight: 500;\n}\n\n.styles_header__UDH-H.styles_large__vqVxY {\n font-size: 44px;\n line-height: 48px;\n}\n\n.styles_header__UDH-H.styles_medium__WQPZj {\n font-size: 34px;\n line-height: 40px;\n}\n\n.styles_header__UDH-H.styles_small__e7YDe {\n font-size: 26px;\n line-height: 32px;\n}\n\n\n/* ~~~ Subtitle ~~~ */\n.styles_subtitle__os3DH {\n font-family: var(--font-family-sans);\n font-weight: 500;\n}\n\n.styles_subtitle__os3DH.styles_large__vqVxY {\n font-size: 19px;\n line-height: 26px;\n}\n\n.styles_subtitle__os3DH.styles_small__e7YDe {\n font-size: 17px;\n line-height: 24px;\n}\n\n\n/* ~~~ Body copy ~~~ */\n.styles_bodycopy__uEx9r {\n font-family: var(--font-family-sans);\n font-weight: 400;\n}\n\n.styles_bodycopy__uEx9r.styles_large__vqVxY {\n font-size: 19px;\n line-height: 26px;\n}\n\n.styles_bodycopy__uEx9r.styles_medium__WQPZj {\n font-size: 17px;\n line-height: 24px;\n}\n\n.styles_bodycopy__uEx9r.styles_small__e7YDe {\n font-size: 14px;\n line-height: 20px;\n}\n\n\n/* ~~~ Overline ~~~ */\n.styles_overline__5xGDa {\n font-family: var(--font-family-sans);\n font-weight: 500;\n text-transform: uppercase;\n}\n\n.styles_overline__5xGDa.styles_large__vqVxY {\n font-size: 14px;\n line-height: 18px;\n }\n\n.styles_overline__5xGDa.styles_small__e7YDe {\n font-size: 12px;\n line-height: 14px;\n}\n\n\n/* ~~~ Button text ~~~ */\n.styles_buttontext__UPumF {\n font-family: var(--font-family-sans);\n font-weight: 400;\n font-size: 17px;\n line-height: 20px;\n}\n\n\n/* ~~~ Caption text ~~~ */\n.styles_captiontext__-TA6x {\n font-size: 17px;\n font-weight: 400;\n font-style: italic;\n line-height: 24px;\n}\n\n\n/* ~~~ Navigation text ~~~ */\n.styles_navigationtext__qnnIo {\n font-family: var(--font-family-sans);\n font-size: 17px;\n font-weight: 500;\n text-transform: uppercase;\n line-height: 17px;\n}\n\n\n/* ~~~ Text link ~~~ */\n.styles_textlinkharmonic__S77lE {\n font-family: var(--font-family-sans);\n font-weight: 500;\n text-transform: uppercase;\n font-size: 17px;\n border-bottom: solid 1px;\n width: -moz-fit-content;\n width: fit-content;\n display: flex;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n line-height: 14px;\n}\n";
|
|
38
38
|
styleInject(css_248z);
|
|
39
39
|
|
|
40
40
|
function asyncGeneratorStep(n, t, e, r, o, a, c) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@royaloperahouse/harmonic",
|
|
3
|
-
"version": "0.1.1-
|
|
3
|
+
"version": "0.1.1-b-test",
|
|
4
4
|
"author": "Royal Opera House",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -95,7 +95,7 @@
|
|
|
95
95
|
"@typescript-eslint/parser": "^5.0.0",
|
|
96
96
|
"autoprefixer": "^10.4.20",
|
|
97
97
|
"babel-loader": "^8.2.3",
|
|
98
|
-
"chromatic": "^11.
|
|
98
|
+
"chromatic": "^11.20.2",
|
|
99
99
|
"eslint": "^8.57.1",
|
|
100
100
|
"eslint-config-airbnb": "^19.0.0",
|
|
101
101
|
"eslint-config-prettier": "^8.0.0",
|