@statistikzh/leu 0.20.0 → 0.21.0

package/.release-please-manifest.json

@@ -1,3 +1,3 @@
 {
-  ".": "0.20.0"
+  ".": "0.21.0"
 }

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## [0.21.0](https://github.com/statistikZH/leu/compare/leu-v0.20.0...leu-v0.21.0) (2025-11-13)
+
+
+### Features
+
+* **icon:** add ruler icon ([7eb144c](https://github.com/statistikZH/leu/commit/7eb144c0792eb0b0b7fdebbd860999e56da16536))
+
+
+### Bug Fixes
+
+* **menu:** add white background color to avoid transparent area surrounding <hr> elements ([1517fc6](https://github.com/statistikZH/leu/commit/1517fc61d78ba9cfa831f5502d1a6b543789ad07))
+
 ## [0.20.0](https://github.com/statistikZH/leu/compare/leu-v0.19.2...leu-v0.20.0) (2025-10-24)
 
 

package/dist/Accordion.js

@@ -2,7 +2,7 @@ import { _ as __decorate } from './_tslib-CNEFicEt.js';
 import { css, nothing } from 'lit';
 import { unsafeStatic, html } from 'lit/static-html.js';
 import { property } from 'lit/decorators.js';
-import { L as LeuElement } from './LeuElement-C1c3TgrG.js';
+import { L as LeuElement } from './LeuElement-BFljD2fO.js';
 
 var css_248z = css`:host {
   --accordion-font-regular: var(--leu-font-family-regular);

package/dist/Button.js

@@ -4,7 +4,7 @@ import { classMap } from 'lit/directives/class-map.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { property } from 'lit/decorators.js';
 import { LeuIcon } from './Icon.js';
-import { L as LeuElement } from './LeuElement-C1c3TgrG.js';
+import { L as LeuElement } from './LeuElement-BFljD2fO.js';
 import { H as HasSlotController } from './hasSlotController-Bm2tipvG.js';
 
 /**

package/dist/ButtonGroup.js

@@ -1,5 +1,5 @@
 import { css, html } from 'lit';
-import { L as LeuElement } from './LeuElement-C1c3TgrG.js';
+import { L as LeuElement } from './LeuElement-BFljD2fO.js';
 import { LeuButton } from './Button.js';
 import './_tslib-CNEFicEt.js';
 import 'lit/directives/class-map.js';

package/dist/ChartWrapper.js

@@ -1,7 +1,7 @@
 import { _ as __decorate } from './_tslib-CNEFicEt.js';
 import { css, nothing, html } from 'lit';
 import { property } from 'lit/decorators.js';
-import { L as LeuElement } from './LeuElement-C1c3TgrG.js';
+import { L as LeuElement } from './LeuElement-BFljD2fO.js';
 import { H as HasSlotController } from './hasSlotController-Bm2tipvG.js';
 import { LeuSpinner } from './Spinner.js';
 

package/dist/Checkbox.js

@@ -1,7 +1,7 @@
 import { _ as __decorate } from './_tslib-CNEFicEt.js';
 import { css, html } from 'lit';
 import { property } from 'lit/decorators.js';
-import { L as LeuElement } from './LeuElement-C1c3TgrG.js';
+import { L as LeuElement } from './LeuElement-BFljD2fO.js';
 import { LeuIcon } from './Icon.js';
 
 var css_248z = css`:host {

package/dist/CheckboxGroup.js

@@ -2,7 +2,7 @@ import { _ as __decorate } from './_tslib-CNEFicEt.js';
 import { css, html } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import { property } from 'lit/decorators.js';
-import { L as LeuElement } from './LeuElement-C1c3TgrG.js';
+import { L as LeuElement } from './LeuElement-BFljD2fO.js';
 import { LeuCheckbox } from './Checkbox.js';
 import './Icon.js';
 

package/dist/Chip.js

@@ -1,4 +1,4 @@
-import { L as LeuElement } from './LeuElement-C1c3TgrG.js';
+import { L as LeuElement } from './LeuElement-BFljD2fO.js';
 import { css } from 'lit';
 
 var css_248z = css`:host *::before,

package/dist/ChipGroup.js

@@ -1,5 +1,5 @@
 import { unsafeStatic, html } from 'lit/static-html.js';
-import { L as LeuElement } from './LeuElement-C1c3TgrG.js';
+import { L as LeuElement } from './LeuElement-BFljD2fO.js';
 import { css } from 'lit';
 
 var css_248z = css`.label {

package/dist/ChipLink.js

@@ -1,6 +1,6 @@
 import { html } from 'lit';
 import { LeuChipBase } from './Chip.js';
-import './LeuElement-C1c3TgrG.js';
+import './LeuElement-BFljD2fO.js';
 
 const SIZES = {
     regular: "regular",

package/dist/ChipRemovable.js

@@ -1,7 +1,7 @@
 import { html } from 'lit';
 import { LeuChipBase } from './Chip.js';
 import { LeuIcon } from './Icon.js';
-import './LeuElement-C1c3TgrG.js';
+import './LeuElement-BFljD2fO.js';
 import './_tslib-CNEFicEt.js';
 import 'lit/decorators.js';
 

package/dist/ChipSelectable.js

@@ -1,6 +1,6 @@
 import { html } from 'lit';
 import { LeuChipBase } from './Chip.js';
-import './LeuElement-C1c3TgrG.js';
+import './LeuElement-BFljD2fO.js';
 
 const SIZES = {
     small: "small",

package/dist/Dialog.js

@@ -1,7 +1,7 @@
 import { css, nothing, html } from 'lit';
 import { createRef, ref } from 'lit/directives/ref.js';
 import { classMap } from 'lit/directives/class-map.js';
-import { L as LeuElement } from './LeuElement-C1c3TgrG.js';
+import { L as LeuElement } from './LeuElement-BFljD2fO.js';
 import { H as HasSlotController } from './hasSlotController-Bm2tipvG.js';
 import { LeuIcon } from './Icon.js';
 import './_tslib-CNEFicEt.js';

package/dist/Dropdown.js

@@ -1,6 +1,6 @@
 import { css, nothing, html } from 'lit';
 import { createRef, ref } from 'lit/directives/ref.js';
-import { L as LeuElement } from './LeuElement-C1c3TgrG.js';
+import { L as LeuElement } from './LeuElement-BFljD2fO.js';
 import { H as HasSlotController } from './hasSlotController-Bm2tipvG.js';
 import { LeuButton } from './Button.js';
 import { LeuMenu } from './Menu.js';

package/dist/FileInput.js

@@ -3,7 +3,7 @@ import { css, html, nothing } from 'lit';
 import { property, state, query } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { classMap } from 'lit/directives/class-map.js';
-import { L as LeuElement } from './LeuElement-C1c3TgrG.js';
+import { L as LeuElement } from './LeuElement-BFljD2fO.js';
 import './Accordion.js';
 import { LeuButton } from './Button.js';
 import './ButtonGroup.js';

package/dist/Icon.d.ts

@@ -86,6 +86,7 @@ declare const paths: {
     remove: string;
     repost: string;
     resizeText: string;
+    ruler: string;
     search: string;
     securities: string;
     setting: string;

package/dist/Icon.js

@@ -1,7 +1,7 @@
 import { _ as __decorate } from './_tslib-CNEFicEt.js';
 import { css, html, svg } from 'lit';
 import { property } from 'lit/decorators.js';
-import { L as LeuElement } from './LeuElement-C1c3TgrG.js';
+import { L as LeuElement } from './LeuElement-BFljD2fO.js';
 
 var css_248z = css`:host {
   display: contents;
@@ -100,6 +100,7 @@ const paths = {
     remove: "M12 1C5.926 1 1 5.925 1 12C1 18.075 5.926 23 12 23C18.074 23 23 18.075 23 12C23 5.925 18.074 1 12 1ZM17 13H7V11H17V13Z",
     repost: "M12.375 8.2485V3.75L22.875 11.25L12.375 18.75V14.25C8.20012 14.2515 4.39838 14.4128 1.125 20.25C1.125 16.5424 1.66875 8.35162 12.375 8.2485Z",
     resizeText: "M17 8V5H20V8H17ZM11 14H14V11H11V14ZM8 20H5V17H8V20ZM14 20H11V17H14V20ZM17 14H20V11H17V14ZM20 20H17V17H20V20Z",
+    ruler: "M1.5 9C1.5 8.72386 1.72386 8.5 2 8.5H22C22.2761 8.5 22.5 8.72386 22.5 9V15C22.5 15.2761 22.2761 15.5 22 15.5H2C1.72386 15.5 1.5 15.2761 1.5 15V9ZM2.5 9.5V14.5H21.5V9.5H2.5Z M4.5 11V9H5.5V11H4.5Z M8 11V9H9V11H8Z M11.5 11V9H12.5V11H11.5Z M15 11V9H16V11H15Z M18.5 11V9H19.5V11H18.5Z",
     search: "M0.75 9C0.75 4.4445 4.4445 0.75 9 0.75C13.5555 0.75 17.25 4.4445 17.25 9C17.25 13.5555 13.5555 17.25 9 17.25C4.4445 17.25 0.75 13.5555 0.75 9ZM17.25 15.25L15 17.5L21 23.2493L23.25 20.9993L17.25 15.25ZM9 15C5.692 15 3 12.308 3 9C3 5.692 5.692 3 9 3C12.308 3 15 5.692 15 9C15 12.308 12.308 15 9 15Z",
     securities: "M4 5H20V7H4V5Z M0 0V18H9V16H2V2H22V18H24V0H0Z M15 16H22V18H15V16Z M16 17.0005C16.6279 16.1647 17 15.1258 17 14C17 11.2386 14.7614 9 12 9C9.23858 9 7 11.2386 7 14C7 15.1258 7.37209 16.1647 8 17.0005V24L12 22L16 24V17.0005ZM15 14C15 15.6569 13.6569 17 12 17C10.3431 17 9 15.6569 9 14C9 12.3431 10.3431 11 12 11C13.6569 11 15 12.3431 15 14Z",
     setting: "M13.9485 22.98H10.0522V20.3467C10.0522 20.238 9.98699 20.1397 9.88649 20.0977L7.77749 19.2157C7.67774 19.1737 7.55999 19.1955 7.48274 19.2735L5.61374 21.1417L2.85899 18.387L4.72124 16.5247C4.79849 16.4475 4.82174 16.332 4.78049 16.2307L3.91274 14.1157C3.87149 14.0145 3.77249 13.9477 3.66299 13.9477H1.01999V10.0522H3.65399C3.76274 10.0522 3.86099 9.98699 3.90299 9.88649L4.78574 7.77749C4.82774 7.67624 4.80524 7.55924 4.72724 7.48199L2.85899 5.61299L5.61374 2.85899L7.47674 4.72049C7.55324 4.79774 7.66874 4.82099 7.76999 4.77974L9.88499 3.91199C9.98624 3.87074 10.0522 3.77174 10.0522 3.66224V1.01999H13.9485V3.65549C13.9485 3.76424 14.0145 3.86249 14.115 3.90449L16.224 4.78649C16.3245 4.82849 16.4415 4.80524 16.5195 4.72799L18.3877 2.85974L21.1432 5.61449L19.2802 7.47674C19.2037 7.55324 19.1805 7.66949 19.2217 7.76999L20.0895 9.88499C20.1315 9.98624 20.2297 10.0522 20.3392 10.0522H22.9807V13.9477H20.3467C20.238 13.9477 20.1397 14.0137 20.0977 14.1142L19.2157 16.2232C19.173 16.3245 19.1962 16.4407 19.2735 16.5187L21.1425 18.387L18.387 21.1417L16.5247 19.2795C16.4467 19.203 16.3312 19.1782 16.2307 19.221L14.1165 20.088C14.0152 20.13 13.9485 20.2282 13.9485 20.3377V22.98ZM12 17C14.7614 17 17 14.7614 17 12C17 9.23857 14.7614 6.99999 12 6.99999C9.23858 6.99999 7 9.23857 7 12C7 14.7614 9.23858 17 12 17Z",

package/dist/Input.js

@@ -3,7 +3,7 @@ import { classMap } from 'lit/directives/class-map.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { live } from 'lit/directives/live.js';
 import { createRef, ref } from 'lit/directives/ref.js';
-import { L as LeuElement } from './LeuElement-C1c3TgrG.js';
+import { L as LeuElement } from './LeuElement-BFljD2fO.js';
 import { LeuIcon } from './Icon.js';
 import './_tslib-CNEFicEt.js';
 import 'lit/decorators.js';

package/dist/{LeuElement-C1c3TgrG.js → LeuElement-BFljD2fO.js}

@@ -35,7 +35,7 @@ class LeuElement extends LitElement {
         }
     }
 }
-LeuElement.version = "0.20.0";
+LeuElement.version = "0.21.0";
 LeuElement.dependencies = {};
 LeuElement.styles = css_248z;
 

package/dist/Menu.js

@@ -1,5 +1,5 @@
 import { css, html } from 'lit';
-import { L as LeuElement } from './LeuElement-C1c3TgrG.js';
+import { L as LeuElement } from './LeuElement-BFljD2fO.js';
 import { LeuMenuItem } from './MenuItem.js';
 import 'lit/directives/if-defined.js';
 import './Icon.js';
@@ -22,6 +22,10 @@ var css_248z = css`:host {
   padding: 0 !important;
   background: none !important;
 }
+
+.container {
+  background-color: var(--leu-color-black-0);
+}
 `;
 
 /**
@@ -137,7 +141,11 @@ class LeuMenu extends LeuElement {
         }
     }
     render() {
-        return html `<slot></slot>`;
+        return html `
+      <div class="container">
+        <slot></slot>
+      </div>
+    `;
     }
 }
 LeuMenu.styles = [LeuElement.styles, css_248z];

package/dist/MenuItem.js

@@ -1,6 +1,6 @@
 import { css, html, nothing } from 'lit';
 import { ifDefined } from 'lit/directives/if-defined.js';
-import { L as LeuElement } from './LeuElement-C1c3TgrG.js';
+import { L as LeuElement } from './LeuElement-BFljD2fO.js';
 import { LeuIcon } from './Icon.js';
 import './_tslib-CNEFicEt.js';
 import 'lit/decorators.js';

package/dist/Message.js

@@ -2,7 +2,7 @@ import { _ as __decorate } from './_tslib-CNEFicEt.js';
 import { css, html, nothing } from 'lit';
 import { property } from 'lit/decorators.js';
 import { classMap } from 'lit/directives/class-map.js';
-import { L as LeuElement } from './LeuElement-C1c3TgrG.js';
+import { L as LeuElement } from './LeuElement-BFljD2fO.js';
 import { LeuIcon } from './Icon.js';
 import { H as HasSlotController } from './hasSlotController-Bm2tipvG.js';
 

package/dist/Pagination.js

@@ -2,7 +2,7 @@ import { _ as __decorate } from './_tslib-CNEFicEt.js';
 import { css, html } from 'lit';
 import { live } from 'lit/directives/live.js';
 import { property, state } from 'lit/decorators.js';
-import { L as LeuElement } from './LeuElement-C1c3TgrG.js';
+import { L as LeuElement } from './LeuElement-BFljD2fO.js';
 import { LeuButton } from './Button.js';
 import { LeuVisuallyHidden } from './VisuallyHidden.js';
 import { LeuIcon } from './Icon.js';

package/dist/Placeholder.js

@@ -1,5 +1,5 @@
 import { css, html } from 'lit';
-import { L as LeuElement } from './LeuElement-C1c3TgrG.js';
+import { L as LeuElement } from './LeuElement-BFljD2fO.js';
 
 var css_248z = css`:host {
   --placeholder-font-regular: var(--leu-font-family-regular);

package/dist/Popup.js

@@ -2,7 +2,7 @@ import { _ as __decorate } from './_tslib-CNEFicEt.js';
 import { css, html } from 'lit';
 import { property } from 'lit/decorators.js';
 import { autoUpdate, size, flip, shift, computePosition } from '@floating-ui/dom';
-import { L as LeuElement } from './LeuElement-C1c3TgrG.js';
+import { L as LeuElement } from './LeuElement-BFljD2fO.js';
 
 var css_248z = css`:host {
   --popup-font-regular: var(--leu-font-family-regular);

package/dist/ProgressBar.js

@@ -2,7 +2,7 @@ import { _ as __decorate } from './_tslib-CNEFicEt.js';
 import { css, nothing, html } from 'lit';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { property } from 'lit/decorators.js';
-import { L as LeuElement } from './LeuElement-C1c3TgrG.js';
+import { L as LeuElement } from './LeuElement-BFljD2fO.js';
 
 var css_248z = css`/* :host {
   --progress-bar-font-regular: var(--leu-font-family-regular);

package/dist/Radio.js

@@ -1,7 +1,7 @@
 import { _ as __decorate } from './_tslib-CNEFicEt.js';
 import { css, html } from 'lit';
 import { property } from 'lit/decorators.js';
-import { L as LeuElement } from './LeuElement-C1c3TgrG.js';
+import { L as LeuElement } from './LeuElement-BFljD2fO.js';
 
 var css_248z = css`:host {
   --radio-color: var(--leu-color-black-40);

package/dist/RadioGroup.js

@@ -2,7 +2,7 @@ import { _ as __decorate } from './_tslib-CNEFicEt.js';
 import { css, html } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import { property } from 'lit/decorators.js';
-import { L as LeuElement } from './LeuElement-C1c3TgrG.js';
+import { L as LeuElement } from './LeuElement-BFljD2fO.js';
 import { LeuRadio } from './Radio.js';
 
 var css_248z = css`:host {

package/dist/Range.js

@@ -1,5 +1,5 @@
 import { css, html } from 'lit';
-import { L as LeuElement } from './LeuElement-C1c3TgrG.js';
+import { L as LeuElement } from './LeuElement-BFljD2fO.js';
 
 var css_248z = css`:host {
   --range-color: var(--leu-color-black-40);

package/dist/ScrollTop.js

@@ -1,6 +1,6 @@
 import { css, html } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
-import { L as LeuElement } from './LeuElement-C1c3TgrG.js';
+import { L as LeuElement } from './LeuElement-BFljD2fO.js';
 import { LeuButton } from './Button.js';
 import { LeuIcon } from './Icon.js';
 import './_tslib-CNEFicEt.js';

package/dist/Select.js

@@ -2,7 +2,7 @@ import { css, nothing, html } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import { createRef, ref } from 'lit/directives/ref.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
-import { L as LeuElement } from './LeuElement-C1c3TgrG.js';
+import { L as LeuElement } from './LeuElement-BFljD2fO.js';
 import { H as HasSlotController } from './hasSlotController-Bm2tipvG.js';
 import { LeuButton } from './Button.js';
 import { LeuMenu } from './Menu.js';

package/dist/Spinner.js

@@ -1,5 +1,5 @@
 import { css, html } from 'lit';
-import { L as LeuElement } from './LeuElement-C1c3TgrG.js';
+import { L as LeuElement } from './LeuElement-BFljD2fO.js';
 
 var css_248z = css`@keyframes leu-spinner-rotate {
   from {

package/dist/Table.js

@@ -2,7 +2,7 @@ import { css, html, nothing } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import { styleMap } from 'lit/directives/style-map.js';
 import { createRef, ref } from 'lit/directives/ref.js';
-import { L as LeuElement } from './LeuElement-C1c3TgrG.js';
+import { L as LeuElement } from './LeuElement-BFljD2fO.js';
 import { LeuIcon } from './Icon.js';
 import { LeuPagination } from './Pagination.js';
 import './_tslib-CNEFicEt.js';

package/dist/Tag.js

@@ -1,7 +1,7 @@
 import { _ as __decorate } from './_tslib-CNEFicEt.js';
 import { css, html } from 'lit';
 import { property } from 'lit/decorators.js';
-import { L as LeuElement } from './LeuElement-C1c3TgrG.js';
+import { L as LeuElement } from './LeuElement-BFljD2fO.js';
 
 var css_248z = css`:host {
   /* --tag-font-regular: var(--leu-font-family-regular);

package/dist/VisuallyHidden.js

@@ -1,5 +1,5 @@
 import { css, html } from 'lit';
-import { L as LeuElement } from './LeuElement-C1c3TgrG.js';
+import { L as LeuElement } from './LeuElement-BFljD2fO.js';
 
 var css_248z = css`:host {
   clip: rect(0 0 0 0);

package/dist/components/icon/paths.d.ts

@@ -82,6 +82,7 @@ export declare const paths: {
     remove: string;
     repost: string;
     resizeText: string;
+    ruler: string;
     search: string;
     securities: string;
     setting: string;

package/dist/components/icon/paths.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"paths.d.ts","sourceRoot":"","sources":["../../../src/components/icon/paths.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,KAAK,CAAA;AAE7C,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsNjB,CAAA"}
+{"version":3,"file":"paths.d.ts","sourceRoot":"","sources":["../../../src/components/icon/paths.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,KAAK,CAAA;AAE7C,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwNjB,CAAA"}

package/dist/components/menu/Menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/menu/Menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAA;AAE1C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAEpD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAI3C;;GAEG;AAEH;;;GAGG;AACH,qBAAa,OAAQ,SAAQ,UAAU;IACrC,MAAM,CAAC,MAAM,iCAA8B;IAE3C,MAAM,CAAC,iBAAiB;;;;;;;MAGvB;IAED,MAAM,CAAC,UAAU;;;;;MAEhB;;IAWD,iBAAiB;IAUjB,oBAAoB;IAKpB,iBAAiB;IAKjB,iBAAiB;IAuBjB;;;OAGG;IACH,YAAY;IAOZ,mBAAmB;IAInB,cAAc,CAAC,KAAK,KAAA;IAqBpB,cAAc,CAAC,KAAK,KAAA;IAkBpB,SAAS,CAAC,KAAK,KAAA;IAMf,YAAY;IAIZ,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAM/C,MAAM;CAGP"}
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/menu/Menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAA;AAE1C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAEpD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAI3C;;GAEG;AAEH;;;GAGG;AACH,qBAAa,OAAQ,SAAQ,UAAU;IACrC,MAAM,CAAC,MAAM,iCAA8B;IAE3C,MAAM,CAAC,iBAAiB;;;;;;;MAGvB;IAED,MAAM,CAAC,UAAU;;;;;MAEhB;;IAWD,iBAAiB;IAUjB,oBAAoB;IAKpB,iBAAiB;IAKjB,iBAAiB;IAuBjB;;;OAGG;IACH,YAAY;IAOZ,mBAAmB;IAInB,cAAc,CAAC,KAAK,KAAA;IAqBpB,cAAc,CAAC,KAAK,KAAA;IAkBpB,SAAS,CAAC,KAAK,KAAA;IAMf,YAAY;IAIZ,OAAO,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAM/C,MAAM;CAOP"}

package/dist/index.js

@@ -18,7 +18,7 @@ export { LeuRadio } from './Radio.js';
 export { LeuRadioGroup } from './RadioGroup.js';
 export { LeuSelect } from './Select.js';
 export { LeuTable } from './Table.js';
-export { L as LeuElement } from './LeuElement-C1c3TgrG.js';
+export { L as LeuElement } from './LeuElement-BFljD2fO.js';
 import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/static-html.js';

package/dist/leu-accordion.js

@@ -3,7 +3,7 @@ import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/static-html.js';
 import 'lit/decorators.js';
-import './LeuElement-C1c3TgrG.js';
+import './LeuElement-BFljD2fO.js';
 
 LeuAccordion.define("leu-accordion");
 

package/dist/leu-button-group.js

@@ -1,6 +1,6 @@
 import { LeuButtonGroup } from './ButtonGroup.js';
 import 'lit';
-import './LeuElement-C1c3TgrG.js';
+import './LeuElement-BFljD2fO.js';
 import './Button.js';
 import './_tslib-CNEFicEt.js';
 import 'lit/directives/class-map.js';

package/dist/leu-button.js

@@ -5,7 +5,7 @@ import 'lit/directives/class-map.js';
 import 'lit/directives/if-defined.js';
 import 'lit/decorators.js';
 import './Icon.js';
-import './LeuElement-C1c3TgrG.js';
+import './LeuElement-BFljD2fO.js';
 import './hasSlotController-Bm2tipvG.js';
 
 LeuButton.define("leu-button");

package/dist/leu-chart-wrapper.js

@@ -2,7 +2,7 @@ import { LeuChartWrapper } from './ChartWrapper.js';
 import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/decorators.js';
-import './LeuElement-C1c3TgrG.js';
+import './LeuElement-BFljD2fO.js';
 import './hasSlotController-Bm2tipvG.js';
 import './Spinner.js';
 

package/dist/leu-checkbox-group.js

@@ -3,7 +3,7 @@ import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/directives/class-map.js';
 import 'lit/decorators.js';
-import './LeuElement-C1c3TgrG.js';
+import './LeuElement-BFljD2fO.js';
 import './Checkbox.js';
 import './Icon.js';
 

package/dist/leu-checkbox.js

@@ -2,7 +2,7 @@ import { LeuCheckbox } from './Checkbox.js';
 import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/decorators.js';
-import './LeuElement-C1c3TgrG.js';
+import './LeuElement-BFljD2fO.js';
 import './Icon.js';
 
 LeuCheckbox.define("leu-checkbox");

package/dist/leu-chip-group.js

@@ -1,6 +1,6 @@
 import { LeuChipGroup } from './ChipGroup.js';
 import 'lit/static-html.js';
-import './LeuElement-C1c3TgrG.js';
+import './LeuElement-BFljD2fO.js';
 import 'lit';
 
 LeuChipGroup.define("leu-chip-group");

package/dist/leu-chip-link.js

@@ -1,7 +1,7 @@
 import { LeuChipLink } from './ChipLink.js';
 import 'lit';
 import './Chip.js';
-import './LeuElement-C1c3TgrG.js';
+import './LeuElement-BFljD2fO.js';
 
 LeuChipLink.define("leu-chip-link");
 

package/dist/leu-chip-removable.js

@@ -1,7 +1,7 @@
 import { LeuChipRemovable } from './ChipRemovable.js';
 import 'lit';
 import './Chip.js';
-import './LeuElement-C1c3TgrG.js';
+import './LeuElement-BFljD2fO.js';
 import './Icon.js';
 import './_tslib-CNEFicEt.js';
 import 'lit/decorators.js';

package/dist/leu-chip-selectable.js

@@ -1,7 +1,7 @@
 import { LeuChipSelectable } from './ChipSelectable.js';
 import 'lit';
 import './Chip.js';
-import './LeuElement-C1c3TgrG.js';
+import './LeuElement-BFljD2fO.js';
 
 LeuChipSelectable.define("leu-chip-selectable");
 

package/dist/leu-dialog.js

@@ -2,7 +2,7 @@ import { LeuDialog } from './Dialog.js';
 import 'lit';
 import 'lit/directives/ref.js';
 import 'lit/directives/class-map.js';
-import './LeuElement-C1c3TgrG.js';
+import './LeuElement-BFljD2fO.js';
 import './hasSlotController-Bm2tipvG.js';
 import './Icon.js';
 import './_tslib-CNEFicEt.js';

package/dist/leu-dropdown.js

@@ -1,7 +1,7 @@
 import { LeuDropdown } from './Dropdown.js';
 import 'lit';
 import 'lit/directives/ref.js';
-import './LeuElement-C1c3TgrG.js';
+import './LeuElement-BFljD2fO.js';
 import './hasSlotController-Bm2tipvG.js';
 import './Button.js';
 import './_tslib-CNEFicEt.js';

package/dist/leu-file-input.js

@@ -4,7 +4,7 @@ import 'lit';
 import 'lit/decorators.js';
 import 'lit/directives/if-defined.js';
 import 'lit/directives/class-map.js';
-import './LeuElement-C1c3TgrG.js';
+import './LeuElement-BFljD2fO.js';
 import './Accordion.js';
 import 'lit/static-html.js';
 import './Button.js';

package/dist/leu-icon.js

@@ -2,7 +2,7 @@ import { LeuIcon } from './Icon.js';
 import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/decorators.js';
-import './LeuElement-C1c3TgrG.js';
+import './LeuElement-BFljD2fO.js';
 
 LeuIcon.define("leu-icon");
 

package/dist/leu-input.js

@@ -4,7 +4,7 @@ import 'lit/directives/class-map.js';
 import 'lit/directives/if-defined.js';
 import 'lit/directives/live.js';
 import 'lit/directives/ref.js';
-import './LeuElement-C1c3TgrG.js';
+import './LeuElement-BFljD2fO.js';
 import './Icon.js';
 import './_tslib-CNEFicEt.js';
 import 'lit/decorators.js';

package/dist/leu-menu-item.js

@@ -1,7 +1,7 @@
 import { LeuMenuItem } from './MenuItem.js';
 import 'lit';
 import 'lit/directives/if-defined.js';
-import './LeuElement-C1c3TgrG.js';
+import './LeuElement-BFljD2fO.js';
 import './Icon.js';
 import './_tslib-CNEFicEt.js';
 import 'lit/decorators.js';

package/dist/leu-menu.js

@@ -1,6 +1,6 @@
 import { LeuMenu } from './Menu.js';
 import 'lit';
-import './LeuElement-C1c3TgrG.js';
+import './LeuElement-BFljD2fO.js';
 import './MenuItem.js';
 import 'lit/directives/if-defined.js';
 import './Icon.js';

package/dist/leu-message.js

@@ -3,7 +3,7 @@ import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/decorators.js';
 import 'lit/directives/class-map.js';
-import './LeuElement-C1c3TgrG.js';
+import './LeuElement-BFljD2fO.js';
 import './Icon.js';
 import './hasSlotController-Bm2tipvG.js';
 

package/dist/leu-pagination.js

@@ -3,7 +3,7 @@ import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/directives/live.js';
 import 'lit/decorators.js';
-import './LeuElement-C1c3TgrG.js';
+import './LeuElement-BFljD2fO.js';
 import './Button.js';
 import 'lit/directives/class-map.js';
 import 'lit/directives/if-defined.js';

package/dist/leu-placeholder.js

@@ -1,6 +1,6 @@
 import { LeuPlaceholder } from './Placeholder.js';
 import 'lit';
-import './LeuElement-C1c3TgrG.js';
+import './LeuElement-BFljD2fO.js';
 
 LeuPlaceholder.define("leu-placeholder");
 

package/dist/leu-popup.js

@@ -3,7 +3,7 @@ import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/decorators.js';
 import '@floating-ui/dom';
-import './LeuElement-C1c3TgrG.js';
+import './LeuElement-BFljD2fO.js';
 
 LeuPopup.define("leu-popup");
 

package/dist/leu-progress-bar.js

@@ -3,7 +3,7 @@ import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/directives/if-defined.js';
 import 'lit/decorators.js';
-import './LeuElement-C1c3TgrG.js';
+import './LeuElement-BFljD2fO.js';
 
 LeuProgressBar.define("leu-progress-bar");
 

package/dist/leu-radio-group.js

@@ -3,7 +3,7 @@ import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/directives/class-map.js';
 import 'lit/decorators.js';
-import './LeuElement-C1c3TgrG.js';
+import './LeuElement-BFljD2fO.js';
 import './Radio.js';
 
 LeuRadioGroup.define("leu-radio-group");

package/dist/leu-radio.js

@@ -2,7 +2,7 @@ import { LeuRadio } from './Radio.js';
 import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/decorators.js';
-import './LeuElement-C1c3TgrG.js';
+import './LeuElement-BFljD2fO.js';
 
 LeuRadio.define("leu-radio");
 

package/dist/leu-range.js

@@ -1,6 +1,6 @@
 import { LeuRange } from './Range.js';
 import 'lit';
-import './LeuElement-C1c3TgrG.js';
+import './LeuElement-BFljD2fO.js';
 
 LeuRange.define("leu-range");
 

package/dist/leu-scroll-top.js

@@ -1,7 +1,7 @@
 import { LeuScrollTop } from './ScrollTop.js';
 import 'lit';
 import 'lit/directives/class-map.js';
-import './LeuElement-C1c3TgrG.js';
+import './LeuElement-BFljD2fO.js';
 import './Button.js';
 import './_tslib-CNEFicEt.js';
 import 'lit/directives/if-defined.js';

package/dist/leu-select.js

@@ -3,7 +3,7 @@ import 'lit';
 import 'lit/directives/class-map.js';
 import 'lit/directives/ref.js';
 import 'lit/directives/if-defined.js';
-import './LeuElement-C1c3TgrG.js';
+import './LeuElement-BFljD2fO.js';
 import './hasSlotController-Bm2tipvG.js';
 import './Button.js';
 import './_tslib-CNEFicEt.js';

package/dist/leu-spinner.js

@@ -1,6 +1,6 @@
 import { LeuSpinner } from './Spinner.js';
 import 'lit';
-import './LeuElement-C1c3TgrG.js';
+import './LeuElement-BFljD2fO.js';
 
 LeuSpinner.define("leu-spinner");
 

package/dist/leu-table.js

@@ -3,7 +3,7 @@ import 'lit';
 import 'lit/directives/class-map.js';
 import 'lit/directives/style-map.js';
 import 'lit/directives/ref.js';
-import './LeuElement-C1c3TgrG.js';
+import './LeuElement-BFljD2fO.js';
 import './Icon.js';
 import './_tslib-CNEFicEt.js';
 import 'lit/decorators.js';

package/dist/leu-tag.js

@@ -2,7 +2,7 @@ import { LeuTag } from './Tag.js';
 import './_tslib-CNEFicEt.js';
 import 'lit';
 import 'lit/decorators.js';
-import './LeuElement-C1c3TgrG.js';
+import './LeuElement-BFljD2fO.js';
 
 LeuTag.define("leu-tag");
 

package/dist/leu-visually-hidden.js

@@ -1,6 +1,6 @@
 import { LeuVisuallyHidden } from './VisuallyHidden.js';
 import 'lit';
-import './LeuElement-C1c3TgrG.js';
+import './LeuElement-BFljD2fO.js';
 
 LeuVisuallyHidden.define("leu-visually-hidden");
 

package/dist/vscode.html-custom-data.json

@@ -34,17 +34,6 @@
         }
       ]
     },
-    {
-      "name": "leu-button-group",
-      "description": "A radio input-like button group component.\nIt allows only one button to be active at a time.\n---\n\n\n### **Events:**\n - **input** - When the value of the group changes by clicking a button\n\n### **Slots:**\n - _default_ - Slot for the buttons",
-      "attributes": [],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://statistikzh.github.io/leu/?path=/story/button-group"
-        }
-      ]
-    },
     {
       "name": "leu-button",
       "description": "\n---\n\n\n### **Slots:**\n - **before** - The icon to display before the label\n- **after** - The icon to display after the label\n- _default_ - The label of the button or the icon if no label is set",
@@ -120,6 +109,17 @@
         }
       ]
     },
+    {
+      "name": "leu-button-group",
+      "description": "A radio input-like button group component.\nIt allows only one button to be active at a time.\n---\n\n\n### **Events:**\n - **input** - When the value of the group changes by clicking a button\n\n### **Slots:**\n - _default_ - Slot for the buttons",
+      "attributes": [],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://statistikzh.github.io/leu/?path=/story/button-group"
+        }
+      ]
+    },
     {
       "name": "leu-chart-wrapper",
       "description": "A wrapper element for charts.\n---\n\n\n### **Slots:**\n - **title** - The title of the chart. Use a heading tag (h2-4) depending on your context.\n- **description** - A description of the chart. Content is wrapped in a `<p>` tag by the component.\n- **chart** - The actual chart\n- **caption** - A caption for the chart, e.g. a source or explanation of the data.\n- **download** - A download button or dropdown to export the chart in different formats.",

package/dist/vue/index.d.ts

@@ -1,8 +1,8 @@
 import type { DefineComponent } from "vue";
 
 import type { LeuAccordion } from "../Accordion.js";
-import type { LeuButtonGroup } from "../ButtonGroup.js";
 import type { LeuButton } from "../Button.js";
+import type { LeuButtonGroup } from "../ButtonGroup.js";
 import type { LeuChartWrapper } from "../ChartWrapper.js";
 import type { LeuCheckbox } from "../Checkbox.js";
 import type { LeuCheckboxGroup } from "../CheckboxGroup.js";
@@ -43,13 +43,6 @@ type LeuAccordionProps = {
   label?: LeuAccordion["label"];
 };
 
-type LeuButtonGroupProps = {
-  /** The value of the currently selected (active) button */
-  value?: LeuButtonGroup["value"];
-  /** When the value of the group changes by clicking a button */
-  oninput?: (e: CustomEvent<never>) => void;
-};
-
 type LeuButtonProps = {
   /** `aria-label` of the underlying button elements.
 Use it to provide a label when only an icon is visible. */
@@ -81,6 +74,13 @@ If it is set, the icon will either show an expanded or collapsed state. */
   fluid?: LeuButton["fluid"];
 };
 
+type LeuButtonGroupProps = {
+  /** The value of the currently selected (active) button */
+  value?: LeuButtonGroup["value"];
+  /** When the value of the group changes by clicking a button */
+  oninput?: (e: CustomEvent<never>) => void;
+};
+
 type LeuChartWrapperProps = {
   /** Whether the chart is currently loading or not.
 When set to `true`, a spinner will be shown in the chart container. */
@@ -501,30 +501,30 @@ export type CustomElements = {
   "leu-accordion": DefineComponent<LeuAccordionProps>;
 
   /**
-   * A radio input-like button group component.
-   * It allows only one button to be active at a time.
-   * ---
    *
+   * ---
    *
-   * ### **Events:**
-   *  - **input** - When the value of the group changes by clicking a button
    *
    * ### **Slots:**
-   *  - _default_ - Slot for the buttons
+   *  - **before** - The icon to display before the label
+   * - **after** - The icon to display after the label
+   * - _default_ - The label of the button or the icon if no label is set
    */
-  "leu-button-group": DefineComponent<LeuButtonGroupProps>;
+  "leu-button": DefineComponent<LeuButtonProps>;
 
   /**
-   *
+   * A radio input-like button group component.
+   * It allows only one button to be active at a time.
    * ---
    *
    *
+   * ### **Events:**
+   *  - **input** - When the value of the group changes by clicking a button
+   *
    * ### **Slots:**
-   *  - **before** - The icon to display before the label
-   * - **after** - The icon to display after the label
-   * - _default_ - The label of the button or the icon if no label is set
+   *  - _default_ - Slot for the buttons
    */
-  "leu-button": DefineComponent<LeuButtonProps>;
+  "leu-button-group": DefineComponent<LeuButtonGroupProps>;
 
   /**
    * A wrapper element for charts.

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@statistikzh/leu",
-  "version": "0.20.0",
+  "version": "0.21.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -65,33 +65,6 @@
             "events": []
           }
         },
-        {
-          "name": "leu-button-group",
-          "description": "A radio input-like button group component.\nIt allows only one button to be active at a time.\n---\n\n\n### **Events:**\n - **input** - When the value of the group changes by clicking a button\n\n### **Slots:**\n - _default_ - Slot for the buttons",
-          "doc-url": "",
-          "attributes": [],
-          "slots": [{ "name": "", "description": "Slot for the buttons" }],
-          "events": [
-            {
-              "name": "input",
-              "description": "When the value of the group changes by clicking a button"
-            }
-          ],
-          "js": {
-            "properties": [
-              {
-                "name": "value",
-                "description": "The value of the currently selected (active) button"
-              }
-            ],
-            "events": [
-              {
-                "name": "input",
-                "description": "When the value of the group changes by clicking a button"
-              }
-            ]
-          }
-        },
         {
           "name": "leu-button",
           "description": "\n---\n\n\n### **Slots:**\n - **before** - The icon to display before the label\n- **after** - The icon to display after the label\n- _default_ - The label of the button or the icon if no label is set",
@@ -238,6 +211,33 @@
             "events": []
           }
         },
+        {
+          "name": "leu-button-group",
+          "description": "A radio input-like button group component.\nIt allows only one button to be active at a time.\n---\n\n\n### **Events:**\n - **input** - When the value of the group changes by clicking a button\n\n### **Slots:**\n - _default_ - Slot for the buttons",
+          "doc-url": "",
+          "attributes": [],
+          "slots": [{ "name": "", "description": "Slot for the buttons" }],
+          "events": [
+            {
+              "name": "input",
+              "description": "When the value of the group changes by clicking a button"
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "value",
+                "description": "The value of the currently selected (active) button"
+              }
+            ],
+            "events": [
+              {
+                "name": "input",
+                "description": "When the value of the group changes by clicking a button"
+              }
+            ]
+          }
+        },
         {
           "name": "leu-chart-wrapper",
           "description": "A wrapper element for charts.\n---\n\n\n### **Slots:**\n - **title** - The title of the chart. Use a heading tag (h2-4) depending on your context.\n- **description** - A description of the chart. Content is wrapped in a `<p>` tag by the component.\n- **chart** - The actual chart\n- **caption** - A caption for the chart, e.g. a source or explanation of the data.\n- **download** - A download button or dropdown to export the chart in different formats.",

package/package.json

@@ -3,7 +3,7 @@
   "description": "UI component library of the canton of zurich",
   "license": "MIT",
   "author": "statistikzh",
-  "version": "0.20.0",
+  "version": "0.21.0",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",

package/src/components/icon/paths.ts

@@ -143,6 +143,8 @@ export const paths = {
     "M12.375 8.2485V3.75L22.875 11.25L12.375 18.75V14.25C8.20012 14.2515 4.39838 14.4128 1.125 20.25C1.125 16.5424 1.66875 8.35162 12.375 8.2485Z",
   resizeText:
     "M17 8V5H20V8H17ZM11 14H14V11H11V14ZM8 20H5V17H8V20ZM14 20H11V17H14V20ZM17 14H20V11H17V14ZM20 20H17V17H20V20Z",
+  ruler:
+    "M1.5 9C1.5 8.72386 1.72386 8.5 2 8.5H22C22.2761 8.5 22.5 8.72386 22.5 9V15C22.5 15.2761 22.2761 15.5 22 15.5H2C1.72386 15.5 1.5 15.2761 1.5 15V9ZM2.5 9.5V14.5H21.5V9.5H2.5Z M4.5 11V9H5.5V11H4.5Z M8 11V9H9V11H8Z M11.5 11V9H12.5V11H11.5Z M15 11V9H16V11H15Z M18.5 11V9H19.5V11H18.5Z",
   search:
     "M0.75 9C0.75 4.4445 4.4445 0.75 9 0.75C13.5555 0.75 17.25 4.4445 17.25 9C17.25 13.5555 13.5555 17.25 9 17.25C4.4445 17.25 0.75 13.5555 0.75 9ZM17.25 15.25L15 17.5L21 23.2493L23.25 20.9993L17.25 15.25ZM9 15C5.692 15 3 12.308 3 9C3 5.692 5.692 3 9 3C12.308 3 15 5.692 15 9C15 12.308 12.308 15 9 15Z",
   securities:

package/src/components/menu/Menu.ts

@@ -149,6 +149,10 @@ export class LeuMenu extends LeuElement {
   }
 
   render() {
-    return html`<slot></slot>`
+    return html`
+      <div class="container">
+        <slot></slot>
+      </div>
+    `
   }
 }

package/src/components/menu/menu.css

@@ -13,3 +13,7 @@
   padding: 0 !important;
   background: none !important;
 }
+
+.container {
+  background-color: var(--leu-color-black-0);
+}