@statistikzh/leu 0.12.0 → 0.12.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## [0.12.2](https://github.com/statistikZH/leu/compare/v0.12.1...v0.12.2) (2024-12-05)
+
+
+### Bug Fixes
+
+* **input:** define an explicit height for small sized input ([b25bedb](https://github.com/statistikZH/leu/commit/b25bedb7aa85cc798e571faa4ad32c4ef6bb14f2))
+
+## [0.12.1](https://github.com/statistikZH/leu/compare/v0.12.0...v0.12.1) (2024-12-04)
+
+
+### Bug Fixes
+
+* **input:** define explicit height of native input field to ensure consistent height of the element ([63527d8](https://github.com/statistikZH/leu/commit/63527d86c1e311fccefd2c2dcff50bcd2d6d6ed7))
+
 ## [0.12.0](https://github.com/statistikZH/leu/compare/v0.11.1...v0.12.0) (2024-12-02)
 
 

package/README.md

@@ -113,11 +113,11 @@ At the same time they're not set in stone. If the there is a good reason to chan
 
 ### Naming
 
-Every element, class or custom property that will be globally available has to be prefixed with `leu`.
+Every element or custom property that will be globally available has to be prefixed with `leu`.
 
 ```js
 /* Custom elements */
-class LeuRadio extends LitElement {
+class LeuRadio extends LeuElement {
   ...
 }
 
@@ -125,12 +125,7 @@ window.customElements.define("leu-input", LeuInput)
 ```
 
 ```css
-/* CSS class */
-.leu-radio-group {
-  ...;
-}
-
-/* CSS custom property */
+/* CSS custom property of the theme */
 :root {
   --leu-color-black-0: #000;
 }
@@ -138,10 +133,10 @@ window.customElements.define("leu-input", LeuInput)
 
 ### Scoped styles
 
-All CSS declarations should, whenever possible, always live inside a custom element. This way we ensure that the styles won't interfere with the environment they're loaded into.
-The only exceptions are `@font-face` statements and custom property declarations.
+All CSS declarations have to live inside a custom element. This way we ensure that the styles won't interfere with the environment they're loaded into.
 Styles that are shared between components should be defined as global custom properties inside the `styles/custom-properties.css`.
-When a global custom property is used inside a component it should always be assigned to a local custom property in the `:host` declaration block.
+When a global custom property is used inside a component it could be a good practice to assign them to a local custom property with a semantic naming.
+This only make a sense when the component has a certain complexity and the global custom property are used multiple times.
 
 ```css
 :host {
@@ -180,13 +175,11 @@ Thanks to the following people who have contributed to this project
 Dan Büschlen <br>
 dan.bueschlen@statistik.ji.zh.ch <br>
 
-![Twitter Follow](https://img.shields.io/twitter/follow/statistik_zh?style=social)
-
 ## License
 
 This project uses the following license: <br>
 
-- Code license: [Copyright (c) <2023> <Statistisches Amt Kanton Zürich>](LICENSE)
+- Code license: [Copyright (c) <2024> <Statistisches Amt Kanton Zürich>](LICENSE)
 
 ## Guidelines for contributing
 

package/dist/Accordion.d.ts

@@ -28,5 +28,5 @@ export class LeuAccordion extends LeuElement {
     _handleToggleClick(): void;
     render(): import("lit-html").TemplateResult;
 }
-import { L as LeuElement } from './LeuElement-d661ef10.js';
+import { L as LeuElement } from './LeuElement-519af050.js';
 //# sourceMappingURL=Accordion.d.ts.map

package/dist/Accordion.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-d661ef10.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-519af050.js';
 import { css, nothing } from 'lit';
 import { html, unsafeStatic } from 'lit/static-html.js';
 

package/dist/Breadcrumb.d.ts

@@ -64,6 +64,6 @@ export class LeuBreadcrumb extends LeuElement {
     renderDropdown(): import("lit-html").TemplateResult<1> | typeof nothing;
     render(): import("lit-html").TemplateResult<1> | typeof nothing;
 }
-import { L as LeuElement } from './LeuElement-d661ef10.js';
+import { L as LeuElement } from './LeuElement-519af050.js';
 import { nothing } from 'lit';
 //# sourceMappingURL=Breadcrumb.d.ts.map

package/dist/Breadcrumb.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-d661ef10.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-519af050.js';
 import { css, nothing, html } from 'lit';
 import { createRef, ref } from 'lit/directives/ref.js';
 import { classMap } from 'lit/directives/class-map.js';

package/dist/Button.d.ts

@@ -41,6 +41,6 @@ export class LeuButton extends LeuElement {
     hasTextContent(): boolean;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-d661ef10.js';
+import { L as LeuElement } from './LeuElement-519af050.js';
 import { nothing } from 'lit';
 //# sourceMappingURL=Button.d.ts.map

package/dist/Button.js

@@ -1,9 +1,9 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-d661ef10.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-519af050.js';
 import { css, html, nothing } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { LeuIcon } from './Icon.js';
-import { H as HasSlotController } from './hasSlotController-bfe693e4.js';
+import { H as HasSlotController } from './hasSlotController-bf769658.js';
 
 /**
  * All roles that are associated with a aria-checked attribute

package/dist/ButtonGroup.d.ts

@@ -20,5 +20,5 @@ export class LeuButtonGroup extends LeuElement {
     _handleButtonClick(button: any): void;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-d661ef10.js';
+import { L as LeuElement } from './LeuElement-519af050.js';
 //# sourceMappingURL=ButtonGroup.d.ts.map

package/dist/ButtonGroup.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-d661ef10.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-519af050.js';
 import { css, html } from 'lit';
 
 var css_248z = css`.group {

package/dist/Checkbox.d.ts

@@ -10,5 +10,5 @@ export class LeuCheckbox extends LeuElement {
     handleInput(event: any): void;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-d661ef10.js';
+import { L as LeuElement } from './LeuElement-519af050.js';
 //# sourceMappingURL=Checkbox.d.ts.map

package/dist/Checkbox.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-d661ef10.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-519af050.js';
 import { css, html } from 'lit';
 import { LeuIcon } from './Icon.js';
 

package/dist/CheckboxGroup.d.ts

@@ -10,5 +10,5 @@ export class LeuCheckboxGroup extends LeuElement {
     handleItems(): void;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-d661ef10.js';
+import { L as LeuElement } from './LeuElement-519af050.js';
 //# sourceMappingURL=CheckboxGroup.d.ts.map

package/dist/CheckboxGroup.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-d661ef10.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-519af050.js';
 import { css, html } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 

package/dist/Chip.d.ts

@@ -1,5 +1,5 @@
 export class LeuChipBase extends LeuElement {
     inverted: boolean;
 }
-import { L as LeuElement } from './LeuElement-d661ef10.js';
+import { L as LeuElement } from './LeuElement-519af050.js';
 //# sourceMappingURL=Chip.d.ts.map

package/dist/Chip.js

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

package/dist/ChipGroup.d.ts

@@ -32,5 +32,5 @@ export const SELECTION_MODES: Readonly<{
     multiple: "multiple";
     none: "none";
 }>;
-import { L as LeuElement } from './LeuElement-d661ef10.js';
+import { L as LeuElement } from './LeuElement-519af050.js';
 //# sourceMappingURL=ChipGroup.d.ts.map

package/dist/ChipGroup.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-d661ef10.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-519af050.js';
 import { html, unsafeStatic } from 'lit/static-html.js';
 import { css } from 'lit';
 

package/dist/ChipLink.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty } from './LeuElement-d661ef10.js';
+import { _ as _defineProperty } from './LeuElement-519af050.js';
 import { html } from 'lit';
 import { LeuChipBase } from './Chip.js';
 

package/dist/ChipRemovable.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty } from './LeuElement-d661ef10.js';
+import { _ as _defineProperty } from './LeuElement-519af050.js';
 import { html } from 'lit';
 import { LeuChipBase } from './Chip.js';
 import { LeuIcon } from './Icon.js';

package/dist/ChipSelectable.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty } from './LeuElement-d661ef10.js';
+import { _ as _defineProperty } from './LeuElement-519af050.js';
 import { html } from 'lit';
 import { LeuChipBase } from './Chip.js';
 

package/dist/Dialog.d.ts

@@ -13,5 +13,5 @@ export class LeuDialog extends LeuElement {
     close(): void;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-d661ef10.js';
+import { L as LeuElement } from './LeuElement-519af050.js';
 //# sourceMappingURL=Dialog.d.ts.map

package/dist/Dialog.js

@@ -1,8 +1,8 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-d661ef10.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-519af050.js';
 import { css, html, nothing } from 'lit';
 import { createRef, ref } from 'lit/directives/ref.js';
 import { classMap } from 'lit/directives/class-map.js';
-import { H as HasSlotController } from './hasSlotController-bfe693e4.js';
+import { H as HasSlotController } from './hasSlotController-bf769658.js';
 import { LeuIcon } from './Icon.js';
 
 var css_248z = css`/* figma https://www.figma.com/design/d6Pv21UVUbnBs3AdcZijHmbN/KTZH-Design-System?node-id=21161-186812&t=8VgDy9avMRG5aL7s-0 */

package/dist/Dropdown.d.ts

@@ -15,5 +15,5 @@ export class LeuDropdown extends LeuElement {
     _getMenu(): any;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-d661ef10.js';
+import { L as LeuElement } from './LeuElement-519af050.js';
 //# sourceMappingURL=Dropdown.d.ts.map

package/dist/Dropdown.js

@@ -1,7 +1,7 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-d661ef10.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-519af050.js';
 import { css, html, nothing } from 'lit';
 import { createRef, ref } from 'lit/directives/ref.js';
-import { H as HasSlotController } from './hasSlotController-bfe693e4.js';
+import { H as HasSlotController } from './hasSlotController-bf769658.js';
 import { LeuButton } from './Button.js';
 import { LeuMenu } from './Menu.js';
 import { LeuMenuItem } from './MenuItem.js';

package/dist/Icon.d.ts

@@ -112,5 +112,5 @@ export class LeuIcon extends LeuElement {
     name: any | "";
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-d661ef10.js';
+import { L as LeuElement } from './LeuElement-519af050.js';
 //# sourceMappingURL=Icon.d.ts.map

package/dist/Icon.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-d661ef10.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-519af050.js';
 import { css, html, svg } from 'lit';
 
 var css_248z = css`svg,

package/dist/Input.d.ts

@@ -145,6 +145,6 @@ export const SIZES: Readonly<{
     SMALL: "small";
     REGULAR: "regular";
 }>;
-import { L as LeuElement } from './LeuElement-d661ef10.js';
+import { L as LeuElement } from './LeuElement-519af050.js';
 import { nothing } from 'lit';
 //# sourceMappingURL=Input.d.ts.map

package/dist/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["Input.js"],"names":[],"mappings":"AA4SA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH;IACE,kEAKC;IAGC,kBAAqB;IACrB,kBAAqB;IACrB,mBAAsB;IAEtB,kCAAkC;IAClC,MADW,OAAO,GAAG,SAAS,CACL;IACzB,aAAkB;IAClB,eAAqB;IACrB,uBAA4B;IAC5B,oBAAuB;IACvB,cAAe;IAEf,gBAAgB;IAChB,oBAAqB;IAErB;;;OAGG;IACH,WAFU,OAAO,uBAAuB,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAEnC;IAE9B,4BAKC;IAED;;;;;;;;;;OAUG;IACH,2BAIC;IAED;;;;;;OAMG;IACH,mBAKC;IAED;;;;;;OAMG;IACH,sBAEC;IAED;;;;;;;;OAQG;IACH,qBAMC;IAED;;;;;;;OAOG;IACH,oBAOC;IAED;;;;;;;;OAQG;IACH,cAWC;IAED;;;;;;;OAOG;IACH,cAUC;IAED;;;;;;;;;;OAUG;IACH,6BAgBC;IAED;;;OAGG;IACH,uBAFa,OAAO,KAAK,EAAE,cAAc,iBAAU,CAgBlD;IAED;;;;;;OAMG;IACH,2BAsBC;IACD,qBAKC;IACD,+CA2CC;CACF;AAjVD;;;GAGG;gCAvRmD,0BAA0B;wBAC7C,KAAK"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["Input.js"],"names":[],"mappings":"AAiTA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH;IACE,kEAKC;IAGC,kBAAqB;IACrB,kBAAqB;IACrB,mBAAsB;IAEtB,kCAAkC;IAClC,MADW,OAAO,GAAG,SAAS,CACL;IACzB,aAAkB;IAClB,eAAqB;IACrB,uBAA4B;IAC5B,oBAAuB;IACvB,cAAe;IAEf,gBAAgB;IAChB,oBAAqB;IAErB;;;OAGG;IACH,WAFU,OAAO,uBAAuB,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAEnC;IAE9B,4BAKC;IAED;;;;;;;;;;OAUG;IACH,2BAIC;IAED;;;;;;OAMG;IACH,mBAKC;IAED;;;;;;OAMG;IACH,sBAEC;IAED;;;;;;;;OAQG;IACH,qBAMC;IAED;;;;;;;OAOG;IACH,oBAOC;IAED;;;;;;;;OAQG;IACH,cAWC;IAED;;;;;;;OAOG;IACH,cAUC;IAED;;;;;;;;;;OAUG;IACH,6BAgBC;IAED;;;OAGG;IACH,uBAFa,OAAO,KAAK,EAAE,cAAc,iBAAU,CAgBlD;IAED;;;;;;OAMG;IACH,2BAsBC;IACD,qBAKC;IACD,+CA2CC;CACF;AAjVD;;;GAGG;gCA5RmD,0BAA0B;wBAC7C,KAAK"}

package/dist/Input.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-d661ef10.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-519af050.js';
 import { css, nothing, html } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
@@ -32,6 +32,9 @@ var css_248z = css`:host {
   --input-font-regular: var(--leu-font-family-regular);
   --input-font-black: var(--leu-font-family-black);
 
+  --input-height: 4.5rem;
+  --input-height-small: 3rem;
+
   display: block;
   font-family: var(--leu-font-family-regular);
   font-family: var(--input-font-regular);
@@ -97,6 +100,7 @@ var css_248z = css`:host {
   padding-top: 2rem;
 
   padding-bottom: 1rem;
+  height: calc(var(--input-height) - var(--input-border-width) * 2);
 }
 
 .input:focus-visible {
@@ -104,6 +108,7 @@ var css_248z = css`:host {
 }
 
 :host([size="small"]) .input {
+  --input-height: var(--input-height-small);
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
 }

package/dist/{LeuElement-d661ef10.d.ts → LeuElement-519af050.d.ts}

@@ -4,4 +4,4 @@ declare class LeuElement extends LitElement {
 declare function _defineProperty(obj: any, key: any, value: any): any;
 import { LitElement } from 'lit';
 export { LeuElement as L, _defineProperty as _ };
-//# sourceMappingURL=LeuElement-d661ef10.d.ts.map
+//# sourceMappingURL=LeuElement-519af050.d.ts.map

package/dist/LeuElement-519af050.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LeuElement-519af050.d.ts","sourceRoot":"","sources":["LeuElement-519af050.js"],"names":[],"mappings":"AAsCA;IACE,8EAcC;CACF;AApDD,sEAaC;2BAf+B,KAAK"}

package/dist/{LeuElement-d661ef10.js → LeuElement-519af050.js}

@@ -53,7 +53,7 @@ class LeuElement extends LitElement {
     }
   }
 }
-_defineProperty(LeuElement, "version", "0.12.0");
+_defineProperty(LeuElement, "version", "0.12.2");
 _defineProperty(LeuElement, "dependencies", {});
 _defineProperty(LeuElement, "styles", css_248z);
 

package/dist/Menu.d.ts

@@ -25,6 +25,6 @@ export class LeuMenu extends LeuElement {
     updated(changedProperties: any): void;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-d661ef10.js';
+import { L as LeuElement } from './LeuElement-519af050.js';
 import { LeuMenuItem } from './MenuItem.js';
 //# sourceMappingURL=Menu.d.ts.map

package/dist/Menu.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-d661ef10.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-519af050.js';
 import { css, html } from 'lit';
 import { LeuMenuItem } from './MenuItem.js';
 import 'lit/directives/if-defined.js';

package/dist/MenuItem.d.ts

@@ -37,6 +37,6 @@ export class LeuMenuItem extends LeuElement {
     _renderBeforeSlotDefault(): import("lit-html").TemplateResult<1> | typeof nothing;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-d661ef10.js';
+import { L as LeuElement } from './LeuElement-519af050.js';
 import { nothing } from 'lit';
 //# sourceMappingURL=MenuItem.d.ts.map

package/dist/MenuItem.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-d661ef10.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-519af050.js';
 import { css, html, nothing } from 'lit';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { LeuIcon } from './Icon.js';

package/dist/Pagination.d.ts

@@ -30,5 +30,5 @@ export class LeuPagination extends LeuElement {
     _handleKeyDown(event: any): void;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-d661ef10.js';
+import { L as LeuElement } from './LeuElement-519af050.js';
 //# sourceMappingURL=Pagination.d.ts.map

package/dist/Pagination.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-d661ef10.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-519af050.js';
 import { css, html } from 'lit';
 import { live } from 'lit/directives/live.js';
 import { LeuButton } from './Button.js';
@@ -6,7 +6,7 @@ import { LeuVisuallyHidden } from './VisuallyHidden.js';
 import { LeuIcon } from './Icon.js';
 import 'lit/directives/class-map.js';
 import 'lit/directives/if-defined.js';
-import './hasSlotController-bfe693e4.js';
+import './hasSlotController-bf769658.js';
 
 var css_248z = css`:host {
   margin-top: 16px;

package/dist/Popup.d.ts

@@ -32,5 +32,5 @@ export class LeuPopup extends LeuElement {
     handleAnchorChange(): void;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-d661ef10.js';
+import { L as LeuElement } from './LeuElement-519af050.js';
 //# sourceMappingURL=Popup.d.ts.map

package/dist/Popup.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-d661ef10.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-519af050.js';
 import { css, html } from 'lit';
 import { autoUpdate, size, flip, shift, computePosition } from '@floating-ui/dom';
 

package/dist/Radio.d.ts

@@ -10,5 +10,5 @@ export class LeuRadio extends LeuElement {
     handleInput(event: any): void;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-d661ef10.js';
+import { L as LeuElement } from './LeuElement-519af050.js';
 //# sourceMappingURL=Radio.d.ts.map

package/dist/Radio.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-d661ef10.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-519af050.js';
 import { css, html } from 'lit';
 
 var css_248z = css`:host {

package/dist/RadioGroup.d.ts

@@ -16,5 +16,5 @@ export class LeuRadioGroup extends LeuElement {
     initializeIndex(): void;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-d661ef10.js';
+import { L as LeuElement } from './LeuElement-519af050.js';
 //# sourceMappingURL=RadioGroup.d.ts.map

package/dist/RadioGroup.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-d661ef10.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-519af050.js';
 import { css, html } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 

package/dist/Range.d.ts

@@ -56,5 +56,5 @@ export class LeuRange extends LeuElement {
     }): void;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-d661ef10.js';
+import { L as LeuElement } from './LeuElement-519af050.js';
 //# sourceMappingURL=Range.d.ts.map

package/dist/Range.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-d661ef10.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-519af050.js';
 import { css, html } from 'lit';
 
 var css_248z = css`:host {

package/dist/ScrollTop.d.ts

@@ -15,5 +15,5 @@ export class LeuScrollTop extends LeuElement {
     _scrollListener: Function;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-d661ef10.js';
+import { L as LeuElement } from './LeuElement-519af050.js';
 //# sourceMappingURL=ScrollTop.d.ts.map

package/dist/ScrollTop.js

@@ -1,11 +1,11 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-d661ef10.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-519af050.js';
 import { css, html } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import { LeuButton } from './Button.js';
 import { LeuIcon } from './Icon.js';
 import { t as throttle } from './utils-65469421.js';
 import 'lit/directives/if-defined.js';
-import './hasSlotController-bfe693e4.js';
+import './hasSlotController-bf769658.js';
 
 var css_248z = css`.scroll-top {
   overflow: hidden;

package/dist/Select.d.ts

@@ -131,6 +131,6 @@ export class LeuSelect extends LeuElement {
     _renderToggleButton(): import("lit-html").TemplateResult<1>;
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-d661ef10.js';
+import { L as LeuElement } from './LeuElement-519af050.js';
 import { nothing } from 'lit';
 //# sourceMappingURL=Select.d.ts.map

package/dist/Select.js

@@ -1,9 +1,9 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-d661ef10.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-519af050.js';
 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 { H as HasSlotController } from './hasSlotController-bfe693e4.js';
+import { H as HasSlotController } from './hasSlotController-bf769658.js';
 import { LeuButton } from './Button.js';
 import { LeuMenu } from './Menu.js';
 import { LeuMenuItem } from './MenuItem.js';

package/dist/Spinner.d.ts

@@ -5,5 +5,5 @@
 export class LeuSpinner extends LeuElement {
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-d661ef10.js';
+import { L as LeuElement } from './LeuElement-519af050.js';
 //# sourceMappingURL=Spinner.d.ts.map

package/dist/Spinner.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-d661ef10.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-519af050.js';
 import { css, html } from 'lit';
 
 var css_248z = css`@keyframes leu-spinner-rotate {

package/dist/Table.d.ts

@@ -40,5 +40,5 @@ export class LeuTable extends LeuElement {
     get _data(): any[];
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-d661ef10.js';
+import { L as LeuElement } from './LeuElement-519af050.js';
 //# sourceMappingURL=Table.d.ts.map

package/dist/Table.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-d661ef10.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-519af050.js';
 import { css, html, nothing } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import { styleMap } from 'lit/directives/style-map.js';
@@ -8,7 +8,7 @@ import { LeuPagination } from './Pagination.js';
 import 'lit/directives/live.js';
 import './Button.js';
 import 'lit/directives/if-defined.js';
-import './hasSlotController-bfe693e4.js';
+import './hasSlotController-bf769658.js';
 import './VisuallyHidden.js';
 
 var css_248z = css`:host {

package/dist/VisuallyHidden.d.ts

@@ -4,5 +4,5 @@
 export class LeuVisuallyHidden extends LeuElement {
     render(): import("lit-html").TemplateResult<1>;
 }
-import { L as LeuElement } from './LeuElement-d661ef10.js';
+import { L as LeuElement } from './LeuElement-519af050.js';
 //# sourceMappingURL=VisuallyHidden.d.ts.map

package/dist/VisuallyHidden.js

@@ -1,4 +1,4 @@
-import { _ as _defineProperty, L as LeuElement } from './LeuElement-d661ef10.js';
+import { _ as _defineProperty, L as LeuElement } from './LeuElement-519af050.js';
 import { css, html } from 'lit';
 
 var css_248z = css`:host {

package/dist/{hasSlotController-bfe693e4.d.ts → hasSlotController-bf769658.d.ts}

@@ -35,4 +35,4 @@ declare class HasSlotController implements ReactiveController {
     hostConnected(): void;
     hostDisconnected(): void;
 }
-//# sourceMappingURL=hasSlotController-bfe693e4.d.ts.map
+//# sourceMappingURL=hasSlotController-bf769658.d.ts.map

package/dist/{hasSlotController-bfe693e4.d.ts.map → hasSlotController-bf769658.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"hasSlotController-bfe693e4.d.ts","sourceRoot":"","sources":["hasSlotController-bfe693e4.js"],"names":[],"mappings":";;;;iCASa,OAAO,KAAK,EAAE,kBAAkB;AAP7C;;;GAGG;AAEH;;;;GAIG;AACH;IACE,uCAcC;IAHC,UAAgB;IAEhB,eAA0B;IAG5B;;;OAGG;IACH,uBAeC;IAED;;;;OAIG;IACH,qBAEC;IAED;;;OAGG;IACH,gCAEC;IACD,sBAEC;IACD,yBAEC;CACF"}
+{"version":3,"file":"hasSlotController-bf769658.d.ts","sourceRoot":"","sources":["hasSlotController-bf769658.js"],"names":[],"mappings":";;;;iCASa,OAAO,KAAK,EAAE,kBAAkB;AAP7C;;;GAGG;AAEH;;;;GAIG;AACH;IACE,uCAcC;IAHC,UAAgB;IAEhB,eAA0B;IAG5B;;;OAGG;IACH,uBAeC;IAED;;;;OAIG;IACH,qBAEC;IAED;;;OAGG;IACH,gCAEC;IACD,sBAEC;IACD,yBAEC;CACF"}

package/dist/{hasSlotController-bfe693e4.js → hasSlotController-bf769658.js}

@@ -1,4 +1,4 @@
-import { _ as _defineProperty } from './LeuElement-d661ef10.js';
+import { _ as _defineProperty } from './LeuElement-519af050.js';
 
 /**
  * Thanks Shoelace!

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';
-import './LeuElement-d661ef10.js';
+import './LeuElement-519af050.js';
 import 'lit';
 import 'lit/static-html.js';
 import 'lit/directives/ref.js';
@@ -27,7 +27,7 @@ import './utils-65469421.js';
 import './Icon.js';
 import './VisuallyHidden.js';
 import 'lit/directives/if-defined.js';
-import './hasSlotController-bfe693e4.js';
+import './hasSlotController-bf769658.js';
 import './Chip.js';
 import 'lit/directives/live.js';
 import '@floating-ui/dom';

package/dist/leu-accordion.js

@@ -1,5 +1,5 @@
 import { LeuAccordion } from './Accordion.js';
-import './LeuElement-d661ef10.js';
+import './LeuElement-519af050.js';
 import 'lit';
 import 'lit/static-html.js';
 

package/dist/leu-breadcrumb.js

@@ -1,5 +1,5 @@
 import { LeuBreadcrumb } from './Breadcrumb.js';
-import './LeuElement-d661ef10.js';
+import './LeuElement-519af050.js';
 import 'lit';
 import 'lit/directives/ref.js';
 import 'lit/directives/class-map.js';

package/dist/leu-button-group.js

@@ -1,5 +1,5 @@
 import { LeuButtonGroup } from './ButtonGroup.js';
-import './LeuElement-d661ef10.js';
+import './LeuElement-519af050.js';
 import 'lit';
 
 LeuButtonGroup.define("leu-button-group");

package/dist/leu-button.js

@@ -1,10 +1,10 @@
 import { LeuButton } from './Button.js';
-import './LeuElement-d661ef10.js';
+import './LeuElement-519af050.js';
 import 'lit';
 import 'lit/directives/class-map.js';
 import 'lit/directives/if-defined.js';
 import './Icon.js';
-import './hasSlotController-bfe693e4.js';
+import './hasSlotController-bf769658.js';
 
 LeuButton.define("leu-button");
 

package/dist/leu-checkbox-group.js

@@ -1,5 +1,5 @@
 import { LeuCheckboxGroup } from './CheckboxGroup.js';
-import './LeuElement-d661ef10.js';
+import './LeuElement-519af050.js';
 import 'lit';
 import 'lit/directives/class-map.js';
 

package/dist/leu-checkbox.js

@@ -1,5 +1,5 @@
 import { LeuCheckbox } from './Checkbox.js';
-import './LeuElement-d661ef10.js';
+import './LeuElement-519af050.js';
 import 'lit';
 import './Icon.js';
 

package/dist/leu-chip-group.js

@@ -1,5 +1,5 @@
 import { LeuChipGroup } from './ChipGroup.js';
-import './LeuElement-d661ef10.js';
+import './LeuElement-519af050.js';
 import 'lit';
 import 'lit/static-html.js';
 

package/dist/leu-chip-link.js

@@ -1,5 +1,5 @@
 import { LeuChipLink } from './ChipLink.js';
-import './LeuElement-d661ef10.js';
+import './LeuElement-519af050.js';
 import 'lit';
 import './Chip.js';
 

package/dist/leu-chip-removable.js

@@ -1,5 +1,5 @@
 import { LeuChipRemovable } from './ChipRemovable.js';
-import './LeuElement-d661ef10.js';
+import './LeuElement-519af050.js';
 import 'lit';
 import './Chip.js';
 import './Icon.js';

package/dist/leu-chip-selectable.js

@@ -1,5 +1,5 @@
 import { LeuChipSelectable } from './ChipSelectable.js';
-import './LeuElement-d661ef10.js';
+import './LeuElement-519af050.js';
 import 'lit';
 import './Chip.js';
 

package/dist/leu-dialog.js

@@ -1,9 +1,9 @@
 import { LeuDialog } from './Dialog.js';
-import './LeuElement-d661ef10.js';
+import './LeuElement-519af050.js';
 import 'lit';
 import 'lit/directives/ref.js';
 import 'lit/directives/class-map.js';
-import './hasSlotController-bfe693e4.js';
+import './hasSlotController-bf769658.js';
 import './Icon.js';
 
 LeuDialog.define("leu-dialog");

package/dist/leu-dropdown.js

@@ -1,8 +1,8 @@
 import { LeuDropdown } from './Dropdown.js';
-import './LeuElement-d661ef10.js';
+import './LeuElement-519af050.js';
 import 'lit';
 import 'lit/directives/ref.js';
-import './hasSlotController-bfe693e4.js';
+import './hasSlotController-bf769658.js';
 import './Button.js';
 import 'lit/directives/class-map.js';
 import 'lit/directives/if-defined.js';

package/dist/leu-icon.js

@@ -1,5 +1,5 @@
 import { LeuIcon } from './Icon.js';
-import './LeuElement-d661ef10.js';
+import './LeuElement-519af050.js';
 import 'lit';
 
 LeuIcon.define("leu-icon");

package/dist/leu-input.js

@@ -1,5 +1,5 @@
 import { LeuInput } from './Input.js';
-import './LeuElement-d661ef10.js';
+import './LeuElement-519af050.js';
 import 'lit';
 import 'lit/directives/class-map.js';
 import 'lit/directives/if-defined.js';

package/dist/leu-menu-item.js

@@ -1,5 +1,5 @@
 import { LeuMenuItem } from './MenuItem.js';
-import './LeuElement-d661ef10.js';
+import './LeuElement-519af050.js';
 import 'lit';
 import 'lit/directives/if-defined.js';
 import './Icon.js';

package/dist/leu-menu.js

@@ -1,5 +1,5 @@
 import { LeuMenu } from './Menu.js';
-import './LeuElement-d661ef10.js';
+import './LeuElement-519af050.js';
 import 'lit';
 import './MenuItem.js';
 import 'lit/directives/if-defined.js';

package/dist/leu-pagination.js

@@ -1,12 +1,12 @@
 import { LeuPagination } from './Pagination.js';
-import './LeuElement-d661ef10.js';
+import './LeuElement-519af050.js';
 import 'lit';
 import 'lit/directives/live.js';
 import './Button.js';
 import 'lit/directives/class-map.js';
 import 'lit/directives/if-defined.js';
 import './Icon.js';
-import './hasSlotController-bfe693e4.js';
+import './hasSlotController-bf769658.js';
 import './VisuallyHidden.js';
 
 LeuPagination.define("leu-pagination");

package/dist/leu-popup.js

@@ -1,5 +1,5 @@
 import { LeuPopup } from './Popup.js';
-import './LeuElement-d661ef10.js';
+import './LeuElement-519af050.js';
 import 'lit';
 import '@floating-ui/dom';
 

package/dist/leu-radio-group.js

@@ -1,5 +1,5 @@
 import { LeuRadioGroup } from './RadioGroup.js';
-import './LeuElement-d661ef10.js';
+import './LeuElement-519af050.js';
 import 'lit';
 import 'lit/directives/class-map.js';
 

package/dist/leu-radio.js

@@ -1,5 +1,5 @@
 import { LeuRadio } from './Radio.js';
-import './LeuElement-d661ef10.js';
+import './LeuElement-519af050.js';
 import 'lit';
 
 LeuRadio.define("leu-radio");

package/dist/leu-range.js

@@ -1,5 +1,5 @@
 import { LeuRange } from './Range.js';
-import './LeuElement-d661ef10.js';
+import './LeuElement-519af050.js';
 import 'lit';
 
 LeuRange.define("leu-range");

package/dist/leu-scroll-top.js

@@ -1,11 +1,11 @@
 import { LeuScrollTop } from './ScrollTop.js';
-import './LeuElement-d661ef10.js';
+import './LeuElement-519af050.js';
 import 'lit';
 import 'lit/directives/class-map.js';
 import './Button.js';
 import 'lit/directives/if-defined.js';
 import './Icon.js';
-import './hasSlotController-bfe693e4.js';
+import './hasSlotController-bf769658.js';
 import './utils-65469421.js';
 
 LeuScrollTop.define("leu-scroll-top");

package/dist/leu-select.js

@@ -1,10 +1,10 @@
 import { LeuSelect } from './Select.js';
-import './LeuElement-d661ef10.js';
+import './LeuElement-519af050.js';
 import 'lit';
 import 'lit/directives/class-map.js';
 import 'lit/directives/ref.js';
 import 'lit/directives/if-defined.js';
-import './hasSlotController-bfe693e4.js';
+import './hasSlotController-bf769658.js';
 import './Button.js';
 import './Icon.js';
 import './Menu.js';

package/dist/leu-spinner.js

@@ -1,5 +1,5 @@
 import { LeuSpinner } from './Spinner.js';
-import './LeuElement-d661ef10.js';
+import './LeuElement-519af050.js';
 import 'lit';
 
 LeuSpinner.define("leu-spinner");

package/dist/leu-table.js

@@ -1,5 +1,5 @@
 import { LeuTable } from './Table.js';
-import './LeuElement-d661ef10.js';
+import './LeuElement-519af050.js';
 import 'lit';
 import 'lit/directives/class-map.js';
 import 'lit/directives/style-map.js';
@@ -9,7 +9,7 @@ import './Pagination.js';
 import 'lit/directives/live.js';
 import './Button.js';
 import 'lit/directives/if-defined.js';
-import './hasSlotController-bfe693e4.js';
+import './hasSlotController-bf769658.js';
 import './VisuallyHidden.js';
 
 LeuTable.define("leu-table");

package/dist/leu-visually-hidden.js

@@ -1,5 +1,5 @@
 import { LeuVisuallyHidden } from './VisuallyHidden.js';
-import './LeuElement-d661ef10.js';
+import './LeuElement-519af050.js';
 import 'lit';
 
 LeuVisuallyHidden.define("leu-visually-hidden");

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.12.0",
+  "version": "0.12.2",
   "description-markup": "markdown",
   "contributions": {
     "html": {

package/package.json

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

package/src/components/input/input.css

@@ -24,6 +24,9 @@
   --input-font-regular: var(--leu-font-family-regular);
   --input-font-black: var(--leu-font-family-black);
 
+  --input-height: 4.5rem;
+  --input-height-small: 3rem;
+
   display: block;
   font-family: var(--input-font-regular);
 }
@@ -78,6 +81,7 @@
   background: var(--leu-color-black-0);
 
   padding-block: 2rem 1rem;
+  height: calc(var(--input-height) - var(--input-border-width) * 2);
 }
 
 .input:focus-visible {
@@ -85,6 +89,7 @@
 }
 
 :host([size="small"]) .input {
+  --input-height: var(--input-height-small);
   padding-block: 0.75rem;
 }
 

package/dist/LeuElement-d661ef10.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LeuElement-d661ef10.d.ts","sourceRoot":"","sources":["LeuElement-d661ef10.js"],"names":[],"mappings":"AAsCA;IACE,8EAcC;CACF;AApDD,sEAaC;2BAf+B,KAAK"}