@itcenteratunihelsinki/huds-lib 0.8.41 → 0.8.42

package/dist/collection/components/process-flow-box/process-flow-box.js

@@ -1,10 +1,14 @@
-import { Component, Prop, h, Host } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import { ProcessFlowBoxVariants } from '../../utils/utils';
 export class ProcessFlowBox {
   constructor() {
     this.variant = ProcessFlowBoxVariants.default;
+    this.boxNumber = undefined;
+    this.boxTitle = undefined;
+    this.boxDescription = undefined;
     this.intermediateStepTitle = '';
     this.stepState = 'default';
+    this.numberTerm = undefined;
   }
   render() {
     const classVariant = [this.variant, 'hy-process-flow-box'].join(' ');
@@ -12,162 +16,155 @@ export class ProcessFlowBox {
     const classIsEven = parseInt(this.boxNumber) % 2 == 0 ? 'even' : 'odd';
     const classNumberVariant = [this.variant, 'hy-process-flow-box__number__container'].join(' ');
     const classStepVariant = [this.variant, this.stepState, classIsEven, 'hy-process-flow-box__step__container'].join(' ');
-    return (h(Host, null,
-      h("div", { class: classVariant },
-        this.intermediateStepTitle && (h("div", { class: classStepVariant },
-          h("svg", { class: "desktop", width: "210", height: "60" },
-            h("polygon", { points: "0 0, 0 60, 190 60, 210 30, 190 0, 0 0" })),
-          h("svg", { class: "mobile", width: "138", height: "82" },
-            h("polygon", { points: "0 0, 69 15, 138 0, 138 50, 69 82, 0 50" })),
-          h("h2", { class: "hy-process-flow-box__step" }, this.intermediateStepTitle))),
-        h("div", { class: classNumberVariant },
-          h("h2", { class: "hy-process-flow-box__number", "aria-label": `${this.numberTerm && this.numberTerm} ${this.boxNumber}` },
-            h("div", { class: "hy-process-flow-box__number-title" }, this.boxNumber))),
-        h("div", { class: classContentVariant },
-          h("h3", { class: "hy-process-flow-box__title", innerHTML: this.boxTitle }),
-          h("div", { class: "hy-process-flow-box__description", innerHTML: this.boxDescription }))),
-      h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
+    return (h(Host, null, h("div", { class: classVariant }, this.intermediateStepTitle && (h("div", { class: classStepVariant }, h("svg", { class: "desktop", width: "210", height: "60" }, h("polygon", { points: "0 0, 0 60, 190 60, 210 30, 190 0, 0 0" })), h("svg", { class: "mobile", width: "138", height: "82" }, h("polygon", { points: "0 0, 69 15, 138 0, 138 50, 69 82, 0 50" })), h("h2", { class: "hy-process-flow-box__step" }, this.intermediateStepTitle))), h("div", { class: classNumberVariant }, h("h2", { class: "hy-process-flow-box__number", "aria-label": `${this.numberTerm && this.numberTerm} ${this.boxNumber}` }, h("div", { class: "hy-process-flow-box__number-title" }, this.boxNumber))), h("div", { class: classContentVariant }, h("h3", { class: "hy-process-flow-box__title", innerHTML: this.boxTitle }), h("div", { class: "hy-process-flow-box__description", innerHTML: this.boxDescription }))), h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));
   }
   static get is() { return "hy-process-flow-box"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["process-flow-box.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["process-flow-box.css"]
-  }; }
-  static get properties() { return {
-    "variant": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "ProcessFlowBoxVariants",
-        "resolved": "ProcessFlowBoxVariants.default | ProcessFlowBoxVariants.small",
-        "references": {
-          "ProcessFlowBoxVariants": {
-            "location": "import",
-            "path": "../../utils/utils"
+  static get originalStyleUrls() {
+    return {
+      "$": ["process-flow-box.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["process-flow-box.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "variant": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "ProcessFlowBoxVariants",
+          "resolved": "ProcessFlowBoxVariants.default | ProcessFlowBoxVariants.small",
+          "references": {
+            "ProcessFlowBoxVariants": {
+              "location": "import",
+              "path": "../../utils/utils"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "variant",
-      "reflect": false,
-      "defaultValue": "ProcessFlowBoxVariants.default"
-    },
-    "boxNumber": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "box-number",
-      "reflect": false
-    },
-    "boxTitle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "variant",
+        "reflect": false,
+        "defaultValue": "ProcessFlowBoxVariants.default"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "boxNumber": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "box-number",
+        "reflect": false
       },
-      "attribute": "box-title",
-      "reflect": false
-    },
-    "boxDescription": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "boxTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "box-title",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "boxDescription": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "box-description",
+        "reflect": false
       },
-      "attribute": "box-description",
-      "reflect": false
-    },
-    "intermediateStepTitle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "intermediateStepTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "intermediate-step-title",
+        "reflect": false,
+        "defaultValue": "''"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "intermediate-step-title",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "stepState": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "ProcessFlowBoxStepStates",
-        "resolved": "\"default\" | \"first\"",
-        "references": {
-          "ProcessFlowBoxStepStates": {
-            "location": "import",
-            "path": "../../utils/utils"
+      "stepState": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "ProcessFlowBoxStepStates",
+          "resolved": "\"default\" | \"first\"",
+          "references": {
+            "ProcessFlowBoxStepStates": {
+              "location": "import",
+              "path": "../../utils/utils"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "step-state",
-      "reflect": false,
-      "defaultValue": "'default'"
-    },
-    "numberTerm": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "step-state",
+        "reflect": false,
+        "defaultValue": "'default'"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "number-term",
-      "reflect": false
-    }
-  }; }
+      "numberTerm": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "number-term",
+        "reflect": false
+      }
+    };
+  }
 }
+//# sourceMappingURL=process-flow-box.js.map

package/dist/collection/components/process-flow-box/process-flow-box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"process-flow-box.js","sourceRoot":"","sources":["../../../src/components/process-flow-box/process-flow-box.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAsB,IAAI,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAC,sBAAsB,EAAC,MAAM,mBAAmB,CAAC;AAQzD,MAAM,OAAO,cAAc;;mBACiB,sBAAsB,CAAC,OAAO;;;;iCAIhC,EAAE;qBACI,SAAS;;;EAEvD,MAAM;IACJ,MAAM,YAAY,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,qBAAqB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACrE,MAAM,mBAAmB,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,8BAA8B,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAErF,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;IAEvE,MAAM,kBAAkB,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,wCAAwC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC9F,MAAM,gBAAgB,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,SAAS,EAAE,WAAW,EAAE,sCAAsC,CAAC,CAAC,IAAI,CAC/G,GAAG,CACJ,CAAC;IAEF,OAAO,CACL,EAAC,IAAI;MACH,WAAK,KAAK,EAAE,YAAY;QACrB,IAAI,CAAC,qBAAqB,IAAI,CAC7B,WAAK,KAAK,EAAE,gBAAgB;UAC1B,WAAK,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI;YAC1C,eAAS,MAAM,EAAC,uCAAuC,GAAG,CACtD;UACN,WAAK,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI;YACzC,eAAS,MAAM,EAAC,wCAAwC,GAAG,CACvD;UACN,UAAI,KAAK,EAAC,2BAA2B,IAAE,IAAI,CAAC,qBAAqB,CAAM,CACnE,CACP;QACD,WAAK,KAAK,EAAE,kBAAkB;UAC5B,UACE,KAAK,EAAC,6BAA6B,gBACvB,GAAG,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS,EAAE;YAErE,WAAK,KAAK,EAAC,mCAAmC,IAAE,IAAI,CAAC,SAAS,CAAO,CAClE,CACD;QACN,WAAK,KAAK,EAAE,mBAAmB;UAC7B,UAAI,KAAK,EAAC,4BAA4B,EAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,GAAO;UACtE,WAAK,KAAK,EAAC,kCAAkC,EAAC,SAAS,EAAE,IAAI,CAAC,cAAc,GAAQ,CAChF,CACF;MACN,cAAQ,EAAE,EAAC,oBAAoB,GAAG,CAC7B,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, ComponentInterface, Prop, h, Host} from '@stencil/core';\nimport {ProcessFlowBoxVariants} from '../../utils/utils';\nimport {ProcessFlowBoxStepStates} from '../../utils/utils';\n\n@Component({\n  tag: 'hy-process-flow-box',\n  styleUrl: 'process-flow-box.scss',\n  shadow: true,\n})\nexport class ProcessFlowBox implements ComponentInterface {\n  @Prop() variant: ProcessFlowBoxVariants = ProcessFlowBoxVariants.default;\n  @Prop() boxNumber: string;\n  @Prop() boxTitle: string;\n  @Prop() boxDescription: string;\n  @Prop() intermediateStepTitle: string = '';\n  @Prop() stepState: ProcessFlowBoxStepStates = 'default';\n  @Prop() numberTerm: string;\n  render() {\n    const classVariant = [this.variant, 'hy-process-flow-box'].join(' ');\n    const classContentVariant = [this.variant, 'hy-process-flow-box__content'].join(' ');\n\n    const classIsEven = parseInt(this.boxNumber) % 2 == 0 ? 'even' : 'odd';\n\n    const classNumberVariant = [this.variant, 'hy-process-flow-box__number__container'].join(' ');\n    const classStepVariant = [this.variant, this.stepState, classIsEven, 'hy-process-flow-box__step__container'].join(\n      ' '\n    );\n\n    return (\n      <Host>\n        <div class={classVariant}>\n          {this.intermediateStepTitle && (\n            <div class={classStepVariant}>\n              <svg class=\"desktop\" width=\"210\" height=\"60\">\n                <polygon points=\"0 0, 0 60, 190 60, 210 30, 190 0, 0 0\" />\n              </svg>\n              <svg class=\"mobile\" width=\"138\" height=\"82\">\n                <polygon points=\"0 0, 69 15, 138 0, 138 50, 69 82, 0 50\" />\n              </svg>\n              <h2 class=\"hy-process-flow-box__step\">{this.intermediateStepTitle}</h2>\n            </div>\n          )}\n          <div class={classNumberVariant}>\n            <h2\n              class=\"hy-process-flow-box__number\"\n              aria-label={`${this.numberTerm && this.numberTerm} ${this.boxNumber}`}\n            >\n              <div class=\"hy-process-flow-box__number-title\">{this.boxNumber}</div>\n            </h2>\n          </div>\n          <div class={classContentVariant}>\n            <h3 class=\"hy-process-flow-box__title\" innerHTML={this.boxTitle}></h3>\n            <div class=\"hy-process-flow-box__description\" innerHTML={this.boxDescription}></div>\n          </div>\n        </div>\n        <hy-box mb=\"1.75, 1.75, 2, 2.5\" />\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/row/row.js

@@ -1,4 +1,4 @@
-import { Component, h, Prop } from '@stencil/core';
+import { h } from '@stencil/core';
 import { css } from 'emotion';
 const createCss = (justify, align, margin) => {
   return css `
@@ -12,84 +12,81 @@ const createCss = (justify, align, margin) => {
 };
 export class Row {
   constructor() {
-    /**
-     * justify-content property.
-     */
     this.justify = 'stretch';
-    /**
-     * justify-content property.
-     */
     this.align = 'center';
-    /**
-     * Left margin to be added to adjacent items.
-     */
     this.margin = 1;
   }
   render() {
-    return (h("div", { class: createCss(this.justify, this.align, this.margin) },
-      h("slot", null)));
+    return (h("div", { class: createCss(this.justify, this.align, this.margin) }, h("slot", null)));
   }
   static get is() { return "hy-row"; }
-  static get originalStyleUrls() { return {
-    "$": ["row.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["row.css"]
-  }; }
-  static get properties() { return {
-    "justify": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "justify-content property."
-      },
-      "attribute": "justify",
-      "reflect": false,
-      "defaultValue": "'stretch'"
-    },
-    "align": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "justify-content property."
-      },
-      "attribute": "align",
-      "reflect": false,
-      "defaultValue": "'center'"
-    },
-    "margin": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["row.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["row.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "justify": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "justify-content property."
+        },
+        "attribute": "justify",
+        "reflect": false,
+        "defaultValue": "'stretch'"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Left margin to be added to adjacent items."
+      "align": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "justify-content property."
+        },
+        "attribute": "align",
+        "reflect": false,
+        "defaultValue": "'center'"
       },
-      "attribute": "margin",
-      "reflect": false,
-      "defaultValue": "1"
-    }
-  }; }
+      "margin": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Left margin to be added to adjacent items."
+        },
+        "attribute": "margin",
+        "reflect": false,
+        "defaultValue": "1"
+      }
+    };
+  }
 }
+//# sourceMappingURL=row.js.map

package/dist/collection/components/row/row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"row.js","sourceRoot":"","sources":["../../../src/components/row/row.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,CAAC,EAAE,IAAI,EAAC,MAAM,eAAe,CAAC;AACjD,OAAO,EAAC,GAAG,EAAC,MAAM,SAAS,CAAC;AAE5B,MAAM,SAAS,GAAG,CAAC,OAAe,EAAE,KAAa,EAAE,MAAc,EAAE,EAAE;EACnE,OAAO,GAAG,CAAA;;uBAEW,OAAO;mBACX,KAAK;;qBAEH,MAAM;;GAExB,CAAC;AACJ,CAAC,CAAC;AAOF,MAAM,OAAO,GAAG;;mBAIY,SAAS;iBAIX,QAAQ;kBAIP,CAAC;;EAC1B,MAAM;IACJ,OAAO,CACL,WAAK,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC;MAC1D,eAAa,CACT,CACP,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, h, Prop} from '@stencil/core';\nimport {css} from 'emotion';\n\nconst createCss = (justify: string, align: string, margin: number) => {\n  return css`\n    display: flex;\n    justify-content: ${justify};\n    align-items: ${align};\n    > * + * {\n      margin-left: ${margin}rem;\n    }\n  `;\n};\n\n@Component({\n  tag: 'hy-row',\n  styleUrl: 'row.css',\n  shadow: false\n})\nexport class Row {\n  /**\n   * justify-content property.\n   */\n  @Prop() justify: string = 'stretch';\n  /**\n   * justify-content property.\n   */\n  @Prop() align: string = 'center';\n  /**\n   * Left margin to be added to adjacent items.\n   */\n  @Prop() margin: number = 1;\n  render() {\n    return (\n      <div class={createCss(this.justify, this.align, this.margin)}>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/section-container/section-container.js

@@ -1,14 +1,18 @@
-import { Component, h } from '@stencil/core';
+import { h } from '@stencil/core';
 export class SectionContainer {
   render() {
-    return (h("div", { class: "hy-section--container" },
-      h("slot", null)));
+    return (h("div", { class: "hy-section--container" }, h("slot", null)));
   }
   static get is() { return "hy-section-container"; }
-  static get originalStyleUrls() { return {
-    "$": ["section-container.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["section-container.css"]
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["section-container.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["section-container.css"]
+    };
+  }
 }
+//# sourceMappingURL=section-container.js.map

package/dist/collection/components/section-container/section-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"section-container.js","sourceRoot":"","sources":["../../../src/components/section-container/section-container.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAQ7C,MAAM,OAAO,gBAAgB;EAE3B,MAAM;IACJ,OAAO,CACH,WAAK,KAAK,EAAC,uBAAuB;MAChC,eAAQ,CACJ,CACT,CAAC;EACJ,CAAC;;;;;;;;CAEF","sourcesContent":["import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'hy-section-container',\n  styleUrl: 'section-container.scss',\n  shadow: false,\n})\n\nexport class SectionContainer {\n\n  render() {\n    return (\n        <div class=\"hy-section--container\">\n          <slot />\n        </div>\n    );\n  }\n\n}"]}

package/dist/collection/components/site-header/site-header.css

@@ -124,7 +124,7 @@
 
 @media (min-width: 75.0625rem) {
   .hy-site-header.is-group hy-desktop-menu-links,
-.hy-site-header.is-group .hy-site-header__menu-desktop {
+  .hy-site-header.is-group .hy-site-header__menu-desktop {
     margin-left: -10px;
   }
 }