@vaadin/vaadin-lumo-styles 25.0.5 → 25.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/lumo.css
CHANGED
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
--lumo-space-l
|
|
37
37
|
);--vaadin-form-layout-row-spacing:0}@media lumo_components_grid-filter{:host{display:inline-flex;max-width:100%}::slotted(*){box-sizing:border-box;width:100%}}:host,:root{--_lumo-vaadin-text-field-inject:1;--_lumo-vaadin-text-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}:host,:root{--_lumo-vaadin-grid-filter-inject:1;--_lumo-vaadin-grid-filter-inject-modules:lumo_components_grid-filter}@media lumo_components_grid-sorter{:host{align-items:baseline;cursor:var(--lumo-clickable-cursor);display:inline-flex;justify-content:flex-start;max-width:100%;-webkit-user-select:none;user-select:none}[part=content]{display:inline-block;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis}[part=indicators]{align-self:center;flex:none;margin-left:var(--lumo-space-s);position:relative}[part=order]{display:inline;font-size:var(--lumo-font-size-xxs);line-height:1;vertical-align:super}[part=indicators]:before{display:inline-block;font-family:vaadin-grid-sorter-icons;transform:scale(.8)}:host(:not([direction])) [part=indicators]:before{content:"\e901"}:host([direction=asc]) [part=indicators]:before{content:"\e900"}:host([direction=desc]) [part=indicators]:before{content:"\e902"}:host(:not([direction]):not(:hover)) [part=indicators]{color:var(--lumo-tertiary-text-color)}:host([direction]){color:var(--vaadin-selection-color-text,var(--lumo-primary-text-color))}:host([dir=rtl]) [part=indicators]{margin-left:0;margin-right:var(--lumo-space-s)}}@font-face{font-family:vaadin-grid-sorter-icons;font-style:normal;font-weight:400;src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAQwAA0AAAAABuwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEFAAAABkAAAAcfep+mUdERUYAAAP4AAAAHAAAAB4AJwAOT1MvMgAAAZgAAAA/AAAAYA8TBPpjbWFwAAAB7AAAAFUAAAFeF1fZ4mdhc3AAAAPwAAAACAAAAAgAAAAQZ2x5ZgAAAlgAAABcAAAAnMvguMloZWFkAAABMAAAAC8AAAA2C5Ap72hoZWEAAAFgAAAAHQAAACQGbQPHaG10eAAAAdgAAAAUAAAAHAoAAABsb2NhAAACRAAAABIAAAASAIwAYG1heHAAAAGAAAAAFgAAACAACwAKbmFtZQAAArQAAAECAAACZxWCgKhwb3N0AAADuAAAADUAAABZCrApUXicY2BkYGAA4rDECVrx/DZfGbhZGEDgyqNPOxH0/wNMq5kPALkcDEwgUQBWRA0dAHicY2BkYGA+8P8AAwMLAwgwrWZgZEAFbABY4QM8AAAAeJxjYGRgYOAAQiYGEICQSAAAAi8AFgAAeJxjYGY6yziBgZWBgWkm0xkGBoZ+CM34msGYkZMBFTAKoAkwODAwvmRiPvD/AIMDMxCD1CDJKjAwAgBktQsXAHicY2GAAMZQCM0EwqshbAALxAEKeJxjYGBgZoBgGQZGBhCIAPIYwXwWBhsgzcXAwcAEhIwMCi+Z/v/9/x+sSuElA4T9/4k4K1gHFwMMMILMY2QDYmaoABOQYGJABUA7WBiGNwAAJd4NIQAAAAAAAAAACAAIABAAGAAmAEAATgAAeJyNjLENgDAMBP9tIURJwQCMQccSZgk2i5fIYBDAidJjycXr7x5EPwE2wY8si7jmyBNXGo/bNBerxJNrpxhbO3/fEFpx8ZICpV+ghxJ74fAMe+h7Ox14AbrsHB14nK2QQWrDMBRER4mTkhQK3ZRQKOgCNk7oGQqhhEIX2WSlWEI1BAlkJ5CDdNsj5Ey9Rncdi38ES+jzNJo/HwTgATcoDEthhY3wBHc4CE+pfwsX5F/hGe7Vo/AcK/UhvMSz+mGXKhZU6pww8ISz3oWn1BvhgnwTnuEJf8Jz1OpFeIlX9YULDLdFi4ASHolkSR0iuYdjLak1vAequBhj21D61Nqyi6l3qWybGPjySbPHGScGJl6dP58MYcQRI0bts7mjebBqrFENH7t3qWtj0OuqHnXcW7b0HOTZFnKryRGW2hFX1m0O2vEM3opNMfTau+CS6Z3Vx6veNnEXY6jwDxhsc2gAAHicY2BiwA84GBgYmRiYGJkZmBlZGFkZ2djScyoLMgzZS/MyDQwMwLSrpYEBlIbxjQDrzgsuAAAAAAEAAf//AA94nGNgZGBg4AFiMSBmYmAEQnYgZgHzGAAD6wA2eJxjYGBgZACCKyoz1cD0o087YTQATOcIewAAAA==) format("woff")}:host,:root{--_lumo-vaadin-grid-sorter-inject:1;--_lumo-vaadin-grid-sorter-inject-modules:lumo_components_grid-sorter}:host,:root{--_lumo-vaadin-crud-inject:1;--_lumo-vaadin-crud-inject-modules:lumo_components_crud;--_lumo-vaadin-crud-edit-inject:1;--_lumo-vaadin-crud-edit-inject-modules:lumo_components_button,lumo_components_crud-edit;--_lumo-vaadin-crud-grid-inject:1;--_lumo-vaadin-crud-grid-inject-modules:lumo_components_grid;--_lumo-vaadin-crud-form-inject:1;--_lumo-vaadin-crud-form-inject-modules:lumo_components_form-layout;--_lumo-vaadin-crud-dialog-overlay-inject:1;--_lumo-vaadin-crud-dialog-overlay-inject-modules:lumo_mixins_overlay,lumo_components_dialog-overlay,lumo_components_crud-dialog-overlay}@media lumo_components_custom-field{:host{display:inline-flex;--lumo-text-field-size:var(--lumo-size-m);color:var(--lumo-body-text-color);font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-m);line-height:calc(var(--lumo-text-field-size) + var(--lumo-space-xs)*2);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;padding:0}:host:before{align-items:center;box-sizing:border-box;content:"\2003";display:inline-flex;height:var(--lumo-text-field-size);margin-top:var(--lumo-space-xs);width:0}:host([hidden]){display:none!important}.vaadin-custom-field-container{display:flex;flex-direction:column;width:100%}.inputs-wrapper{flex:none}:host([has-label]) [part=label]{padding-bottom:calc(.5em - var(--lumo-space-xs))}:host(:not([has-label])) [part=label],:host(:not([has-label])):before{display:none}:host([has-error-message]) [part=error-message]:before{height:calc(.4em - var(--lumo-space-xs))}:host([focused]:not([readonly]):not([disabled])) [part=label]{color:var(--lumo-primary-text-color)}:host(:hover:not([readonly]):not([disabled]):not([focused])) [part=helper-text],:host(:hover:not([readonly]):not([disabled]):not([focused])) [part=label]{color:var(--lumo-body-text-color)}@media (pointer:coarse){:host(:hover:not([readonly]):not([disabled]):not([focused])) [part=label]{color:var(--lumo-secondary-text-color)}}:host([disabled]) [part=label]{color:var(--lumo-disabled-text-color);-webkit-text-fill-color:var(--lumo-disabled-text-color)}:host([theme~=small]){font-size:var(--lumo-font-size-s);--lumo-text-field-size:var(--lumo-size-s)}:host([theme~=small][has-label]) [part=label]{font-size:var(--lumo-font-size-xs)}:host([theme~=small][has-label]) [part=error-message]{font-size:var(--lumo-font-size-xxs)}:host([theme~=whitespace][has-label]) [part=label]{padding-bottom:.5em}}:host,:root{--_lumo-vaadin-custom-field-inject:1;--_lumo-vaadin-custom-field-inject-modules:lumo_mixins_field-label,lumo_mixins_field-required,lumo_mixins_field-error-message,lumo_mixins_field-helper,lumo_components_custom-field}@media lumo_mixins_dashboard-item{:host{--_widget-background:var(--vaadin-dashboard-widget-background,var(--lumo-base-color));--_widget-border-radius:var(--vaadin-dashboard-widget-border-radius,var(--lumo-border-radius-l));--_widget-border-color:var(--vaadin-dashboard-widget-border-color,var(--lumo-contrast-20pct));--_widget-editable-shadow:var(--lumo-box-shadow-s);--_widget-selected-shadow:0 2px 4px -1px var(--lumo-primary-color-10pct),0 3px 12px -1px var(--lumo-primary-color-50pct);--_drop-target-background-color:var(
|
|
38
38
|
--vaadin-dashboard-drop-target-background-color,var(--lumo-primary-color-10pct)
|
|
39
|
-
);--_drop-target-border:var(--vaadin-dashboard-drop-target-border,1px dashed var(--lumo-primary-color-50pct));color:var(--lumo-body-text-color);font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-m);line-height:var(--lumo-line-height-m);--_focus-ring-color:var(--vaadin-focus-ring-color,var(--lumo-primary-color-50pct));--_focus-ring-width:var(--vaadin-focus-ring-width,2px);--_icon-color:var(--lumo-contrast-60pct);filter:var(--_widget-filter);opacity:var(--_widget-opacity)}[part~=move-apply-button]{--icon:var(--lumo-icons-checkmark);font-size:var(--lumo-icon-size-m)}:host([focused]){outline:none}header{align-items:start;gap:0;overflow:hidden}[part=title]{color:var(--lumo-header-text-color);line-height:var(--lumo-line-height-s);margin:0 0 1px}vaadin-dashboard-button{font-family:lumo-icons;font-size:var(--lumo-icon-size-m);margin:0}vaadin-dashboard-button .icon:before{background:transparent;content:var(--icon);display:block;height:auto;mask-image:none;width:auto}[part=move-button],[part=remove-button],[part=resize-button]{color:var(--_icon-color);padding-inline:0}:where([part=move-button],[part=resize-button],[part=remove-button]):hover{--_icon-color:var(--lumo-primary-text-color)}:host([selected]){opacity:1;z-index:1;--_icon-color:var(--lumo-primary-text-color)}:host(:is([move-mode],[resize-mode])){--_icon-color:var(--lumo-disabled-text-color)}[part~=move-button]{--icon:var(--lumo-icons-drag-handle)}[part~=remove-button]{--icon:var(--lumo-icons-cross);margin-inline-start:var(--lumo-space-xs)}.mode-controls vaadin-dashboard-button[focused]{z-index:3}:host([move-mode]) :is([part~=move-forward-button],[part~=move-backward-button]) .icon{rotate:none}:host(:not([dir=rtl])) [part~=move-backward-button],:host([dir=rtl]) [part~=move-forward-button]{--icon:var(--lumo-icons-angle-left)}:host(:not([dir=rtl])) [part~=move-forward-button],:host([dir=rtl]) [part~=move-backward-button]{--icon:var(--lumo-icons-angle-right)}}@media lumo_components_dashboard-layout{#grid{--_default-padding:var(--lumo-space-m);--_default-gap:var(--lumo-space-m);--_default-row-min-height:12rem}:host([theme~=shaded-background]){background:var(--lumo-shade-5pct)}:host([theme~=elevated-widgets]){--vaadin-dashboard-widget-shadow:var(--lumo-box-shadow-xs);--vaadin-dashboard-widget-border-color:var(--lumo-contrast-10pct);--vaadin-dashboard-widget-background:linear-gradient(var(--lumo-tint-5pct),var(--lumo-tint-5pct)) var(--lumo-base-color)}:host([theme~=flat-widgets]){--vaadin-dashboard-widget-background:var(--lumo-contrast-5pct);--vaadin-dashboard-widget-border-color:transparent}}@media lumo_components_dashboard-section{:host{gap:var(--_gap,1rem);--_section-outline-offset:calc(min(var(--_gap), var(--_padding))/3);--_focus-ring-offset:calc(var(--_section-outline-offset) - var(--_focus-ring-width));border:none;border-radius:var(--lumo-border-radius-l);margin:0;padding:0}header{align-items:center;line-height:var(--lumo-line-height-s);margin-bottom:calc(var(--_section-outline-offset)*-1);min-height:var(--lumo-size-l);padding-inline:var(--lumo-space-s)}[part=title]{font-size:var(--lumo-font-size-xl);font-weight:600;line-height:var(--lumo-line-height-m);white-space:nowrap}:host([editable]){background:var(--lumo-contrast-5pct);box-shadow:0 0 0 var(--_section-outline-offset) var(--lumo-contrast-5pct);outline:1px solid var(--lumo-contrast-10pct);outline-offset:calc(var(--_section-outline-offset) - 1px)}:host([editable]) header{padding-inline:var(--lumo-space-xs)}:host([focused]):after{border-radius:var(--lumo-border-radius-l);content:"";display:block;inset:0;outline:var(--_focus-ring-width) solid var(--_focus-ring-color);outline-offset:var(--_focus-ring-offset);position:absolute;z-index:9}:host([selected]){background:var(--lumo-primary-color-10pct);box-shadow:0 0 0 var(--_section-outline-offset) var(--lumo-primary-color-10pct)}:host([selected]:not([focused])){outline-color:var(--lumo-primary-color-50pct)}:host([move-mode]) ::slotted(*){--_widget-opacity:0.3;--_widget-filter:blur(10px)}:host([dragging]){background:var(--_drop-target-background-color);box-shadow:0 0 0 var(--_section-outline-offset) var(--_drop-target-background-color);outline:var(--_drop-target-border)}[part~=move-backward-button]{inset-inline-start:calc(var(--_section-outline-offset)*-1)}[part~=move-forward-button]{inset-inline-end:calc(var(--_section-outline-offset)*-1)}}@media lumo_components_dashboard-widget{:host:before{border:var(--_widget-border-width) solid var(--_widget-border-color);border-radius:calc(var(--_widget-border-radius) + var(--_widget-border-width));inset:calc(var(--_widget-border-width)*-1)}:host([editable]){--_widget-border-color:var(--lumo-contrast-20pct);--_widget-border-width:1px}:host([focused]):before{border-color:var(--_focus-ring-color);border-width:var(--_focus-ring-width)}:host([selected]){background:var(--lumo-primary-color-10pct)}:host([dragging]){background:var(--_drop-target-background-color);border:var(--_drop-target-border);box-shadow:none}:host([resizing]):after{background:var(--_drop-target-background-color);border:var(--_drop-target-border);top:-1px}header{min-height:var(--lumo-size-l);padding:var(--lumo-space-xs) var(--lumo-space-m)}:host([editable]) header{padding:var(--lumo-space-xs)}[part=title]{font-size:var(--lumo-font-size-l);font-weight:600}#content{border-radius:inherit;border-top-left-radius:0;border-top-right-radius:0;min-height:var(--lumo-size-m);overflow:hidden;padding-inline:var(--vaadin-dashboard-widget-padding,0);padding-bottom:var(--vaadin-dashboard-widget-padding,0);padding-top:0}::slotted([slot=header-content]){align-self:center}:host([move-mode]) #content,:host([resize-mode]) #content{filter:blur(10px);opacity:.75}[part~=resize-button]{--_resize-button-offset:min(var(--_gap),var(--_padding),var(--lumo-space-xs));bottom:calc(var(--_resize-button-offset)*-1);inset-inline-end:calc(var(--_resize-button-offset)*-1);--icon:var(--lumo-icons-resize-handle)}[part~=resize-apply-button]{--icon:var(--lumo-icons-checkmark);font-size:var(--lumo-icon-size-m)}[part~=resize-grow-width-button],[part~=resize-shrink-width-button]{min-width:var(--lumo-size-s);padding-left:0;padding-right:0}[part~=resize-grow-height-button],[part~=resize-shrink-height-button]{height:var(--lumo-size-s);padding-left:0;padding-right:0}[part~=resize-grow-height-button],[part~=resize-grow-width-button]{--icon:var(--lumo-icons-plus)}[part~=resize-shrink-height-button],[part~=resize-shrink-width-button]{--icon:var(--lumo-icons-minus)}@media (forced-colors:active){:host{border:1px solid}:host([focused]){outline:2px solid;outline-offset:1px}:host([selected]){outline-color:Highlight;outline-offset:0;outline-width:1px}:host([selected][focused]){outline-offset:0;outline-width:3px}}}@media lumo_components_dashboard{:host{--_widget-opacity:1}:host([item-selected]){--_widget-opacity:0.7}}:host,:root{--_lumo-vaadin-dashboard-inject:1;--_lumo-vaadin-dashboard-inject-modules:lumo_components_dashboard-layout,lumo_components_dashboard;--_lumo-vaadin-dashboard-widget-inject:1;--_lumo-vaadin-dashboard-widget-inject-modules:lumo_mixins_dashboard-item,lumo_components_dashboard-widget;--_lumo-vaadin-dashboard-section-inject:1;--_lumo-vaadin-dashboard-section-inject-modules:lumo_mixins_dashboard-item,lumo_components_dashboard-section;--_lumo-vaadin-dashboard-layout-inject:1;--_lumo-vaadin-dashboard-layout-inject-modules:lumo_components_dashboard-layout;--_lumo-vaadin-dashboard-button-inject:1;--_lumo-vaadin-dashboard-button-inject-modules:lumo_components_button}@media lumo_components_date-picker-month-calendar{:host{display:block;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;color:var(--lumo-body-text-color);font-size:var(--lumo-font-size-m);padding:0 var(--lumo-space-xs);text-align:center;user-select:none;--_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));--_selection-color-text:var(--vaadin-selection-color-text,var(--lumo-primary-text-color))}#monthGrid{border-collapse:collapse;width:100%}#days-container tr,#weekdays-container tr{display:flex}[part~=disabled]{pointer-events:none}[part=month-header]{color:var(--lumo-header-text-color);font-size:var(--lumo-font-size-l);font-weight:500;line-height:1;margin-bottom:var(--lumo-space-m)}[part=week-number],[part=weekday],[part=weekdays]{color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-xxs);line-height:1}[part=weekdays]{margin-bottom:var(--lumo-space-s)}[part=week-number],[part=weekday]:empty{flex-shrink:0;padding:0;width:var(--lumo-size-xs)}[part=week-number][hidden],[part=weekday][hidden]{display:none}[part=week-number],[part~=date]{align-items:center;box-sizing:border-box;display:inline-flex;height:var(--lumo-size-m);justify-content:center;position:relative}[part~=date]{outline:none;transition:color .1s}[part~=date]:not(:empty){cursor:var(--lumo-clickable-cursor)}[part=weekday],[part~=date]{font-weight:400;padding:0;width:14.28571%}:host([week-numbers]) [part=weekday]:not(:empty),:host([week-numbers]) [part~=date]{width:calc((100% - var(--lumo-size-xs))/7)}[part~=date][part~=today]{color:var(--_selection-color-text)}[part~=date]:before{border-radius:var(--lumo-border-radius-m);content:"";height:80%;left:50%;max-height:100%;max-width:100%;min-height:2em;min-width:2em;position:absolute;top:50%;transform:translate(-50%,-50%);width:80%;z-index:-1}[part~=date][part~=focused]:before{box-shadow:0 0 0 1px var(--lumo-base-color),0 0 0 calc(var(--_focus-ring-width) + 1px) var(--_focus-ring-color)}:host(:not([focused])) [part~=date][part~=focused]:before{animation:vaadin-date-picker-month-calendar-focus-date 1.4s infinite}@keyframes vaadin-date-picker-month-calendar-focus-date{50%{box-shadow:0 0 0 1px var(--lumo-base-color),0 0 0 calc(var(--_focus-ring-width) + 1px) transparent}}[part~=date]:not(:empty):not([part~=disabled]):not([part~=selected]):hover:before{background-color:var(--lumo-primary-color-10pct)}[part~=date][part~=selected]{color:var(--lumo-primary-contrast-color)}[part~=date][part~=selected]:before{background-color:var(--_selection-color)}[part~=date][part~=disabled]{color:var(--lumo-disabled-text-color)}@media (pointer:coarse){:host(:not([focus-ring])) [part~=focused]:not([part~=selected]):before,[part~=date]:hover:not([part~=selected]):before{display:none}[part~=date]:not(:empty):not([part~=disabled]):active:before{display:block}:host(:not([focus-ring])) [part~=date][part~=selected]:before{box-shadow:none}}:host([disabled]) *{color:var(--lumo-disabled-text-color)!important}@media (forced-colors:active){[part~=date][part~=focused]{outline:1px solid}[part~=date][part~=selected]{outline:3px solid}}}@media lumo_components_date-picker-overlay-content{:host{background-image:linear-gradient(var(--lumo-shade-5pct),var(--lumo-shade-5pct));background-position:100% 0;background-repeat:no-repeat;background-size:57px 100%;cursor:default}:host([dir=rtl]){background-position:0 0}::slotted([slot=months]){--vaadin-infinite-scroller-item-height:calc(var(--lumo-font-size-l) + var(--lumo-space-m) + var(--lumo-font-size-xs) + var(--lumo-space-s) + var(--lumo-size-m)*6 + var(--lumo-space-s));--vaadin-infinite-scroller-buffer-offset:10%;mask-image:linear-gradient(transparent,#000 10%,#000 85%,transparent)}::slotted([slot=years]){--vaadin-infinite-scroller-buffer-width:57px;background:transparent;border:none;box-shadow:inset 2px 0 4px 0 var(--lumo-shade-5pct);cursor:var(--lumo-clickable-cursor);font-size:var(--lumo-font-size-s);mask-image:linear-gradient(transparent,#000 35%,#000 65%,transparent);width:57px}:host([dir=rtl]) ::slotted([slot=years]){box-shadow:inset -2px 0 4px 0 var(--lumo-shade-5pct)}::slotted([slot=years]:hover){--_lumo-date-picker-year-opacity:1}::slotted([slot=years]):before{background-color:var(--lumo-base-color);background-image:linear-gradient(var(--lumo-tint-5pct),var(--lumo-tint-5pct));border:none;border-top-right-radius:var(--lumo-border-radius-s);box-shadow:2px -2px 6px 0 var(--lumo-shade-5pct);height:1em;translate:-75% -50%;width:1em}:host([dir=rtl]) ::slotted([slot=years]):before{border-bottom-left-radius:var(--lumo-border-radius-s);translate:75% -50%}[part=toolbar]{border-bottom-left-radius:var(--lumo-border-radius-l);padding:var(--lumo-space-s)}:host([fullscreen]) [part=toolbar]{background-color:var(--lumo-base-color);border:none;margin-inline-end:57px}[part=toolbar] ::slotted(vaadin-button){margin:0}[part=years-toggle-button]{border-radius:var(--lumo-border-radius-m);color:var(--lumo-primary-text-color);font-weight:500;height:var(--lumo-size-m);padding:0 .5em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([years-visible]) [part=years-toggle-button]{background-color:var(--lumo-primary-color);color:var(--lumo-primary-contrast-color)}@media screen and (max-width:374px){:host{background-image:none}:host([fullscreen]) [part=toolbar]{margin-inline-end:0}::slotted([slot=years]){--vaadin-infinite-scroller-buffer-width:50px;background-color:var(--lumo-shade-5pct);width:50px}}}@media lumo_components_date-picker-overlay{[part=overlay]{display:flex;flex:auto;height:100%;max-height:calc(var(--lumo-size-m)*14);overflow:hidden;width:calc(var(--lumo-size-m)*7 + var(--lumo-space-xs)*2 + 57px);-webkit-tap-highlight-color:transparent;flex-direction:column}[part=content]{flex:auto;height:100%;mask-image:none;overflow:hidden;padding:0}:host([top-aligned]) [part=overlay]{margin-top:var(--lumo-space-xs)}:host([bottom-aligned]) [part=overlay]{margin-bottom:var(--lumo-space-xs)}@media (max-height:450px),(max-width:450px){[part=overlay]{height:70vh;max-height:70vh;width:100vw}}@media (forced-colors:active){[part=overlay]{outline:3px solid}}}@media lumo_components_date-picker-year{:host{display:block;height:100%}:host([current]) [part=year-number]{color:var(--lumo-primary-text-color)}:host(:not([current])) [part=year-number],[part=year-separator]{opacity:var(--_lumo-date-picker-year-opacity,.7);transition:opacity .2s}[part=year-number],[part=year-separator]{align-items:center;display:flex;height:50%;justify-content:center;transform:translateY(-50%)}[part=year-separator]:after{color:var(--lumo-disabled-text-color);content:"\2022"}}@media lumo_components_date-picker{:host([opened]){pointer-events:auto}:host([dir=rtl]) [part=input-field]{direction:ltr}:host([dir=rtl]) [part=input-field] ::slotted(input)::placeholder{direction:rtl;text-align:left}[part~=toggle-button]:before{content:var(--lumo-icons-calendar)}[part~=clear-button]:before{content:var(--lumo-icons-cross)}@media (max-height:450px),(max-width:450px){[part=overlay-content]{height:70vh}}:host([dir=rtl]) [part=input-field] ::slotted(input){--_lumo-text-field-overflow-mask-image:linear-gradient(270deg,transparent,#000 1.25em)}:host([dir=rtl]) [part=input-field] ::slotted(input:placeholder-shown){--_lumo-text-field-overflow-mask-image:none}}:host,:root{--_lumo-vaadin-date-picker-inject:1;--_lumo-vaadin-date-picker-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_date-picker;--_lumo-vaadin-date-picker-year-inject:1;--_lumo-vaadin-date-picker-year-inject-modules:lumo_components_date-picker-year;--_lumo-vaadin-date-picker-overlay-inject:1;--_lumo-vaadin-date-picker-overlay-inject-modules:lumo_mixins_overlay,lumo_mixins_menu-overlay-core,lumo_mixins_menu-overlay-ext,lumo_components_date-picker-overlay;--_lumo-vaadin-date-picker-overlay-content-inject:1;--_lumo-vaadin-date-picker-overlay-content-inject-modules:lumo_components_date-picker-overlay-content;--_lumo-vaadin-month-calendar-inject:1;--_lumo-vaadin-month-calendar-inject-modules:lumo_components_date-picker-month-calendar}@media lumo_components_date-time-picker{.vaadin-date-time-picker-container{--vaadin-field-default-width:auto}[part=input-fields]{display:flex;--vaadin-field-default-width:12em}[part=input-fields] ::slotted([slot=date-picker]){flex:1 1 auto;min-width:0}[part=input-fields] ::slotted([slot=time-picker]){flex:1 1.65 auto;min-width:0}::slotted([slot=date-picker]){margin-inline-end:2px;--vaadin-input-field-top-end-radius:0;--vaadin-input-field-bottom-end-radius:0}::slotted([slot=time-picker]){--vaadin-input-field-top-start-radius:0;--vaadin-input-field-bottom-start-radius:0}}@media lumo_components_time-picker-overlay{:host{--_vaadin-time-picker-items-container-border-width:var(--lumo-space-xs);--_vaadin-time-picker-items-container-border-style:solid}#overlay{width:var(--vaadin-time-picker-overlay-width,var(--_vaadin-time-picker-overlay-default-width,auto))}}@media lumo_components_time-picker{:host([opened]){pointer-events:auto}[part~=toggle-button]{cursor:pointer}[part~=toggle-button]:before{content:var(--lumo-icons-clock)}:host([dir=rtl]) [part=input-field]{direction:ltr}:host([dir=rtl]) [part=input-field] ::slotted(input){--_lumo-text-field-overflow-mask-image:linear-gradient(270deg,transparent,#000 1.25em)}:host([dir=rtl]) [part=input-field] ::slotted(input:placeholder-shown){--_lumo-text-field-overflow-mask-image:none}:host([dir=rtl]) [part=input-field] ::slotted(input)::placeholder{direction:rtl;text-align:left}}:host,:root{--_lumo-vaadin-time-picker-inject:1;--_lumo-vaadin-time-picker-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_time-picker;--_lumo-vaadin-time-picker-item-inject:1;--_lumo-vaadin-time-picker-item-inject-modules:lumo_components_item,lumo_components_combo-box-item;--_lumo-vaadin-time-picker-overlay-inject:1;--_lumo-vaadin-time-picker-overlay-inject-modules:lumo_mixins_overlay,lumo_mixins_menu-overlay-core,lumo_mixins_combo-box-overlay,lumo_components_time-picker-overlay}:host,:root{--_lumo-vaadin-date-time-picker-inject:1;--_lumo-vaadin-date-time-picker-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_custom-field,lumo_components_date-time-picker}:host,:root{--_lumo-vaadin-details-summary-inject:1;--_lumo-vaadin-details-summary-inject-modules:lumo_components_details-summary}:host,:root{--_lumo-vaadin-details-inject:1;--_lumo-vaadin-details-inject-modules:lumo_components_details}@media lumo_mixins_resizable-overlay{[part=overlay]{display:flex;max-height:100%;overflow:visible;position:relative}[part=content]{box-sizing:border-box;height:100%}.resizer-container{border-radius:inherit;display:flex;flex-direction:column;flex-grow:1}[part=overlay][style] .resizer-container{min-height:100%;width:100%}:host(:not([resizable])) .resizer{display:none}:host([resizable]) [part=title]{cursor:move;-webkit-user-select:none;user-select:none}.resizer{height:16px;position:absolute;width:16px}.resizer.edge{height:8px;inset:-4px;width:8px}.resizer.edge.n{bottom:auto;cursor:ns-resize;width:auto}.resizer.ne{cursor:nesw-resize;right:-4px;top:-4px}.resizer.edge.e{cursor:ew-resize;height:auto;left:auto}.resizer.se{bottom:-4px;cursor:nwse-resize;right:-4px}.resizer.edge.s{cursor:ns-resize;top:auto;width:auto}.resizer.sw{bottom:-4px;cursor:nesw-resize;left:-4px}.resizer.edge.w{cursor:ew-resize;height:auto;right:auto}.resizer.nw{cursor:nwse-resize;left:-4px;top:-4px}}:host,:root{--_lumo-vaadin-dialog-overlay-inject:1;--_lumo-vaadin-dialog-overlay-inject-modules:lumo_mixins_overlay,lumo_mixins_resizable-overlay,lumo_components_dialog-overlay}@media lumo_components_drawer-toggle{:host{align-items:center;background:transparent;cursor:default;display:inline-flex;height:var(--lumo-size-l);justify-content:center;margin:0 var(--lumo-space-s);min-width:auto;outline:none;padding:0;position:relative;width:var(--lumo-size-l)}[part=icon],[part=icon]:after,[part=icon]:before{background:transparent;height:auto;position:inherit;top:auto;width:auto}[part=icon]:after,[part=icon]:before{content:""}[part=icon]:after{top:6px}[part=icon]:before{content:var(--lumo-icons-menu);font-family:lumo-icons;font-size:var(--lumo-icon-size-m);top:12px}:host([slot~=navbar]){color:var(--lumo-secondary-text-color)}}:host,:root{--_lumo-vaadin-drawer-toggle-inject:1;--_lumo-vaadin-drawer-toggle-inject-modules:lumo_components_button,lumo_components_drawer-toggle}@media lumo_components_email-field{:host([dir=rtl]) [part=input-field]{direction:ltr}:host([dir=rtl]) [part=input-field] ::slotted(input){--_lumo-text-field-overflow-mask-image:linear-gradient(270deg,transparent,#000 1.25em)}:host([dir=rtl]) [part=input-field] ::slotted(input)::placeholder{direction:rtl;text-align:left}:host([dir=rtl]) [part=input-field] ::slotted(input:placeholder-shown){--_lumo-text-field-overflow-mask-image:none}}:host,:root{--_lumo-vaadin-email-field-inject:1;--_lumo-vaadin-email-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_email-field}@media lumo_components_field-outline{:host{box-sizing:border-box;display:block;height:100%;inset:0;opacity:0;pointer-events:none;position:absolute;user-select:none;width:100%;--_active-user-color:transparent;mask-image:none!important;transition:opacity .3s}:host([has-active-user]){opacity:1}:host:before{border-radius:var(--lumo-border-radius-s);box-shadow:0 0 0 2px var(--_active-user-color);content:"";inset:0;position:absolute;transition:box-shadow .3s}:host([context$=checkbox]):before{box-shadow:0 0 0 2px var(--lumo-base-color),0 0 0 4px var(--_active-user-color)}:host([context$=radio-button]):before{border-radius:50%;box-shadow:0 0 0 3px var(--lumo-base-color),0 0 0 5px var(--_active-user-color)}:host([context$=item]):before{box-shadow:inset 0 0 0 2px var(--_active-user-color)}}@media lumo_components_user-tag{:host{background-color:var(--vaadin-user-tag-color);box-sizing:border-box;color:#fff;cursor:default;display:block;height:1.3rem;margin:0 0 var(--vaadin-user-tag-offset);opacity:0;transition:opacity .2s ease-in-out;-webkit-user-select:none;user-select:none;--vaadin-user-tag-offset:4px;border-radius:var(--lumo-border-radius-s);box-shadow:var(--lumo-box-shadow-xs);font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-xxs);--vaadin-user-tag-offset:var(--lumo-space-xs)}:host(.show){opacity:1}:host(:last-of-type){margin-bottom:0}[part=name]{box-sizing:border-box;color:var(--lumo-primary-contrast-color);font-size:13px;font-weight:500;height:1.3rem;line-height:1;min-width:calc(var(--lumo-line-height-xs)*1em + .45em);overflow:hidden;padding:.3em calc(.3em + var(--lumo-border-radius-s)/4);text-overflow:ellipsis;white-space:nowrap}}@media lumo_components_user-tags-overlay{[part=overlay]{background:transparent;box-shadow:none;left:-4px;outline:none;overflow:visible;padding:4px;position:relative;will-change:opacity,transform}[part=content]{align-items:flex-start;display:flex;flex-direction:column;padding:0}:host([dir=rtl]) [part=overlay]{left:auto;right:-4px}:host([closing]),:host([opening]){animation:user-tags-overlay-dummy-animation .14s}@keyframes user-tags-overlay-dummy-animation{0%{opacity:1}to{opacity:1}}:host([opening]) [part=overlay]{animation:lumo-user-tags-enter .1s ease-out both}@keyframes lumo-user-tags-enter{0%{opacity:0}}:host([closing]) [part=overlay]{animation:lumo-user-tags-exit .1s both}@keyframes lumo-user-tags-exit{to{opacity:0}}}:host,:root{--_lumo-vaadin-user-tags-overlay-inject:1;--_lumo-vaadin-user-tags-overlay-inject-modules:lumo_mixins_overlay,lumo_components_user-tags-overlay;--_lumo-vaadin-user-tag-inject:1;--_lumo-vaadin-user-tag-inject-modules:lumo_components_user-tag;--_lumo-vaadin-field-outline-inject:1;--_lumo-vaadin-field-outline-inject-modules:lumo_components_field-outline}@media lumo_components_form-item{[part=label]{color:var(--lumo-secondary-text-color);font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-s);font-weight:500;line-height:1.333;margin-bottom:var(--lumo-space-xs);margin-left:calc(var(--lumo-border-radius-m)/4);margin-top:var(--lumo-space-m)}[part=required-indicator]:after{color:var(
|
|
39
|
+
);--_drop-target-border:var(--vaadin-dashboard-drop-target-border,1px dashed var(--lumo-primary-color-50pct));color:var(--lumo-body-text-color);font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-m);line-height:var(--lumo-line-height-m);--_focus-ring-color:var(--vaadin-focus-ring-color,var(--lumo-primary-color-50pct));--_focus-ring-width:var(--vaadin-focus-ring-width,2px);--_icon-color:var(--lumo-contrast-60pct);filter:var(--_widget-filter);opacity:var(--_widget-opacity)}[part~=move-apply-button]{--icon:var(--lumo-icons-checkmark);font-size:var(--lumo-icon-size-m)}:host([focused]){outline:none}header{align-items:start;gap:0;overflow:hidden}[part=title]{color:var(--lumo-header-text-color);line-height:var(--lumo-line-height-s);margin:0 0 1px}vaadin-dashboard-button{font-family:lumo-icons;font-size:var(--lumo-icon-size-m);margin:0}vaadin-dashboard-button .icon:before{background:transparent;content:var(--icon);display:block;height:auto;mask-image:none;width:auto}[part=move-button],[part=remove-button],[part=resize-button]{color:var(--_icon-color);padding-inline:0}:where([part=move-button],[part=resize-button],[part=remove-button]):hover{--_icon-color:var(--lumo-primary-text-color)}:host([selected]){opacity:1;z-index:1;--_icon-color:var(--lumo-primary-text-color)}:host(:is([move-mode],[resize-mode])){--_icon-color:var(--lumo-disabled-text-color)}[part~=move-button]{--icon:var(--lumo-icons-drag-handle)}[part~=remove-button]{--icon:var(--lumo-icons-cross);margin-inline-start:var(--lumo-space-xs)}.mode-controls vaadin-dashboard-button[focused]{z-index:3}:host([move-mode]) :is([part~=move-forward-button],[part~=move-backward-button]) .icon{rotate:none}:host(:not([dir=rtl])) [part~=move-backward-button],:host([dir=rtl]) [part~=move-forward-button]{--icon:var(--lumo-icons-angle-left)}:host(:not([dir=rtl])) [part~=move-forward-button],:host([dir=rtl]) [part~=move-backward-button]{--icon:var(--lumo-icons-angle-right)}}@media lumo_components_dashboard-layout{#grid{--_default-padding:var(--lumo-space-m);--_default-gap:var(--lumo-space-m);--_default-row-min-height:12rem}:host([theme~=shaded-background]){background:var(--lumo-shade-5pct)}:host([theme~=elevated-widgets]){--vaadin-dashboard-widget-shadow:var(--lumo-box-shadow-xs);--vaadin-dashboard-widget-border-color:var(--lumo-contrast-10pct);--vaadin-dashboard-widget-background:linear-gradient(var(--lumo-tint-5pct),var(--lumo-tint-5pct)) var(--lumo-base-color)}:host([theme~=flat-widgets]){--vaadin-dashboard-widget-background:var(--lumo-contrast-5pct);--vaadin-dashboard-widget-border-color:transparent}}@media lumo_components_dashboard-section{:host{gap:var(--_gap,1rem);--_section-outline-offset:calc(min(var(--_gap), var(--_padding))/3);--_focus-ring-offset:calc(var(--_section-outline-offset) - var(--_focus-ring-width));border:none;border-radius:var(--lumo-border-radius-l);margin:0;padding:0}header{align-items:center;line-height:var(--lumo-line-height-s);margin-bottom:calc(var(--_section-outline-offset)*-1);min-height:var(--lumo-size-l);padding-inline:var(--lumo-space-s)}[part=title]{font-size:var(--lumo-font-size-xl);font-weight:600;line-height:var(--lumo-line-height-m);white-space:nowrap}:host([editable]){background:var(--lumo-contrast-5pct);box-shadow:0 0 0 var(--_section-outline-offset) var(--lumo-contrast-5pct);outline:1px solid var(--lumo-contrast-10pct);outline-offset:calc(var(--_section-outline-offset) - 1px)}:host([editable]) header{padding-inline:var(--lumo-space-xs)}:host([focused]):after{border-radius:var(--lumo-border-radius-l);content:"";display:block;inset:0;outline:var(--_focus-ring-width) solid var(--_focus-ring-color);outline-offset:var(--_focus-ring-offset);position:absolute;z-index:9}:host([selected]){background:var(--lumo-primary-color-10pct);box-shadow:0 0 0 var(--_section-outline-offset) var(--lumo-primary-color-10pct)}:host([selected]:not([focused])){outline-color:var(--lumo-primary-color-50pct)}:host([move-mode]) ::slotted(*){--_widget-opacity:0.3;--_widget-filter:blur(10px)}:host([dragging]){background:var(--_drop-target-background-color);box-shadow:0 0 0 var(--_section-outline-offset) var(--_drop-target-background-color);outline:var(--_drop-target-border)}[part~=move-backward-button]{inset-inline-start:calc(var(--_section-outline-offset)*-1)}[part~=move-forward-button]{inset-inline-end:calc(var(--_section-outline-offset)*-1)}}@media lumo_components_dashboard-widget{:host:before{border:var(--_widget-border-width) solid var(--_widget-border-color);border-radius:calc(var(--_widget-border-radius) + var(--_widget-border-width));inset:calc(var(--_widget-border-width)*-1)}:host([editable]){--_widget-border-color:var(--lumo-contrast-20pct);--_widget-border-width:1px}:host([focused]):before{border-color:var(--_focus-ring-color);border-width:var(--_focus-ring-width)}:host([selected]){background:var(--lumo-primary-color-10pct)}:host([dragging]){background:var(--_drop-target-background-color);border:var(--_drop-target-border);box-shadow:none}:host([resizing]):after{background:var(--_drop-target-background-color);border:var(--_drop-target-border);top:-1px}header{min-height:var(--lumo-size-l);padding:var(--lumo-space-xs) var(--lumo-space-m)}:host([editable]) header{padding:var(--lumo-space-xs)}[part=title]{font-size:var(--lumo-font-size-l);font-weight:600}#content{border-radius:inherit;border-top-left-radius:0;border-top-right-radius:0;min-height:var(--lumo-size-m);overflow:hidden;padding-inline:var(--vaadin-dashboard-widget-padding,0);padding-bottom:var(--vaadin-dashboard-widget-padding,0);padding-top:0}::slotted([slot=header-content]){align-self:center}:host([move-mode]) #content,:host([resize-mode]) #content{filter:blur(10px);opacity:.75}[part~=resize-button]{--_resize-button-offset:min(var(--_gap),var(--_padding),var(--lumo-space-xs));bottom:calc(var(--_resize-button-offset)*-1);inset-inline-end:calc(var(--_resize-button-offset)*-1);--icon:var(--lumo-icons-resize-handle)}[part~=resize-apply-button]{--icon:var(--lumo-icons-checkmark);font-size:var(--lumo-icon-size-m)}[part~=resize-grow-width-button],[part~=resize-shrink-width-button]{min-width:var(--lumo-size-s);padding-left:0;padding-right:0}[part~=resize-grow-height-button],[part~=resize-shrink-height-button]{height:var(--lumo-size-s);padding-left:0;padding-right:0}[part~=resize-grow-height-button],[part~=resize-grow-width-button]{--icon:var(--lumo-icons-plus)}[part~=resize-shrink-height-button],[part~=resize-shrink-width-button]{--icon:var(--lumo-icons-minus)}@media (forced-colors:active){:host{border:1px solid}:host([focused]){outline:2px solid;outline-offset:1px}:host([selected]){outline-color:Highlight;outline-offset:0;outline-width:1px}:host([selected][focused]){outline-offset:0;outline-width:3px}}}@media lumo_components_dashboard{:host{--_widget-opacity:1}:host([item-selected]){--_widget-opacity:0.7}}:host,:root{--_lumo-vaadin-dashboard-inject:1;--_lumo-vaadin-dashboard-inject-modules:lumo_components_dashboard-layout,lumo_components_dashboard;--_lumo-vaadin-dashboard-widget-inject:1;--_lumo-vaadin-dashboard-widget-inject-modules:lumo_mixins_dashboard-item,lumo_components_dashboard-widget;--_lumo-vaadin-dashboard-section-inject:1;--_lumo-vaadin-dashboard-section-inject-modules:lumo_mixins_dashboard-item,lumo_components_dashboard-section;--_lumo-vaadin-dashboard-layout-inject:1;--_lumo-vaadin-dashboard-layout-inject-modules:lumo_components_dashboard-layout;--_lumo-vaadin-dashboard-button-inject:1;--_lumo-vaadin-dashboard-button-inject-modules:lumo_components_button}@media lumo_components_date-picker-month-calendar{:host{display:block;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;color:var(--lumo-body-text-color);font-size:var(--lumo-font-size-m);padding:0 var(--lumo-space-xs);text-align:center;user-select:none;--_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));--_selection-color-text:var(--vaadin-selection-color-text,var(--lumo-primary-text-color))}#monthGrid{border-collapse:collapse;width:100%}#days-container tr,#weekdays-container tr{display:flex}[part~=disabled]{pointer-events:none}[part=month-header]{color:var(--lumo-header-text-color);font-size:var(--lumo-font-size-l);font-weight:500;line-height:1;margin-bottom:var(--lumo-space-m)}[part=week-number],[part=weekday],[part=weekdays]{color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-xxs);line-height:1}[part=weekdays]{margin-bottom:var(--lumo-space-s)}[part=week-number],[part=weekday]:empty{flex-shrink:0;padding:0;width:var(--lumo-size-xs)}[part=week-number][hidden],[part=weekday][hidden]{display:none}[part=week-number],[part~=date]{align-items:center;box-sizing:border-box;display:inline-flex;height:var(--lumo-size-m);justify-content:center;position:relative}[part~=date]{outline:none;transition:color .1s}[part~=date]:not(:empty){cursor:var(--lumo-clickable-cursor)}[part=weekday],[part~=date]{font-weight:400;padding:0;width:14.28571%}:host([week-numbers]) [part=weekday]:not(:empty),:host([week-numbers]) [part~=date]{width:calc((100% - var(--lumo-size-xs))/7)}[part~=date][part~=today]{color:var(--_selection-color-text)}[part~=date]:before{border-radius:var(--lumo-border-radius-m);content:"";height:80%;left:50%;max-height:100%;max-width:100%;min-height:2em;min-width:2em;position:absolute;top:50%;transform:translate(-50%,-50%);width:80%;z-index:-1}[part~=date][part~=focused]:before{box-shadow:0 0 0 1px var(--lumo-base-color),0 0 0 calc(var(--_focus-ring-width) + 1px) var(--_focus-ring-color)}:host(:not([focused])) [part~=date][part~=focused]:before{animation:vaadin-date-picker-month-calendar-focus-date 1.4s infinite}@keyframes vaadin-date-picker-month-calendar-focus-date{50%{box-shadow:0 0 0 1px var(--lumo-base-color),0 0 0 calc(var(--_focus-ring-width) + 1px) transparent}}[part~=date]:not(:empty):not([part~=disabled]):not([part~=selected]):hover:before{background-color:var(--lumo-primary-color-10pct)}[part~=date][part~=selected]{color:var(--lumo-primary-contrast-color)}[part~=date][part~=selected]:before{background-color:var(--_selection-color)}[part~=date][part~=disabled]{color:var(--lumo-disabled-text-color)}@media (pointer:coarse){:host(:not([focus-ring])) [part~=focused]:not([part~=selected]):before,[part~=date]:hover:not([part~=selected]):before{display:none}[part~=date]:not(:empty):not([part~=disabled]):active:before{display:block}:host(:not([focus-ring])) [part~=date][part~=selected]:before{box-shadow:none}}:host([disabled]) *{color:var(--lumo-disabled-text-color)!important}@media (forced-colors:active){[part~=date][part~=focused]{outline:1px solid}[part~=date][part~=selected]{outline:3px solid}}}@media lumo_components_date-picker-overlay-content{:host{background-image:linear-gradient(var(--lumo-shade-5pct),var(--lumo-shade-5pct));background-position:100% 0;background-repeat:no-repeat;background-size:57px 100%;cursor:default}:host([dir=rtl]){background-position:0 0}::slotted([slot=months]){--vaadin-infinite-scroller-item-height:calc(var(--lumo-font-size-l) + var(--lumo-space-m) + var(--lumo-font-size-xs) + var(--lumo-space-s) + var(--lumo-size-m)*6 + var(--lumo-space-s));--vaadin-infinite-scroller-buffer-offset:10%;mask-image:linear-gradient(transparent,#000 10%,#000 85%,transparent)}::slotted([slot=years]){--vaadin-infinite-scroller-buffer-width:57px;background:transparent;border:none;box-shadow:inset 2px 0 4px 0 var(--lumo-shade-5pct);cursor:var(--lumo-clickable-cursor);font-size:var(--lumo-font-size-s);mask-image:linear-gradient(transparent,#000 35%,#000 65%,transparent);width:57px}:host([dir=rtl]) ::slotted([slot=years]){box-shadow:inset -2px 0 4px 0 var(--lumo-shade-5pct)}::slotted([slot=years]:hover){--_lumo-date-picker-year-opacity:1}::slotted([slot=years]):before{background-color:var(--lumo-base-color);background-image:linear-gradient(var(--lumo-tint-5pct),var(--lumo-tint-5pct));border:none;border-top-right-radius:var(--lumo-border-radius-s);box-shadow:2px -2px 6px 0 var(--lumo-shade-5pct);height:1em;translate:-75% -50%;width:1em}:host([dir=rtl]) ::slotted([slot=years]):before{border-bottom-left-radius:var(--lumo-border-radius-s);translate:75% -50%}[part=toolbar]{border-bottom-left-radius:var(--lumo-border-radius-l);padding:var(--lumo-space-s)}:host([fullscreen]) [part=toolbar]{background-color:var(--lumo-base-color);border:none;margin-inline-end:57px}[part=toolbar] ::slotted(vaadin-button){margin:0}[part=years-toggle-button]{border-radius:var(--lumo-border-radius-m);color:var(--lumo-primary-text-color);font-weight:500;height:var(--lumo-size-m);padding:0 .5em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([years-visible]) [part=years-toggle-button]{background-color:var(--lumo-primary-color);color:var(--lumo-primary-contrast-color)}@media screen and (max-width:374px){:host{background-image:none}:host([fullscreen]) [part=toolbar]{margin-inline-end:0}::slotted([slot=years]){--vaadin-infinite-scroller-buffer-width:50px;background-color:var(--lumo-shade-5pct);width:50px}}}@media lumo_components_date-picker-overlay{[part=overlay]{display:flex;flex:auto;height:100%;max-height:calc(var(--lumo-size-m)*14);overflow:hidden;width:calc(var(--lumo-size-m)*7 + var(--lumo-space-xs)*2 + 57px);-webkit-tap-highlight-color:transparent;flex-direction:column}[part=content]{flex:auto;height:100%;mask-image:none;overflow:hidden;padding:0}:host([top-aligned]) [part=overlay]{margin-top:var(--lumo-space-xs)}:host([bottom-aligned]) [part=overlay]{margin-bottom:var(--lumo-space-xs)}@media (max-height:450px),(max-width:450px){[part=overlay]{height:70vh;max-height:70vh;width:100vw}}@media (forced-colors:active){[part=overlay]{outline:3px solid}}}@media lumo_components_date-picker-year{:host{display:block;height:100%}:host([current]) [part=year-number]{color:var(--lumo-primary-text-color)}:host(:not([current])) [part=year-number],[part=year-separator]{opacity:var(--_lumo-date-picker-year-opacity,.7);transition:opacity .2s}[part=year-number],[part=year-separator]{align-items:center;display:flex;height:50%;justify-content:center;transform:translateY(-50%)}[part=year-separator]:after{color:var(--lumo-disabled-text-color);content:"\2022"}}@media lumo_components_date-picker{:host([opened]){pointer-events:auto}:host([dir=rtl]) [part=input-field]{direction:ltr}:host([dir=rtl]) [part=input-field] ::slotted(input)::placeholder{direction:rtl;text-align:left}[part~=toggle-button]:before{content:var(--lumo-icons-calendar)}[part~=clear-button]:before{content:var(--lumo-icons-cross)}@media (max-height:450px),(max-width:450px){[part=overlay-content]{height:70vh}}:host([dir=rtl]) [part=input-field] ::slotted(input){--_lumo-text-field-overflow-mask-image:linear-gradient(270deg,transparent,#000 1.25em)}:host([dir=rtl]) [part=input-field] ::slotted(input:placeholder-shown){--_lumo-text-field-overflow-mask-image:none}}:host,:root{--_lumo-vaadin-date-picker-inject:1;--_lumo-vaadin-date-picker-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_date-picker;--_lumo-vaadin-date-picker-year-inject:1;--_lumo-vaadin-date-picker-year-inject-modules:lumo_components_date-picker-year;--_lumo-vaadin-date-picker-overlay-inject:1;--_lumo-vaadin-date-picker-overlay-inject-modules:lumo_mixins_overlay,lumo_mixins_menu-overlay-core,lumo_mixins_menu-overlay-ext,lumo_components_date-picker-overlay;--_lumo-vaadin-date-picker-overlay-content-inject:1;--_lumo-vaadin-date-picker-overlay-content-inject-modules:lumo_components_date-picker-overlay-content;--_lumo-vaadin-month-calendar-inject:1;--_lumo-vaadin-month-calendar-inject-modules:lumo_components_date-picker-month-calendar}@media lumo_components_date-time-picker{.vaadin-date-time-picker-container{--vaadin-field-default-width:auto}[part=input-fields]{display:flex;--vaadin-field-default-width:12em}[part=input-fields] ::slotted([slot=date-picker]){flex:1 1 auto;min-width:0}[part=input-fields] ::slotted([slot=time-picker]){flex:1 1.65 auto;min-width:0}::slotted([slot=date-picker]){margin-inline-end:2px;--vaadin-input-field-top-end-radius:0;--vaadin-input-field-bottom-end-radius:0}::slotted([slot=time-picker]){--vaadin-input-field-top-start-radius:0;--vaadin-input-field-bottom-start-radius:0}}@media lumo_components_time-picker-overlay{:host{--_vaadin-time-picker-items-container-border-width:var(--lumo-space-xs);--_vaadin-time-picker-items-container-border-style:solid}#overlay{width:var(--vaadin-time-picker-overlay-width,var(--_vaadin-time-picker-overlay-default-width,auto))}}@media lumo_components_time-picker{:host([opened]){pointer-events:auto}[part~=toggle-button]{cursor:pointer}[part~=toggle-button]:before{content:var(--lumo-icons-clock)}:host([dir=rtl]) [part=input-field]{direction:ltr}:host([dir=rtl]) [part=input-field] ::slotted(input){--_lumo-text-field-overflow-mask-image:linear-gradient(270deg,transparent,#000 1.25em)}:host([dir=rtl]) [part=input-field] ::slotted(input:placeholder-shown){--_lumo-text-field-overflow-mask-image:none}:host([dir=rtl]) [part=input-field] ::slotted(input)::placeholder{direction:rtl;text-align:left}}:host,:root{--_lumo-vaadin-time-picker-inject:1;--_lumo-vaadin-time-picker-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_time-picker;--_lumo-vaadin-time-picker-item-inject:1;--_lumo-vaadin-time-picker-item-inject-modules:lumo_components_item,lumo_components_combo-box-item;--_lumo-vaadin-time-picker-overlay-inject:1;--_lumo-vaadin-time-picker-overlay-inject-modules:lumo_mixins_overlay,lumo_mixins_menu-overlay-core,lumo_mixins_combo-box-overlay,lumo_components_time-picker-overlay}:host,:root{--_lumo-vaadin-date-time-picker-inject:1;--_lumo-vaadin-date-time-picker-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_custom-field,lumo_components_date-time-picker}:host,:root{--_lumo-vaadin-details-summary-inject:1;--_lumo-vaadin-details-summary-inject-modules:lumo_components_details-summary}:host,:root{--_lumo-vaadin-details-inject:1;--_lumo-vaadin-details-inject-modules:lumo_components_details}@media lumo_mixins_resizable-overlay{[part=overlay]{display:flex;max-height:100%;overflow:visible;position:relative}[part=content]{box-sizing:border-box;height:100%}.resizer-container{border-radius:inherit;display:flex;flex-direction:column;flex-grow:1}[part=overlay][style] .resizer-container{min-height:100%;width:100%}:host(:not([resizable])) .resizer{display:none}:host([resizable]) [part=title]{cursor:move;-webkit-user-select:none;user-select:none}.resizer{height:16px;position:absolute;width:16px}.resizer.edge{height:8px;inset:-4px;width:8px}.resizer.edge.n{bottom:auto;cursor:ns-resize;width:auto}.resizer.ne{cursor:nesw-resize;right:-4px;top:-4px}.resizer.edge.e{cursor:ew-resize;height:auto;left:auto}.resizer.se{bottom:-4px;cursor:nwse-resize;right:-4px}.resizer.edge.s{cursor:ns-resize;top:auto;width:auto}.resizer.sw{bottom:-4px;cursor:nesw-resize;left:-4px}.resizer.edge.w{cursor:ew-resize;height:auto;right:auto}.resizer.nw{cursor:nwse-resize;left:-4px;top:-4px}}:host,:root{--_lumo-vaadin-dialog-overlay-inject:1;--_lumo-vaadin-dialog-overlay-inject-modules:lumo_mixins_overlay,lumo_mixins_resizable-overlay,lumo_components_dialog-overlay}@media lumo_components_drawer-toggle{:host{align-items:center;background:transparent;cursor:default;display:inline-flex;height:var(--lumo-size-l);justify-content:center;margin:0 var(--lumo-space-s);min-width:auto;outline:none;padding:0;position:relative;width:var(--lumo-size-l)}[part=icon],[part=icon]:after,[part=icon]:before{background:transparent;height:auto;width:auto}[part=icon]:after,[part=icon]:before{content:""}[part=icon]:after{top:6px}[part=icon]:before{content:var(--lumo-icons-menu);font-family:lumo-icons;font-size:var(--lumo-icon-size-m);top:12px}:host([slot~=navbar]){color:var(--lumo-secondary-text-color)}}:host,:root{--_lumo-vaadin-drawer-toggle-inject:1;--_lumo-vaadin-drawer-toggle-inject-modules:lumo_components_button,lumo_components_drawer-toggle}@media lumo_components_email-field{:host([dir=rtl]) [part=input-field]{direction:ltr}:host([dir=rtl]) [part=input-field] ::slotted(input){--_lumo-text-field-overflow-mask-image:linear-gradient(270deg,transparent,#000 1.25em)}:host([dir=rtl]) [part=input-field] ::slotted(input)::placeholder{direction:rtl;text-align:left}:host([dir=rtl]) [part=input-field] ::slotted(input:placeholder-shown){--_lumo-text-field-overflow-mask-image:none}}:host,:root{--_lumo-vaadin-email-field-inject:1;--_lumo-vaadin-email-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_email-field}@media lumo_components_field-outline{:host{box-sizing:border-box;display:block;height:100%;inset:0;opacity:0;pointer-events:none;position:absolute;user-select:none;width:100%;--_active-user-color:transparent;mask-image:none!important;transition:opacity .3s}:host([has-active-user]){opacity:1}:host:before{border-radius:var(--lumo-border-radius-s);box-shadow:0 0 0 2px var(--_active-user-color);content:"";inset:0;position:absolute;transition:box-shadow .3s}:host([context$=checkbox]):before{box-shadow:0 0 0 2px var(--lumo-base-color),0 0 0 4px var(--_active-user-color)}:host([context$=radio-button]):before{border-radius:50%;box-shadow:0 0 0 3px var(--lumo-base-color),0 0 0 5px var(--_active-user-color)}:host([context$=item]):before{box-shadow:inset 0 0 0 2px var(--_active-user-color)}}@media lumo_components_user-tag{:host{background-color:var(--vaadin-user-tag-color);box-sizing:border-box;color:#fff;cursor:default;display:block;height:1.3rem;margin:0 0 var(--vaadin-user-tag-offset);opacity:0;transition:opacity .2s ease-in-out;-webkit-user-select:none;user-select:none;--vaadin-user-tag-offset:4px;border-radius:var(--lumo-border-radius-s);box-shadow:var(--lumo-box-shadow-xs);font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-xxs);--vaadin-user-tag-offset:var(--lumo-space-xs)}:host(.show){opacity:1}:host(:last-of-type){margin-bottom:0}[part=name]{box-sizing:border-box;color:var(--lumo-primary-contrast-color);font-size:13px;font-weight:500;height:1.3rem;line-height:1;min-width:calc(var(--lumo-line-height-xs)*1em + .45em);overflow:hidden;padding:.3em calc(.3em + var(--lumo-border-radius-s)/4);text-overflow:ellipsis;white-space:nowrap}}@media lumo_components_user-tags-overlay{[part=overlay]{background:transparent;box-shadow:none;left:-4px;outline:none;overflow:visible;padding:4px;position:relative;will-change:opacity,transform}[part=content]{align-items:flex-start;display:flex;flex-direction:column;padding:0}:host([dir=rtl]) [part=overlay]{left:auto;right:-4px}:host([closing]),:host([opening]){animation:user-tags-overlay-dummy-animation .14s}@keyframes user-tags-overlay-dummy-animation{0%{opacity:1}to{opacity:1}}:host([opening]) [part=overlay]{animation:lumo-user-tags-enter .1s ease-out both}@keyframes lumo-user-tags-enter{0%{opacity:0}}:host([closing]) [part=overlay]{animation:lumo-user-tags-exit .1s both}@keyframes lumo-user-tags-exit{to{opacity:0}}}:host,:root{--_lumo-vaadin-user-tags-overlay-inject:1;--_lumo-vaadin-user-tags-overlay-inject-modules:lumo_mixins_overlay,lumo_components_user-tags-overlay;--_lumo-vaadin-user-tag-inject:1;--_lumo-vaadin-user-tag-inject-modules:lumo_components_user-tag;--_lumo-vaadin-field-outline-inject:1;--_lumo-vaadin-field-outline-inject-modules:lumo_components_field-outline}@media lumo_components_form-item{[part=label]{color:var(--lumo-secondary-text-color);font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-s);font-weight:500;line-height:1.333;margin-bottom:var(--lumo-space-xs);margin-left:calc(var(--lumo-border-radius-m)/4);margin-top:var(--lumo-space-m)}[part=required-indicator]:after{color:var(
|
|
40
40
|
--vaadin-input-field-required-indicator-color,var(--lumo-required-field-indicator-color,var(--lumo-primary-text-color))
|
|
41
41
|
);content:var(--vaadin-input-field-required-indicator,var(--lumo-required-field-indicator,"\2022"));opacity:0;position:relative;text-align:center;transition:opacity .2s;width:1em}:host([required]) [part=required-indicator]:after{opacity:1}:host([invalid]) [part=required-indicator]:after{color:var(
|
|
42
42
|
--vaadin-input-field-required-indicator-color,var(--lumo-required-field-indicator-color,var(--lumo-error-text-color))
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/vaadin-lumo-styles",
|
|
3
|
-
"version": "25.0.
|
|
3
|
+
"version": "25.0.7",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -42,9 +42,9 @@
|
|
|
42
42
|
"web-component"
|
|
43
43
|
],
|
|
44
44
|
"dependencies": {
|
|
45
|
-
"@vaadin/component-base": "~25.0.
|
|
46
|
-
"@vaadin/icon": "~25.0.
|
|
47
|
-
"@vaadin/vaadin-themable-mixin": "~25.0.
|
|
45
|
+
"@vaadin/component-base": "~25.0.7",
|
|
46
|
+
"@vaadin/icon": "~25.0.7",
|
|
47
|
+
"@vaadin/vaadin-themable-mixin": "~25.0.7"
|
|
48
48
|
},
|
|
49
49
|
"devDependencies": {
|
|
50
50
|
"cssnano": "^7.1.1",
|
|
@@ -52,5 +52,5 @@
|
|
|
52
52
|
"postcss-cli": "^11.0.1",
|
|
53
53
|
"postcss-import": "^16.1.1"
|
|
54
54
|
},
|
|
55
|
-
"gitHead": "
|
|
55
|
+
"gitHead": "8f3a780477d7dbe30fd473470ede41458e5217b9"
|
|
56
56
|
}
|