@itcenteratunihelsinki/huds-lib 0.8.40 → 0.8.42

package/dist/collection/components/paragraph-text/paragraph-text.js

@@ -1,6 +1,7 @@
-import { Component, Element, h, Host, Prop } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 export class ParagraphText {
   constructor() {
+    this.variant = undefined;
     this.placement = 'internal';
     this.headerstyle = 'default';
   }
@@ -20,75 +21,80 @@ export class ParagraphText {
       `${this.placement}`,
       `${this.headerstyle}`,
     ].join(' ');
-    return (h(Host, null,
-      h("div", { class: classAttributes },
-        h("slot", null))));
+    return (h(Host, null, h("div", { class: classAttributes }, h("slot", null))));
   }
   static get is() { return "hy-paragraph-text"; }
-  static get originalStyleUrls() { return {
-    "default": ["paragraph-text.scss"],
-    "content": ["paragraph-text-content.scss"],
-    "landing": ["paragraph-text-landing.scss"]
-  }; }
-  static get styleUrls() { return {
-    "default": ["paragraph-text.css"],
-    "content": ["paragraph-text-content.css"],
-    "landing": ["paragraph-text-landing.css"]
-  }; }
-  static get properties() { return {
-    "variant": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "variant",
-      "reflect": false
-    },
-    "placement": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "placement",
-      "reflect": false,
-      "defaultValue": "'internal'"
-    },
-    "headerstyle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "default": ["paragraph-text.scss"],
+      "content": ["paragraph-text-content.scss"],
+      "landing": ["paragraph-text-landing.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "default": ["paragraph-text.css"],
+      "content": ["paragraph-text-content.css"],
+      "landing": ["paragraph-text-landing.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "variant": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "variant",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "placement": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "placement",
+        "reflect": false,
+        "defaultValue": "'internal'"
       },
-      "attribute": "headerstyle",
-      "reflect": false,
-      "defaultValue": "'default'"
-    }
-  }; }
+      "headerstyle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "headerstyle",
+        "reflect": false,
+        "defaultValue": "'default'"
+      }
+    };
+  }
   static get elementRef() { return "el"; }
 }
+//# sourceMappingURL=paragraph-text.js.map

