@statistikzh/leu 0.13.0 → 0.13.1

package/src/components/button/test/button.test.js

@@ -58,7 +58,7 @@ describe("LeuButton", () => {
     const button = el.shadowRoot.querySelector("button")
 
     expect(button).dom.to.equal(
-      "<button><slot name='before'></slot><span><slot></slot></span><slot name='after'></slot></button>",
+      "<button><div><slot name='before'></slot></div><span><slot></slot></span><div><slot name='after'></slot></div></button>",
       { ignoreAttributes: ["class", "type"] }
     )
   })
@@ -73,7 +73,7 @@ describe("LeuButton", () => {
     const button = el.shadowRoot.querySelector("button")
 
     expect(button).dom.to.equal(
-      "<button aria-expanded='true'><slot name='before'></slot><span><slot></slot></span><slot name='after'></slot><div class='icon-wrapper icon-wrapper--expanded'><leu-icon name='angleDropDown' size='24'></leu-icon></div></button>",
+      "<button aria-expanded='true'><div><slot name='before'></slot></div><span><slot></slot></span><div><slot name='after'></slot></div><div class='icon-expanded'><leu-icon name='angleDropDown' size='24'></leu-icon></div></button>",
       { ignoreAttributes: ["class", "type"] }
     )
 
@@ -82,7 +82,7 @@ describe("LeuButton", () => {
     await elementUpdated(el)
 
     expect(button).dom.to.equal(
-      "<button class='primary regular' aria-expanded='true'><slot name='before'></slot><span><slot></slot></span><slot name='after'></slot></button>",
+      "<button class='primary regular' aria-expanded='true'><div><slot name='before'></slot></div><span><slot></slot></span><div><slot name='after'></slot></div></button>",
       { ignoreAttributes: ["class", "type"] }
     )
   })

package/src/components/chip/chip.css

@@ -55,7 +55,7 @@
   border: none;
   border-radius: 1rem;
   background-color: var(--chip-background-color);
-  padding: 0.5rem 1rem;
+  padding: 8px 1rem;
 
   color: var(--chip-color);
   font-family: inherit;
@@ -66,6 +66,7 @@
 
   display: inline-flex;
   gap: 0.5rem;
+  align-items: center;
 
   /* Allow shrinking to achieve text truncation (ellipsis) */
   min-width: 0;
@@ -108,10 +109,10 @@
 }
 
 :host([size="small"]:not([variant="radio"])) .button {
-  padding: 0.5625rem 0.75rem 0.4375rem;
+  padding: 0.3125rem 0.75rem;
 
   font-size: 0.75rem;
-  line-height: 1;
+  line-height: 1.25rem;
 }
 
 :host([variant="radio"]) .button::before {

package/src/components/chip/stories/chip-selectable.stories.js

@@ -50,7 +50,7 @@ export const Default = Template.bind({})
 Default.args = {}
 
 export const Small = Template.bind({})
-Small.args = { size: SIZES.small }
+Small.args = { size: SIZES.small, label: "Publikationen Region" }
 
 export const Radio = Template.bind({})
 Radio.args = { variant: VARIANTS.radio }

package/src/components/dropdown/dropdown.css

@@ -1,5 +1,6 @@
 :host {
   position: relative;
+  display: contents;
 }
 
 .content {

package/src/components/icon/icon.css

@@ -1,3 +1,7 @@
+:host {
+  display: contents;
+}
+
 svg,
 .placeholder {
   display: block;

package/src/components/popup/popup.css

@@ -3,6 +3,7 @@
   --popup-font-black: var(--leu-font-family-black);
 
   font-family: var(--popup-font-regular);
+  display: contents;
 }
 
 .popup {

package/src/components/select/select.css

@@ -58,7 +58,7 @@
   line-height: 1.5;
   padding: 1.375rem 3rem 1.375rem 1rem;
 
-  background: none;
+  background: var(--leu-color-black-0);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;

package/src/components/select/test/select.test.js

@@ -419,6 +419,7 @@ describe("LeuSelect", () => {
     await elementUpdated(el)
 
     expect(menuItems.every((item) => !item.multipleSelection)).to.be.true
+  })
 
   it("closes the popup when the document is clicked outside the component", async () => {
     const el = await defaultFixture({

package/src/styles/common-styles.css

@@ -3,3 +3,12 @@
   box-sizing: border-box;
   font-feature-settings: var(--leu-t-font-feature-settings);
 }
+
+/**
+ * If a custom element sets the display property to any value
+ * it will not be hidden by the [hidden] attribute.
+ * That's why we need to specify this rule.
+ */
+:host([hidden]) {
+  display: none;
+}

package/web-test-runner.config.mjs

@@ -9,6 +9,7 @@ export default /** @type {import("@web/test-runner").TestRunnerConfig} */ ({
   plugins: wdsPlugins,
   mimeTypes: {
     "src/components/**/*.css": "js",
+    "src/styles/common-styles.css": "js",
   },
 
   /** Resolve bare module imports */

package/dist/LeuElement-874a297c.d.ts.map

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