@statistikzh/leu 0.5.0 → 0.5.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## [0.5.1](https://github.com/statistikZH/leu/compare/v0.5.0...v0.5.1) (2024-05-23)
+
+
+### Bug Fixes
+
+* **button:** truncate the label instead of wrapping it ([4118c0b](https://github.com/statistikZH/leu/commit/4118c0b117532615c5254d6849d8740ef43cb30f))
+* **dropdown:** limit button width to allow the label to be truncated ([4118c0b](https://github.com/statistikZH/leu/commit/4118c0b117532615c5254d6849d8740ef43cb30f))
+
 ## [0.5.0](https://github.com/statistikZH/leu/compare/v0.4.0...v0.5.0) (2024-05-02)
 
 

package/dist/{Button-da11d064.d.ts → Button-5326c982.d.ts}

@@ -81,4 +81,4 @@ declare const BUTTON_EXPANDED_OPTIONS: string[];
 import { LitElement } from 'lit';
 import { nothing } from 'lit';
 export { BUTTON_VARIANTS as B, HasSlotController as H, LeuButton as L, BUTTON_SIZES as a, BUTTON_TYPES as b, BUTTON_EXPANDED_OPTIONS as c };
-//# sourceMappingURL=Button-da11d064.d.ts.map
+//# sourceMappingURL=Button-5326c982.d.ts.map

package/dist/{Button-da11d064.d.ts.map → Button-5326c982.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"Button-da11d064.d.ts","sourceRoot":"","sources":["Button-da11d064.js"],"names":[],"mappings":";;;iCAaa,OAAO,KAAK,EAAE,kBAAkB;AA8U7C,wCAA0D;AArV1D;;;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;AAoSD;;GAEG;AACH;IAQI,WAAiB;IACjB,qBAAqB;IACrB,MADW,MAAM,CACD;IAChB,yFAAyF;IACzF,cADW,CAAC,QAAQ,GAAG,OAAO,CAAC,CACH;IAC5B,qBAAqB;IACrB,MADW,MAAM,CACI;IACrB,qBAAqB;IACrB,SADW,MAAM,CACO;IACxB,4CAA4C;IAC5C,MADW,QAAQ,GAAG,QAAQ,GAAG,OAAO,CACpB;IAEpB,sBAAsB;IACtB,UADW,OAAO,CACG;IACrB,+EAA+E;IAC/E,OADW,OAAO,CACA;IAClB,sBAAsB;IACtB,QADW,OAAO,CACC;IACnB,wDAAwD;IACxD,UADW,OAAO,CACG;IAErB,gGAAgG;IAChG,OADW,OAAO,CACA;IAElB;;;OAGG;IACH,UAFU,CAAC,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC,CAEf;IAE3B,uBAEC;IACD,0EAOC;IACD,yEAOC;IACD,6EAOC;IACD;;;MAaC;IACD,+CA0BC;CACF;AAhID,qCAA0C;AAE1C,qCAAmD;AAEnD,gDAAkD;2BAhWH,KAAK;wBAAL,KAAK"}
+{"version":3,"file":"Button-5326c982.d.ts","sourceRoot":"","sources":["Button-5326c982.js"],"names":[],"mappings":";;;iCAaa,OAAO,KAAK,EAAE,kBAAkB;AA2V7C,wCAA0D;AAlW1D;;;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;AAiTD;;GAEG;AACH;IAQI,WAAiB;IACjB,qBAAqB;IACrB,MADW,MAAM,CACD;IAChB,yFAAyF;IACzF,cADW,CAAC,QAAQ,GAAG,OAAO,CAAC,CACH;IAC5B,qBAAqB;IACrB,MADW,MAAM,CACI;IACrB,qBAAqB;IACrB,SADW,MAAM,CACO;IACxB,4CAA4C;IAC5C,MADW,QAAQ,GAAG,QAAQ,GAAG,OAAO,CACpB;IAEpB,sBAAsB;IACtB,UADW,OAAO,CACG;IACrB,+EAA+E;IAC/E,OADW,OAAO,CACA;IAClB,sBAAsB;IACtB,QADW,OAAO,CACC;IACnB,wDAAwD;IACxD,UADW,OAAO,CACG;IAErB,gGAAgG;IAChG,OADW,OAAO,CACA;IAElB;;;OAGG;IACH,UAFU,CAAC,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC,CAEf;IAE3B,uBAEC;IACD,0EAOC;IACD,yEAOC;IACD,6EAOC;IACD;;;MAaC;IACD,+CA0BC;CACF;AAhID,qCAA0C;AAE1C,qCAAmD;AAEnD,gDAAkD;2BA7WH,KAAK;wBAAL,KAAK"}

package/dist/{Button-da11d064.js → Button-5326c982.js}

@@ -90,12 +90,25 @@ button {
   cursor: pointer;
   border: 1px solid transparent;
   border-radius: 2px;
+
+  max-width: 100%;
   display: flex;
   align-items: center;
   -moz-column-gap: 8px;
        column-gap: 8px;
 }
 
+.label {
+  flex: 1 1 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.icon .label {
+  display: none;
+}
+
 button.round {
   border-radius: 50%;
 }
@@ -470,7 +483,7 @@ class LeuButton extends LitElement {
         type=${this.type}
       >
         ${this.renderIconBefore()}
-        <slot></slot>
+        <span class="label"><slot></slot></span>
         ${this.renderIconAfter()} ${this.renderExpandingIcon()}
       </button>
     `;

package/dist/Button.d.ts

@@ -1,2 +1,2 @@
-export { c as BUTTON_EXPANDED_OPTIONS, a as BUTTON_SIZES, b as BUTTON_TYPES, B as BUTTON_VARIANTS, L as LeuButton } from "./Button-da11d064.js";
+export { c as BUTTON_EXPANDED_OPTIONS, a as BUTTON_SIZES, b as BUTTON_TYPES, B as BUTTON_VARIANTS, L as LeuButton } from "./Button-5326c982.js";
 //# sourceMappingURL=Button.d.ts.map

package/dist/Button.js

@@ -3,4 +3,4 @@ import 'lit';
 import 'lit/directives/class-map.js';
 import 'lit/directives/if-defined.js';
 import './icon-03e86700.js';
-export { c as BUTTON_EXPANDED_OPTIONS, a as BUTTON_SIZES, b as BUTTON_TYPES, B as BUTTON_VARIANTS, L as LeuButton } from './Button-da11d064.js';
+export { c as BUTTON_EXPANDED_OPTIONS, a as BUTTON_SIZES, b as BUTTON_TYPES, B as BUTTON_VARIANTS, L as LeuButton } from './Button-5326c982.js';

package/dist/Dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["Dropdown.js"],"names":[],"mappings":"AAmCA;;GAEG;AACH;IAKQ,kBAAqB;IAMzB,cAAe;IAEf,iBAAmB;IAarB,gCAIC;IACD,0BAIC;IACD,iCAIC;IACD,2BAEC;IACD,+CA0BC;CACF;2BA5GqC,KAAK"}
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["Dropdown.js"],"names":[],"mappings":"AAuCA;;GAEG;AACH;IAKQ,kBAAqB;IAMzB,cAAe;IAEf,iBAAmB;IAarB,gCAIC;IACD,0BAIC;IACD,iCAIC;IACD,2BAEC;IACD,+CA2BC;CACF;2BAjHqC,KAAK"}

package/dist/Dropdown.js

@@ -5,7 +5,7 @@ import './leu-menu.js';
 import './leu-menu-item.js';
 import './leu-popup.js';
 import './defineElement-40372b4b.js';
-import './Button-da11d064.js';
+import './Button-5326c982.js';
 import 'lit/directives/class-map.js';
 import 'lit/directives/if-defined.js';
 import './icon-03e86700.js';
@@ -31,6 +31,10 @@ var css_248z = css`:host,
 
   margin-top: 0.5rem;
 }
+
+.button {
+  max-width: 100%;
+}
 `;
 
 /**
@@ -91,6 +95,7 @@ class LeuDropdown extends LitElement {
         autoSizePadding="8"
       >
         <leu-button
+          class="button"
           slot="anchor"
           icon="download"
           variant="ghost"

package/dist/Pagination.js

@@ -4,7 +4,7 @@ import { live } from 'lit/directives/live.js';
 import './leu-button.js';
 import './leu-visually-hidden.js';
 import './defineElement-40372b4b.js';
-import './Button-da11d064.js';
+import './Button-5326c982.js';
 import 'lit/directives/class-map.js';
 import 'lit/directives/if-defined.js';
 import './icon-03e86700.js';

package/dist/ScrollTop.js

@@ -4,7 +4,7 @@ import { classMap } from 'lit/directives/class-map.js';
 import './leu-button.js';
 import { t as throttle } from './utils-65469421.js';
 import './defineElement-40372b4b.js';
-import './Button-da11d064.js';
+import './Button-5326c982.js';
 import 'lit/directives/if-defined.js';
 import './icon-03e86700.js';
 

package/dist/Select.js

@@ -5,7 +5,7 @@ import { map } from 'lit/directives/map.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { createRef, ref } from 'lit/directives/ref.js';
 import { I as Icon } from './icon-03e86700.js';
-import { H as HasSlotController } from './Button-da11d064.js';
+import { H as HasSlotController } from './Button-5326c982.js';
 import './leu-button.js';
 import './leu-menu.js';
 import './leu-menu-item.js';

package/dist/Table.js

@@ -9,7 +9,7 @@ import './defineElement-40372b4b.js';
 import './Pagination.js';
 import 'lit/directives/live.js';
 import './leu-button.js';
-import './Button-da11d064.js';
+import './Button-5326c982.js';
 import 'lit/directives/if-defined.js';
 import './leu-visually-hidden.js';
 import './VisuallyHidden.js';

package/dist/{index.js.d.ts → index.d.ts}

@@ -16,6 +16,6 @@ export { LeuRadio } from "./Radio.js";
 export { LeuRadioGroup } from "./RadioGroup.js";
 export { LeuSelect } from "./Select.js";
 export { LeuTable } from "./Table.js";
-export { c as BUTTON_EXPANDED_OPTIONS, a as BUTTON_SIZES, b as BUTTON_TYPES, B as BUTTON_VARIANTS, L as LeuButton } from "./Button-da11d064.js";
+export { c as BUTTON_EXPANDED_OPTIONS, a as BUTTON_SIZES, b as BUTTON_TYPES, B as BUTTON_VARIANTS, L as LeuButton } from "./Button-5326c982.js";
 export { LeuInput, SIZE_TYPES } from "./Input.js";
-//# sourceMappingURL=index.js.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.js"],"names":[],"mappings":""}

package/dist/{index.js.js → index.js}

@@ -1,6 +1,6 @@
 export { LeuAccordion } from './Accordion.js';
 export { LeuBreadcrumb } from './Breadcrumb.js';
-export { c as BUTTON_EXPANDED_OPTIONS, a as BUTTON_SIZES, b as BUTTON_TYPES, B as BUTTON_VARIANTS, L as LeuButton } from './Button-da11d064.js';
+export { c as BUTTON_EXPANDED_OPTIONS, a as BUTTON_SIZES, b as BUTTON_TYPES, B as BUTTON_VARIANTS, L as LeuButton } from './Button-5326c982.js';
 export { LeuButtonGroup } from './ButtonGroup.js';
 export { LeuCheckbox } from './Checkbox.js';
 export { LeuCheckboxGroup } from './CheckboxGroup.js';

package/dist/leu-button.d.ts

@@ -1,3 +1,3 @@
 export { LeuButton };
-import { L as LeuButton } from './Button-da11d064.js';
+import { L as LeuButton } from './Button-5326c982.js';
 //# sourceMappingURL=leu-button.d.ts.map

package/dist/leu-button.js

@@ -1,5 +1,5 @@
 import { d as defineElement } from './defineElement-40372b4b.js';
-import { L as LeuButton } from './Button-da11d064.js';
+import { L as LeuButton } from './Button-5326c982.js';
 import './_rollupPluginBabelHelpers-20f659f4.js';
 import 'lit';
 import 'lit/directives/class-map.js';

package/dist/leu-dropdown.js

@@ -3,7 +3,7 @@ import { LeuDropdown } from './Dropdown.js';
 import './_rollupPluginBabelHelpers-20f659f4.js';
 import 'lit';
 import './leu-button.js';
-import './Button-da11d064.js';
+import './Button-5326c982.js';
 import 'lit/directives/class-map.js';
 import 'lit/directives/if-defined.js';
 import './icon-03e86700.js';

package/dist/leu-pagination.js

@@ -4,7 +4,7 @@ import './_rollupPluginBabelHelpers-20f659f4.js';
 import 'lit';
 import 'lit/directives/live.js';
 import './leu-button.js';
-import './Button-da11d064.js';
+import './Button-5326c982.js';
 import 'lit/directives/class-map.js';
 import 'lit/directives/if-defined.js';
 import './icon-03e86700.js';

package/dist/leu-scroll-top.js

@@ -4,7 +4,7 @@ import './_rollupPluginBabelHelpers-20f659f4.js';
 import 'lit';
 import 'lit/directives/class-map.js';
 import './leu-button.js';
-import './Button-da11d064.js';
+import './Button-5326c982.js';
 import 'lit/directives/if-defined.js';
 import './icon-03e86700.js';
 import './utils-65469421.js';

package/dist/leu-select.js

@@ -7,7 +7,7 @@ import 'lit/directives/map.js';
 import 'lit/directives/if-defined.js';
 import 'lit/directives/ref.js';
 import './icon-03e86700.js';
-import './Button-da11d064.js';
+import './Button-5326c982.js';
 import './leu-button.js';
 import './leu-menu.js';
 import './Menu.js';

package/dist/leu-table.js

@@ -10,7 +10,7 @@ import './leu-pagination.js';
 import './Pagination.js';
 import 'lit/directives/live.js';
 import './leu-button.js';
-import './Button-da11d064.js';
+import './Button-5326c982.js';
 import 'lit/directives/if-defined.js';
 import './leu-visually-hidden.js';
 import './VisuallyHidden.js';