@vaadin/vaadin-lumo-styles 25.0.8 → 25.0.10

package/dist/lumo.css

@@ -46,7 +46,7 @@
     --lumo-base-color
   );--vaadin-master-detail-layout-detail-shadow:0 0 0 1px var(--lumo-shade-5pct),var(--lumo-box-shadow-m);--vaadin-master-detail-layout-border-color:var(
     --lumo-contrast-10pct
-  )}@media lumo_components_menu-bar-button{:host{border-radius:0;margin-block:calc(var(--lumo-space-xs)/2);margin-left:0;margin-right:calc(var(--lumo-space-xs)/2)}[part=label]{width:100%}[part=label] ::slotted(vaadin-menu-bar-item){background-color:transparent;height:var(--lumo-button-size);justify-content:center;margin:0 calc(var(--lumo-size-m)/3*-1 + var(--lumo-border-radius-m)/2*-1);padding-left:calc(var(--lumo-size-m)/3 + var(--lumo-border-radius-m)/2);padding-right:calc(var(--lumo-size-m)/3 + var(--lumo-border-radius-m)/2)}:host([theme~=small]) [part=label] ::slotted(vaadin-menu-bar-item){margin:0 calc(var(--lumo-size-s)/3*-1 + var(--lumo-border-radius-m)/2*-1);min-height:var(--lumo-size-s);padding-left:calc(var(--lumo-size-s)/3 + var(--lumo-border-radius-m)/2);padding-right:calc(var(--lumo-size-s)/3 + var(--lumo-border-radius-m)/2)}:host([theme~=tertiary]) [part=label] ::slotted(vaadin-menu-bar-item){margin:0 calc((var(--lumo-button-size)/6)*-1);padding-left:calc(var(--lumo-button-size)/6);padding-right:calc(var(--lumo-button-size)/6)}:host([theme~=tertiary-inline]){margin-bottom:calc(var(--lumo-space-xs)/2);margin-right:calc(var(--lumo-space-xs)/2);margin-top:calc(var(--lumo-space-xs)/2)}:host([theme~=tertiary-inline]) [part=label] ::slotted(vaadin-menu-bar-item){margin:0;padding:0}:host([first-visible]){border-radius:var(--lumo-border-radius-m) 0 0 var(--lumo-border-radius-m);margin-left:calc(var(--lumo-space-xs)/2)}:host([last-visible]),:host([slot=overflow]){border-radius:0 var(--lumo-border-radius-m) var(--lumo-border-radius-m) 0}:host([theme~=tertiary-inline]),:host([theme~=tertiary]){border-radius:var(--lumo-border-radius-m)}:host([slot=overflow]){margin-inline-end:0;min-width:var(--lumo-button-size);padding-left:calc(var(--lumo-button-size)/4);padding-right:calc(var(--lumo-button-size)/4)}:host([slot=overflow]) ::slotted(*){font-size:var(--lumo-font-size-xl)}:host([slot=overflow]) [part=prefix],:host([slot=overflow]) [part=suffix]{margin-left:0;margin-right:0}:host([theme~=dropdown-indicators]:not([slot=overflow]):not([theme~=icon])[aria-haspopup]) [part=suffix]{font-size:var(--lumo-icon-size-s);height:1em;inset-inline-start:.15em;line-height:1;margin-inline-start:0;position:relative;width:1em}:host([theme~=dropdown-indicators]:not([slot=overflow]):not([theme~=icon])[aria-haspopup]) [part=suffix]:after{content:var(--lumo-icons-dropdown);font-family:lumo-icons}:host([theme~=dropdown-indicators]:not([slot=overflow]):not([theme~=icon])[theme~=tertiary][aria-haspopup]) [part=suffix]{inset-inline-start:.05em}:host([theme~=dropdown-indicators]:not([slot=overflow]):not([theme~=icon])[theme~=tertiary-inline][aria-haspopup]) [part=suffix]{inset-inline-start:0}:host([dir=rtl]){border-radius:0;margin-left:calc(var(--lumo-space-xs)/2);margin-right:0}:host([dir=rtl][first-visible]){border-radius:0 var(--lumo-border-radius-m) var(--lumo-border-radius-m) 0;margin-right:calc(var(--lumo-space-xs)/2)}:host([dir=rtl][last-visible]),:host([dir=rtl][slot=overflow]){border-radius:var(--lumo-border-radius-m) 0 0 var(--lumo-border-radius-m)}}@media lumo_components_menu-bar-item{[part=content]{align-items:inherit;display:flex;justify-content:inherit}[part=content] ::slotted(vaadin-icon){height:var(--lumo-icon-size-m);width:var(--lumo-icon-size-m)}[part=content] ::slotted(vaadin-icon[icon^="vaadin:"]){box-sizing:border-box!important;padding:var(--lumo-space-xs)}}@media lumo_components_menu-bar-overlay{:host(:first-of-type){padding-top:var(--lumo-space-xs)}}@media lumo_components_menu-bar{:host{display:block}:host([hidden]){display:none!important}[part=container]{display:flex;flex-wrap:nowrap;overflow:hidden;position:relative;width:100%}:host([has-single-button]) ::slotted(vaadin-menu-bar-button){border-radius:var(--lumo-border-radius-m)}:host([theme~=end-aligned]) ::slotted(vaadin-menu-bar-button[first-visible]),:host([theme~=end-aligned][has-single-button]) ::slotted(vaadin-menu-bar-button){margin-inline-start:auto}}:host,:root{--_lumo-vaadin-menu-bar-inject:1;--_lumo-vaadin-menu-bar-inject-modules:lumo_components_menu-bar;--_lumo-vaadin-menu-bar-overlay-inject:1;--_lumo-vaadin-menu-bar-overlay-inject-modules:lumo_mixins_overlay,lumo_mixins_menu-overlay-core,lumo_mixins_menu-overlay-ext,lumo_components_context-menu-overlay,lumo_components_menu-bar-overlay;--_lumo-vaadin-menu-bar-list-box-inject:1;--_lumo-vaadin-menu-bar-list-box-inject-modules:lumo_components_list-box,lumo_components_context-menu-list-box;--_lumo-vaadin-menu-bar-item-inject:1;--_lumo-vaadin-menu-bar-item-inject-modules:lumo_components_item,lumo_components_context-menu-item,lumo_components_menu-bar-item;--_lumo-vaadin-menu-bar-button-inject:1;--_lumo-vaadin-menu-bar-button-inject-modules:lumo_components_button,lumo_components_menu-bar-button}@media lumo_components_message-input{:host{align-items:flex-start;box-sizing:border-box;display:flex;flex-shrink:0;max-height:50vh;overflow:hidden;padding:var(--lumo-space-s) var(--lumo-space-m)}:host([hidden]){display:none!important}::slotted([slot=button]){flex-shrink:0}::slotted([slot=textarea]){align-self:stretch;flex-grow:1;margin-inline-end:var(--lumo-space-s)}}:host,:root{--_lumo-vaadin-message-input-button-inject:1;--_lumo-vaadin-message-input-button-inject-modules:lumo_components_button}@media lumo_components_text-area{.vaadin-text-area-container{flex:auto}[part=error-message],[part=helper-text],[part=label]{flex:none}::slotted(textarea){appearance:none;background-color:transparent;border:0;border-radius:0;box-shadow:none;color:inherit;flex:auto;font:inherit;font-size:1em;height:100%;line-height:normal;margin:0;min-width:0;outline:none;overflow:hidden;padding:0 .25em;resize:none;width:100%}[part=input-field] ::slotted(textarea){align-self:stretch;line-height:inherit;white-space:pre-wrap;--_lumo-text-field-overflow-mask-image:none}[part=input-field] ::slotted(:not(textarea)){align-self:flex-start}:host([disabled]) ::slotted(textarea){user-select:none}[part=input-field],[part=input-field] ::slotted(textarea){box-sizing:border-box;height:auto;min-height:0}[part=input-field]{flex:auto;line-height:var(--lumo-line-height-s);overflow:auto;padding-bottom:calc((var(--lumo-text-field-size) - 1em*var(--lumo-line-height-s))/2);padding-top:calc((var(--lumo-text-field-size) - 1em*var(--lumo-line-height-s))/2);transition:background-color .1s}:host(:not([readonly])) [part=input-field]:after{display:none}:host([readonly]) [part=input-field]{border:var(--vaadin-input-field-readonly-border,1px dashed var(--lumo-contrast-30pct))}:host([readonly]) [part=input-field]:after{border:none}:host(:hover:not([readonly]):not([focused]):not([invalid])) [part=input-field]{background-color:var(--lumo-contrast-20pct)}@media (pointer:coarse){:host(:hover:not([readonly]):not([focused]):not([invalid])) [part=input-field]{background-color:var(--lumo-contrast-10pct)}:host(:active:not([readonly]):not([focused])) [part=input-field]{background-color:var(--lumo-contrast-20pct)}}[part=input-field] ::slotted([slot$=fix]),[part~=clear-button]{align-self:flex-start;position:sticky;top:0}[part=input-field] ::slotted(vaadin-icon[slot$=fix]),[part~=clear-button]{margin-bottom:calc((var(--lumo-icon-size-m) - 1em*var(--lumo-line-height-s))/-2);margin-top:calc((var(--lumo-icon-size-m) - 1em*var(--lumo-line-height-s))/-2);top:calc((var(--lumo-icon-size-m) - 1em*var(--lumo-line-height-s))/-2)}}:host,:root{--_lumo-vaadin-text-area-inject:1;--_lumo-vaadin-text-area-inject-modules:lumo_mixins_field-label,lumo_mixins_field-required,lumo_mixins_field-error-message,lumo_mixins_field-button,lumo_mixins_field-helper,lumo_mixins_field-base,lumo_components_text-area}:host,:root{--_lumo-vaadin-message-input-inject:1;--_lumo-vaadin-message-input-inject-modules:lumo_components_message-input}@media lumo_components_message{:host{color:var(--lumo-body-text-color);font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-m);gap:var(--vaadin-message-gap,0);line-height:var(--lumo-line-height-m);padding:var(--vaadin-message-padding,var(--lumo-space-s) var(--lumo-space-m));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;--_focus-ring-color:var(--vaadin-focus-ring-color,var(--lumo-primary-color-50pct));--_focus-ring-width:var(--vaadin-focus-ring-width,2px)}:host(:is(:focus-visible,[focus-ring])){outline:none}[part=header]{min-height:calc(var(--lumo-font-size-m)*var(--lumo-line-height-m))}[part=name]{color:var(--vaadin-message-name-color,inherit);margin-inline-end:var(--lumo-space-s)}[part=name]:empty{margin-inline-end:0}[part=message]{color:var(--vaadin-message-text-color,inherit)}[part=time]{color:var(--vaadin-message-time-color,var(--lumo-secondary-text-color));font-size:var(--vaadin-message-time-font-size,var(--lumo-font-size-s))}::slotted([slot=avatar]){--vaadin-avatar-outline-width:0;--vaadin-avatar-size:var(--lumo-size-m);margin-top:calc(var(--lumo-space-s));margin-inline-end:calc(var(--lumo-space-m))}:host([focus-ring]){box-shadow:inset 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color)}}:host,:root{--_lumo-vaadin-message-inject:1;--_lumo-vaadin-message-inject-modules:lumo_components_message}@media lumo_components_multi-select-combo-box-chip{:host{align-items:center;align-self:center;background-color:var(--lumo-contrast-20pct);border-radius:var(--lumo-border-radius-s);box-sizing:border-box;color:var(--lumo-body-text-color);cursor:var(--lumo-clickable-cursor);display:inline-flex;font-size:var(--lumo-font-size-xxs);line-height:1;white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(:is([readonly],[disabled],[slot=overflow])) [part=remove-button],:host([hidden]){display:none!important}:host([disabled]){background-color:var(--lumo-contrast-10pct)}:host([focused]) [part=remove-button]{color:inherit}:host([slot=overflow]){margin-inline-start:var(--lumo-space-s);min-width:var(--lumo-size-xxs);position:relative}:host([slot=overflow]):after,:host([slot=overflow]):before{border-left:calc(var(--lumo-space-s)/4) solid var(--lumo-contrast-30pct);border-radius:var(--lumo-border-radius-s);content:"";height:100%;position:absolute;width:100%}:host([slot=overflow]):before{left:calc(var(--lumo-space-s)*-1/2)}:host([slot=overflow]):after{left:calc(var(--lumo-space-s)*-1)}:host([count="2"]){margin-inline-start:calc(var(--lumo-space-s)/2)}:host([count="2"]):after{display:none}:host([count="1"]){margin-inline-start:0}:host([count="1"]):after,:host([count="1"]):before{display:none}[part=label]{font-weight:500;line-height:1.25;overflow:hidden;text-overflow:ellipsis}[part=remove-button]{align-items:center;display:flex;font-size:1.5em;height:1.25em;justify-content:center;margin-bottom:-.3125em;margin-top:-.3125em;margin-inline-start:auto;transition:none;width:1.25em}[part=remove-button]:before{content:var(--lumo-icons-cross)}:host([disabled]) [part=label]{color:var(--lumo-disabled-text-color);-webkit-text-fill-color:var(--lumo-disabled-text-color);pointer-events:none}@media (forced-colors:active){:host{outline:1px solid;outline-offset:-1px}}}@media lumo_components_multi-select-combo-box-container{#wrapper{display:flex;min-width:0;width:100%}:host([auto-expand-vertically]){padding-block:var(--lumo-space-xs)}:host([auto-expand-vertically]) #wrapper{flex-wrap:wrap}}@media lumo_components_multi-select-combo-box-item{@media (any-hover:hover){:host(:hover[readonly]){background-color:transparent;cursor:default}}}@media lumo_components_multi-select-combo-box-overlay{:host{--_vaadin-multi-select-combo-box-items-container-border-width:var(--lumo-space-xs);--_vaadin-multi-select-combo-box-items-container-border-style:solid}#overlay{width:var(
+  )}@media lumo_components_menu-bar-button{:host{border-radius:0;margin-block:calc(var(--lumo-space-xs)/2);margin-left:0;margin-right:calc(var(--lumo-space-xs)/2)}[part=label]{width:100%}[part=label] ::slotted(vaadin-menu-bar-item){background-color:transparent;height:var(--lumo-button-size);justify-content:center;margin:0 calc(var(--lumo-size-m)/3*-1 + var(--lumo-border-radius-m)/2*-1);padding-left:calc(var(--lumo-size-m)/3 + var(--lumo-border-radius-m)/2);padding-right:calc(var(--lumo-size-m)/3 + var(--lumo-border-radius-m)/2)}:host([theme~=small]) [part=label] ::slotted(vaadin-menu-bar-item){margin:0 calc(var(--lumo-size-s)/3*-1 + var(--lumo-border-radius-m)/2*-1);min-height:var(--lumo-size-s);padding-left:calc(var(--lumo-size-s)/3 + var(--lumo-border-radius-m)/2);padding-right:calc(var(--lumo-size-s)/3 + var(--lumo-border-radius-m)/2)}:host([theme~=tertiary]) [part=label] ::slotted(vaadin-menu-bar-item){margin:0 calc((var(--lumo-button-size)/6)*-1);padding-left:calc(var(--lumo-button-size)/6);padding-right:calc(var(--lumo-button-size)/6)}:host([theme~=tertiary-inline]){margin-bottom:calc(var(--lumo-space-xs)/2);margin-right:calc(var(--lumo-space-xs)/2);margin-top:calc(var(--lumo-space-xs)/2)}:host([theme~=tertiary-inline]) [part=label] ::slotted(vaadin-menu-bar-item){margin:0;padding:0}:host([first-visible]){border-radius:var(--lumo-border-radius-m) 0 0 var(--lumo-border-radius-m);margin-left:calc(var(--lumo-space-xs)/2)}:host([last-visible]),:host([slot=overflow]){border-radius:0 var(--lumo-border-radius-m) var(--lumo-border-radius-m) 0}:host([theme~=tertiary-inline]),:host([theme~=tertiary]){border-radius:var(--lumo-border-radius-m)}:host([slot=overflow]){margin-inline-end:0;min-width:var(--lumo-button-size);padding-left:calc(var(--lumo-button-size)/4);padding-right:calc(var(--lumo-button-size)/4)}:host([slot=overflow]) ::slotted(*){font-size:var(--lumo-font-size-xl)}:host([slot=overflow]) [part=prefix],:host([slot=overflow]) [part=suffix]{margin-left:0;margin-right:0}:host([theme~=dropdown-indicators]:not([slot=overflow]):not([theme~=icon])[aria-haspopup]) [part=suffix]{font-size:var(--lumo-icon-size-s);height:1em;inset-inline-start:.15em;line-height:1;margin-inline-start:0;position:relative;width:1em}:host([theme~=dropdown-indicators]:not([slot=overflow]):not([theme~=icon])[aria-haspopup]) [part=suffix]:after{content:var(--lumo-icons-dropdown);font-family:lumo-icons}:host([theme~=dropdown-indicators]:not([slot=overflow]):not([theme~=icon])[theme~=tertiary][aria-haspopup]) [part=suffix]{inset-inline-start:.05em}:host([theme~=dropdown-indicators]:not([slot=overflow]):not([theme~=icon])[theme~=tertiary-inline][aria-haspopup]) [part=suffix]{inset-inline-start:0}:host([dir=rtl]){border-radius:0;margin-left:calc(var(--lumo-space-xs)/2);margin-right:0}:host([dir=rtl][first-visible]){border-radius:0 var(--lumo-border-radius-m) var(--lumo-border-radius-m) 0;margin-right:calc(var(--lumo-space-xs)/2)}:host([dir=rtl][last-visible]),:host([dir=rtl][slot=overflow]){border-radius:var(--lumo-border-radius-m) 0 0 var(--lumo-border-radius-m)}}@media lumo_components_menu-bar-item{[part=content]{align-items:inherit;display:flex;justify-content:inherit}[part=content] ::slotted(vaadin-icon){height:var(--lumo-icon-size-m);width:var(--lumo-icon-size-m)}[part=content] ::slotted(vaadin-icon[icon^="vaadin:"]){box-sizing:border-box!important;padding:var(--lumo-space-xs)}}@media lumo_components_menu-bar-overlay{:host(:first-of-type){padding-top:var(--lumo-space-xs)}}@media lumo_components_menu-bar{:host{display:block;min-width:0}:host([hidden]){display:none!important}[part=container]{display:flex;flex-wrap:nowrap;overflow:hidden;position:relative;width:100%}:host([has-single-button]) ::slotted(vaadin-menu-bar-button){border-radius:var(--lumo-border-radius-m)}:host([theme~=end-aligned]) ::slotted(vaadin-menu-bar-button[first-visible]),:host([theme~=end-aligned][has-single-button]) ::slotted(vaadin-menu-bar-button){margin-inline-start:auto}}:host,:root{--_lumo-vaadin-menu-bar-inject:1;--_lumo-vaadin-menu-bar-inject-modules:lumo_components_menu-bar;--_lumo-vaadin-menu-bar-overlay-inject:1;--_lumo-vaadin-menu-bar-overlay-inject-modules:lumo_mixins_overlay,lumo_mixins_menu-overlay-core,lumo_mixins_menu-overlay-ext,lumo_components_context-menu-overlay,lumo_components_menu-bar-overlay;--_lumo-vaadin-menu-bar-list-box-inject:1;--_lumo-vaadin-menu-bar-list-box-inject-modules:lumo_components_list-box,lumo_components_context-menu-list-box;--_lumo-vaadin-menu-bar-item-inject:1;--_lumo-vaadin-menu-bar-item-inject-modules:lumo_components_item,lumo_components_context-menu-item,lumo_components_menu-bar-item;--_lumo-vaadin-menu-bar-button-inject:1;--_lumo-vaadin-menu-bar-button-inject-modules:lumo_components_button,lumo_components_menu-bar-button}@media lumo_components_message-input{:host{align-items:flex-start;box-sizing:border-box;display:flex;flex-shrink:0;max-height:50vh;overflow:hidden;padding:var(--lumo-space-s) var(--lumo-space-m)}:host([hidden]){display:none!important}::slotted([slot=button]){flex-shrink:0}::slotted([slot=textarea]){align-self:stretch;flex-grow:1;margin-inline-end:var(--lumo-space-s)}}:host,:root{--_lumo-vaadin-message-input-button-inject:1;--_lumo-vaadin-message-input-button-inject-modules:lumo_components_button}@media lumo_components_text-area{.vaadin-text-area-container{flex:auto}[part=error-message],[part=helper-text],[part=label]{flex:none}::slotted(textarea){appearance:none;background-color:transparent;border:0;border-radius:0;box-shadow:none;color:inherit;flex:auto;font:inherit;font-size:1em;height:100%;line-height:normal;margin:0;min-width:0;outline:none;overflow:hidden;padding:0 .25em;resize:none;width:100%}[part=input-field] ::slotted(textarea){align-self:stretch;line-height:inherit;white-space:pre-wrap;--_lumo-text-field-overflow-mask-image:none}[part=input-field] ::slotted(:not(textarea)){align-self:flex-start}:host([disabled]) ::slotted(textarea){user-select:none}[part=input-field],[part=input-field] ::slotted(textarea){box-sizing:border-box;height:auto;min-height:0}[part=input-field]{flex:auto;line-height:var(--lumo-line-height-s);overflow:auto;padding-bottom:calc((var(--lumo-text-field-size) - 1em*var(--lumo-line-height-s))/2);padding-top:calc((var(--lumo-text-field-size) - 1em*var(--lumo-line-height-s))/2);transition:background-color .1s}:host(:not([readonly])) [part=input-field]:after{display:none}:host([readonly]) [part=input-field]{border:var(--vaadin-input-field-readonly-border,1px dashed var(--lumo-contrast-30pct))}:host([readonly]) [part=input-field]:after{border:none}:host(:hover:not([readonly]):not([focused]):not([invalid])) [part=input-field]{background-color:var(--lumo-contrast-20pct)}@media (pointer:coarse){:host(:hover:not([readonly]):not([focused]):not([invalid])) [part=input-field]{background-color:var(--lumo-contrast-10pct)}:host(:active:not([readonly]):not([focused])) [part=input-field]{background-color:var(--lumo-contrast-20pct)}}[part=input-field] ::slotted([slot$=fix]),[part~=clear-button]{align-self:flex-start;position:sticky;top:0}[part=input-field] ::slotted(vaadin-icon[slot$=fix]),[part~=clear-button]{margin-bottom:calc((var(--lumo-icon-size-m) - 1em*var(--lumo-line-height-s))/-2);margin-top:calc((var(--lumo-icon-size-m) - 1em*var(--lumo-line-height-s))/-2);top:calc((var(--lumo-icon-size-m) - 1em*var(--lumo-line-height-s))/-2)}}:host,:root{--_lumo-vaadin-text-area-inject:1;--_lumo-vaadin-text-area-inject-modules:lumo_mixins_field-label,lumo_mixins_field-required,lumo_mixins_field-error-message,lumo_mixins_field-button,lumo_mixins_field-helper,lumo_mixins_field-base,lumo_components_text-area}:host,:root{--_lumo-vaadin-message-input-inject:1;--_lumo-vaadin-message-input-inject-modules:lumo_components_message-input}@media lumo_components_message{:host{color:var(--lumo-body-text-color);font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-m);gap:var(--vaadin-message-gap,0);line-height:var(--lumo-line-height-m);padding:var(--vaadin-message-padding,var(--lumo-space-s) var(--lumo-space-m));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;--_focus-ring-color:var(--vaadin-focus-ring-color,var(--lumo-primary-color-50pct));--_focus-ring-width:var(--vaadin-focus-ring-width,2px)}:host(:is(:focus-visible,[focus-ring])){outline:none}[part=header]{min-height:calc(var(--lumo-font-size-m)*var(--lumo-line-height-m))}[part=name]{color:var(--vaadin-message-name-color,inherit);margin-inline-end:var(--lumo-space-s)}[part=name]:empty{margin-inline-end:0}[part=message]{color:var(--vaadin-message-text-color,inherit)}[part=time]{color:var(--vaadin-message-time-color,var(--lumo-secondary-text-color));font-size:var(--vaadin-message-time-font-size,var(--lumo-font-size-s))}::slotted([slot=avatar]){--vaadin-avatar-outline-width:0;--vaadin-avatar-size:var(--lumo-size-m);margin-top:calc(var(--lumo-space-s));margin-inline-end:calc(var(--lumo-space-m))}:host([focus-ring]){box-shadow:inset 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color)}}:host,:root{--_lumo-vaadin-message-inject:1;--_lumo-vaadin-message-inject-modules:lumo_components_message}@media lumo_components_multi-select-combo-box-chip{:host{align-items:center;align-self:center;background-color:var(--lumo-contrast-20pct);border-radius:var(--lumo-border-radius-s);box-sizing:border-box;color:var(--lumo-body-text-color);cursor:var(--lumo-clickable-cursor);display:inline-flex;font-size:var(--lumo-font-size-xxs);line-height:1;white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host(:is([readonly],[disabled],[slot=overflow])) [part=remove-button],:host([hidden]){display:none!important}:host([disabled]){background-color:var(--lumo-contrast-10pct)}:host([focused]) [part=remove-button]{color:inherit}:host([slot=overflow]){margin-inline-start:var(--lumo-space-s);min-width:var(--lumo-size-xxs);position:relative}:host([slot=overflow]):after,:host([slot=overflow]):before{border-left:calc(var(--lumo-space-s)/4) solid var(--lumo-contrast-30pct);border-radius:var(--lumo-border-radius-s);content:"";height:100%;position:absolute;width:100%}:host([slot=overflow]):before{left:calc(var(--lumo-space-s)*-1/2)}:host([slot=overflow]):after{left:calc(var(--lumo-space-s)*-1)}:host([count="2"]){margin-inline-start:calc(var(--lumo-space-s)/2)}:host([count="2"]):after{display:none}:host([count="1"]){margin-inline-start:0}:host([count="1"]):after,:host([count="1"]):before{display:none}[part=label]{font-weight:500;line-height:1.25;overflow:hidden;text-overflow:ellipsis}[part=remove-button]{align-items:center;display:flex;font-size:1.5em;height:1.25em;justify-content:center;margin-bottom:-.3125em;margin-top:-.3125em;margin-inline-start:auto;transition:none;width:1.25em}[part=remove-button]:before{content:var(--lumo-icons-cross)}:host([disabled]) [part=label]{color:var(--lumo-disabled-text-color);-webkit-text-fill-color:var(--lumo-disabled-text-color);pointer-events:none}@media (forced-colors:active){:host{outline:1px solid;outline-offset:-1px}}}@media lumo_components_multi-select-combo-box-container{#wrapper{display:flex;min-width:0;width:100%}:host([auto-expand-vertically]){padding-block:var(--lumo-space-xs)}:host([auto-expand-vertically]) #wrapper{flex-wrap:wrap}}@media lumo_components_multi-select-combo-box-item{@media (any-hover:hover){:host(:hover[readonly]){background-color:transparent;cursor:default}}}@media lumo_components_multi-select-combo-box-overlay{:host{--_vaadin-multi-select-combo-box-items-container-border-width:var(--lumo-space-xs);--_vaadin-multi-select-combo-box-items-container-border-style:solid}#overlay{width:var(
       --vaadin-multi-select-combo-box-overlay-width,var(--_vaadin-multi-select-combo-box-overlay-default-width,auto)
     )}}@media lumo_components_multi-select-combo-box{:host{max-width:100%;--input-min-width:var(--vaadin-multi-select-combo-box-input-min-width,4em);--_chip-min-width:var(--vaadin-multi-select-combo-box-chip-min-width,50px);--_wrapper-gap:0}:host([opened]){pointer-events:auto}#chips{align-items:center;display:flex}::slotted(input){box-sizing:border-box;flex:1 0 var(--input-min-width)}::slotted([slot=chip]),::slotted([slot=overflow]){flex:0 1 auto}::slotted([slot=chip]){overflow:hidden}:host(:is([readonly],[disabled])) ::slotted(input){flex-basis:0;flex-grow:0;padding:0}:host([auto-expand-vertically]) #chips{display:contents}:host([auto-expand-horizontally]) [class$=container]{width:auto}:host([has-value]){padding-inline-start:0}:host([has-value]) ::slotted(input:placeholder-shown){caret-color:var(--lumo-body-text-color)!important}[part=label]{flex-shrink:0}[part=input-field] ::slotted([slot=chip]),[part=input-field] ::slotted([slot=overflow]){color:var(--lumo-body-text-color);mask-image:none;min-height:auto;padding:.3125em calc(.5em + var(--lumo-border-radius-s)/4)}:host([auto-expand-vertically]) ::slotted([slot=chip]){margin-block:calc(var(--lumo-space-xs)/2)}::slotted([slot=chip]:not([readonly]):not([disabled])){padding-inline-end:0}:host([auto-expand-vertically]) ::slotted([slot=input]){min-height:calc(var(--lumo-text-field-size, var(--lumo-size-m)) - var(--lumo-space-xs)*2)}::slotted([slot=chip]:not(:last-of-type)),::slotted([slot=overflow]:not(:last-of-type)){margin-inline-end:var(--lumo-space-xs)}::slotted([slot=chip][focused]){background-color:var(--vaadin-selection-color,var(--lumo-primary-color));color:var(--lumo-primary-contrast-color)}[part~=toggle-button]:before{content:var(--lumo-icons-dropdown)}:host([readonly][has-value]) [part~=toggle-button]{color:var(--lumo-contrast-60pct);cursor:var(--lumo-clickable-cursor)}}:host,:root{--_lumo-vaadin-multi-select-combo-box-container-inject:1;--_lumo-vaadin-multi-select-combo-box-container-inject-modules:lumo_components_input-container,lumo_components_multi-select-combo-box-container;--_lumo-vaadin-multi-select-combo-box-overlay-inject:1;--_lumo-vaadin-multi-select-combo-box-overlay-inject-modules:lumo_mixins_loader,lumo_mixins_combo-box-loader,lumo_mixins_overlay,lumo_mixins_menu-overlay-core,lumo_mixins_combo-box-overlay,lumo_components_multi-select-combo-box-overlay;--_lumo-vaadin-multi-select-combo-box-chip-inject:1;--_lumo-vaadin-multi-select-combo-box-chip-inject-modules:lumo_mixins_field-button,lumo_components_multi-select-combo-box-chip;--_lumo-vaadin-multi-select-combo-box-item-inject:1;--_lumo-vaadin-multi-select-combo-box-item-inject-modules:lumo_components_item,lumo_components_combo-box-item,lumo_components_multi-select-combo-box-item;--_lumo-vaadin-multi-select-combo-box-inject:1;--_lumo-vaadin-multi-select-combo-box-inject-modules:lumo_mixins_field-label,lumo_mixins_field-required,lumo_mixins_field-error-message,lumo_mixins_field-button,lumo_mixins_field-helper,lumo_mixins_field-base,lumo_components_multi-select-combo-box}@media lumo_components_notification-card{:host{display:block;margin:var(--lumo-space-s);position:relative}[part=overlay]{background:var(--lumo-base-color) linear-gradient(var(--lumo-contrast-5pct),var(--lumo-contrast-5pct));border-radius:var(--lumo-border-radius-l);box-shadow:0 0 0 1px var(--lumo-contrast-10pct),var(--lumo-box-shadow-l);font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-m);font-weight:400;letter-spacing:0;line-height:var(--lumo-line-height-s);pointer-events:auto;text-transform:none;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[part=content]{align-items:center;display:flex;justify-content:space-between;padding:var(--lumo-space-wide-l)}[part=content] ::slotted(vaadin-button){flex:none;margin:0 calc(var(--lumo-space-s)*-1) 0 var(--lumo-space-m)}:host([slot^=middle]){margin:var(--lumo-space-s) auto;max-width:80vw}:host([slot$=stretch]){margin:0}:host([slot$=stretch]) [part=overlay]{border-radius:0}@media (min-width:421px){:host(:not([slot$=stretch])){display:flex}:host([slot$=end]){justify-content:flex-end}:host([slot$=center]),:host([slot^=middle]){display:flex;justify-content:center}}@keyframes lumo-notification-exit-fade-out{to{opacity:0}}@keyframes lumo-notification-enter-fade-in{0%{opacity:0}}@keyframes lumo-notification-enter-slide-down{0%{opacity:0;transform:translateY(-200%)}}@keyframes lumo-notification-exit-slide-up{to{opacity:0;transform:translateY(-200%)}}@keyframes lumo-notification-enter-slide-up{0%{opacity:0;transform:translateY(200%)}}@keyframes lumo-notification-exit-slide-down{to{opacity:0;transform:translateY(200%)}}:host([slot=middle][opening]){animation:lumo-notification-enter-fade-in .3s}:host([slot=middle][closing]){animation:lumo-notification-exit-fade-out .3s}:host([slot^=top][opening]){animation:lumo-notification-enter-slide-down .3s}:host([slot^=top][closing]){animation:lumo-notification-exit-slide-up .3s}:host([slot^=bottom][opening]){animation:lumo-notification-enter-slide-up .3s}:host([slot^=bottom][closing]){animation:lumo-notification-exit-slide-down .3s}:host([theme=success]){--_focus-ring-gap-color:var(--lumo-success-color);--vaadin-focus-ring-color:var(--lumo-success-contrast-color)}:host([theme=warning]){--_focus-ring-gap-color:var(--lumo-warning-color);--vaadin-focus-ring-color:var(--lumo-warning-contrast-color)}:host([theme=error]){--_focus-ring-gap-color:var(--lumo-error-color);--vaadin-focus-ring-color:var(--lumo-error-contrast-color)}:host([theme=primary]){--_focus-ring-gap-color:var(--lumo-primary-color);--vaadin-focus-ring-color:var(--lumo-primary-contrast-color)}:host([theme~=primary]) [part=overlay]{background:var(--lumo-primary-color);box-shadow:var(--lumo-box-shadow-l);color:var(--lumo-primary-contrast-color)}:host([theme~=primary]){--vaadin-button-background:var(--lumo-shade-20pct);--vaadin-button-text-color:var(--lumo-primary-contrast-color);--vaadin-button-primary-background:var(--lumo-primary-contrast-color);--vaadin-button-primary-text-color:var(--lumo-primary-text-color)}:host([theme~=contrast]) [part=overlay]{background:var(--lumo-contrast);box-shadow:var(--lumo-box-shadow-l);color:var(--lumo-base-color)}:host([theme~=contrast]){--vaadin-button-background:var(--lumo-contrast-20pct);--vaadin-button-text-color:var(--lumo-base-color);--vaadin-button-primary-background:var(--lumo-base-color);--vaadin-button-primary-text-color:var(--lumo-contrast)}:host([theme~=success]) [part=overlay]{background:var(--lumo-success-color);box-shadow:var(--lumo-box-shadow-l);color:var(--lumo-success-contrast-color)}:host([theme~=success]){--vaadin-button-background:var(--lumo-shade-20pct);--vaadin-button-text-color:var(--lumo-success-contrast-color);--vaadin-button-primary-background:var(--lumo-success-contrast-color);--vaadin-button-primary-text-color:var(--lumo-success-text-color)}:host([theme~=error]) [part=overlay]{background:var(--lumo-error-color);box-shadow:var(--lumo-box-shadow-l);color:var(--lumo-error-contrast-color)}:host([theme~=error]){--vaadin-button-background:var(--lumo-shade-20pct);--vaadin-button-text-color:var(--lumo-error-contrast-color);--vaadin-button-primary-background:var(--lumo-error-contrast-color);--vaadin-button-primary-text-color:var(--lumo-error-text-color)}:host([theme~=warning]) [part=overlay]{background:var(--lumo-warning-color);box-shadow:inset 0 0 0 1px var(--lumo-contrast-20pct),var(--lumo-box-shadow-l);color:var(--lumo-warning-contrast-color)}:host([theme~=warning]){--vaadin-button-background:var(--lumo-shade-20pct);--vaadin-button-text-color:var(--lumo-warning-contrast-color);--vaadin-button-primary-background:var(--lumo-shade-50pct);--vaadin-button-primary-text-color:var(--lumo-primary-contrast-color)}@media (forced-colors:active){[part=overlay]{outline:3px solid}}}@media lumo_components_notification-container{:host{align-items:stretch;background-color:transparent;border:none;box-sizing:border-box;display:flex;flex-direction:column;height:auto;inset:0;overflow:visible;padding:0;pointer-events:none;position:fixed;width:auto}[region-group]{display:flex;flex:1 1 0%}[region-group=top]{align-items:flex-start}[region-group=bottom]{align-items:flex-end}[region-group]>[region]{flex:1 1 0%}@media (max-width:420px){[region-group]{align-items:stretch;flex-direction:column}[region-group=top]{justify-content:flex-start}[region-group=bottom]{justify-content:flex-end}[region-group]>[region]{flex:initial}}}:host,:root{--_lumo-vaadin-notification-container-inject:1;--_lumo-vaadin-notification-container-inject-modules:lumo_components_notification-container;--_lumo-vaadin-notification-card-inject:1;--_lumo-vaadin-notification-card-inject-modules:lumo_components_notification-card}:host,:root{--_lumo-vaadin-number-field-inject:1;--_lumo-vaadin-number-field-inject-modules:lumo_mixins_field-label,lumo_mixins_field-required,lumo_mixins_field-error-message,lumo_mixins_field-button,lumo_mixins_field-helper,lumo_mixins_field-base,lumo_components_number-field}:host,:root{--_lumo-vaadin-overlay-inject:1;--_lumo-vaadin-overlay-inject-modules:lumo_mixins_overlay}@media lumo_components_popover-overlay{:host{--_arrow-size:var(--vaadin-popover-arrow-size,0.75rem);--_default-offset:var(--lumo-space-xs)}[part=overlay]{border:none;overflow:visible}[part=content]{padding:var(--lumo-space-xs) var(--lumo-space-s)}}:host,:root{--_lumo-vaadin-popover-overlay-inject:1;--_lumo-vaadin-popover-overlay-inject-modules:lumo_mixins_overlay,lumo_components_popover-overlay}@media lumo_components_progress-bar{:host{display:block;height:calc(var(--lumo-size-l)/10);margin:var(--lumo-space-s) 0;width:100%}:host([hidden]){display:none!important}[part=bar]{background-color:var(--lumo-contrast-10pct)}[part=bar],[part=value]{border-radius:var(--lumo-border-radius-m);height:100%}[part=value]{background-color:var(--lumo-primary-color);transform:none;transform-origin:0 50%;transition:width .1s linear;width:calc(var(--vaadin-progress-value)*100%);will-change:width}:host([dir=rtl]) [part=value]{transform-origin:100% 50%}@media (forced-colors:active){[part=bar]{outline:1px solid}[part=value]{background-color:AccentColor!important;forced-color-adjust:none}}:host([indeterminate]) [part=value]{--lumo-progress-indeterminate-progress-bar-background:linear-gradient(to right,var(--lumo-primary-color-10pct) 10%,var(--lumo-primary-color));--lumo-progress-indeterminate-progress-bar-background-reverse:linear-gradient(to left,var(--lumo-primary-color-10pct) 10%,var(--lumo-primary-color));animation:vaadin-progress-indeterminate 1.6s cubic-bezier(.645,.045,.355,1) infinite;background-color:transparent!important;background-image:var(--lumo-progress-indeterminate-progress-bar-background);opacity:.75;width:100%;will-change:transform}@keyframes vaadin-progress-indeterminate{0%{transform:scaleX(.015);transform-origin:0 0}25%{transform:scaleX(.4)}50%{background-image:var(--lumo-progress-indeterminate-progress-bar-background);transform:scaleX(.015);transform-origin:100% 0}50.1%{background-image:var(--lumo-progress-indeterminate-progress-bar-background-reverse);transform:scaleX(.015);transform-origin:100% 0}75%{transform:scaleX(.4)}to{background-image:var(--lumo-progress-indeterminate-progress-bar-background-reverse);transform:scaleX(.015);transform-origin:0 0}}:host(:not([aria-valuenow])) [part=value]:before,:host([indeterminate]) [part=value]:before{animation:vaadin-progress-pulse3 1.6s cubic-bezier(.645,.045,.355,1) infinite;background-color:var(--lumo-primary-color);border-radius:inherit;content:"";display:block;height:100%;width:100%;will-change:opacity}@keyframes vaadin-progress-pulse3{0%{opacity:1}10%{opacity:0}40%{opacity:0}50%{opacity:1}50.1%{opacity:1}60%{opacity:0}90%{opacity:0}to{opacity:1}}:host([theme~=contrast]) [part=value],:host([theme~=contrast]) [part=value]:before{background-color:var(--lumo-contrast-80pct);--lumo-progress-indeterminate-progress-bar-background:linear-gradient(to right,var(--lumo-contrast-5pct) 10%,var(--lumo-contrast-80pct));--lumo-progress-indeterminate-progress-bar-background-reverse:linear-gradient(to left,var(--lumo-contrast-5pct) 10%,var(--lumo-contrast-60pct))}:host([theme~=error]) [part=value],:host([theme~=error]) [part=value]:before{background-color:var(--lumo-error-color);--lumo-progress-indeterminate-progress-bar-background:linear-gradient(to right,var(--lumo-error-color-10pct) 10%,var(--lumo-error-color));--lumo-progress-indeterminate-progress-bar-background-reverse:linear-gradient(to left,var(--lumo-error-color-10pct) 10%,var(--lumo-error-color))}:host([theme~=success]) [part=value],:host([theme~=success]) [part=value]:before{background-color:var(--lumo-success-color);--lumo-progress-indeterminate-progress-bar-background:linear-gradient(to right,var(--lumo-success-color-10pct) 10%,var(--lumo-success-color));--lumo-progress-indeterminate-progress-bar-background-reverse:linear-gradient(to left,var(--lumo-success-color-10pct) 10%,var(--lumo-success-color))}:host([indeterminate][dir=rtl]) [part=value]{--lumo-progress-indeterminate-progress-bar-background:linear-gradient(to left,var(--lumo-primary-color-10pct) 10%,var(--lumo-primary-color));--lumo-progress-indeterminate-progress-bar-background-reverse:linear-gradient(to right,var(--lumo-primary-color-10pct) 10%,var(--lumo-primary-color));animation:vaadin-progress-indeterminate-rtl 1.6s cubic-bezier(.355,.045,.645,1) infinite}:host(:not([aria-valuenow])[dir=rtl]) [part=value]:before,:host([indeterminate][dir=rtl]) [part=value]:before{animation:vaadin-progress-pulse3 1.6s cubic-bezier(.355,.045,.645,1) infinite}@keyframes vaadin-progress-indeterminate-rtl{0%{transform:scaleX(.015);transform-origin:100% 0}25%{transform:scaleX(.4)}50%{background-image:var(--lumo-progress-indeterminate-progress-bar-background);transform:scaleX(.015);transform-origin:0 0}50.1%{background-image:var(--lumo-progress-indeterminate-progress-bar-background-reverse);transform:scaleX(.015);transform-origin:0 0}75%{transform:scaleX(.4)}to{background-image:var(--lumo-progress-indeterminate-progress-bar-background-reverse);transform:scaleX(.015);transform-origin:100% 0}}:host([theme~=contrast][dir=rtl]) [part=value],:host([theme~=contrast][dir=rtl]) [part=value]:before{--lumo-progress-indeterminate-progress-bar-background:linear-gradient(to left,var(--lumo-contrast-5pct) 10%,var(--lumo-contrast-80pct));--lumo-progress-indeterminate-progress-bar-background-reverse:linear-gradient(to right,var(--lumo-contrast-5pct) 10%,var(--lumo-contrast-60pct))}:host([theme~=error][dir=rtl]) [part=value],:host([theme~=error][dir=rtl]) [part=value]:before{--lumo-progress-indeterminate-progress-bar-background:linear-gradient(to left,var(--lumo-error-color-10pct) 10%,var(--lumo-error-color));--lumo-progress-indeterminate-progress-bar-background-reverse:linear-gradient(to right,var(--lumo-error-color-10pct) 10%,var(--lumo-error-color))}:host([theme~=success][dir=rtl]) [part=value],:host([theme~=success][dir=rtl]) [part=value]:before{--lumo-progress-indeterminate-progress-bar-background:linear-gradient(to left,var(--lumo-success-color-10pct) 10%,var(--lumo-success-color));--lumo-progress-indeterminate-progress-bar-background-reverse:linear-gradient(to right,var(--lumo-success-color-10pct) 10%,var(--lumo-success-color))}}:host,:root{--_lumo-vaadin-progress-bar-inject:1;--_lumo-vaadin-progress-bar-inject-modules:lumo_components_progress-bar}@media lumo_components_radio-button{:host{color:var(--vaadin-radio-button-label-color,var(--lumo-body-text-color));font-family:var(--lumo-font-family);font-size:var(--vaadin-radio-button-label-font-size,var(--lumo-font-size-m));line-height:var(--lumo-line-height-s);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;cursor:default;outline:none;-webkit-user-select:none;user-select:none;--_radio-button-size:var(--vaadin-radio-button-size,calc(var(--lumo-size-m)/2));--_focus-ring-color:var(--vaadin-focus-ring-color,var(--lumo-primary-color-50pct));--_focus-ring-width:var(--vaadin-focus-ring-width,2px);--_selection-color:var(--vaadin-selection-color,var(--lumo-primary-color))}:host([has-label]) ::slotted(label){padding:var(
       --vaadin-radio-button-label-padding,var(--lumo-space-xs) var(--lumo-space-s) var(--lumo-space-xs) var(--lumo-space-xs)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/vaadin-lumo-styles",
-  "version": "25.0.8",
+  "version": "25.0.10",
   "publishConfig": {
     "access": "public"
   },
@@ -42,9 +42,9 @@
     "web-component"
   ],
   "dependencies": {
-    "@vaadin/component-base": "~25.0.8",
-    "@vaadin/icon": "~25.0.8",
-    "@vaadin/vaadin-themable-mixin": "~25.0.8"
+    "@vaadin/component-base": "~25.0.10",
+    "@vaadin/icon": "~25.0.10",
+    "@vaadin/vaadin-themable-mixin": "~25.0.10"
   },
   "devDependencies": {
     "cssnano": "^7.1.1",
@@ -52,5 +52,5 @@
     "postcss-cli": "^11.0.1",
     "postcss-import": "^16.1.1"
   },
-  "gitHead": "d49b389a8188b9695abc566d7efa163fe9c1b130"
+  "gitHead": "80732bb10625de5041741a655fd7683287698fb8"
 }

package/src/components/menu-bar.css

@@ -6,6 +6,7 @@
 @media lumo_components_menu-bar {
   :host {
     display: block;
+    min-width: 0;
   }
 
   :host([hidden]) {