@itcenteratunihelsinki/huds-lib 0.8.40 → 0.8.42

package/dist/collection/components/hy-twitter-feed/hy-twitter-feed.js

@@ -1,142 +1,122 @@
-import { Component, h, Prop } from '@stencil/core';
+import { h } from '@stencil/core';
 export class HyTwitterFeed {
+  constructor() {
+    this.headingVariant = undefined;
+    this.paragraphTitle = undefined;
+    this.twitterFeedKeyword = undefined;
+    this.tweetType = undefined;
+    this.tweets = undefined;
+  }
   render() {
     const parsedTweets = JSON.parse(this.tweets);
     const HeadingVariant = this.headingVariant.toLowerCase();
     if (this.tweetType === 'Hashtag' && this.twitterFeedKeyword.charAt(0) === '#') {
       this.twitterFeedKeyword = this.twitterFeedKeyword.substring(1);
     }
-    return (h("section", { class: "hy-twitter-feed" },
-      h("div", { class: "hy-twitter-feed__header" },
-        h(HeadingVariant, { class: "hy-twitter-feed__title" }, this.paragraphTitle || 'Twitter'),
-        h("p", { class: "hy-twitter-feed__keyword" },
-          h("hy-icon", { icon: `hy-icon-some-twitter`, size: 20 }),
-          this.tweetType === 'Hashtag' ? `#${this.twitterFeedKeyword}` : `@${this.twitterFeedKeyword}`),
-        this.tweetType === 'Username' && (h("a", { href: `https://twitter.com/${this.twitterFeedKeyword}`, target: "_blank" },
-          h("hy-icon", { icon: `hy-icon-plus`, size: 12 }),
-          "Follow"))),
-      h("ul", { class: "hy-twitter-feed__tweets" }, parsedTweets.map(({ tweet_text, tweet_created, tweet_absolute_url, tweet_like_count, tweet_retweet_count, user_name, user_username, user_profile_image_url, }) => {
-        const dateFormatted = new Intl.DateTimeFormat('fi-FI').format(new Date(tweet_created));
-        return (h("li", { class: "hy-twitter-feed__item" },
-          h("article", { class: "hy-twitter-tweet" },
-            h("header", { class: "hy-twitter-tweet__header" },
-              h("figure", { class: "hy-twitter-tweet__profile-image", role: "complementary" },
-                h("img", { src: user_profile_image_url, alt: "" })),
-              h("div", { class: "hy-twitter-tweet__header-content" },
-                h("time", { dateTime: tweet_created }, dateFormatted),
-                h("p", null, user_name),
-                h("a", { class: "hy-twitter-tweet__user-link", href: `https://twitter.com/${user_username}`, target: "_blank" },
-                  "@",
-                  user_username))),
-            h("div", { class: "hy-twitter-tweet__content-wrapper" },
-              h("div", { class: "hy-twitter-tweet__content" },
-                h("p", null, tweet_text.length > 113 ? `${tweet_text.substr(0, 113)}...` : tweet_text),
-                h("a", { class: "hy-twitter-tweet__tweet-link", href: tweet_absolute_url, target: "_blank" },
-                  h("span", { "aria-hidden": "true" }),
-                  `${tweet_absolute_url.substr(0, 24)}...`)),
-              h("div", { class: "hy-twitter-tweet__statistics", role: "complementary" },
-                h("p", null,
-                  h("span", { class: "visually-hidden" }, "Tweet like count: "),
-                  h("hy-icon", { icon: `hy-icon-some-twitter-like`, size: 16 }),
-                  tweet_like_count),
-                h("p", null,
-                  h("span", { class: "visually-hidden" }, "Tweet retweet count: "),
-                  h("hy-icon", { icon: `hy-icon-some-twitter-retweet`, size: 16 }),
-                  tweet_retweet_count))))));
-      }))));
+    return (h("section", { class: "hy-twitter-feed" }, h("div", { class: "hy-twitter-feed__header" }, h(HeadingVariant, { class: "hy-twitter-feed__title" }, this.paragraphTitle || 'Twitter'), h("p", { class: "hy-twitter-feed__keyword" }, h("hy-icon", { icon: `hy-icon-some-twitter`, size: 20 }), this.tweetType === 'Hashtag' ? `#${this.twitterFeedKeyword}` : `@${this.twitterFeedKeyword}`), this.tweetType === 'Username' && (h("a", { href: `https://twitter.com/${this.twitterFeedKeyword}`, target: "_blank" }, h("hy-icon", { icon: `hy-icon-plus`, size: 12 }), "Follow"))), h("ul", { class: "hy-twitter-feed__tweets" }, parsedTweets.map(({ tweet_text, tweet_created, tweet_absolute_url, tweet_like_count, tweet_retweet_count, user_name, user_username, user_profile_image_url, }) => {
+      const dateFormatted = new Intl.DateTimeFormat('fi-FI').format(new Date(tweet_created));
+      return (h("li", { class: "hy-twitter-feed__item" }, h("article", { class: "hy-twitter-tweet" }, h("header", { class: "hy-twitter-tweet__header" }, h("figure", { class: "hy-twitter-tweet__profile-image", role: "complementary" }, h("img", { src: user_profile_image_url, alt: "" })), h("div", { class: "hy-twitter-tweet__header-content" }, h("time", { dateTime: tweet_created }, dateFormatted), h("p", null, user_name), h("a", { class: "hy-twitter-tweet__user-link", href: `https://twitter.com/${user_username}`, target: "_blank" }, "@", user_username))), h("div", { class: "hy-twitter-tweet__content-wrapper" }, h("div", { class: "hy-twitter-tweet__content" }, h("p", null, tweet_text.length > 113 ? `${tweet_text.substr(0, 113)}...` : tweet_text), h("a", { class: "hy-twitter-tweet__tweet-link", href: tweet_absolute_url, target: "_blank" }, h("span", { "aria-hidden": "true" }), `${tweet_absolute_url.substr(0, 24)}...`)), h("div", { class: "hy-twitter-tweet__statistics", role: "complementary" }, h("p", null, h("span", { class: "visually-hidden" }, "Tweet like count: "), h("hy-icon", { icon: `hy-icon-some-twitter-like`, size: 16 }), tweet_like_count), h("p", null, h("span", { class: "visually-hidden" }, "Tweet retweet count: "), h("hy-icon", { icon: `hy-icon-some-twitter-retweet`, size: 16 }), tweet_retweet_count))))));
+    }))));
   }
   static get is() { return "hy-twitter-feed"; }
-  static get originalStyleUrls() { return {
-    "$": ["hy-twitter-feed.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["hy-twitter-feed.css"]
-  }; }
-  static get properties() { return {
-    "headingVariant": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "heading-variant",
-      "reflect": false
-    },
-    "paragraphTitle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "paragraph-title",
-      "reflect": false
-    },
-    "twitterFeedKeyword": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "twitter-feed-keyword",
-      "reflect": false
-    },
-    "tweetType": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["hy-twitter-feed.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hy-twitter-feed.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "headingVariant": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "heading-variant",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "paragraphTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "paragraph-title",
+        "reflect": false
       },
-      "attribute": "tweet-type",
-      "reflect": false
-    },
-    "tweets": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "twitterFeedKeyword": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "twitter-feed-keyword",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "tweetType": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "tweet-type",
+        "reflect": false
       },
