@vaadin/aura 25.2.0-rc2 → 25.2.0

package/dist/aura.css

@@ -6,4 +6,4 @@
       --vaadin-progress-bar-value-background,linear-gradient(90deg in oklab,var(--aura-accent-color),light-dark(oklch(from var(--aura-accent-color-light) clamp(.5,l * 1.2,1) c calc(h - 30 * var(--_vaadin-safari-17-deg, 1))),oklch(from var(--aura-accent-color-dark) clamp(.5,l * 1.2,1) c calc(h - 30 * var(--_vaadin-safari-17-deg, 1)))))
     ) border-box;box-shadow:inset 0 0 0 1px var(--vaadin-border-color-secondary)}vaadin-progress-bar[dir=rtl]::part(value){scale:-1}:where(:host),:where(:root){--vaadin-rich-text-editor-toolbar-background:transparent;--vaadin-rich-text-editor-toolbar-padding:var(--vaadin-padding-xs);--vaadin-rich-text-editor-toolbar-gap:var(--vaadin-gap-xs) var(--vaadin-gap-m);--vaadin-rich-text-editor-toolbar-button-background:transparent;--vaadin-rich-text-editor-toolbar-button-border-radius:calc(var(--vaadin-radius-m) - 2px);--vaadin-rich-text-editor-toolbar-button-padding:var(--vaadin-padding-xs)}vaadin-rich-text-editor{--vaadin-icon-visual-size:90%;background:var(--vaadin-rich-text-editor-background,var(--aura-surface-color) padding-box);--aura-surface-level:4;--aura-surface-opacity:0.7!important;box-shadow:var(--aura-shadow-xs);&:not(:focus-within){--vaadin-rich-text-editor-toolbar-button-text-color:var(--vaadin-text-color-disabled)}}vaadin-rich-text-editor::part(toolbar){border-bottom:1px solid var(--vaadin-border-color-secondary);contain:paint}vaadin-rich-text-editor::part(toolbar-group){align-items:center;gap:1px}vaadin-rich-text-editor::part(toolbar-group):before{background:var(--vaadin-border-color-secondary);content:"";height:1lh;position:absolute;translate:calc(var(--vaadin-gap-m)/-2);width:1px}vaadin-rich-text-editor::part(toolbar-button){color:var(--vaadin-rich-text-editor-toolbar-button-text-color,var(--vaadin-text-color-secondary));outline-offset:calc(var(--vaadin-focus-ring-width)*-1);position:relative;transition:color 80ms,background-color 80ms,scale .18s}vaadin-rich-text-editor::part(toolbar-button-pressed){--vaadin-rich-text-editor-toolbar-button-background:transparent}vaadin-rich-text-editor:focus-within::part(toolbar-button-pressed){--vaadin-rich-text-editor-toolbar-button-background:var(--vaadin-background-container-strong) padding-box;--vaadin-rich-text-editor-toolbar-button-text-color:var(--vaadin-text-color);border-color:var(--vaadin-text-color-disabled)}vaadin-rich-text-editor::part(toolbar-button):active{scale:.95;transition-duration:80ms,80ms,50ms}@media (any-hover:hover){vaadin-rich-text-editor::part(toolbar-button):hover{--vaadin-rich-text-editor-toolbar-button-background:var(--vaadin-background-container);--vaadin-rich-text-editor-toolbar-button-text-color:var(--vaadin-text-color)}}vaadin-select-value-button{font-weight:var(--aura-font-weight-medium)}:where(:host),:where(:root){--vaadin-side-nav-label-line-height:var(--aura-line-height-xs);--vaadin-side-nav-label-font-weight:var(--aura-font-weight-medium);--vaadin-side-nav-item-font-weight:var(--aura-font-weight-medium);--vaadin-side-nav-item-border-width:1px;--vaadin-side-nav-items-gap:var(--vaadin-gap-xs)}vaadin-side-nav+vaadin-side-nav{margin-top:var(--vaadin-gap-l)}vaadin-side-nav::part(label){gap:var(--vaadin-gap-xs);transition:color 80ms}vaadin-side-nav-item::part(content){--aura-surface-level:4;--aura-surface-opacity:0.5;transition:color 80ms}vaadin-side-nav-item:not([disabled],[current])::part(content):active{--vaadin-side-nav-item-background:var(--vaadin-background-container)}@media (any-hover:hover){vaadin-side-nav::part(label):hover{--vaadin-side-nav-label-color:var(--vaadin-text-color)}vaadin-side-nav-item:not([disabled],[current])::part(content):hover{--vaadin-side-nav-item-text-color:var(--vaadin-text-color)}}vaadin-side-nav-item[current]::part(content){transition:none;--vaadin-side-nav-item-background:var(--aura-surface-color) padding-box;--vaadin-side-nav-item-text-color:var(--aura-accent-text-color);--vaadin-side-nav-item-border-color:var(--vaadin-border-color-secondary)}vaadin-side-nav-item::part(toggle-button),vaadin-side-nav::part(toggle-button){--vaadin-icon-visual-size:0.9lh}vaadin-side-nav[theme~=filled]>vaadin-side-nav-item[current]::part(content){--vaadin-side-nav-item-background:var(--aura-accent-color) border-box;--vaadin-side-nav-item-text-color:var(--aura-accent-contrast-color);--vaadin-text-color:var(--vaadin-side-nav-item-text-color);--vaadin-text-color-secondary:color-mix(in srgb,var(--aura-accent-contrast-color) 70%,transparent);--vaadin-text-color-disabled:color-mix(in srgb,var(--aura-accent-contrast-color) 50%,transparent);--vaadin-icon-color:var(--aura-accent-contrast-color);outline-offset:2px}vaadin-side-nav-item:not([current])>vaadin-icon[slot=prefix]{opacity:.8}:where(:host),:where(:root){--vaadin-slider-track-background:var(--vaadin-background-container-strong);--vaadin-slider-track-height:var(--vaadin-gap-xs);--vaadin-slider-fill-border-color:var(--vaadin-border-color-secondary);--vaadin-slider-thumb-width:round(1lh - 4px,2px);--vaadin-slider-thumb-height:round(1lh - 4px,2px);--vaadin-slider-marks-font-size:var(--aura-font-size-xs)}:is(vaadin-slider,vaadin-range-slider){--aura-surface-level:6;--vaadin-slider-fill-background:linear-gradient(var(--_bg-dir,90deg) in oklab,var(--aura-accent-color),light-dark(oklch(from var(--aura-accent-color-light) clamp(0.5,l * 1.2,1) c calc(h - 30 * var(--_vaadin-safari-17-deg, 1))),oklch(from var(--aura-accent-color-dark) clamp(0.5,l * 1.2,1) c calc(h - 30 * var(--_vaadin-safari-17-deg, 1))))) border-box;&:dir(rtl){--_bg-dir:-90deg}&::part(track-fill){margin-inline-end:-1px}&::part(thumb){background:var(
         --vaadin-slider-thumb-background,linear-gradient(light-dark(transparent,var(--vaadin-border-color-secondary)),transparent 33%,transparent 66%,light-dark(var(--vaadin-border-color-secondary),transparent)) var(--aura-surface-color-solid)
-      ) border-box;border-color:var(--vaadin-slider-thumb-border-color,oklch(1 0 0/.1));box-shadow:0 0 0 1px light-dark(var(--vaadin-border-color),oklch(0 0 0/.1)),var(--_thumb-shadow,var(--aura-shadow-s));outline-offset:-1px;position:relative}&[readonly]{--aura-surface-level:4;--vaadin-slider-fill-background:var(--vaadin-text-color-secondary);--vaadin-slider-thumb-background:var(--aura-surface-color-solid);--vaadin-slider-thumb-border-color:oklch(1 0 0/0.1);--_thumb-shadow:0 0 0 0 transparent}&[disabled]{--aura-surface-level:0;--vaadin-slider-track-background:var(--vaadin-background-container);--vaadin-slider-fill-background:var(--vaadin-border-color-secondary);--vaadin-slider-fill-border-color:transparent;--vaadin-slider-thumb-background:linear-gradient(var(--vaadin-background-container),var(--vaadin-background-container)) var(--vaadin-background-color);--vaadin-slider-thumb-border-color:var(--vaadin-border-color-secondary);&::part(thumb){box-shadow:none}}&::part(thumb):before{background-color:#000;border-radius:inherit;content:"";inset:-1px;opacity:0;position:absolute;transition:opacity .1s,background-color .1s}}vaadin-range-slider::part(track-fill){margin-inline-start:calc(var(--vaadin-slider-thumb-width) - 1px)}vaadin-range-slider[end-active]:not([readonly],[disabled])::part(thumb-end):before,vaadin-range-slider[start-active]:not([readonly],[disabled])::part(thumb-start):before,vaadin-slider[active]:not([readonly],[disabled])::part(thumb):before{opacity:.1}:where(:host),:where(:root){--vaadin-tab-border-radius:var(--vaadin-radius-m);--vaadin-tab-font-weight:var(--aura-font-weight-medium);--vaadin-tabs-gap:2px;--vaadin-tabs-border-radius:calc(var(--vaadin-tab-border-radius) + var(--vaadin-tabs-padding));--vaadin-tabs-padding:3px}vaadin-tabs{contain:paint;--aura-surface-level:-0.5;--aura-surface-opacity:0.3;background:var(--vaadin-tabs-background,var(--vaadin-background-container))}vaadin-tabs::part(tabs){margin:-3px;padding:3px;--_mask-fade-start:0.5lh;--_mask-fade-size:2lh;mask-image:linear-gradient(var(--_mask-dir,to right),var(--_mask-start,#000) var(--_mask-fade-start),#000 var(--_mask-fade-size),#000 calc(100% - var(--_mask-fade-size)),var(--_mask-end,#000) calc(100% - var(--_mask-fade-start)))}vaadin-tabs[dir=rtl]::part(tabs){--_mask-dir:to left}vaadin-tabs[orientation=vertical]::part(tabs){--_mask-dir:to bottom;--_mask-fade-start:0px;--_mask-fade-size:0.5lh}vaadin-tabs[overflow~=start]{--_mask-start:transparent}vaadin-tabs[overflow~=end]{--_mask-end:transparent}vaadin-tabs::part(back-button),vaadin-tabs::part(forward-button){align-self:center;background:var(--aura-background-color) padding-box;border:1px solid var(--vaadin-border-color-secondary);border-radius:var(--vaadin-radius-m);box-shadow:var(--aura-shadow-s);height:auto;padding:var(--vaadin-padding-xs);transition:opacity .12s}vaadin-tabs::part(back-button){inset-inline-start:5px}vaadin-tabs::part(forward-button){inset-inline-end:5px}vaadin-tab{border:var(--vaadin-tab-border-width,1px) solid var(--vaadin-tab-border-color,transparent);transition:color .12s,border-color .12s,background-color .12s}vaadin-tab:not([disabled],[selected]):hover{--vaadin-tab-text-color:var(--vaadin-text-color)}vaadin-tab[selected]{--aura-surface-level:5;--aura-surface-opacity:0.8;--vaadin-tab-background:var(--aura-surface-color);--vaadin-tab-text-color:var(--aura-accent-text-color);border-color:light-dark(transparent,hsla(0,0%,100%,.03));box-shadow:0 0 0 1px light-dark(rgba(0,0,0,.02),transparent),var(--aura-shadow-s)}vaadin-tabs[theme~=filled]>vaadin-tab[selected]{--vaadin-tab-background:var(--aura-accent-color) border-box;--vaadin-tab-text-color:var(--aura-accent-contrast-color);--vaadin-text-color:var(--aura-accent-contrast-color);--vaadin-text-color-secondary:color-mix(in srgb,var(--aura-accent-contrast-color) 70%,transparent);--vaadin-text-color-disabled:color-mix(in srgb,var(--aura-accent-contrast-color) 50%,transparent);--vaadin-icon-color:var(--aura-accent-contrast-color);outline-offset:1px}:where(:host),:where(:root){--vaadin-tooltip-padding:var(--vaadin-padding-xs) calc(var(--vaadin-padding-xs)*1.4);--vaadin-tooltip-font-size:var(--aura-font-size-s);--vaadin-tooltip-font-weight:var(--aura-font-weight-medium);--vaadin-tooltip-line-height:var(--aura-line-height-s);--vaadin-tooltip-border-radius:var(--vaadin-radius-s)}:is(vaadin-tooltip,vaadin-slider-bubble)::part(overlay){background:var(--vaadin-tooltip-background,var(--vaadin-overlay-background,var(--aura-surface-color)));box-shadow:var(--aura-overlay-outline-shadow),var(--vaadin-tooltip-shadow,var(--aura-shadow-s))}:where(:host),:where(:root){--vaadin-upload-background:var(--aura-surface-color) padding-box;--vaadin-upload-border:1px solid var(--vaadin-border-color-secondary);--vaadin-upload-padding:var(--vaadin-padding-s);--vaadin-upload-file-list-divider-color:var(--vaadin-border-color-secondary);--vaadin-upload-file-list-divider-width:1px;--vaadin-upload-file-error-color:var(--vaadin-text-color-secondary);--vaadin-upload-file-warning-color:var(--aura-red);--vaadin-upload-file-done-color:var(--aura-green);--vaadin-upload-file-name-font-weight:var(--aura-font-weight-medium);--vaadin-upload-file-padding:var(--vaadin-padding-m) var(--vaadin-padding-s);--vaadin-upload-file-gap:0 var(--vaadin-gap-s);--vaadin-upload-file-button-border-width:0;--vaadin-upload-file-status-font-size:var(--aura-font-size-s);--vaadin-upload-file-status-line-height:var(--aura-line-height-s);--vaadin-upload-file-error-font-size:var(--aura-font-size-s);--vaadin-upload-file-error-line-height:var(--aura-line-height-s);--vaadin-upload-drop-label-color:var(--vaadin-text-color-secondary);--vaadin-upload-drop-label-font-weight:var(--aura-font-weight-medium)}vaadin-upload{--_divider-offset-start:calc(var(--vaadin-padding-s) + var(--vaadin-icon-size, 1lh) + var(--vaadin-gap-s));--_divider-offset-end:var(--vaadin-padding-s)}vaadin-upload::part(primary-buttons){flex-wrap:wrap;gap:var(--vaadin-gap-s) var(--vaadin-gap-m)}vaadin-upload:not([nodrop]) vaadin-button[slot=add-button]{flex-grow:1}vaadin-upload::part(drop-label){flex-grow:1000;margin-inline-start:calc(var(--vaadin-upload-padding)*-1);min-width:fit-content;padding:var(--vaadin-padding-xs) var(--vaadin-padding-s)}vaadin-upload[dragover-valid]{outline:var(--vaadin-focus-ring-width) solid var(--vaadin-focus-ring-color);outline-offset:-1px}vaadin-upload-file-list li{margin-inline:var(--_divider-offset-start) var(--_divider-offset-end);&:first-child{margin-top:var(--vaadin-upload-gap,0)}}vaadin-upload:not([theme~=no-border])>vaadin-upload-file-list:has(>ul>li){border-top:1px solid var(--vaadin-border-color-secondary);margin:calc(var(--vaadin-upload-padding)*-1);margin-top:var(--vaadin-upload-padding)}vaadin-upload-file{--vaadin-icon-visual-size:0.75lh;border-radius:var(--vaadin-upload-file-border-radius,var(--vaadin-radius-m));margin-inline:calc(var(--_divider-offset-start, 0)*-1) calc(var(--_divider-offset-end, 0)*-1);&:not([complete],[error])::part(done-icon):before{background:var(--vaadin-border-color-secondary)}&::part(remove-button),&::part(retry-button),&::part(start-button){color:var(--vaadin-upload-file-button-text-color,var(--vaadin-text-color-secondary));outline-offset:calc(var(--vaadin-focus-ring-width)*-1)}vaadin-progress-bar{--vaadin-progress-bar-height:var(--vaadin-gap-xs);margin-top:var(--vaadin-gap-xs)}&:not([error])::part(status){display:-webkit-box;-webkit-line-clamp:2;max-height:2lh;-webkit-box-orient:vertical;overflow:hidden}&[complete]::part(status){height:1lh;max-height:0;transition:max-height .2s;visibility:hidden}&[complete] vaadin-progress-bar{transition:height .2s;visibility:hidden;--vaadin-progress-bar-height:0;margin-top:0}}vaadin-upload-file[theme~=thumbnails]{--aura-surface-level:3;--vaadin-upload-file-padding:var(--vaadin-padding-s);--vaadin-upload-file-done-color:var(--aura-accent-color);--vaadin-spinner-size:1em;background:var(--aura-surface-color) padding-box;border:1px solid light-dark(var(--vaadin-border-color-secondary),transparent);&:before{border:1px solid light-dark(transparent,var(--vaadin-border-color-secondary));border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}&::part(done-icon),&::part(warning-icon){--vaadin-icon-visual-size:1lh;background:color-mix(in srgb,var(--aura-accent-color) 10%,transparent)}&::part(commands){gap:0}&::part(remove-button),&::part(retry-button),&::part(start-button){--vaadin-icon-visual-size:0.8lh}&[error]{--aura-accent-color-light:var(--aura-red);--aura-accent-color-dark:var(--aura-red)}& vaadin-progress-bar{align-self:end;margin-top:0;--vaadin-progress-bar-height:2px;--vaadin-border-color-secondary:transparent;&:not([indeterminate]){opacity:1}}}vaadin-upload[theme~=no-border]{--vaadin-upload-padding:0;--vaadin-upload-background:transparent;--vaadin-upload-border-width:0;--vaadin-upload-file-list-divider-width:0;--vaadin-upload-file-padding:var(--vaadin-padding-m);--_divider-offset-start:0px;--_divider-offset-end:0px;outline-offset:2px;>vaadin-upload-file-list::part(list){display:flex;flex-direction:column;gap:var(--vaadin-gap-s)}>vaadin-upload-file-list li:first-child{margin-top:var(--vaadin-gap-s)}vaadin-upload-file{background:var(--aura-surface-color) padding-box;border:1px solid var(--vaadin-border-color-secondary)}}@media (any-hover:hover){vaadin-upload-file::part(remove-button):hover,vaadin-upload-file::part(retry-button):hover,vaadin-upload-file::part(start-button):hover{--vaadin-upload-file-button-text-color:var(--vaadin-text-color)}}:where(:host),:where(:root){cursor:default;--vaadin-aura-theme:1;--_vaadin-icon-checkmark:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>');--_vaadin-icon-menu:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" ><path d="M4 5h16"/><path d="M4 12h16"/><path d="M4 19h16"/></svg>');--vaadin-spinner-color:var(--aura-accent-color);--vaadin-horizontal-layout-margin:var(--vaadin-padding-l);--vaadin-horizontal-layout-padding:var(--vaadin-padding-l);--vaadin-vertical-layout-margin:var(--vaadin-padding-l);--vaadin-vertical-layout-padding:var(--vaadin-padding-l)}vaadin-icon[icon^="vaadin:"]{--vaadin-icon-visual-size:80%}
+      ) border-box;border-color:var(--vaadin-slider-thumb-border-color,oklch(1 0 0/.1));box-shadow:0 0 0 1px light-dark(var(--vaadin-border-color),oklch(0 0 0/.1)),var(--_thumb-shadow,var(--aura-shadow-s));outline-offset:-1px;position:relative}&[readonly]{--aura-surface-level:4;--vaadin-slider-fill-background:var(--vaadin-text-color-secondary);--vaadin-slider-thumb-background:var(--aura-surface-color-solid);--vaadin-slider-thumb-border-color:oklch(1 0 0/0.1);--_thumb-shadow:0 0 0 0 transparent}&[disabled]{--aura-surface-level:0;--vaadin-slider-track-background:var(--vaadin-background-container);--vaadin-slider-fill-background:var(--vaadin-border-color-secondary);--vaadin-slider-fill-border-color:transparent;--vaadin-slider-thumb-background:linear-gradient(var(--vaadin-background-container),var(--vaadin-background-container)) var(--vaadin-background-color);--vaadin-slider-thumb-border-color:var(--vaadin-border-color-secondary);&::part(thumb){box-shadow:none}}&::part(thumb):before{background-color:#000;border-radius:inherit;content:"";inset:-1px;opacity:0;position:absolute;transition:opacity .1s,background-color .1s}}vaadin-range-slider::part(track-fill){margin-inline-start:calc(var(--vaadin-slider-thumb-width) - 1px)}vaadin-range-slider[end-active]:not([readonly],[disabled])::part(thumb-end):before,vaadin-range-slider[start-active]:not([readonly],[disabled])::part(thumb-start):before,vaadin-slider[active]:not([readonly],[disabled])::part(thumb):before{opacity:.1}:where(:host),:where(:root){--vaadin-tab-border-radius:var(--vaadin-radius-m);--vaadin-tab-font-weight:var(--aura-font-weight-medium);--vaadin-tabs-gap:2px;--vaadin-tabs-border-radius:calc(var(--vaadin-tab-border-radius) + var(--vaadin-tabs-padding));--vaadin-tabs-padding:3px}vaadin-tabs{--aura-surface-level:-0.5;--aura-surface-opacity:0.3;background:var(--vaadin-tabs-background,var(--vaadin-background-container))}vaadin-tabs::part(tabs){margin:-3px;padding:3px}vaadin-tabs[overflow]::part(tabs){--_mask-fade-start:var(--vaadin-tabs-padding);--_mask-fade-size:20px;mask-image:linear-gradient(var(--_mask-dir,to right),var(--_mask-start,#000) var(--_mask-fade-start),#000 var(--_mask-fade-size),#000 calc(100% - var(--_mask-fade-size)),var(--_mask-end,#000) calc(100% - var(--_mask-fade-start)))}vaadin-tabs[dir=rtl]::part(tabs){--_mask-dir:to left}vaadin-tabs[orientation=vertical]::part(tabs){--_mask-dir:to bottom;--_mask-fade-start:0px;--_mask-fade-size:0.5lh}vaadin-tabs[overflow~=start]{--_mask-start:transparent}vaadin-tabs[overflow~=end]{--_mask-end:transparent}vaadin-tabs::part(back-button),vaadin-tabs::part(forward-button){align-self:center;background:var(--aura-background-color) padding-box;border:1px solid var(--vaadin-border-color-secondary);border-radius:var(--vaadin-radius-m);box-shadow:var(--aura-shadow-s);height:auto;padding:var(--vaadin-padding-xs);transition:opacity .12s}vaadin-tabs::part(back-button){inset-inline-start:5px}vaadin-tabs::part(forward-button){inset-inline-end:5px}vaadin-tab{border:var(--vaadin-tab-border-width,1px) solid var(--vaadin-tab-border-color,transparent);transition:color .12s,border-color .12s,background-color .12s}vaadin-tab:not([disabled],[selected]):hover{--vaadin-tab-text-color:var(--vaadin-text-color)}vaadin-tab[selected]{--aura-surface-level:5;--aura-surface-opacity:0.8;--vaadin-tab-background:var(--aura-surface-color);--vaadin-tab-text-color:var(--aura-accent-text-color);border-color:light-dark(transparent,hsla(0,0%,100%,.03));box-shadow:0 0 0 1px light-dark(rgba(0,0,0,.02),transparent),var(--aura-shadow-s)}vaadin-tabs[theme~=filled]>vaadin-tab[selected]{--vaadin-tab-background:var(--aura-accent-color) border-box;--vaadin-tab-text-color:var(--aura-accent-contrast-color);--vaadin-text-color:var(--aura-accent-contrast-color);--vaadin-text-color-secondary:color-mix(in srgb,var(--aura-accent-contrast-color) 70%,transparent);--vaadin-text-color-disabled:color-mix(in srgb,var(--aura-accent-contrast-color) 50%,transparent);--vaadin-icon-color:var(--aura-accent-contrast-color);outline-offset:1px}:where(:host),:where(:root){--vaadin-tooltip-padding:var(--vaadin-padding-xs) calc(var(--vaadin-padding-xs)*1.4);--vaadin-tooltip-font-size:var(--aura-font-size-s);--vaadin-tooltip-font-weight:var(--aura-font-weight-medium);--vaadin-tooltip-line-height:var(--aura-line-height-s);--vaadin-tooltip-border-radius:var(--vaadin-radius-s)}:is(vaadin-tooltip,vaadin-slider-bubble)::part(overlay){background:var(--vaadin-tooltip-background,var(--vaadin-overlay-background,var(--aura-surface-color)));box-shadow:var(--aura-overlay-outline-shadow),var(--vaadin-tooltip-shadow,var(--aura-shadow-s))}:where(:host),:where(:root){--vaadin-upload-background:var(--aura-surface-color) padding-box;--vaadin-upload-border:1px solid var(--vaadin-border-color-secondary);--vaadin-upload-padding:var(--vaadin-padding-s);--vaadin-upload-file-list-divider-color:var(--vaadin-border-color-secondary);--vaadin-upload-file-list-divider-width:1px;--vaadin-upload-file-error-color:var(--vaadin-text-color-secondary);--vaadin-upload-file-warning-color:var(--aura-red);--vaadin-upload-file-done-color:var(--aura-green);--vaadin-upload-file-name-font-weight:var(--aura-font-weight-medium);--vaadin-upload-file-padding:var(--vaadin-padding-m) var(--vaadin-padding-s);--vaadin-upload-file-gap:0 var(--vaadin-gap-s);--vaadin-upload-file-button-border-width:0;--vaadin-upload-file-status-font-size:var(--aura-font-size-s);--vaadin-upload-file-status-line-height:var(--aura-line-height-s);--vaadin-upload-file-error-font-size:var(--aura-font-size-s);--vaadin-upload-file-error-line-height:var(--aura-line-height-s);--vaadin-upload-drop-label-color:var(--vaadin-text-color-secondary);--vaadin-upload-drop-label-font-weight:var(--aura-font-weight-medium)}vaadin-upload{--_divider-offset-start:calc(var(--vaadin-padding-s) + var(--vaadin-icon-size, 1lh) + var(--vaadin-gap-s));--_divider-offset-end:var(--vaadin-padding-s)}vaadin-upload::part(primary-buttons){flex-wrap:wrap;gap:var(--vaadin-gap-s) var(--vaadin-gap-m)}vaadin-upload:not([nodrop]) vaadin-button[slot=add-button]{flex-grow:1}vaadin-upload::part(drop-label){flex-grow:1000;margin-inline-start:calc(var(--vaadin-upload-padding)*-1);min-width:fit-content;padding:var(--vaadin-padding-xs) var(--vaadin-padding-s)}vaadin-upload[dragover-valid]{outline:var(--vaadin-focus-ring-width) solid var(--vaadin-focus-ring-color);outline-offset:-1px}vaadin-upload-file-list li{margin-inline:var(--_divider-offset-start) var(--_divider-offset-end);&:first-child{margin-top:var(--vaadin-upload-gap,0)}}vaadin-upload:not([theme~=no-border])>vaadin-upload-file-list:has(>ul>li){border-top:1px solid var(--vaadin-border-color-secondary);margin:calc(var(--vaadin-upload-padding)*-1);margin-top:var(--vaadin-upload-padding)}vaadin-upload-file{--vaadin-icon-visual-size:0.75lh;border-radius:var(--vaadin-upload-file-border-radius,var(--vaadin-radius-m));margin-inline:calc(var(--_divider-offset-start, 0)*-1) calc(var(--_divider-offset-end, 0)*-1);&:not([complete],[error])::part(done-icon):before{background:var(--vaadin-border-color-secondary)}&::part(remove-button),&::part(retry-button),&::part(start-button){color:var(--vaadin-upload-file-button-text-color,var(--vaadin-text-color-secondary));outline-offset:calc(var(--vaadin-focus-ring-width)*-1)}vaadin-progress-bar{--vaadin-progress-bar-height:var(--vaadin-gap-xs);margin-top:var(--vaadin-gap-xs)}&:not([error])::part(status){display:-webkit-box;-webkit-line-clamp:2;max-height:2lh;-webkit-box-orient:vertical;overflow:hidden}&[complete]::part(status){height:1lh;max-height:0;transition:max-height .2s;visibility:hidden}&[complete] vaadin-progress-bar{transition:height .2s;visibility:hidden;--vaadin-progress-bar-height:0;margin-top:0}}vaadin-upload-file[theme~=thumbnails]{--aura-surface-level:3;--vaadin-upload-file-padding:var(--vaadin-padding-s);--vaadin-upload-file-done-color:var(--aura-accent-color);--vaadin-spinner-size:1em;background:var(--aura-surface-color) padding-box;border:1px solid light-dark(var(--vaadin-border-color-secondary),transparent);&:before{border:1px solid light-dark(transparent,var(--vaadin-border-color-secondary));border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}&::part(done-icon),&::part(warning-icon){--vaadin-icon-visual-size:1lh;background:color-mix(in srgb,var(--aura-accent-color) 10%,transparent)}&::part(commands){gap:0}&::part(remove-button),&::part(retry-button),&::part(start-button){--vaadin-icon-visual-size:0.8lh}&[error]{--aura-accent-color-light:var(--aura-red);--aura-accent-color-dark:var(--aura-red)}& vaadin-progress-bar{align-self:end;margin-top:0;--vaadin-progress-bar-height:2px;--vaadin-border-color-secondary:transparent;&:not([indeterminate]){opacity:1}}}vaadin-upload[theme~=no-border]{--vaadin-upload-padding:0;--vaadin-upload-background:transparent;--vaadin-upload-border-width:0;--vaadin-upload-file-list-divider-width:0;--vaadin-upload-file-padding:var(--vaadin-padding-m);--_divider-offset-start:0px;--_divider-offset-end:0px;outline-offset:2px;>vaadin-upload-file-list::part(list){display:flex;flex-direction:column;gap:var(--vaadin-gap-s)}>vaadin-upload-file-list li:first-child{margin-top:var(--vaadin-gap-s)}vaadin-upload-file{background:var(--aura-surface-color) padding-box;border:1px solid var(--vaadin-border-color-secondary)}}@media (any-hover:hover){vaadin-upload-file::part(remove-button):hover,vaadin-upload-file::part(retry-button):hover,vaadin-upload-file::part(start-button):hover{--vaadin-upload-file-button-text-color:var(--vaadin-text-color)}}:where(:host),:where(:root){cursor:default;--vaadin-aura-theme:1;--_vaadin-icon-checkmark:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>');--_vaadin-icon-menu:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" ><path d="M4 5h16"/><path d="M4 12h16"/><path d="M4 19h16"/></svg>');--vaadin-spinner-color:var(--aura-accent-color);--vaadin-horizontal-layout-margin:var(--vaadin-padding-l);--vaadin-horizontal-layout-padding:var(--vaadin-padding-l);--vaadin-vertical-layout-margin:var(--vaadin-padding-l);--vaadin-vertical-layout-padding:var(--vaadin-padding-l)}vaadin-icon[icon^="vaadin:"]{--vaadin-icon-visual-size:80%}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/aura",
-  "version": "25.2.0-rc2",
+  "version": "25.2.0",
   "publishConfig": {
     "access": "public"
   },
@@ -40,5 +40,5 @@
     "postcss-import": "^16.1.1",
     "postcss-url": "^10.1.4"
   },
-  "gitHead": "9e7f494b8aa2d07921adf2ee397e60465c10762f"
+  "gitHead": "f4aa4498fd81ba46a1f03507c104c599f5c85cb7"
 }

package/src/components/tabs.css

@@ -8,7 +8,6 @@
 }
 
 vaadin-tabs {
-  contain: paint;
   --aura-surface-level: -0.5;
   --aura-surface-opacity: 0.3;
   background: var(--vaadin-tabs-background, var(--vaadin-background-container));
@@ -17,8 +16,11 @@ vaadin-tabs {
 vaadin-tabs::part(tabs) {
   padding: 3px;
   margin: -3px;
-  --_mask-fade-start: 0.5lh;
-  --_mask-fade-size: 2lh;
+}
+
+vaadin-tabs[overflow]::part(tabs) {
+  --_mask-fade-start: var(--vaadin-tabs-padding);
+  --_mask-fade-size: 20px;
   mask-image: linear-gradient(
     var(--_mask-dir, to right),
     var(--_mask-start, black) var(--_mask-fade-start),