@six-group/ui-library 0.0.0-insider.e8b5a11 → 0.0.0-insider.eb446eb

package/dist/esm/six-layout-grid.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-BF09Gr5y.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-JoG9I7EO.js';
 
 const sixLayoutGridCss = ":host{display:grid;grid-template-columns:repeat(var(--no-of-columns), 1fr);grid-column-gap:1rem}";
 
@@ -16,7 +16,7 @@ const SixLayoutGrid = class {
         this.handleColumnsChange();
     }
     render() {
-        return (h(Host, { key: '6709a3cc41a00757e4cd4ab4d59992928e9eb3e9' }, h("slot", { key: '603175f8f63aff2e786935073f6a19252b450296' })));
+        return (h(Host, { key: '1417d46422814262f561148684b74031efff6b3f' }, h("slot", { key: '319d6bdac4fdd3d25e3271e9db5201f3452a3733' })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/six-logo.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-BF09Gr5y.js';
+import { r as registerInstance, h } from './index-JoG9I7EO.js';
 
 const sixLogoCss = ":host{--height:unset}svg{display:block}svg.six{height:var(--height, 20px)}svg.bme{height:var(--height, 40px)}";
 

package/dist/esm/six-main-container.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-BF09Gr5y.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-JoG9I7EO.js';
 
 const sixMainContainerCss = ":host{display:flex;flex-wrap:nowrap;min-width:fit-content}.left-margin,.right-margin{flex:1 6 10rem;min-width:var(--six-spacing-xxx-large)}.content{flex:6 1 60rem;min-width:48rem;max-width:100rem}.content--padded{padding:var(--six-spacing-xxx-large) 0}";
 
@@ -10,7 +10,7 @@ const SixMainContainer = class {
         this.padded = true;
     }
     render() {
-        return (h(Host, { key: '05485b5119fe6777364964163d03ce7895648726' }, h("div", { key: '49c1caccb255c150a039fa4b45433fa45b40a164', part: "left-margin", class: "left-margin" }), h("div", { key: 'a3ae816289ef7c89aeab46e5ab77986c5ebcd878', part: "content", class: { content: true, 'content--padded': this.padded } }, h("slot", { key: '1c05ec74b47ef6311ecc1b2cd9758ee43ccc7321' })), h("div", { key: '45419bf8442e3393e58d4bdf4d3544d1ed7dcaa3', part: "right-margin", class: "right-margin" })));
+        return (h(Host, { key: '6a58c3bf1117f6d8ec771b10b9bb5eeca8f75d38' }, h("div", { key: '709e6b3c0f6b915cdb02b6231b8475a32aaef821', part: "left-margin", class: "left-margin" }), h("div", { key: '8bca7342d56b444696b39e3b4e03b69fc7a8724a', part: "content", class: { content: true, 'content--padded': this.padded } }, h("slot", { key: '8cae2e164ec3d6370b2d481bc62f4c2af2b194c5' })), h("div", { key: '5c4a7ecbbaff6cd381ba7a3253ccbc20a72e90cc', part: "right-margin", class: "right-margin" })));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/six-menu-divider.entry.js

@@ -1,13 +1,13 @@
-import { r as registerInstance, h } from './index-BF09Gr5y.js';
+import { r as registerInstance, h } from './index-JoG9I7EO.js';
 
-const sixMenuDividerCss = ":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}:host{display:block}.menu-divider{border-top:solid var(--six-border-width) var(--six-menu-divider-color);margin-top:var(--six-spacing-xx-small);margin-bottom:var(--six-spacing-xx-small)}";
+const sixMenuDividerCss = ":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{display:block}.menu-divider{border-top:solid var(--six-border-width) var(--six-menu-divider-color);margin-top:var(--six-spacing-xx-small);margin-bottom:var(--six-spacing-xx-small)}";
 
 const SixMenuDivider = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
     render() {
-        return h("div", { key: '23b765ad28212cea5192d9557ff3c3fb657fbbfb', part: "base", class: "menu-divider", role: "separator", "aria-hidden": "true" });
+        return h("div", { key: '186bd0295f652e28206b3e01a092c0cc67128874', part: "base", class: "menu-divider", role: "separator", "aria-hidden": "true" });
     }
 };
 SixMenuDivider.style = sixMenuDividerCss;

package/dist/esm/six-menu-divider.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"six-menu-divider.entry.js","sources":["src/components/six-menu-divider/six-menu-divider.scss?tag=six-menu-divider&encapsulation=shadow","src/components/six-menu-divider/six-menu-divider.tsx"],"sourcesContent":["@import 'src/global/component';\n\n:host {\n  display: block;\n}\n\n.menu-divider {\n  border-top: solid var(--six-border-width) var(--six-menu-divider-color);\n  margin-top: var(--six-spacing-xx-small);\n  margin-bottom: var(--six-spacing-xx-small);\n}\n","import { Component, h } from '@stencil/core';\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @part base - The component's base wrapper.\n */\n\n@Component({\n  tag: 'six-menu-divider',\n  styleUrl: 'six-menu-divider.scss',\n  shadow: true,\n})\nexport class SixMenuDivider {\n  render() {\n    return <div part=\"base\" class=\"menu-divider\" role=\"separator\" aria-hidden=\"true\" />;\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,iBAAiB,GAAG,qSAAqS;;MCgBlT,cAAc,GAAA,MAAA;;;;IACzB,MAAM,GAAA;QACJ,OAAO,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,cAAc,EAAC,IAAI,EAAC,WAAW,EAAa,aAAA,EAAA,MAAM,GAAG;;;;;;;"}
+{"version":3,"file":"six-menu-divider.entry.js","sources":["src/components/six-menu-divider/six-menu-divider.scss?tag=six-menu-divider&encapsulation=shadow","src/components/six-menu-divider/six-menu-divider.tsx"],"sourcesContent":["@import 'src/global/component';\n\n:host {\n  display: block;\n}\n\n.menu-divider {\n  border-top: solid var(--six-border-width) var(--six-menu-divider-color);\n  margin-top: var(--six-spacing-xx-small);\n  margin-bottom: var(--six-spacing-xx-small);\n}\n","import { Component, h } from '@stencil/core';\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @part base - The component's base wrapper.\n */\n\n@Component({\n  tag: 'six-menu-divider',\n  styleUrl: 'six-menu-divider.scss',\n  shadow: true,\n})\nexport class SixMenuDivider {\n  render() {\n    return <div part=\"base\" class=\"menu-divider\" role=\"separator\" aria-hidden=\"true\" />;\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,iBAAiB,GAAG,gaAAga;;MCgB7a,cAAc,GAAA,MAAA;;;;IACzB,MAAM,GAAA;QACJ,OAAO,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,cAAc,EAAC,IAAI,EAAC,WAAW,EAAa,aAAA,EAAA,MAAM,GAAG;;;;;;;"}

package/dist/esm/six-menu-label.entry.js

@@ -1,13 +1,13 @@
-import { r as registerInstance, h } from './index-BF09Gr5y.js';
+import { r as registerInstance, h } from './index-JoG9I7EO.js';
 
-const sixMenuLabelCss = ":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}:host{display:block}.menu-label{font-family:var(--six-font-sans);font-size:var(--six-font-size-small);font-weight:var(--six-font-weight-normal);line-height:var(--six-line-height-normal);letter-spacing:var(--six-letter-spacing-normal);color:var(--six-input-label-color);padding:var(--six-spacing-xx-small) var(--six-spacing-small);user-select:none}";
+const sixMenuLabelCss = ":host{position:relative;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{display:block}.menu-label{font-family:var(--six-font-sans);font-size:var(--six-font-size-small);font-weight:var(--six-font-weight-normal);line-height:var(--six-line-height-normal);letter-spacing:var(--six-letter-spacing-normal);color:var(--six-input-label-color);padding:var(--six-spacing-xx-small) var(--six-spacing-small);user-select:none}";
 
 const SixMenuLabel = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '7b8c76b2d0eb80223d9589546ab25ba30358d6fd', part: "base", class: "menu-label" }, h("slot", { key: '78f9359c2cf9f6b9fb23fb3db25c54bdfbad89fe' })));
+        return (h("div", { key: 'ac09a02af0b1d088f83877d5065b9b747032be77', part: "base", class: "menu-label" }, h("slot", { key: 'a4f45f90b223d3951bdb5a36b8667d67bcbf1fc7' })));
     }
 };
 SixMenuLabel.style = sixMenuLabelCss;