package/dist/collection/components/paragraph-text/paragraph-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paragraph-text.js","sourceRoot":"","sources":["../../../src/components/paragraph-text/paragraph-text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AAWhE,MAAM,OAAO,aAAa;;;qBAEI,UAAU;uBACR,SAAS;;EAGvC,gBAAgB;IACd,IAAI,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAC5C,IAAI,SAAS,EAAE;MACb,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE;QACjD,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC;OAC5B;KACF;EACH,CAAC;EAED,MAAM;IACJ,MAAM,eAAe,GAAG;MACtB,mBAAmB;MACnB,sBAAsB,IAAI,CAAC,WAAW,EAAE;MACxC,GAAG,IAAI,CAAC,OAAO,EAAE;MACjB,GAAG,IAAI,CAAC,SAAS,EAAE;MACnB,GAAG,IAAI,CAAC,WAAW,EAAE;KACtB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEZ,OAAO,CACL,EAAC,IAAI;MACH,WAAK,KAAK,EAAE,eAAe;QACzB,eAAa,CACT,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Element, h, Host, Prop} from '@stencil/core';\n\n@Component({\n  tag: 'hy-paragraph-text',\n  styleUrls: {\n    default: 'paragraph-text.scss',\n    content: 'paragraph-text-content.scss',\n    landing: 'paragraph-text-landing.scss',\n  },\n  shadow: false,\n})\nexport class ParagraphText {\n  @Prop() variant: string;\n  @Prop() placement: string = 'internal';\n  @Prop() headerstyle: string = 'default';\n  @Element() el: HTMLElement;\n\n  componentDidLoad() {\n    let hyMainDiv = this.el.closest('.hy-main');\n    if (hyMainDiv) {\n      if (!hyMainDiv.classList.contains('with-sidebar')) {\n        this.headerstyle = 'large';\n      }\n    }\n  }\n\n  render() {\n    const classAttributes = [\n      'hy-paragraph-text',\n      `hy-paragraph-text__${this.headerstyle}`,\n      `${this.variant}`,\n      `${this.placement}`,\n      `${this.headerstyle}`,\n    ].join(' ');\n\n    return (\n      <Host>\n        <div class={classAttributes}>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/person-profile/person-profile-listing/person-profile-listing.css

@@ -90,7 +90,7 @@
 
 @media (min-width: 60rem) {
   .hy-person-profile-listing.col-4 {
-    grid-template-columns: repeat(3, calc(100% / 3));
+    grid-template-columns: repeat(3, 33.3333333333%);
   }
 }
 

package/dist/collection/components/person-profile/person-profile-listing/person-profile.listing.js

@@ -1,144 +1,146 @@
-import { Component, Host, h, Prop } from '@stencil/core';
+import { Host, h } from '@stencil/core';
 export class PersonProfile {
   constructor() {
+    this.items = undefined;
     this.col = 'col-2';
+    this.inline = undefined;
+    this.withoutIcons = undefined;
+    this.textSpacingTight = undefined;
     this.isResearch = false;
   }
   render() {
-    return (h(Host, null,
-      h("ul", { class: `hy-person-profile-listing ${this.col} ${this.inline ? 'is-inline' : ''} ${this.withoutIcons ? 'without-icons' : ''} ${this.textSpacingTight ? 'text-tight' : ''}` },
-        this.isResearch && h("h3", { class: "hy-person-profile-listing__label" }, this.items[0].label),
-        this.items.map(({ label, items }) => {
-          if (items.filter(({ label }) => label !== '').length > 0) {
-            return (h("li", null,
-              !this.isResearch && h("h3", { class: "hy-person-profile-listing__label" }, label),
-              h("ul", { class: "hy-person-profile-listing__items" }, items.map(({ label, url }, index) => {
-                if (url) {
-                  return (h("li", { class: "hy-person-profile-listing__item" },
-                    h("a", { href: url },
-                      index !== 0 && h("hy-icon", { icon: 'hy-icon-caret-right', size: 10 }),
-                      h("span", null, label))));
-                }
-                return (h("li", { class: "hy-person-profile-listing__item" },
-                  index !== 0 && h("hy-icon", { icon: 'hy-icon-caret-right', size: 10 }),
-                  h("span", null, label)));
-              }))));
+    return (h(Host, null, h("ul", { class: `hy-person-profile-listing ${this.col} ${this.inline ? 'is-inline' : ''} ${this.withoutIcons ? 'without-icons' : ''} ${this.textSpacingTight ? 'text-tight' : ''}` }, this.isResearch && h("h3", { class: "hy-person-profile-listing__label" }, this.items[0].label), this.items.map(({ label, items }) => {
+      if (items.filter(({ label }) => label !== '').length > 0) {
+        return (h("li", null, !this.isResearch && h("h3", { class: "hy-person-profile-listing__label" }, label), h("ul", { class: "hy-person-profile-listing__items" }, items.map(({ label, url }, index) => {
+          if (url) {
+            return (h("li", { class: "hy-person-profile-listing__item" }, h("a", { href: url }, index !== 0 && h("hy-icon", { icon: 'hy-icon-caret-right', size: 10 }), h("span", null, label))));
           }
+          return (h("li", { class: "hy-person-profile-listing__item" }, index !== 0 && h("hy-icon", { icon: 'hy-icon-caret-right', size: 10 }), h("span", null, label)));
         }))));
+      }
+    }))));
   }
   static get is() { return "hy-person-profile-listing"; }
-  static get originalStyleUrls() { return {
-    "$": ["person-profile-listing.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["person-profile-listing.css"]
-  }; }
-  static get properties() { return {
-    "items": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "personProfileListingItems",
-        "resolved": "[{ label: string; items: string[]; }]",
-        "references": {
-          "personProfileListingItems": {
-            "location": "local"
+  static get originalStyleUrls() {
+    return {
+      "$": ["person-profile-listing.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["person-profile-listing.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "items": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "personProfileListingItems",
+          "resolved": "[{ label: string; items: string[]; }]",
+          "references": {
+            "personProfileListingItems": {
+              "location": "local",
+              "path": "/builds/julkiset-sivut/design-system-lib/src/components/person-profile/person-profile-listing/person-profile.listing.tsx"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "col": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'col-1' | 'col-2' | 'col-4'",
-        "resolved": "\"col-1\" | \"col-2\" | \"col-4\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "col",
-      "reflect": false,
-      "defaultValue": "'col-2'"
-    },
-    "inline": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "col": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'col-1' | 'col-2' | 'col-4'",
+          "resolved": "\"col-1\" | \"col-2\" | \"col-4\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "col",
+        "reflect": false,
+        "defaultValue": "'col-2'"
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "inline": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "inline",
+        "reflect": false
       },
-      "attribute": "inline",
-      "reflect": false
-    },
-    "withoutIcons": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "withoutIcons": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "without-icons",
+        "reflect": false
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "textSpacingTight": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "text-spacing-tight",
+        "reflect": false
       },
-      "attribute": "without-icons",
-      "reflect": false
-    },
-    "textSpacingTight": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "text-spacing-tight",
-      "reflect": false
-    },
-    "isResearch": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "is-research",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
+      "isResearch": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "is-research",
+        "reflect": false,
+        "defaultValue": "false"
+      }
+    };
+  }
 }
+//# sourceMappingURL=person-profile.listing.js.map

package/dist/collection/components/person-profile/person-profile-listing/person-profile.listing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"person-profile.listing.js","sourceRoot":"","sources":["../../../../src/components/person-profile/person-profile-listing/person-profile.listing.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AAcvD,MAAM,OAAO,aAAa;;;eAEoB,OAAO;;;;sBAIrB,KAAK;;EAEnC,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH,UACE,KAAK,EAAE,6BAA6B,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,IAC5E,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EACxC,IAAI,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE;QAE9C,IAAI,CAAC,UAAU,IAAI,UAAI,KAAK,EAAC,kCAAkC,IAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAM;QAC1F,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAC,KAAK,EAAE,KAAK,EAAC,EAAE,EAAE;UACjC,IAAK,KAAa,CAAC,MAAM,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE;YAC/D,OAAO,CACL;cACG,CAAC,IAAI,CAAC,UAAU,IAAI,UAAI,KAAK,EAAC,kCAAkC,IAAE,KAAK,CAAM;cAE9E,UAAI,KAAK,EAAC,kCAAkC,IACxC,KAAa,CAAC,GAAG,CAAC,CAAC,EAAC,KAAK,EAAE,GAAG,EAAC,EAAE,KAAK,EAAE,EAAE;gBAC1C,IAAI,GAAG,EAAE;kBACP,OAAO,CACL,UAAI,KAAK,EAAC,iCAAiC;oBACzC,SAAG,IAAI,EAAE,GAAG;sBACT,KAAK,KAAK,CAAC,IAAI,eAAS,IAAI,EAAE,qBAAqB,EAAE,IAAI,EAAE,EAAE,GAAI;sBAClE,gBAAO,KAAK,CAAQ,CAClB,CACD,CACN,CAAC;iBACH;gBAED,OAAO,CACL,UAAI,KAAK,EAAC,iCAAiC;kBACxC,KAAK,KAAK,CAAC,IAAI,eAAS,IAAI,EAAE,qBAAqB,EAAE,IAAI,EAAE,EAAE,GAAI;kBAClE,gBAAO,KAAK,CAAQ,CACjB,CACN,CAAC;cACJ,CAAC,CAAC,CACC,CACF,CACN,CAAC;WACH;QACH,CAAC,CAAC,CACC,CACA,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Host, h, Prop} from '@stencil/core';\n\nexport type personProfileListingItems = [\n  {\n    label: string;\n    items: string[];\n  }\n];\n\n@Component({\n  tag: 'hy-person-profile-listing',\n  shadow: false,\n  styleUrl: 'person-profile-listing.scss',\n})\nexport class PersonProfile {\n  @Prop() items: personProfileListingItems;\n  @Prop() col?: 'col-1' | 'col-2' | 'col-4' = 'col-2';\n  @Prop() inline?: boolean;\n  @Prop() withoutIcons?: boolean;\n  @Prop() textSpacingTight?: boolean;\n  @Prop() isResearch: boolean = false;\n\n  render() {\n    return (\n      <Host>\n        <ul\n          class={`hy-person-profile-listing ${this.col} ${this.inline ? 'is-inline' : ''} ${\n            this.withoutIcons ? 'without-icons' : ''\n          } ${this.textSpacingTight ? 'text-tight' : ''}`}\n        >\n          {this.isResearch && <h3 class=\"hy-person-profile-listing__label\">{this.items[0].label}</h3>}\n          {this.items.map(({label, items}) => {\n            if ((items as any).filter(({label}) => label !== '').length > 0) {\n              return (\n                <li>\n                  {!this.isResearch && <h3 class=\"hy-person-profile-listing__label\">{label}</h3>}\n\n                  <ul class=\"hy-person-profile-listing__items\">\n                    {(items as any).map(({label, url}, index) => {\n                      if (url) {\n                        return (\n                          <li class=\"hy-person-profile-listing__item\">\n                            <a href={url}>\n                              {index !== 0 && <hy-icon icon={'hy-icon-caret-right'} size={10} />}\n                              <span>{label}</span>\n                            </a>\n                          </li>\n                        );\n                      }\n\n                      return (\n                        <li class=\"hy-person-profile-listing__item\">\n                          {index !== 0 && <hy-icon icon={'hy-icon-caret-right'} size={10} />}\n                          <span>{label}</span>\n                        </li>\n                      );\n                    })}\n                  </ul>\n                </li>\n              );\n            }\n          })}\n        </ul>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/person-profile/person-profile.css

@@ -115,7 +115,7 @@
 
 @media (min-width: 48rem) {
   .hy-profile-page__section__research_title > h2,
-.hy-profile-page__section > h2 {
+  .hy-profile-page__section > h2 {
     font-size: 2.125rem;
     line-height: 40px;
     letter-spacing: -0.68px;
@@ -220,7 +220,7 @@
 
 @media (min-width: 48rem) {
   .hy-profile-page__organizations li span,
-.hy-profile-page__research-organizations li span {
+  .hy-profile-page__research-organizations li span {
     font-size: 1.0625rem;
     line-height: 26px;
   }
@@ -247,7 +247,7 @@
 
 @media (min-width: 48rem) {
   .hy-profile-page__organizations li hy-icon,
-.hy-profile-page__research-organizations li hy-icon {
+  .hy-profile-page__research-organizations li hy-icon {
     height: 26px;
   }
 }
@@ -466,7 +466,7 @@
 
 @media (min-width: 48rem) {
   .hy-profile-page__person-content > span,
-.hy-profile-page__person-content > p {
+  .hy-profile-page__person-content > p {
     font-size: 1.0625rem;
     line-height: 26px;
     letter-spacing: -0.44px;