@six-group/ui-library 0.0.0-insider.d16ec8e → 0.0.0-insider.d6239e2

package/dist/components/six-footer.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface SixFooter extends Components.SixFooter, HTMLElement {}
 export const SixFooter: {
-  prototype: SixFooter;
-  new (): SixFooter;
+    prototype: SixFooter;
+    new (): SixFooter;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/six-footer.js

@@ -1,30 +1,31 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 
-const sixFooterCss = ":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}:host{display:block}.six-footer{color:var(--six-color-web-rock-900);padding:var(--six-spacing-x-small) 0;text-align:center;width:100%;background-color:var(--six-footer-background-color);box-shadow:var(--six-shadow-x-large-top)}";
+const sixFooterCss = ":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}:host{display:block}.six-footer{color:var(--six-color-web-rock-900);padding:var(--six-spacing-x-small) 0;text-align:center;width:100%;background-color:var(--six-footer-background-color);box-shadow:var(--six-shadow-medium-top)}";
+const SixFooterStyle0 = sixFooterCss;
 
 const SixFooter$1 = /*@__PURE__*/ proxyCustomElement(class SixFooter extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-  }
-  render() {
-    return (h("footer", { class: "six-footer" }, h("slot", null)));
-  }
-  static get style() { return sixFooterCss; }
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+    }
+    render() {
+        return (h("footer", { key: '4f5f18d1cca92c1aff56451ef0a6a7b4061f9200', class: "six-footer" }, h("slot", { key: '9f3b30e7c28c2e6ae677874ed8203cec624c6d4f' })));
+    }
+    static get style() { return SixFooterStyle0; }
 }, [1, "six-footer"]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["six-footer"];
-  components.forEach(tagName => { switch (tagName) {
-    case "six-footer":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SixFooter$1);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["six-footer"];
+    components.forEach(tagName => { switch (tagName) {
+        case "six-footer":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SixFooter$1);
+            }
+            break;
+    } });
 }
 
 const SixFooter = SixFooter$1;

package/dist/components/six-footer.js.map

@@ -1 +1 @@
-{"file":"six-footer.js","mappings":";;AAAA,MAAM,YAAY,GAAG,2UAA2U;;MCcnVA,WAAS;;;;;;EACpB,MAAM;IACJ,QACE,cAAQ,KAAK,EAAC,YAAY,IACxB,eAAQ,CACD,EACT;GACH;;;;;;;;;;;;;;;;;;;;;;","names":["SixFooter"],"sources":["./src/components/six-footer/six-footer.scss?tag=six-footer&encapsulation=shadow","./src/components/six-footer/six-footer.tsx"],"sourcesContent":["@import 'src/global/component';\n\n:host {\n  display: block;\n}\n\n.six-footer {\n  color: var(--six-color-web-rock-900);\n  padding: var(--six-spacing-x-small) 0;\n  text-align: center;\n  width: 100%;\n  background-color: var(--six-footer-background-color);\n  box-shadow: var(--six-shadow-x-large-top);\n}\n","import { Component, h } from '@stencil/core';\n\n/**\n * @since 1.0\n * @status stable\n *\n * @slot - Used to define the content of the footer.\n */\n\n@Component({\n  tag: 'six-footer',\n  styleUrl: 'six-footer.scss',\n  shadow: true,\n})\nexport class SixFooter {\n  render() {\n    return (\n      <footer class=\"six-footer\">\n        <slot />\n      </footer>\n    );\n  }\n}\n"],"version":3}
+{"file":"six-footer.js","mappings":";;AAAA,MAAM,YAAY,GAAG,6UAA6U,CAAC;AACnW,wBAAe,YAAY;;MCadA,WAAS;;;;;;IACpB,MAAM;QACJ,QACE,+DAAQ,KAAK,EAAC,YAAY,IACxB,8DAAQ,CACD,EACT;KACH;;;;;;;;;;;;;;;;;;;;;;","names":["SixFooter"],"sources":["src/components/six-footer/six-footer.scss?tag=six-footer&encapsulation=shadow","src/components/six-footer/six-footer.tsx"],"sourcesContent":["@import 'src/global/component';\n\n:host {\n  display: block;\n}\n\n.six-footer {\n  color: var(--six-color-web-rock-900);\n  padding: var(--six-spacing-x-small) 0;\n  text-align: center;\n  width: 100%;\n  background-color: var(--six-footer-background-color);\n  box-shadow: var(--six-shadow-medium-top);\n}\n","import { Component, h } from '@stencil/core';\n\n/**\n * @since 1.0\n * @status stable\n *\n * @slot - Used to define the content of the footer.\n */\n\n@Component({\n  tag: 'six-footer',\n  styleUrl: 'six-footer.scss',\n  shadow: true,\n})\nexport class SixFooter {\n  render() {\n    return (\n      <footer class=\"six-footer\">\n        <slot />\n      </footer>\n    );\n  }\n}\n"],"version":3}