package/dist/esm/six-menu-label.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"six-menu-label.entry.js","sources":["src/components/six-menu-label/six-menu-label.scss?tag=six-menu-label&encapsulation=shadow","src/components/six-menu-label/six-menu-label.tsx"],"sourcesContent":["@import 'src/global/component';\n\n:host {\n  display: block;\n}\n\n.menu-label {\n  font-family: var(--six-font-sans);\n  font-size: var(--six-font-size-small);\n  font-weight: var(--six-font-weight-normal);\n  line-height: var(--six-line-height-normal);\n  letter-spacing: var(--six-letter-spacing-normal);\n  color: var(--six-input-label-color);\n  padding: var(--six-spacing-xx-small) var(--six-spacing-small);\n  user-select: none;\n}\n","import { Component, h } from '@stencil/core';\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @slot - The menu label's content.\n *\n * @part base - The component's base wrapper.\n */\n\n@Component({\n  tag: 'six-menu-label',\n  styleUrl: 'six-menu-label.scss',\n  shadow: true,\n})\nexport class SixMenuLabel {\n  render() {\n    return (\n      <div part=\"base\" class=\"menu-label\">\n        <slot />\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,eAAe,GAAG,scAAsc;;MCkBjd,YAAY,GAAA,MAAA;;;;IACvB,MAAM,GAAA;AACJ,QAAA,QACE,4DAAK,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,YAAY,EAAA,EACjC,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACJ;;;;;;;"}
+{"version":3,"file":"six-menu-label.entry.js","sources":["src/components/six-menu-label/six-menu-label.scss?tag=six-menu-label&encapsulation=shadow","src/components/six-menu-label/six-menu-label.tsx"],"sourcesContent":["@import 'src/global/component';\n\n:host {\n  display: block;\n}\n\n.menu-label {\n  font-family: var(--six-font-sans);\n  font-size: var(--six-font-size-small);\n  font-weight: var(--six-font-weight-normal);\n  line-height: var(--six-line-height-normal);\n  letter-spacing: var(--six-letter-spacing-normal);\n  color: var(--six-input-label-color);\n  padding: var(--six-spacing-xx-small) var(--six-spacing-small);\n  user-select: none;\n}\n","import { Component, h } from '@stencil/core';\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @slot - The menu label's content.\n *\n * @part base - The component's base wrapper.\n */\n\n@Component({\n  tag: 'six-menu-label',\n  styleUrl: 'six-menu-label.scss',\n  shadow: true,\n})\nexport class SixMenuLabel {\n  render() {\n    return (\n      <div part=\"base\" class=\"menu-label\">\n        <slot />\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,eAAe,GAAG,ikBAAikB;;MCkB5kB,YAAY,GAAA,MAAA;;;;IACvB,MAAM,GAAA;AACJ,QAAA,QACE,4DAAK,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,YAAY,EAAA,EACjC,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACJ;;;;;;;"}