-      "attribute": "tweets",
-      "reflect": false
-    }
-  }; }
+      "tweets": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "tweets",
+        "reflect": false
+      }
+    };
+  }
 }
+//# sourceMappingURL=hy-twitter-feed.js.map

package/dist/collection/components/hy-twitter-feed/hy-twitter-feed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hy-twitter-feed.js","sourceRoot":"","sources":["../../../src/components/hy-twitter-feed/hy-twitter-feed.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, h, Prop} from '@stencil/core';\n\n@Component({\n  tag: 'hy-twitter-feed',\n  styleUrl: 'hy-twitter-feed.scss',\n  shadow: false,\n})\nexport class HyTwitterFeed {\n  @Prop() headingVariant: string;\n  @Prop() paragraphTitle?: string;\n  @Prop() twitterFeedKeyword: string;\n  @Prop() tweetType: string;\n  @Prop() tweets: string;\n\n  render() {\n    const parsedTweets = JSON.parse(this.tweets);\n    const HeadingVariant = this.headingVariant.toLowerCase();\n\n    if (this.tweetType === 'Hashtag' && this.twitterFeedKeyword.charAt(0) === '#') {\n      this.twitterFeedKeyword = this.twitterFeedKeyword.substring(1);\n    }\n\n    return (\n      <section class=\"hy-twitter-feed\">\n        <div class=\"hy-twitter-feed__header\">\n          <HeadingVariant class=\"hy-twitter-feed__title\">{this.paragraphTitle || 'Twitter'}</HeadingVariant>\n          <p class=\"hy-twitter-feed__keyword\">\n            <hy-icon icon={`hy-icon-some-twitter`} size={20} />\n            {this.tweetType === 'Hashtag' ? `#${this.twitterFeedKeyword}` : `@${this.twitterFeedKeyword}`}\n          </p>\n          {this.tweetType === 'Username' && (\n            <a href={`https://twitter.com/${this.twitterFeedKeyword}`} target=\"_blank\">\n              <hy-icon icon={`hy-icon-plus`} size={12} />\n              Follow\n            </a>\n          )}\n        </div>\n        <ul class=\"hy-twitter-feed__tweets\">\n          {parsedTweets.map(\n            ({\n              tweet_text,\n              tweet_created,\n              tweet_absolute_url,\n              tweet_like_count,\n              tweet_retweet_count,\n              user_name,\n              user_username,\n              user_profile_image_url,\n            }) => {\n              const dateFormatted = new Intl.DateTimeFormat('fi-FI').format(new Date(tweet_created));\n\n              return (\n                <li class=\"hy-twitter-feed__item\">\n                  <article class=\"hy-twitter-tweet\">\n                    <header class=\"hy-twitter-tweet__header\">\n                      <figure class=\"hy-twitter-tweet__profile-image\" role=\"complementary\">\n                        <img src={user_profile_image_url} alt=\"\" />\n                      </figure>\n                      <div class=\"hy-twitter-tweet__header-content\">\n                        <time dateTime={tweet_created}>{dateFormatted}</time>\n                        <p>{user_name}</p>\n                        <a\n                          class=\"hy-twitter-tweet__user-link\"\n                          href={`https://twitter.com/${user_username}`}\n                          target=\"_blank\"\n                        >\n                          @{user_username}\n                        </a>\n                      </div>\n                    </header>\n                    <div class=\"hy-twitter-tweet__content-wrapper\">\n                      <div class=\"hy-twitter-tweet__content\">\n                        <p>{tweet_text.length > 113 ? `${tweet_text.substr(0, 113)}...` : tweet_text}</p>\n                        <a class=\"hy-twitter-tweet__tweet-link\" href={tweet_absolute_url} target=\"_blank\">\n                          <span aria-hidden=\"true\"></span>\n                          {`${tweet_absolute_url.substr(0, 24)}...`}\n                        </a>\n                      </div>\n                      <div class=\"hy-twitter-tweet__statistics\" role=\"complementary\">\n                        <p>\n                          <span class=\"visually-hidden\">Tweet like count: </span>\n                          <hy-icon icon={`hy-icon-some-twitter-like`} size={16} />\n                          {tweet_like_count}\n                        </p>\n                        <p>\n                          <span class=\"visually-hidden\">Tweet retweet count: </span>\n                          <hy-icon icon={`hy-icon-some-twitter-retweet`} size={16} />\n                          {tweet_retweet_count}\n                        </p>\n                      </div>\n                    </div>\n                  </article>\n                </li>\n              );\n            }\n          )}\n        </ul>\n      </section>\n    );\n  }\n}\n"]}

package/dist/collection/components/hy-two-columns/hy-two-columns.js

@@ -1,42 +1,44 @@
-import { Component, Host, h, Prop } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 export class HyTwoColumns {
   constructor() {
     this.reversed = false;
   }
   render() {
     const classAttributes = ['hy-two-columns', this.reversed ? 'hy-two-columns--reversed' : ''].join(' ');
-    return (h(Host, null,
-      h("div", { class: classAttributes },
-        h("div", { class: "hy-two-columns__item hy-two-columns__item--main" },
-          h("slot", { name: "main" })),
-        h("div", { class: "hy-two-columns__item hy-two-columns__item--side" },
-          h("slot", { name: "side" })))));
+    return (h(Host, null, h("div", { class: classAttributes }, h("div", { class: "hy-two-columns__item hy-two-columns__item--main" }, h("slot", { name: "main" })), h("div", { class: "hy-two-columns__item hy-two-columns__item--side" }, h("slot", { name: "side" })))));
   }
   static get is() { return "hy-two-columns"; }
-  static get originalStyleUrls() { return {
-    "$": ["hy-two-columns.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["hy-two-columns.css"]
-  }; }
-  static get properties() { return {
-    "reversed": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "reversed",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["hy-two-columns.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hy-two-columns.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "reversed": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "reversed",
+        "reflect": false,
+        "defaultValue": "false"
+      }
+    };
+  }
 }
+//# sourceMappingURL=hy-two-columns.js.map

package/dist/collection/components/hy-two-columns/hy-two-columns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hy-two-columns.js","sourceRoot":"","sources":["../../../src/components/hy-two-columns/hy-two-columns.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AAOvD,MAAM,OAAO,YAAY;;oBACK,KAAK;;EAEjC,MAAM;IACJ,MAAM,eAAe,GAAG,CAAC,gBAAgB,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEtG,OAAO,CACL,EAAC,IAAI;MACH,WAAK,KAAK,EAAE,eAAe;QACzB,WAAK,KAAK,EAAC,iDAAiD;UAC1D,YAAM,IAAI,EAAC,MAAM,GAAQ,CACrB;QACN,WAAK,KAAK,EAAC,iDAAiD;UAC1D,YAAM,IAAI,EAAC,MAAM,GAAQ,CACrB,CACF,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Host, h, Prop} from '@stencil/core';\n\n@Component({\n  tag: 'hy-two-columns',\n  styleUrl: 'hy-two-columns.scss',\n  shadow: false,\n})\nexport class HyTwoColumns {\n  @Prop() reversed: boolean = false;\n\n  render() {\n    const classAttributes = ['hy-two-columns', this.reversed ? 'hy-two-columns--reversed' : ''].join(' ');\n\n    return (\n      <Host>\n        <div class={classAttributes}>\n          <div class=\"hy-two-columns__item hy-two-columns__item--main\">\n            <slot name=\"main\"></slot>\n          </div>\n          <div class=\"hy-two-columns__item hy-two-columns__item--side\">\n            <slot name=\"side\"></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/hy-user-login-form/hy-user-login-form.js

@@ -1,56 +1,64 @@
-import { Component, h, Prop } from '@stencil/core';
+import { h } from '@stencil/core';
 import { ColorVariant, SiteLogoSize } from '../../utils/utils';
 export class HyUserLoginForm {
+  constructor() {
+    this.logoUrl = undefined;
+    this.logoLabel = undefined;
+  }
   render() {
     const classAttributes = 'hy-user-login-form';
     const logoSize = SiteLogoSize.large;
     const logoColor = ColorVariant.black;
-    return (h("div", { class: classAttributes },
-      h("div", { class: 'hy-site-header__logo-container' },
-        h("hy-site-logo", { size: logoSize, color: logoColor, url: this.logoUrl, label: this.logoLabel })),
-      h("slot", null)));
+    return (h("div", { class: classAttributes }, h("div", { class: 'hy-site-header__logo-container' }, h("hy-site-logo", { size: logoSize, color: logoColor, url: this.logoUrl, label: this.logoLabel })), h("slot", null)));
   }
   static get is() { return "hy-user-login-form"; }
-  static get originalStyleUrls() { return {
-    "$": ["hy-user-login-form.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["hy-user-login-form.css"]
-  }; }
-  static get properties() { return {
-    "logoUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "logo-url",
-      "reflect": false
-    },
-    "logoLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+  static get originalStyleUrls() {
+    return {
+      "$": ["hy-user-login-form.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["hy-user-login-form.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "logoUrl": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "logo-url",
+        "reflect": false
       },
-      "attribute": "logo-label",
-      "reflect": false
-    }
-  }; }
+      "logoLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "logo-label",
+        "reflect": false
+      }
+    };
+  }
 }
+//# sourceMappingURL=hy-user-login-form.js.map

package/dist/collection/components/hy-user-login-form/hy-user-login-form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hy-user-login-form.js","sourceRoot":"","sources":["../../../src/components/hy-user-login-form/hy-user-login-form.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AACjD,OAAO,EAAC,YAAY,EAAE,YAAY,EAAC,MAAM,mBAAmB,CAAC;AAO7D,MAAM,OAAO,eAAe;;;;;EAI1B,MAAM;IACJ,MAAM,eAAe,GAAG,oBAAoB,CAAC;IAE7C,MAAM,QAAQ,GAAG,YAAY,CAAC,KAAK,CAAC;IACpC,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC;IAErC,OAAO,CACL,WAAK,KAAK,EAAE,eAAe;MACzB,WAAK,KAAK,EAAE,gCAAgC;QAC1C,oBAAc,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,GAAI,CACxF;MAEN,eAAQ,CACJ,CACP,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, h, Prop} from '@stencil/core';\nimport {ColorVariant, SiteLogoSize} from '../../utils/utils';\n\n@Component({\n  tag: 'hy-user-login-form',\n  styleUrl: 'hy-user-login-form.scss',\n  shadow: false,\n})\nexport class HyUserLoginForm {\n  @Prop() logoUrl?: string;\n  @Prop() logoLabel?: string;\n\n  render() {\n    const classAttributes = 'hy-user-login-form';\n\n    const logoSize = SiteLogoSize.large;\n    const logoColor = ColorVariant.black;\n\n    return (\n      <div class={classAttributes}>\n        <div class={'hy-site-header__logo-container'}>\n          <hy-site-logo size={logoSize} color={logoColor} url={this.logoUrl} label={this.logoLabel} />\n        </div>\n\n        <slot />\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/hy-video/hy-video.css

@@ -319,7 +319,7 @@ a.hy-video {
 
 @media (min-width: 60rem) {
   .hy-video__meta__title h2.hy-heading,
-.hy-video__meta__title h3.hy-heading {
+  .hy-video__meta__title h3.hy-heading {
     margin: 0 0 16px 0 !important;
   }
 }