package/dist/components/six-group-label.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface SixGroupLabel extends Components.SixGroupLabel, HTMLElement {}
 export const SixGroupLabel: {
-  prototype: SixGroupLabel;
-  new (): SixGroupLabel;
+    prototype: SixGroupLabel;
+    new (): SixGroupLabel;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/six-group-label.js

@@ -1,74 +1,84 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { F as FormControl } from './form-control.js';
 import { h as hasSlot } from './slot.js';
+import { d as defineCustomElement$2 } from './six-error2.js';
 
-const sixGroupLabelCss = ":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:inherit}.form-control .form-control__label{display:none}.form-control .form-control__help-text{display:none}.form-control .form-control__error-text{display:none}.form-control--has-label .form-control__label{display:inline-block;color:var(--six-input-label-color);font-weight:var(--six-font-weight-bold);margin-bottom:var(--six-spacing-x-small)}.form-control--has-label .form-control__label__required::after{color:var(--six-color-danger-800);content:\"*\"}.form-control--has-label.form-control--small .form-control__label{font-size:var(--six-input-label-font-size-small)}.form-control--has-label.form-control--medium .form-control__label{font-size:var(--six-input-label-font-size-medium)}.form-control--has-label.form-control--large .form-control_label{font-size:var(--six-input-label-font-size-large)}.form-control--has-help-text .form-control__help-text{display:block;color:var(--six-input-help-text-color);margin-top:var(--six-spacing-x-small)}.form-control--has-help-text .form-control__help-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-help-text.form-control--small .form-control__help-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-help-text.form-control--medium .form-control__help-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-help-text.form-control--large .form-control__help-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--has-error-text .form-control__error-text{display:block;color:var(--six-color-danger-800);margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text .form-control__error-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text.form-control--small .form-control__error-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-error-text.form-control--medium .form-control__error-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-error-text.form-control--large .form-control__error-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--disabled .form-control__help-text{color:var(--six-input-help-text-color-disabled)}.form-control--disabled .form-control__label{color:var(--six-input-label-color-disabled)}.form-control--invalid:not(.form-control--disabled) .form-control__label{color:var(--six-input-label-color)}:host{display:block}";
+const sixGroupLabelCss = ":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.form-control .form-control__label{display:none}.form-control .form-control__help-text{display:none}.form-control .form-control__error-text{display:none;text-align:left}.form-control--has-label .form-control__label{display:inline-block;color:var(--six-input-label-color);font-weight:var(--six-font-weight-bold);margin-bottom:var(--six-spacing-x-small)}.form-control--has-label .form-control__label__required::after{color:var(--six-color-danger-800);content:\"*\";transform:scale(1.1);margin-left:var(--six-spacing-xxx-small);position:absolute}.form-control--has-label.form-control--small .form-control__label{font-size:var(--six-input-label-font-size-small)}.form-control--has-label.form-control--medium .form-control__label{font-size:var(--six-input-label-font-size-medium)}.form-control--has-label.form-control--large .form-control_label{font-size:var(--six-input-label-font-size-large)}.form-control--has-help-text .form-control__help-text{display:block;color:var(--six-input-help-text-color);margin-top:var(--six-spacing-x-small)}.form-control--has-help-text .form-control__help-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-help-text.form-control--small .form-control__help-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-help-text.form-control--medium .form-control__help-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-help-text.form-control--large .form-control__help-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--has-error-text .form-control__error-text{display:block;margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text .form-control__error-text ::slotted(*){margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text.form-control--small .form-control__error-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-error-text.form-control--medium .form-control__error-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-error-text.form-control--large .form-control__error-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--disabled .form-control__help-text{color:var(--six-input-help-text-color-disabled)}.form-control--disabled .form-control__label{color:var(--six-input-label-color-disabled)}.form-control--invalid:not(.form-control--disabled) .form-control__label{color:var(--six-input-label-color)}:host{display:block}";
+const SixGroupLabelStyle0 = sixGroupLabelCss;
 
 let id = 0;
 const SixGroupLabel$1 = /*@__PURE__*/ proxyCustomElement(class SixGroupLabel extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.wrapperLabelId = `label-${++id}`;
-    this.labelId = `label-label-${id}`;
-    this.helpTextId = `label-help-text-${id}`;
-    this.handleSlotChange = () => {
-      this.hasLabelSlot = hasSlot(this.host, 'label');
-      this.hasHelpTextSlot = hasSlot(this.host, 'help-text');
-    };
-    this.hasHelpTextSlot = false;
-    this.hasLabelSlot = false;
-    this.size = 'medium';
-    this.label = '';
-    this.helpText = '';
-    this.disabled = false;
-    this.required = false;
-  }
-  handleLabelChange() {
-    this.handleSlotChange();
-  }
-  connectedCallback() {
-    var _a;
-    (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.addEventListener('slotchange', this.handleSlotChange);
-  }
-  componentWillLoad() {
-    this.handleSlotChange();
-  }
-  disconnectedCallback() {
-    var _a;
-    (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.removeEventListener('slotchange', this.handleSlotChange);
-  }
-  render() {
-    return (h(FormControl, { inputId: this.wrapperLabelId, label: this.label, labelId: this.labelId, hasLabelSlot: this.hasLabelSlot, helpTextId: this.helpTextId, helpText: this.helpText, hasHelpTextSlot: this.hasHelpTextSlot, size: this.size, disabled: this.disabled, required: this.required }, h("slot", null)));
-  }
-  get host() { return this; }
-  static get watchers() { return {
-    "helpText": ["handleLabelChange"],
-    "label": ["handleLabelChange"]
-  }; }
-  static get style() { return sixGroupLabelCss; }
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.wrapperLabelId = `label-${++id}`;
+        this.labelId = `label-label-${id}`;
+        this.helpTextId = `label-help-text-${id}`;
+        this.handleSlotChange = () => {
+            this.hasLabelSlot = hasSlot(this.host, 'label');
+            this.hasHelpTextSlot = hasSlot(this.host, 'help-text');
+        };
+        this.hasHelpTextSlot = false;
+        this.hasLabelSlot = false;
+        this.size = 'medium';
+        this.label = '';
+        this.helpText = '';
+        this.disabled = false;
+        this.required = false;
+    }
+    handleLabelChange() {
+        this.handleSlotChange();
+    }
+    connectedCallback() {
+        var _a;
+        (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.addEventListener('slotchange', this.handleSlotChange);
+    }
+    componentWillLoad() {
+        this.handleSlotChange();
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.removeEventListener('slotchange', this.handleSlotChange);
+    }
+    render() {
+        return (h(FormControl, { key: '7c2d6731a0d81d8781f4556e1c7071e352f755ca', inputId: this.wrapperLabelId, label: this.label, labelId: this.labelId, hasLabelSlot: this.hasLabelSlot, helpTextId: this.helpTextId, helpText: this.helpText, hasHelpTextSlot: this.hasHelpTextSlot, size: this.size, disabled: this.disabled, required: this.required }, h("slot", { key: 'e52acfadba9bb3902f5599fc60b7e51d315b7aec' })));
+    }
+    get host() { return this; }
+    static get watchers() { return {
+        "helpText": ["handleLabelChange"],
+        "label": ["handleLabelChange"]
+    }; }
+    static get style() { return SixGroupLabelStyle0; }
 }, [1, "six-group-label", {
-    "size": [513],
-    "label": [1],
-    "helpText": [1, "help-text"],
-    "disabled": [516],
-    "required": [516],
-    "hasHelpTextSlot": [32],
-    "hasLabelSlot": [32]
-  }]);
+        "size": [513],
+        "label": [1],
+        "helpText": [1, "help-text"],
+        "disabled": [516],
+        "required": [4],
+        "hasHelpTextSlot": [32],
+        "hasLabelSlot": [32]
+    }, undefined, {
+        "helpText": ["handleLabelChange"],
+        "label": ["handleLabelChange"]
+    }]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["six-group-label"];
-  components.forEach(tagName => { switch (tagName) {
-    case "six-group-label":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SixGroupLabel$1);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["six-group-label", "six-error"];
+    components.forEach(tagName => { switch (tagName) {
+        case "six-group-label":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SixGroupLabel$1);
+            }
+            break;
+        case "six-error":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
 }
 
 const SixGroupLabel = SixGroupLabel$1;

package/dist/components/six-group-label.js.map

@@ -1 +1 @@
-{"file":"six-group-label.js","mappings":";;;;AAAA,MAAM,gBAAgB,GAAG,w7EAAw7E;;ACIj9E,IAAI,EAAE,GAAG,CAAC,CAAC;MAoBEA,eAAa;;;;;IAChB,mBAAc,GAAG,SAAS,EAAE,EAAE,EAAE,CAAC;IACjC,YAAO,GAAG,eAAe,EAAE,EAAE,CAAC;IAC9B,eAAU,GAAG,mBAAmB,EAAE,EAAE,CAAC;IAwCrC,qBAAgB,GAAG;MACzB,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;MAChD,IAAI,CAAC,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;KACxD,CAAC;2BAvCyB,KAAK;wBACR,KAAK;gBAGiC,QAAQ;iBAGtD,EAAE;oBAGC,EAAE;oBAGe,KAAK;oBAGL,KAAK;;EAIzC,iBAAiB;IACf,IAAI,CAAC,gBAAgB,EAAE,CAAC;GACzB;EAED,iBAAiB;;IACf,MAAA,IAAI,CAAC,IAAI,CAAC,UAAU,0CAAE,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;GAC7E;EAED,iBAAiB;IACf,IAAI,CAAC,gBAAgB,EAAE,CAAC;GACzB;EAED,oBAAoB;;IAClB,MAAA,IAAI,CAAC,IAAI,CAAC,UAAU,0CAAE,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;GAChF;EAOD,MAAM;IACJ,QACE,EAAC,WAAW,IACV,OAAO,EAAE,IAAI,CAAC,cAAc,EAC5B,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,eAAe,EAAE,IAAI,CAAC,eAAe,EACrC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAEvB,eAAa,CACD,EACd;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SixGroupLabel"],"sources":["./src/components/six-group-label/six-group-label.scss?tag=six-group-label&encapsulation=shadow","./src/components/six-group-label/six-group-label.tsx"],"sourcesContent":["@import 'src/global/component';\n@import '../../functional-components/form-control/form-control';\n\n:host {\n  display: block;\n}\n","import { Component, Element, h, Prop, State, Watch } from '@stencil/core';\nimport FormControl from '../../functional-components/form-control/form-control';\nimport { hasSlot } from '../../utils/slot';\n\nlet id = 0;\n\n/**\n * @since 1.1\n * @status stable\n *\n * @slot label - The wrapped component's label. Alternatively, you can use the label prop.\n * @slot help-text - Help text that describes how to use the input.\n * @slot error-text - Error text that is shown for validation errors. Alternatively, you can use the error-text prop.\n *\n * @part base - The component's base wrapper.\n * @part form-control - The form control that wraps the label, textarea, and help text.\n * @part label - The label of wrapped component.\n * @part help-text - The help text of the wrapped component.\n */\n@Component({\n  tag: 'six-group-label',\n  styleUrl: 'six-group-label.scss',\n  shadow: true,\n})\nexport class SixGroupLabel {\n  private wrapperLabelId = `label-${++id}`;\n  private labelId = `label-label-${id}`;\n  private helpTextId = `label-help-text-${id}`;\n\n  @Element() host!: HTMLSixGroupLabelElement;\n\n  @State() hasHelpTextSlot = false;\n  @State() hasLabelSlot = false;\n\n  /** The label's size. */\n  @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /** The wrapper label's label. Alternatively, you can use the label slot. */\n  @Prop() label = '';\n\n  /** The wrapper label's help text. Alternatively, you can use the help-text slot. */\n  @Prop() helpText = '';\n\n  /** Set to true to disable the label. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** The label's required attribute. */\n  @Prop({ reflect: true }) required = false;\n\n  @Watch('helpText')\n  @Watch('label')\n  handleLabelChange() {\n    this.handleSlotChange();\n  }\n\n  connectedCallback() {\n    this.host.shadowRoot?.addEventListener('slotchange', this.handleSlotChange);\n  }\n\n  componentWillLoad() {\n    this.handleSlotChange();\n  }\n\n  disconnectedCallback() {\n    this.host.shadowRoot?.removeEventListener('slotchange', this.handleSlotChange);\n  }\n\n  private handleSlotChange = () => {\n    this.hasLabelSlot = hasSlot(this.host, 'label');\n    this.hasHelpTextSlot = hasSlot(this.host, 'help-text');\n  };\n\n  render() {\n    return (\n      <FormControl\n        inputId={this.wrapperLabelId}\n        label={this.label}\n        labelId={this.labelId}\n        hasLabelSlot={this.hasLabelSlot}\n        helpTextId={this.helpTextId}\n        helpText={this.helpText}\n        hasHelpTextSlot={this.hasHelpTextSlot}\n        size={this.size}\n        disabled={this.disabled}\n        required={this.required}\n      >\n        <slot></slot>\n      </FormControl>\n    );\n  }\n}\n"],"version":3}
+{"file":"six-group-label.js","mappings":";;;;;AAAA,MAAM,gBAAgB,GAAG,y/EAAy/E,CAAC;AACnhF,4BAAe,gBAAgB;;ACG/B,IAAI,EAAE,GAAG,CAAC,CAAC;MAoBEA,eAAa;;;;;QAChB,mBAAc,GAAG,SAAS,EAAE,EAAE,EAAE,CAAC;QACjC,YAAO,GAAG,eAAe,EAAE,EAAE,CAAC;QAC9B,eAAU,GAAG,mBAAmB,EAAE,EAAE,CAAC;QAwCrC,qBAAgB,GAAG;YACzB,IAAI,CAAC,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;YAChD,IAAI,CAAC,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;SACxD,CAAC;+BAvCyB,KAAK;4BACR,KAAK;oBAGiC,QAAQ;qBAGtD,EAAE;wBAGC,EAAE;wBAGe,KAAK;wBAGtB,KAAK;;IAIxB,iBAAiB;QACf,IAAI,CAAC,gBAAgB,EAAE,CAAC;KACzB;IAED,iBAAiB;;QACf,MAAA,IAAI,CAAC,IAAI,CAAC,UAAU,0CAAE,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;KAC7E;IAED,iBAAiB;QACf,IAAI,CAAC,gBAAgB,EAAE,CAAC;KACzB;IAED,oBAAoB;;QAClB,MAAA,IAAI,CAAC,IAAI,CAAC,UAAU,0CAAE,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;KAChF;IAOD,MAAM;QACJ,QACE,EAAC,WAAW,qDACV,OAAO,EAAE,IAAI,CAAC,cAAc,EAC5B,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,eAAe,EAAE,IAAI,CAAC,eAAe,EACrC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAEvB,8DAAa,CACD,EACd;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SixGroupLabel"],"sources":["src/components/six-group-label/six-group-label.scss?tag=six-group-label&encapsulation=shadow","src/components/six-group-label/six-group-label.tsx"],"sourcesContent":["@import 'src/global/component';\n@import '../../functional-components/form-control/form-control';\n\n:host {\n  display: block;\n}\n","import { Component, Element, h, Prop, State, Watch } from '@stencil/core';\nimport FormControl from '../../functional-components/form-control/form-control';\nimport { hasSlot } from '../../utils/slot';\n\nlet id = 0;\n\n/**\n * @since 1.1\n * @status stable\n *\n * @slot label - The wrapped component's label. Alternatively, you can use the label prop.\n * @slot help-text - Help text that describes how to use the input.\n * @slot error-text - Error text that is shown for validation errors. Alternatively, you can use the error-text prop.\n *\n * @part base - The component's base wrapper.\n * @part form-control - The form control that wraps the label, textarea, and help text.\n * @part label - The label of wrapped component.\n * @part help-text - The help text of the wrapped component.\n */\n@Component({\n  tag: 'six-group-label',\n  styleUrl: 'six-group-label.scss',\n  shadow: true,\n})\nexport class SixGroupLabel {\n  private wrapperLabelId = `label-${++id}`;\n  private labelId = `label-label-${id}`;\n  private helpTextId = `label-help-text-${id}`;\n\n  @Element() host!: HTMLSixGroupLabelElement;\n\n  @State() hasHelpTextSlot = false;\n  @State() hasLabelSlot = false;\n\n  /** The label's size. */\n  @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /** The wrapper label's label. Alternatively, you can use the label slot. */\n  @Prop() label = '';\n\n  /** The wrapper label's help text. Alternatively, you can use the help-text slot. */\n  @Prop() helpText = '';\n\n  /** Set to true to disable the label. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Set to true to show an asterisk beneath the label. */\n  @Prop() required = false;\n\n  @Watch('helpText')\n  @Watch('label')\n  handleLabelChange() {\n    this.handleSlotChange();\n  }\n\n  connectedCallback() {\n    this.host.shadowRoot?.addEventListener('slotchange', this.handleSlotChange);\n  }\n\n  componentWillLoad() {\n    this.handleSlotChange();\n  }\n\n  disconnectedCallback() {\n    this.host.shadowRoot?.removeEventListener('slotchange', this.handleSlotChange);\n  }\n\n  private handleSlotChange = () => {\n    this.hasLabelSlot = hasSlot(this.host, 'label');\n    this.hasHelpTextSlot = hasSlot(this.host, 'help-text');\n  };\n\n  render() {\n    return (\n      <FormControl\n        inputId={this.wrapperLabelId}\n        label={this.label}\n        labelId={this.labelId}\n        hasLabelSlot={this.hasLabelSlot}\n        helpTextId={this.helpTextId}\n        helpText={this.helpText}\n        hasHelpTextSlot={this.hasHelpTextSlot}\n        size={this.size}\n        disabled={this.disabled}\n        required={this.required}\n      >\n        <slot></slot>\n      </FormControl>\n    );\n  }\n}\n"],"version":3}

package/dist/components/six-header-dropdown-item.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SixHeaderDropdownItem extends Components.SixHeaderDropdownItem, HTMLElement {}
+export const SixHeaderDropdownItem: {
+    prototype: SixHeaderDropdownItem;
+    new (): SixHeaderDropdownItem;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/six-header-dropdown-item.js

@@ -0,0 +1,103 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { g as getSlot } from './slot.js';
+import { d as defineCustomElement$8 } from './six-checkbox2.js';
+import { d as defineCustomElement$7 } from './six-dropdown2.js';
+import { d as defineCustomElement$6 } from './six-error2.js';
+import { d as defineCustomElement$5 } from './six-icon2.js';
+import { d as defineCustomElement$4 } from './six-input2.js';
+import { d as defineCustomElement$3 } from './six-menu2.js';
+import { d as defineCustomElement$2 } from './six-menu-item2.js';
+
+const sixHeaderDropdownItemCss = ":host{height:100%;display:flex;align-items:center;box-sizing:border-box;padding:0 var(--six-spacing-large);border-bottom:solid var(--six-header-border-height) transparent;border-top:solid var(--six-header-border-height) transparent;transition:var(--six-transition-fast) border-color}:host(.six-header-dropdown-item--active){border-bottom:solid var(--six-header-border-height) var(--six-header-border-color-open);transition:var(--six-transition-fast) border-color}";
+const SixHeaderDropdownItemStyle0 = sixHeaderDropdownItemCss;
+
+const SixHeaderDropdownItem$1 = /*@__PURE__*/ proxyCustomElement(class SixHeaderDropdownItem extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.active = false;
+    }
+    connectedCallback() {
+        this.updateDropdownDistance();
+    }
+    componentDidLoad() {
+        this.updateDropdownDistance();
+    }
+    render() {
+        return (h(Host, { key: 'fc1c8ffcb391ed1d9ba3d0fd27e8c599e169b3d1', class: {
+                'six-header-dropdown-item--active': this.active,
+            } }, h("six-dropdown", { key: 'd8620f944a5b888a52880d7977f49edf0353b6ad', ref: (el) => (this.dropdownElement = el), hoist: true, skidding: 0, placement: "bottom-end", "onSix-dropdown-show": () => (this.active = true), "onSix-dropdown-hide": () => (this.active = false) }, h("slot", { key: 'bf1852e25863a45f9c1aa047cd9d9ceb5d7eba81', slot: "trigger", name: "trigger" }), h("slot", { key: '3461d0e1d484326400db97087689c6375269a974' }))));
+    }
+    updateDropdownDistance() {
+        const trigger = getSlot(this.host, 'trigger');
+        const header = this.host.closest('six-header');
+        if (trigger != null && header != null && this.dropdownElement != null && this.host != null) {
+            const hostRight = this.host.getBoundingClientRect().right;
+            const triggerRight = trigger.getBoundingClientRect().right;
+            const headerBottom = header.getBoundingClientRect().bottom;
+            const triggerBottom = trigger.getBoundingClientRect().bottom;
+            this.dropdownElement.distance = headerBottom - triggerBottom + 3;
+            this.dropdownElement.skidding = hostRight - triggerRight;
+        }
+    }
+    get host() { return this; }
+    static get style() { return SixHeaderDropdownItemStyle0; }
+}, [1, "six-header-dropdown-item", {
+        "active": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["six-header-dropdown-item", "six-checkbox", "six-dropdown", "six-error", "six-icon", "six-input", "six-menu", "six-menu-item"];
+    components.forEach(tagName => { switch (tagName) {
+        case "six-header-dropdown-item":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SixHeaderDropdownItem$1);
+            }
+            break;
+        case "six-checkbox":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "six-dropdown":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "six-error":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "six-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "six-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "six-menu":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "six-menu-item":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const SixHeaderDropdownItem = SixHeaderDropdownItem$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SixHeaderDropdownItem, defineCustomElement };
+
+//# sourceMappingURL=six-header-dropdown-item.js.map

package/dist/components/six-header-dropdown-item.js.map

@@ -0,0 +1 @@
+{"file":"six-header-dropdown-item.js","mappings":";;;;;;;;;;AAAA,MAAM,wBAAwB,GAAG,idAAid,CAAC;AACnf,oCAAe,wBAAwB;;MCY1BA,uBAAqB;;;;;sBACd,KAAK;;IAMvB,iBAAiB;QACf,IAAI,CAAC,sBAAsB,EAAE,CAAC;KAC/B;IAED,gBAAgB;QACd,IAAI,CAAC,sBAAsB,EAAE,CAAC;KAC/B;IAED,MAAM;QACJ,QACE,EAAC,IAAI,qDACH,KAAK,EAAE;gBACL,kCAAkC,EAAE,IAAI,CAAC,MAAM;aAChD,IAED,qEACE,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC,EACxC,KAAK,QACL,QAAQ,EAAE,CAAC,EACX,SAAS,EAAC,YAAY,yBACD,OAAO,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,yBAC1B,OAAO,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,IAEhD,6DAAM,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,SAAS,GAAG,EACtC,8DAAQ,CACK,CACV,EACP;KACH;IAEO,sBAAsB;QAC5B,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;QAC9C,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;QAC/C,IAAI,OAAO,IAAI,IAAI,IAAI,MAAM,IAAI,IAAI,IAAI,IAAI,CAAC,eAAe,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,EAAE;YAC1F,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;YAC1D,MAAM,YAAY,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;YAC3D,MAAM,YAAY,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;YAC3D,MAAM,aAAa,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;YAC7D,IAAI,CAAC,eAAe,CAAC,QAAQ,GAAG,YAAY,GAAG,aAAa,GAAG,CAAC,CAAC;YACjE,IAAI,CAAC,eAAe,CAAC,QAAQ,GAAG,SAAS,GAAG,YAAY,CAAC;SAC1D;KACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SixHeaderDropdownItem"],"sources":["src/components/six-header-dropdown-item/six-header-dropdown-item.scss?tag=six-header-dropdown-item&encapsulation=shadow","src/components/six-header-dropdown-item/six-header-dropdown-item.tsx"],"sourcesContent":[":host {\n  height: 100%;\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n  padding: 0 var(--six-spacing-large);\n  border-bottom: solid var(--six-header-border-height) transparent;\n  border-top: solid var(--six-header-border-height) transparent;\n  transition: var(--six-transition-fast) border-color;\n}\n\n:host(.six-header-dropdown-item--active) {\n  border-bottom: solid var(--six-header-border-height) var(--six-header-border-color-open);\n  transition: var(--six-transition-fast) border-color;\n}\n","import { Component, Element, h, Host, State } from '@stencil/core';\nimport { getSlot } from '../../utils/slot';\n\n/**\n * @since 4.2.7\n * @status beta\n */\n\n@Component({\n  tag: 'six-header-dropdown-item',\n  styleUrl: 'six-header-dropdown-item.scss',\n  shadow: true,\n})\nexport class SixHeaderDropdownItem {\n  @State() active = false;\n\n  @Element() host!: HTMLSixHeaderDropdownItemElement;\n\n  private dropdownElement?: HTMLSixDropdownElement;\n\n  connectedCallback() {\n    this.updateDropdownDistance();\n  }\n\n  componentDidLoad() {\n    this.updateDropdownDistance();\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          'six-header-dropdown-item--active': this.active,\n        }}\n      >\n        <six-dropdown\n          ref={(el) => (this.dropdownElement = el)}\n          hoist\n          skidding={0}\n          placement=\"bottom-end\"\n          onSix-dropdown-show={() => (this.active = true)}\n          onSix-dropdown-hide={() => (this.active = false)}\n        >\n          <slot slot=\"trigger\" name=\"trigger\" />\n          <slot />\n        </six-dropdown>\n      </Host>\n    );\n  }\n\n  private updateDropdownDistance() {\n    const trigger = getSlot(this.host, 'trigger');\n    const header = this.host.closest('six-header');\n    if (trigger != null && header != null && this.dropdownElement != null && this.host != null) {\n      const hostRight = this.host.getBoundingClientRect().right;\n      const triggerRight = trigger.getBoundingClientRect().right;\n      const headerBottom = header.getBoundingClientRect().bottom;\n      const triggerBottom = trigger.getBoundingClientRect().bottom;\n      this.dropdownElement.distance = headerBottom - triggerBottom + 3;\n      this.dropdownElement.skidding = hostRight - triggerRight;\n    }\n  }\n}\n"],"version":3}

package/dist/components/{set-attributes.d.ts → six-header-item.d.ts}

@@ -1,9 +1,9 @@
 import type { Components, JSX } from "../types/components";
 
-interface SetAttributes extends Components.SetAttributes, HTMLElement {}
-export const SetAttributes: {
-  prototype: SetAttributes;
-  new (): SetAttributes;
+interface SixHeaderItem extends Components.SixHeaderItem, HTMLElement {}
+export const SixHeaderItem: {
+    prototype: SixHeaderItem;
+    new (): SixHeaderItem;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/six-header-item.js

@@ -0,0 +1,8 @@
+import { S as SixHeaderItem$1, d as defineCustomElement$1 } from './six-header-item2.js';
+
+const SixHeaderItem = SixHeaderItem$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SixHeaderItem, defineCustomElement };
+
+//# sourceMappingURL=six-header-item.js.map

package/dist/components/six-header-item.js.map

@@ -0,0 +1 @@
+{"file":"six-header-item.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/six-header-item2.js

@@ -0,0 +1,39 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const sixHeaderItemCss = ":host{height:100%;display:flex;align-items:center;box-sizing:border-box;padding:0 var(--six-spacing-large);border-bottom:solid var(--six-header-border-height) transparent;border-top:solid var(--six-header-border-height) transparent;transition:var(--six-transition-fast) border-color}:host(.six-header-item--active){border-bottom:solid var(--six-header-border-height) var(--six-header-border-color-open);transition:var(--six-transition-fast) border-color}";
+const SixHeaderItemStyle0 = sixHeaderItemCss;
+
+const SixHeaderItem = /*@__PURE__*/ proxyCustomElement(class SixHeaderItem extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.active = false;
+    }
+    render() {
+        return (h(Host, { key: 'f9cd64916220a398b0fa6f79840ed72f776d5771', class: {
+                'six-header-item--active': this.active,
+                foo: true,
+            } }, h("slot", { key: '4402bde66e14792fbaef3fe53804ee62f57354e9' })));
+    }
+    static get style() { return SixHeaderItemStyle0; }
+}, [1, "six-header-item", {
+        "active": [516]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["six-header-item"];
+    components.forEach(tagName => { switch (tagName) {
+        case "six-header-item":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SixHeaderItem);
+            }
+            break;
+    } });
+}
+
+export { SixHeaderItem as S, defineCustomElement as d };
+
+//# sourceMappingURL=six-header-item2.js.map

package/dist/components/six-header-item2.js.map

@@ -0,0 +1 @@
+{"file":"six-header-item2.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,wcAAwc,CAAC;AACle,4BAAe,gBAAgB;;MCWlB,aAAa;;;;;sBAQU,KAAK;;IAEvC,MAAM;QACJ,QACE,EAAC,IAAI,qDACH,KAAK,EAAE;gBACL,yBAAyB,EAAE,IAAI,CAAC,MAAM;gBACtC,GAAG,EAAE,IAAI;aACV,IAED,8DAAQ,CACH,EACP;KACH;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/six-header-item/six-header-item.scss?tag=six-header-item&encapsulation=shadow","src/components/six-header-item/six-header-item.tsx"],"sourcesContent":[":host {\n  height: 100%;\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n  padding: 0 var(--six-spacing-large);\n  border-bottom: solid var(--six-header-border-height) transparent;\n  border-top: solid var(--six-header-border-height) transparent;\n  transition: var(--six-transition-fast) border-color;\n}\n\n:host(.six-header-item--active) {\n  border-bottom: solid var(--six-header-border-height) var(--six-header-border-color-open);\n  transition: var(--six-transition-fast) border-color;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n/**\n * @since 4.2.7\n * @status beta\n */\n\n@Component({\n  tag: 'six-header-item',\n  styleUrl: 'six-header-item.scss',\n  shadow: true,\n})\nexport class SixHeaderItem {\n  /**\n   * Indicates whether the item is styled as active.\n   * When set to `true`, a border is displayed below the trigger element.\n   *\n   * Use <code>six-header-dropdown-item</code> to automatically set the active\n   * state for dropdowns.\n   */\n  @Prop({ reflect: true }) active = false;\n\n  render() {\n    return (\n      <Host\n        class={{\n          'six-header-item--active': this.active,\n          foo: true,\n        }}\n      >\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/six-header-menu-button.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SixHeaderMenuButton extends Components.SixHeaderMenuButton, HTMLElement {}
+export const SixHeaderMenuButton: {
+    prototype: SixHeaderMenuButton;
+    new (): SixHeaderMenuButton;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/six-header-menu-button.js

@@ -0,0 +1,57 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { d as defineCustomElement$4 } from './six-button2.js';
+import { d as defineCustomElement$3 } from './six-icon2.js';
+import { d as defineCustomElement$2 } from './six-spinner2.js';
+
+const sixHeaderMenuButtonCss = ":host{display:block}six-button::part(base){border:none;padding-right:0}six-button::part(label){border:none;font-weight:var(--six-font-weight-bold);font-size:var(--six-font-size-small);padding-left:0}six-button:focus::part(base),six-button:hover::part(base),six-button:active::part(base){background-color:initial;border-color:initial}six-button:hover::part(base),six-button:active::part(base){color:var(--six-header-selected-app-color-hover)}";
+const SixHeaderMenuButtonStyle0 = sixHeaderMenuButtonCss;
+
+const SixHeaderMenuButton$1 = /*@__PURE__*/ proxyCustomElement(class SixHeaderMenuButton extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.icon = '';
+    }
+    render() {
+        return (h("six-button", { key: 'a90b8172714045d7d6a4dfac4d1c2755d6ec5090', type: "secondary" }, h("span", { key: '4aa77d118aa8d2b634327e9b62d8e17ee3742e87', slot: "suffix" }, h("six-icon", { key: 'dc64461f222af85ed126c307a94cd2f4f3020eac' }, this.icon)), h("slot", { key: 'a611c0d9090a039f682350240c07aa77fb76ebad' })));
+    }
+    static get style() { return SixHeaderMenuButtonStyle0; }
+}, [1, "six-header-menu-button", {
+        "icon": [513]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["six-header-menu-button", "six-button", "six-icon", "six-spinner"];
+    components.forEach(tagName => { switch (tagName) {
+        case "six-header-menu-button":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SixHeaderMenuButton$1);
+            }
+            break;
+        case "six-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "six-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "six-spinner":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const SixHeaderMenuButton = SixHeaderMenuButton$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SixHeaderMenuButton, defineCustomElement };
+
+//# sourceMappingURL=six-header-menu-button.js.map

package/dist/components/six-header-menu-button.js.map

@@ -0,0 +1 @@
+{"file":"six-header-menu-button.js","mappings":";;;;;AAAA,MAAM,sBAAsB,GAAG,2bAA2b,CAAC;AAC3d,kCAAe,sBAAsB;;MCWxBA,qBAAmB;;;;;oBAIE,EAAE;;IAElC,MAAM;QACJ,QACE,mEAAY,IAAI,EAAC,WAAW,IAC1B,6DAAM,IAAI,EAAC,QAAQ,IACjB,mEAAW,IAAI,CAAC,IAAI,CAAY,CAC3B,EACP,8DAAQ,CACG,EACb;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SixHeaderMenuButton"],"sources":["src/components/six-header-menu-button/six-header-menu-button.scss?tag=six-header-menu-button&encapsulation=shadow","src/components/six-header-menu-button/six-header-menu-button.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\nsix-button::part(base) {\n  border: none;\n  padding-right: 0;\n}\n\nsix-button::part(label) {\n  border: none;\n  font-weight: var(--six-font-weight-bold);\n  font-size: var(--six-font-size-small);\n  padding-left: 0;\n}\n\nsix-button:focus::part(base),\nsix-button:hover::part(base),\nsix-button:active::part(base) {\n  background-color: initial;\n  border-color: initial;\n}\n\nsix-button:hover::part(base),\nsix-button:active::part(base) {\n  color: var(--six-header-selected-app-color-hover);\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * @since 4.2.7\n * @status beta\n */\n\n@Component({\n  tag: 'six-header-menu-button',\n  styleUrl: 'six-header-menu-button.scss',\n  shadow: true,\n})\nexport class SixHeaderMenuButton {\n  /**\n   * The icon of the menu button.\n   */\n  @Prop({ reflect: true }) icon = '';\n\n  render() {\n    return (\n      <six-button type=\"secondary\">\n        <span slot=\"suffix\">\n          <six-icon>{this.icon}</six-icon>\n        </span>\n        <slot />\n      </six-button>\n    );\n  }\n}\n"],"version":3}

package/dist/components/six-header.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface SixHeader extends Components.SixHeader, HTMLElement {}
 export const SixHeader: {
-  prototype: SixHeader;
-  new (): SixHeader;
+    prototype: SixHeader;
+    new (): SixHeader;
 };
 /**
  * Used to define this component and all nested components recursively.