@vaadin/vaadin-lumo-styles 25.0.3 → 25.1.0-alpha2
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/components/index.css +1 -0
- package/components/upload-button.css +12 -0
- package/dist/lumo.css +2 -2
- package/package.json +5 -5
- package/src/components/button.css +1 -2
package/components/index.css
CHANGED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright (c) 2000 - 2026 Vaadin Ltd.
|
|
4
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
|
+
*/
|
|
6
|
+
@import './button.css';
|
|
7
|
+
|
|
8
|
+
:root::before,
|
|
9
|
+
:host::before {
|
|
10
|
+
--_lumo-vaadin-upload-button-inject: 1;
|
|
11
|
+
--_lumo-vaadin-upload-button-inject-modules: lumo_components_button;
|
|
12
|
+
}
|
package/dist/lumo.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
:where(:host),:where(:root){--vaadin-focus-ring-color:initial;--vaadin-focus-ring-width:initial}@font-face{font-family:lumo-icons;font-style:normal;font-weight:400;src:url(data:application/font-woff;charset=utf-8;base64,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) format("woff")}:where(:host),:where(:root){--lumo-icons-align-center:"\ea01";--lumo-icons-align-left:"\ea02";--lumo-icons-align-right:"\ea03";--lumo-icons-angle-down:"\ea04";--lumo-icons-angle-left:"\ea05";--lumo-icons-angle-right:"\ea06";--lumo-icons-angle-up:"\ea07";--lumo-icons-arrow-down:"\ea08";--lumo-icons-arrow-left:"\ea09";--lumo-icons-arrow-right:"\ea0a";--lumo-icons-arrow-up:"\ea0b";--lumo-icons-bar-chart:"\ea0c";--lumo-icons-bell:"\ea0d";--lumo-icons-calendar:"\ea0e";--lumo-icons-checkmark:"\ea0f";--lumo-icons-chevron-down:"\ea10";--lumo-icons-chevron-left:"\ea11";--lumo-icons-chevron-right:"\ea12";--lumo-icons-chevron-up:"\ea13";--lumo-icons-clean:"\ea14";--lumo-icons-clock:"\ea15";--lumo-icons-cog:"\ea16";--lumo-icons-cross:"\ea17";--lumo-icons-download:"\ea18";--lumo-icons-drag-handle:"\ea19";--lumo-icons-dropdown:"\ea1a";--lumo-icons-edit:"\ea1b";--lumo-icons-error:"\ea1c";--lumo-icons-eye:"\ea1d";--lumo-icons-eye-disabled:"\ea1e";--lumo-icons-indent:"\ea1f";--lumo-icons-link:"\ea20";--lumo-icons-menu:"\ea21";--lumo-icons-minus:"\ea22";--lumo-icons-ordered-list:"\ea23";--lumo-icons-outdent:"\ea24";--lumo-icons-phone:"\ea25";--lumo-icons-photo:"\ea26";--lumo-icons-play:"\ea27";--lumo-icons-plus:"\ea28";--lumo-icons-redo:"\ea29";--lumo-icons-reload:"\ea2a";--lumo-icons-resize-handle:"\ea2b";--lumo-icons-search:"\ea2c";--lumo-icons-undo:"\ea2d";--lumo-icons-unordered-list:"\ea2e";--lumo-icons-upload:"\ea2f";--lumo-icons-user:"\ea30"}:where(:host),:where(:root){--lumo-base-color:#fff;--lumo-tint-5pct:hsla(0,0%,100%,.3);--lumo-tint-10pct:hsla(0,0%,100%,.37);--lumo-tint-20pct:hsla(0,0%,100%,.44);--lumo-tint-30pct:hsla(0,0%,100%,.5);--lumo-tint-40pct:hsla(0,0%,100%,.57);--lumo-tint-50pct:hsla(0,0%,100%,.64);--lumo-tint-60pct:hsla(0,0%,100%,.7);--lumo-tint-70pct:hsla(0,0%,100%,.77);--lumo-tint-80pct:hsla(0,0%,100%,.84);--lumo-tint-90pct:hsla(0,0%,100%,.9);--lumo-tint:#fff;--lumo-shade-5pct:rgba(25,59,103,.05);--lumo-shade-10pct:rgba(26,57,96,.1);--lumo-shade-20pct:rgba(28,55,90,.16);--lumo-shade-30pct:rgba(28,52,84,.26);--lumo-shade-40pct:rgba(28,50,79,.38);--lumo-shade-50pct:rgba(28,48,74,.52);--lumo-shade-60pct:rgba(28,46,69,.6);--lumo-shade-70pct:rgba(27,43,65,.69);--lumo-shade-80pct:rgba(26,41,61,.83);--lumo-shade-90pct:rgba(24,39,57,.94);--lumo-shade:#192434;--lumo-contrast-5pct:var(--lumo-shade-5pct);--lumo-contrast-10pct:var(--lumo-shade-10pct);--lumo-contrast-20pct:var(--lumo-shade-20pct);--lumo-contrast-30pct:var(--lumo-shade-30pct);--lumo-contrast-40pct:var(--lumo-shade-40pct);--lumo-contrast-50pct:var(--lumo-shade-50pct);--lumo-contrast-60pct:var(--lumo-shade-60pct);--lumo-contrast-70pct:var(--lumo-shade-70pct);--lumo-contrast-80pct:var(--lumo-shade-80pct);--lumo-contrast-90pct:var(--lumo-shade-90pct);--lumo-contrast:var(--lumo-shade);--lumo-header-text-color:var(--lumo-contrast);--lumo-body-text-color:var(--lumo-contrast-90pct);--lumo-secondary-text-color:var(--lumo-contrast-70pct);--lumo-tertiary-text-color:var(--lumo-contrast-50pct);--lumo-disabled-text-color:var(--lumo-contrast-30pct);--lumo-primary-color:#006af5;--lumo-primary-color-50pct:rgba(0,108,250,.76);--lumo-primary-color-10pct:rgba(51,139,255,.13);--lumo-primary-text-color:#005fdb;--lumo-primary-contrast-color:#fff;--lumo-error-color:#e21d12;--lumo-error-color-50pct:rgba(231,29,19,.5);--lumo-error-color-10pct:rgba(231,29,19,.1);--lumo-error-text-color:#ca150c;--lumo-error-contrast-color:#fff;--lumo-success-color:#158443;--lumo-success-color-50pct:rgba(22,136,70,.5);--lumo-success-color-10pct:rgba(22,136,70,.1);--lumo-success-text-color:#0a7637;--lumo-success-contrast-color:#fff;--lumo-warning-color:#fc0;--lumo-warning-color-10pct:rgba(255,204,0,.25);--lumo-warning-text-color:#995200;--lumo-warning-contrast-color:var(--lumo-shade-90pct);--vaadin-user-color-0:#df0b92;--vaadin-user-color-1:#650acc;--vaadin-user-color-2:#097faa;--vaadin-user-color-3:#ad6200;--vaadin-user-color-4:#bf16f3;--vaadin-user-color-5:#084391;--vaadin-user-color-6:#078836;--vaadin-text-color:var(--lumo-body-text-color);--vaadin-text-color-secondary:var(--lumo-secondary-text-color);--vaadin-text-color-disabled:var(--lumo-disabled-text-color);--vaadin-border-color:var(--lumo-contrast-30pct);--vaadin-border-color-secondary:var(--lumo-contrast-10pct);--vaadin-background-color:var(--lumo-base-color);--vaadin-background-container:var(--lumo-contrast-5pct);--vaadin-background-container-strong:var(--lumo-contrast-10pct)}@media (forced-colors:active){:where(:host),:where(:root){--lumo-disabled-text-color:GrayText}}:where(:host),:where(:root){--lumo-size-xs:1.625rem;--lumo-size-s:1.875rem;--lumo-size-m:2.25rem;--lumo-size-l:2.75rem;--lumo-size-xl:3.5rem;--lumo-icon-size-s:1.25em;--lumo-icon-size-m:1.5em;--lumo-icon-size-l:2.25em;--lumo-icon-size:var(--lumo-icon-size-m)}:where(:host),:where(:root){--lumo-space-xs:0.25rem;--lumo-space-s:0.5rem;--lumo-space-m:1rem;--lumo-space-l:1.5rem;--lumo-space-xl:2.5rem;--lumo-space-wide-xs:calc(var(--lumo-space-xs)/2) var(--lumo-space-xs);--lumo-space-wide-s:calc(var(--lumo-space-s)/2) var(--lumo-space-s);--lumo-space-wide-m:calc(var(--lumo-space-m)/2) var(--lumo-space-m);--lumo-space-wide-l:calc(var(--lumo-space-l)/2) var(--lumo-space-l);--lumo-space-wide-xl:calc(var(--lumo-space-xl)/2) var(--lumo-space-xl);--lumo-space-tall-xs:var(--lumo-space-xs) calc(var(--lumo-space-xs)/2);--lumo-space-tall-s:var(--lumo-space-s) calc(var(--lumo-space-s)/2);--lumo-space-tall-m:var(--lumo-space-m) calc(var(--lumo-space-m)/2);--lumo-space-tall-l:var(--lumo-space-l) calc(var(--lumo-space-l)/2);--lumo-space-tall-xl:var(--lumo-space-xl) calc(var(--lumo-space-xl)/2)}:where(:host),:where(:root){--lumo-border-radius-s:0.25em;--lumo-border-radius-m:var(--lumo-border-radius,0.25em);--lumo-border-radius-l:0.5em;--lumo-box-shadow-xs:0 1px 4px -1px var(--lumo-shade-50pct);--lumo-box-shadow-s:0 2px 4px -1px var(--lumo-shade-20pct),0 3px 12px -1px var(--lumo-shade-30pct);--lumo-box-shadow-m:0 2px 6px -1px var(--lumo-shade-20pct),0 8px 24px -4px var(--lumo-shade-40pct);--lumo-box-shadow-l:0 3px 18px -2px var(--lumo-shade-20pct),0 12px 48px -6px var(--lumo-shade-40pct);--lumo-box-shadow-xl:0 4px 24px -3px var(--lumo-shade-20pct),0 18px 64px -8px var(--lumo-shade-40pct);--lumo-clickable-cursor:default}:where(:host),:where(:root){--lumo-font-family:-apple-system,BlinkMacSystemFont,"Roboto","Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--vaadin-icon-baseline-font-family:var(--lumo-font-family);--lumo-font-size-xxs:0.75rem;--lumo-font-size-xs:0.8125rem;--lumo-font-size-s:0.875rem;--lumo-font-size-m:1rem;--lumo-font-size-l:1.125rem;--lumo-font-size-xl:1.375rem;--lumo-font-size-xxl:1.75rem;--lumo-font-size-xxxl:2.5rem;--lumo-line-height-xs:1.25;--lumo-line-height-s:1.375;--lumo-line-height-m:1.625}[theme~=badge]{align-items:center;background-color:var(--lumo-primary-color-10pct);border-radius:var(--lumo-border-radius-s);box-sizing:border-box;color:var(--lumo-primary-text-color);display:inline-flex;flex-shrink:0;font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-s);font-weight:500;justify-content:center;letter-spacing:normal;line-height:1;min-width:calc(var(--lumo-line-height-xs)*1em + .45em);padding:.4em calc(.5em + var(--lumo-border-radius-s)/4);text-transform:none}[theme~=badge]:before{content:"\2003";display:inline-block;width:0}[theme~=badge][theme~=small]{font-size:var(--lumo-font-size-xxs);line-height:1}[theme~=badge][theme~=success]{background-color:var(--lumo-success-color-10pct);color:var(--lumo-success-text-color)}[theme~=badge][theme~=error]{background-color:var(--lumo-error-color-10pct);color:var(--lumo-error-text-color)}[theme~=badge][theme~=warning]{background-color:var(--lumo-warning-color-10pct);color:var(--lumo-warning-text-color)}[theme~=badge][theme~=contrast]{background-color:var(--lumo-contrast-5pct);color:var(--lumo-contrast-80pct)}[theme~=badge][theme~=primary]{background-color:var(--lumo-primary-color);color:var(--lumo-primary-contrast-color)}[theme~=badge][theme~=success][theme~=primary]{background-color:var(--lumo-success-color);color:var(--lumo-success-contrast-color)}[theme~=badge][theme~=error][theme~=primary]{background-color:var(--lumo-error-color);color:var(--lumo-error-contrast-color)}[theme~=badge][theme~=warning][theme~=primary]{background-color:var(--lumo-warning-color);color:var(--lumo-warning-contrast-color)}[theme~=badge][theme~=contrast][theme~=primary]{background-color:var(--lumo-contrast);color:var(--lumo-base-color)}[theme~=badge][href]:hover{text-decoration:none}[theme~=badge]>vaadin-icon{margin:-.25em 0}[theme~=badge]>vaadin-icon:first-child{margin-left:-.375em}[theme~=badge]>vaadin-icon:last-child{margin-right:-.375em}vaadin-icon[theme~=badge][icon]{font-size:1rem;height:var(--lumo-icon-size-m);min-width:0;padding:0;width:var(--lumo-icon-size-m)}vaadin-icon[theme~=badge][icon][theme~=small]{height:var(--lumo-icon-size-s);width:var(--lumo-icon-size-s)}[theme~=badge]:not([icon]):empty{background-color:var(--lumo-primary-color);border-radius:50%;height:1em;min-width:0;padding:0;width:1em}[theme~=badge][theme~=small]:not([icon]):empty{height:.75em;width:.75em}[theme~=badge][theme~=contrast]:not([icon]):empty{background-color:var(--lumo-contrast)}[theme~=badge][theme~=success]:not([icon]):empty{background-color:var(--lumo-success-color)}[theme~=badge][theme~=error]:not([icon]):empty{background-color:var(--lumo-error-color)}[theme~=badge][theme~=warning]:not([icon]):empty{background-color:var(--lumo-warning-color)}[theme~=badge][theme~=pill]{--lumo-border-radius-s:1em}[dir=rtl][theme~=badge] vaadin-icon:first-child{margin-left:0;margin-right:-.375em}[dir=rtl][theme~=badge] vaadin-icon:last-child{margin-left:-.375em;margin-right:0}:where(:host),:where(:root){background-color:var(--lumo-base-color);color:var(--lumo-body-text-color);color-scheme:light}:host([theme~=dark]),[theme~=dark]{--lumo-base-color:#233348;--lumo-tint-5pct:rgba(192,213,242,.06);--lumo-tint-10pct:rgba(173,200,235,.14);--lumo-tint-20pct:rgba(180,205,238,.23);--lumo-tint-30pct:rgba(186,210,242,.32);--lumo-tint-40pct:rgba(193,216,245,.41);--lumo-tint-50pct:rgba(201,221,248,.5);--lumo-tint-60pct:rgba(209,227,250,.58);--lumo-tint-70pct:rgba(217,232,252,.69);--lumo-tint-80pct:rgba(226,238,254,.8);--lumo-tint-90pct:rgba(235,243,255,.9);--lumo-tint:#f5f9ff;--lumo-shade-5pct:rgba(0,0,0,.07);--lumo-shade-10pct:rgba(5,5,5,.15);--lumo-shade-20pct:rgba(9,10,11,.23);--lumo-shade-30pct:rgba(13,15,17,.32);--lumo-shade-40pct:rgba(17,20,24,.41);--lumo-shade-50pct:rgba(20,25,31,.5);--lumo-shade-60pct:rgba(23,30,38,.6);--lumo-shade-70pct:rgba(24,32,42,.7);--lumo-shade-80pct:rgba(23,32,44,.8);--lumo-shade-90pct:rgba(22,32,44,.9);--lumo-shade:#16202c;--lumo-contrast-5pct:var(--lumo-tint-5pct);--lumo-contrast-10pct:var(--lumo-tint-10pct);--lumo-contrast-20pct:var(--lumo-tint-20pct);--lumo-contrast-30pct:var(--lumo-tint-30pct);--lumo-contrast-40pct:var(--lumo-tint-40pct);--lumo-contrast-50pct:var(--lumo-tint-50pct);--lumo-contrast-60pct:var(--lumo-tint-60pct);--lumo-contrast-70pct:var(--lumo-tint-70pct);--lumo-contrast-80pct:var(--lumo-tint-80pct);--lumo-contrast-90pct:var(--lumo-tint-90pct);--lumo-contrast:var(--lumo-tint);--lumo-header-text-color:var(--lumo-contrast);--lumo-body-text-color:var(--lumo-contrast-90pct);--lumo-secondary-text-color:var(--lumo-contrast-70pct);--lumo-tertiary-text-color:var(--lumo-contrast-50pct);--lumo-disabled-text-color:var(--lumo-contrast-30pct);--lumo-primary-color:#0c6ce9;--lumo-primary-color-50pct:rgba(110,169,247,.69);--lumo-primary-color-10pct:rgba(37,126,244,.13);--lumo-primary-text-color:#90bdf9;--lumo-primary-contrast-color:#fff;--lumo-error-color:#e0241a;--lumo-error-color-50pct:rgba(231,93,85,.5);--lumo-error-color-10pct:rgba(231,93,85,.14);--lumo-error-text-color:#ff9e99;--lumo-success-color:#158443;--lumo-success-color-50pct:rgba(15,245,111,.5);--lumo-success-color-10pct:rgba(15,245,111,.1);--lumo-success-text-color:#12d965;--lumo-warning-color:#f5af00;--lumo-warning-color-10pct:rgba(255,170,0,.2);--lumo-warning-text-color:#fc3;--lumo-warning-contrast-color:var(--lumo-shade-90pct);--vaadin-user-color-0:#ff66c7;--vaadin-user-color-1:#9d8aff;--vaadin-user-color-2:#8aff66;--vaadin-user-color-3:#ffbd66;--vaadin-user-color-4:#dc6bff;--vaadin-user-color-5:#66fffa;--vaadin-user-color-6:#e6ff66;background-color:var(--lumo-base-color);color:var(--lumo-body-text-color);color-scheme:dark}:where(:host),:where(body){font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-m);line-height:var(--lumo-line-height-m);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[theme~=font-size-s],small{font-size:var(--lumo-font-size-s);line-height:var(--lumo-line-height-s)}[theme~=font-size-xs]{font-size:var(--lumo-font-size-xs);line-height:var(--lumo-line-height-xs)}:where(h1,h2,h3,h4,h5,h6){color:var(--lumo-header-text-color);font-weight:600;line-height:var(--lumo-line-height-xs);margin-block:0}:where(h1){font-size:var(--lumo-font-size-xxxl)}:where(h2){font-size:var(--lumo-font-size-xxl)}:where(h3){font-size:var(--lumo-font-size-xl)}:where(h4){font-size:var(--lumo-font-size-l)}:where(h5){font-size:var(--lumo-font-size-m)}:where(h6){font-size:var(--lumo-font-size-xs);letter-spacing:.03em;text-transform:uppercase}blockquote,p{margin-bottom:.75em;margin-top:.5em}a{text-decoration:none}a:where(:any-link){color:var(--lumo-primary-text-color)}a:where(:any-link):hover{text-decoration:underline}a:not(:any-link){color:var(--lumo-disabled-text-color)}hr{align-self:stretch;background-color:var(--lumo-contrast-10pct);border:0;display:block;height:1px;margin:var(--lumo-space-s) calc(var(--lumo-border-radius-m)/2);padding:0}b,strong{font-weight:600}code,pre{border-radius:var(--lumo-border-radius-m)}pre code{background:transparent}blockquote{border-left:2px solid var(--lumo-contrast-30pct);color:var(--lumo-secondary-text-color)}blockquote[dir=rtl]{border-left:none;border-right:2px solid var(--lumo-contrast-30pct)}@media lumo_components_accordion-heading{:host{display:block;outline:none;padding:0;-webkit-user-select:none;user-select:none}:host([hidden]){display:none!important}button{align-items:center;background-color:initial;border:initial;color:inherit;display:flex;font:inherit;justify-content:inherit;margin:0;outline:none;padding:0;text-align:inherit;width:100%}[part=content]{padding:var(--lumo-space-s) 0}:host([theme~=filled]){padding-bottom:0;padding-top:0}}@media lumo_components_details-summary{:host{align-items:center;background-color:inherit;border-radius:var(--lumo-border-radius-m);box-sizing:border-box;color:var(--lumo-secondary-text-color);cursor:var(--lumo-clickable-cursor);display:flex;font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-m);font-weight:500;line-height:var(--lumo-line-height-xs);outline:none;padding:var(--lumo-space-s) 0;-webkit-user-select:none;user-select:none;white-space:nowrap;width:100%;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:host([hidden]){display:none!important}:host([disabled]){pointer-events:none}:host([disabled]),:host([disabled]) [part=toggle]{color:var(--lumo-disabled-text-color);cursor:default}@media (hover:hover){:host(:hover:not([disabled])),:host(:hover:not([disabled])) [part=toggle]{color:var(--lumo-contrast-80pct)}}[part=toggle]{color:var(--lumo-contrast-60pct);cursor:var(--lumo-clickable-cursor);display:block;font-family:lumo-icons;font-size:var(--lumo-icon-size-s);height:1em;line-height:1;margin-left:calc(var(--lumo-space-xs)*-1);margin-right:var(--lumo-space-xs);width:1em}[part=toggle]:before{content:var(--lumo-icons-angle-right)}:host([opened]) [part=toggle]{transform:rotate(90deg)}[part=content]{flex-grow:1}:host([dir=rtl]) [part=toggle]{margin-left:var(--lumo-space-xs);margin-right:calc(var(--lumo-space-xs)*-1)}:host([dir=rtl]) [part=toggle]:before{content:var(--lumo-icons-angle-left)}:host([opened][dir=rtl]) [part=toggle]{transform:rotate(-90deg)}:host([theme~=small]){padding-bottom:var(--lumo-space-xs);padding-top:var(--lumo-space-xs)}:host([theme~=small]) [part=toggle]{margin-right:calc(var(--lumo-space-xs)/2)}:host([theme~=small][dir=rtl]) [part=toggle]{margin-left:calc(var(--lumo-space-xs)/2)}:host([theme~=filled]){padding:var(--lumo-space-s) calc(var(--lumo-space-s) + var(--lumo-space-xs)/2)}:host([theme~=reverse]){justify-content:space-between}:host([theme~=reverse]) [part=toggle]{margin-right:0;order:1}:host([theme~=reverse][dir=rtl]) [part=toggle]{margin-left:0}:host([theme~=reverse][theme~=filled]){padding-left:var(--lumo-space-m)}:host([theme~=reverse][theme~=filled][dir=rtl]){padding-right:var(--lumo-space-m)}}:host:before,:root:before{--_lumo-vaadin-accordion-heading-inject:1;--_lumo-vaadin-accordion-heading-inject-modules:lumo_components_details-summary,lumo_components_accordion-heading}@media lumo_components_accordion-panel{:host{border-bottom:1px solid var(--lumo-contrast-10pct);display:block;margin:0}:host([hidden]){display:none!important}[part=content]{display:none;overflow:hidden}:host([opened]) [part=content]{display:block;overflow:visible}:host(:last-child){border-bottom:none}:host([theme~=filled]){border-bottom:none}:host([theme~=filled]:not(:last-child)){margin-bottom:2px}}@media lumo_components_details{:host{margin:var(--lumo-space-xs) 0;outline:none;--_focus-ring-color:var(--vaadin-focus-ring-color,var(--lumo-primary-color-50pct));--_focus-ring-width:var(--vaadin-focus-ring-width,2px)}:host([focus-ring]) ::slotted([slot=summary]){box-shadow:0 0 0 var(--_focus-ring-width) var(--_focus-ring-color)}[part=content]{font-size:var(--lumo-font-size-m);line-height:var(--lumo-line-height-m);padding:var(--lumo-space-xs) 0 var(--lumo-space-s)}:host([theme~=filled]){background-color:var(--lumo-contrast-5pct);border-radius:var(--lumo-border-radius-m)}:host([theme~=filled]) [part=content]{padding-left:var(--lumo-space-m);padding-right:var(--lumo-space-m)}:host([theme~=small]) [part$=content]{font-size:var(--lumo-font-size-s)}}:host:before,:root:before{--_lumo-vaadin-accordion-panel-inject:1;--_lumo-vaadin-accordion-panel-inject-modules:lumo_components_details,lumo_components_accordion-panel}@media lumo_components_app-layout{:host{box-sizing:border-box;display:block;height:100%;--vaadin-app-layout-transition-duration:200ms;transition:padding var(--vaadin-app-layout-transition-duration);--_vaadin-app-layout-drawer-width:var(--vaadin-app-layout-drawer-width,16em);--vaadin-app-layout-touch-optimized:false;--vaadin-app-layout-navbar-offset-top:var(--_vaadin-app-layout-navbar-offset-size);--vaadin-app-layout-navbar-offset-bottom:var(--_vaadin-app-layout-navbar-offset-size-bottom);padding-block:var(--vaadin-app-layout-navbar-offset-top) var(--vaadin-app-layout-navbar-offset-bottom);padding-inline-start:var(--vaadin-app-layout-navbar-offset-left)}:host([hidden]),[hidden]{display:none!important}:host([no-anim]){--vaadin-app-layout-transition-duration:0s!important}:host([drawer-opened]){--vaadin-app-layout-drawer-offset-left:var(--_vaadin-app-layout-drawer-offset-size)}:host([overlay]){--vaadin-app-layout-drawer-offset-left:0;--vaadin-app-layout-navbar-offset-left:0}:host(:not([no-scroll])) [content]{overflow:auto}[content]{height:100%}@media (pointer:coarse) and (max-width:800px) and (min-height:500px){:host{--vaadin-app-layout-touch-optimized:true}}[part~=navbar]{align-items:center;border-bottom:1px solid var(--lumo-contrast-10pct);display:flex;position:fixed;top:0;inset-inline:0;min-height:var(--lumo-size-xl);padding-left:var(--safe-area-inset-left);padding-right:var(--safe-area-inset-right);padding-top:var(--safe-area-inset-top);transition:inset-inline-start var(--vaadin-app-layout-transition-duration);z-index:1}:host([primary-section=drawer][drawer-opened]:not([overlay])) [part~=navbar]{inset-inline-start:var(--vaadin-app-layout-drawer-offset-left,0)}:host([primary-section=drawer]) [part=drawer]{top:0}[part~=navbar-bottom]{border-bottom:none;border-top:1px solid var(--lumo-contrast-10pct);bottom:0;padding-bottom:var(--safe-area-inset-bottom);top:auto}[part=drawer]{border-inline-end:1px solid var(--lumo-contrast-10pct);bottom:var(--vaadin-app-layout-navbar-offset-bottom,var(--vaadin-viewport-offset-bottom,0));box-sizing:border-box;display:flex;flex-direction:column;overflow:auto;position:fixed;top:var(--vaadin-app-layout-navbar-offset-top,0);inset-inline:var(--vaadin-app-layout-navbar-offset-left,0) auto;max-width:90%;outline:none;padding:var(--safe-area-inset-top) 0 var(--safe-area-inset-bottom) var(--safe-area-inset-left);transform:translateX(-100%);transition:transform var(--vaadin-app-layout-transition-duration),visibility var(--vaadin-app-layout-transition-duration);visibility:hidden;width:var(--_vaadin-app-layout-drawer-width)}:host([drawer-opened]) [part=drawer]{touch-action:manipulation;transform:translateX(0);visibility:visible}[part=backdrop]{background-color:var(--lumo-shade-20pct);opacity:1}:host(:not([drawer-opened])) [part=backdrop]{opacity:0}:host([overlay]) [part=backdrop]{inset:0;pointer-events:none;position:fixed;transition:opacity var(--vaadin-app-layout-transition-duration);-webkit-tap-highlight-color:transparent}:host([overlay]) [part=drawer]{border-inline-end:none;bottom:0;box-shadow:var(--lumo-box-shadow-s);top:0}:host([overlay]) [part=backdrop],:host([overlay]) [part=drawer]{z-index:2}:host([drawer-opened][overlay]) [part=backdrop]{pointer-events:auto;touch-action:manipulation}:host([dir=rtl]) [part=drawer]{transform:translateX(100%)}:host([dir=rtl][drawer-opened]) [part=drawer]{transform:translateX(0)}:host([drawer-opened]:not([overlay])){padding-inline-start:var(--vaadin-app-layout-drawer-offset-left)}@media (max-height:600px),(max-width:800px){:host{--vaadin-app-layout-drawer-overlay:true;--_vaadin-app-layout-drawer-width:var(--vaadin-app-layout-drawer-width,20em)}}[part=drawer] ::slotted(vaadin-scroller){flex:1;overscroll-behavior:contain}[part=drawer],[part~=navbar]{background-clip:padding-box;background-color:var(--lumo-base-color)}:host([primary-section=navbar]) [part~=navbar]{background-image:linear-gradient(var(--lumo-contrast-5pct),var(--lumo-contrast-5pct));border:none}:host([primary-section=drawer]:not([overlay])) [part=drawer]{background-image:linear-gradient(var(--lumo-shade-5pct),var(--lumo-shade-5pct))}[part] ::slotted(h2),[part] ::slotted(h3),[part] ::slotted(h4){margin-bottom:var(--lumo-space-xs)!important;margin-top:var(--lumo-space-xs)!important}}:host:before,:root:before{--_lumo-vaadin-app-layout-inject:1;--_lumo-vaadin-app-layout-inject-modules:lumo_components_app-layout}@media lumo_mixins_menu-overlay-core{:host([closing]),:host([opening]){animation:lumo-overlay-dummy-animation .14s}[part=overlay]{will-change:opacity,transform}:host([opening]) [part=overlay]{animation:lumo-menu-overlay-enter .1s ease-out both}@keyframes lumo-menu-overlay-enter{0%{opacity:0;transform:translateY(-4px)}}:host([closing]) [part=overlay]{animation:lumo-menu-overlay-exit .1s both}@keyframes lumo-menu-overlay-exit{to{opacity:0}}}@media lumo_mixins_overlay{:host{align-items:center;background-color:transparent;border:none;display:flex;flex-direction:column;height:auto;justify-content:center;margin:auto;overflow:visible;padding:0;pointer-events:none;position:fixed;width:auto;z-index:200;-webkit-tap-highlight-color:transparent;--vaadin-overlay-viewport-bottom:0;inset:var(--vaadin-overlay-viewport-inset,var(--lumo-space-m));outline:0 solid transparent}:host(:not([opened]):not([closing])),:host(:not([opened]):not([closing])) [part=overlay],:host([hidden]){display:none!important}[part=overlay]{box-sizing:border-box;max-width:100%;overflow:auto;pointer-events:auto;-webkit-tap-highlight-color:initial;background-color:var(--lumo-base-color);background-image:linear-gradient(var(--lumo-tint-5pct),var(--lumo-tint-5pct));border-radius:var(--lumo-border-radius-m);box-shadow:0 0 0 1px var(--lumo-shade-5pct),var(--lumo-box-shadow-m);color:var(--lumo-body-text-color);font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-m);font-style:normal;font-variant:normal;font-weight:400;letter-spacing:0;line-height:var(--lumo-line-height-m);text-align:initial;text-decoration:none;text-indent:0;text-transform:none;user-select:text;white-space:normal;word-spacing:normal;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[part=backdrop]{animation:lumo-overlay-backdrop-enter .2s both;background:rgba(0,0,0,.5);background-color:var(--lumo-shade-20pct);content:"";inset:0;pointer-events:auto;position:fixed;will-change:opacity;z-index:-1}[part=content]{padding:var(--lumo-space-xs)}@keyframes lumo-overlay-backdrop-enter{0%{opacity:0}}:host([closing]) [part=backdrop]{animation:lumo-overlay-backdrop-exit .2s both}@keyframes lumo-overlay-backdrop-exit{to{opacity:0}}@keyframes lumo-overlay-dummy-animation{0%{opacity:1}to{opacity:1}}}@media lumo_components_avatar-group-menu-item{:host{padding:var(--lumo-space-xs);padding-inline-end:var(--lumo-space-m)}[part=content]{align-items:center;display:flex}[part=content] ::slotted(vaadin-avatar){height:var(--lumo-size-xs);margin-inline-end:var(--lumo-space-s);width:var(--lumo-size-xs)}}@media lumo_components_avatar-group-overlay{:host{--_lumo-list-box-item-selected-icon-display:none;--_lumo-list-box-item-padding-left:calc(var(--lumo-space-m) + var(--lumo-border-radius-m)/4)}}@media lumo_components_avatar-group{:host{--vaadin-avatar-size:var(--lumo-size-m);--vaadin-avatar-group-overlap:8px;--vaadin-avatar-group-overlap-border:var(--vaadin-avatar-group-gap,2px)}::slotted(vaadin-avatar){--_gap:var(--vaadin-avatar-group-overlap-border);--_outline-width:var(--vaadin-avatar-outline-width);mask-size:calc(300% + var(--vaadin-avatar-group-overlap-border)*6 - var(--vaadin-avatar-outline-width)*6)}::slotted(vaadin-avatar:not(:first-of-type)){margin-inline-start:calc(var(--_overlap)*-1 - var(--vaadin-avatar-outline-width))}:host([theme~=xlarge]){--vaadin-avatar-group-overlap:12px;--vaadin-avatar-group-overlap-border:3px;--vaadin-avatar-size:var(--lumo-size-xl)}:host([theme~=large]){--vaadin-avatar-group-overlap:10px;--vaadin-avatar-group-overlap-border:3px;--vaadin-avatar-size:var(--lumo-size-l)}:host([theme~=small]){--vaadin-avatar-group-overlap:6px;--vaadin-avatar-group-overlap-border:2px;--vaadin-avatar-size:var(--lumo-size-s)}:host([theme~=xsmall]){--vaadin-avatar-group-overlap:4px;--vaadin-avatar-group-overlap-border:2px;--vaadin-avatar-size:var(--lumo-size-xs)}}@media lumo_components_item{:host{align-items:center;border-radius:var(--lumo-border-radius-m);box-sizing:border-box;cursor:var(--lumo-clickable-cursor);display:flex;font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-m);line-height:var(--lumo-line-height-xs);min-height:var(--lumo-size-m);outline:none;padding:.5em calc(var(--lumo-space-l) + var(--lumo-border-radius-m)/4) .5em var(--_lumo-list-box-item-padding-left,calc(var(--lumo-border-radius-m)/4));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:var(--lumo-primary-color-10pct);--_focus-ring-color:var(--vaadin-focus-ring-color,var(--lumo-primary-color-50pct));--_focus-ring-width:var(--vaadin-focus-ring-width,2px);--_selection-color-text:var(--vaadin-selection-color-text,var(--lumo-primary-text-color))}:host([hidden]){display:none!important}[part=checkmark]:before{color:var(--_selection-color-text);content:var(--lumo-icons-checkmark);display:var(--_lumo-item-selected-icon-display,none);flex:none;font-family:lumo-icons;font-size:var(--lumo-icon-size-m);font-weight:400;height:1em;line-height:1;margin:calc((1 - var(--lumo-line-height-xs))*var(--lumo-font-size-m)/2) 0;opacity:0;transition:transform .2s cubic-bezier(.12,.32,.54,2),opacity .1s;width:1em}:host([selected]) [part=checkmark]:before{opacity:1}:host([active]:not([selected])) [part=checkmark]:before{opacity:0;transform:scale(.8);transition-duration:0s}[part=content]{flex:auto}:host([disabled]){color:var(--lumo-disabled-text-color);cursor:default;pointer-events:none}@media (any-hover:hover){:host(:hover:not([disabled])){background-color:var(--lumo-primary-color-10pct)}}:host([focus-ring]:not([disabled])){box-shadow:inset 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color)}:host([dir=rtl]){padding-left:calc(var(--lumo-space-l) + var(--lumo-border-radius-m)/4);padding-right:var(--_lumo-list-box-item-padding-left,calc(var(--lumo-border-radius-m)/4))}:host ::slotted(vaadin-icon){height:var(--lumo-icon-size-m);width:var(--lumo-icon-size-m)}}@media lumo_components_list-box{:host{display:flex;-webkit-tap-highlight-color:transparent;--_lumo-item-selected-icon-display:var(--_lumo-list-box-item-selected-icon-display,block)}:host([hidden]){display:none!important}[part=items]{height:100%;overflow-y:auto;width:100%}[part=items] ::slotted(hr){background-color:var(--lumo-contrast-10pct);border:0;height:1px;margin:var(--lumo-space-s) var(--lumo-border-radius-m);padding:0}}:host:before,:root:before{--_lumo-vaadin-avatar-group-inject:1;--_lumo-vaadin-avatar-group-inject-modules:lumo_components_avatar-group;--_lumo-vaadin-avatar-group-overlay-inject:1;--_lumo-vaadin-avatar-group-overlay-inject-modules:lumo_mixins_overlay,lumo_mixins_menu-overlay-core,lumo_components_avatar-group-overlay;--_lumo-vaadin-avatar-group-menu-inject:1;--_lumo-vaadin-avatar-group-menu-inject-modules:lumo_components_list-box;--_lumo-vaadin-avatar-group-menu-item-inject:1;--_lumo-vaadin-avatar-group-menu-item-inject-modules:lumo_components_item,lumo_components_avatar-group-menu-item}@media lumo_components_avatar{:host{--vaadin-avatar-outline-width:var(--vaadin-focus-ring-width,2px);background-color:var(--vaadin-avatar-background,var(--lumo-contrast-10pct));border:var(--vaadin-avatar-outline-width) solid transparent;color:var(--vaadin-avatar-text-color,var(--lumo-secondary-text-color));margin:calc(var(--vaadin-avatar-outline-width)*-1);outline:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:baseline}[part=icon]{align-items:center;background:none;display:flex;font-size:var(--vaadin-avatar-size,64px);justify-content:center;line-height:1;mask:none}[part=icon]:before{content:var(--lumo-icons-user);font-family:lumo-icons;font-size:.9em}[part=abbr]{font-family:var(--lumo-font-family);font-size:2.4375em;font-weight:500}:host([has-color-index]){color:var(--lumo-base-color)}:host([has-color-index]):before{box-shadow:inset 0 0 0 2px var(--vaadin-avatar-user-color);outline:none}:host([focus-ring]){border-color:var(--vaadin-focus-ring-color,var(--lumo-primary-color-50pct));outline:none}:host([theme~=xlarge]) [part=abbr]{font-size:2.5em}:host([theme~=large]) [part=abbr]{font-size:2.375em}:host([theme~=small]) [part=abbr]{font-size:2.75em}:host([theme~=xsmall]) [part=abbr]{font-size:3em}:host([theme~=xlarge]){--vaadin-avatar-size:var(--lumo-size-xl)}:host([theme~=large]){--vaadin-avatar-size:var(--lumo-size-l)}:host([theme~=small]){--vaadin-avatar-size:var(--lumo-size-s)}:host([theme~=xsmall]){--vaadin-avatar-size:var(--lumo-size-xs)}}:host:before,:root:before{--_lumo-vaadin-avatar-inject:1;--_lumo-vaadin-avatar-inject-modules:lumo_components_avatar}:where(:host),:where(:root){--vaadin-avatar-size:var(
|
|
2
2
|
--lumo-size-m
|
|
3
|
-
)}@media lumo_components_button{:host{display:inline-block;outline:none;position:relative;-webkit-user-select:none;user-select:none;white-space:nowrap;--lumo-button-size:var(--lumo-size-m);background:var(--_lumo-button-background);border:var(--vaadin-button-border,none);border-radius:var(--vaadin-button-border-radius,var(--lumo-border-radius-m));box-sizing:border-box;color:var(--_lumo-button-text-color);cursor:var(--lumo-clickable-cursor);font-family:var(--lumo-font-family);font-size:var(--vaadin-button-font-size,var(--lumo-font-size-m));font-weight:var(--vaadin-button-font-weight,500);height:var(--_button-size);margin:var(--vaadin-button-margin,var(--lumo-space-xs) 0);min-width:var(--vaadin-button-min-width,calc(var(--_button-size)*2));padding:var(--vaadin-button-padding,0 calc(var(--_button-size)/3 + var(--lumo-border-radius-m)/2));-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-shrink:0;--_button-size:var(--vaadin-button-height,var(--lumo-button-size));--_focus-ring-color:var(--vaadin-focus-ring-color,var(--lumo-primary-color-50pct));--_focus-ring-width:var(--vaadin-focus-ring-width,2px);--_lumo-button-background:var(--vaadin-button-background,var(--lumo-contrast-5pct));--_lumo-button-text-color:var(--vaadin-button-text-color,var(--lumo-primary-text-color));--_lumo-button-primary-background:var(--vaadin-button-primary-background,var(--lumo-primary-color));--_lumo-button-primary-text-color:var(--vaadin-button-primary-text-color,var(--lumo-primary-contrast-color))}:host([hidden]){display:none!important}.vaadin-button-container{align-items:center;display:inline-flex;height:100%;justify-content:center;min-height:inherit;text-align:center;text-shadow:inherit;width:100%}.vaadin-button-container:before{content:"\2003";display:inline-block;max-height:100%;width:0}[part=prefix],[part=suffix]{flex:none}[part=label],[part=prefix],[part=suffix]{line-height:var(--lumo-line-height-xs)}[part=label]{overflow:hidden;padding:calc(var(--lumo-button-size)/6) 0;text-overflow:ellipsis;white-space:nowrap}:host([theme~=small]){font-size:var(--lumo-font-size-s);--lumo-button-size:var(--lumo-size-s)}:host([theme~=large]){font-size:var(--lumo-font-size-l);--lumo-button-size:var(--lumo-size-l)}:host:after,:host:before{background-color:currentColor;border-radius:inherit;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;z-index:1}@media (any-hover:hover){:host(:not([disabled]):hover):before{opacity:.02}}:host:after{filter:blur(8px);transition:opacity 1.4s,transform .1s}:host([active]):before{opacity:.05;transition-duration:0s}:host([active]):after{opacity:.1;transform:scale(0);transition-duration:0s,0s}:host([focus-ring]){box-shadow:0 0 0 calc(1px*var(--_focus-ring-gap-on, 0)) var(--_focus-ring-gap-color,var(--lumo-base-color)),0 0 0 calc(var(--_focus-ring-width) + 1px*var(--_focus-ring-gap-on, 0)) var(--_focus-ring-color)}:host([theme~=primary][focus-ring]){--_focus-ring-gap-on:1}:host([theme~=tertiary-inline]),:host([theme~=tertiary]){
|
|
3
|
+
)}@media lumo_components_button{:host{display:inline-block;outline:none;position:relative;-webkit-user-select:none;user-select:none;white-space:nowrap;--lumo-button-size:var(--lumo-size-m);background:var(--_lumo-button-background);border:var(--vaadin-button-border,none);border-radius:var(--vaadin-button-border-radius,var(--lumo-border-radius-m));box-sizing:border-box;color:var(--_lumo-button-text-color);cursor:var(--lumo-clickable-cursor);font-family:var(--lumo-font-family);font-size:var(--vaadin-button-font-size,var(--lumo-font-size-m));font-weight:var(--vaadin-button-font-weight,500);height:var(--_button-size);margin:var(--vaadin-button-margin,var(--lumo-space-xs) 0);min-width:var(--vaadin-button-min-width,calc(var(--_button-size)*2));padding:var(--vaadin-button-padding,0 calc(var(--_button-size)/3 + var(--lumo-border-radius-m)/2));-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-shrink:0;--_button-size:var(--vaadin-button-height,var(--lumo-button-size));--_focus-ring-color:var(--vaadin-focus-ring-color,var(--lumo-primary-color-50pct));--_focus-ring-width:var(--vaadin-focus-ring-width,2px);--_lumo-button-background:var(--vaadin-button-background,var(--lumo-contrast-5pct));--_lumo-button-text-color:var(--vaadin-button-text-color,var(--lumo-primary-text-color));--_lumo-button-primary-background:var(--vaadin-button-primary-background,var(--lumo-primary-color));--_lumo-button-primary-text-color:var(--vaadin-button-primary-text-color,var(--lumo-primary-contrast-color))}:host([hidden]){display:none!important}.vaadin-button-container{align-items:center;display:inline-flex;height:100%;justify-content:center;min-height:inherit;text-align:center;text-shadow:inherit;width:100%}.vaadin-button-container:before{content:"\2003";display:inline-block;max-height:100%;width:0}[part=prefix],[part=suffix]{flex:none}[part=label],[part=prefix],[part=suffix]{line-height:var(--lumo-line-height-xs)}[part=label]{overflow:hidden;padding:calc(var(--lumo-button-size)/6) 0;text-overflow:ellipsis;white-space:nowrap}:host([theme~=small]){font-size:var(--lumo-font-size-s);--lumo-button-size:var(--lumo-size-s)}:host([theme~=large]){font-size:var(--lumo-font-size-l);--lumo-button-size:var(--lumo-size-l)}:host:after,:host:before{background-color:currentColor;border-radius:inherit;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;z-index:1}@media (any-hover:hover){:host(:not([disabled]):hover):before{opacity:.02}}:host:after{filter:blur(8px);transition:opacity 1.4s,transform .1s}:host([active]):before{opacity:.05;transition-duration:0s}:host([active]):after{opacity:.1;transform:scale(0);transition-duration:0s,0s}:host([focus-ring]){box-shadow:0 0 0 calc(1px*var(--_focus-ring-gap-on, 0)) var(--_focus-ring-gap-color,var(--lumo-base-color)),0 0 0 calc(var(--_focus-ring-width) + 1px*var(--_focus-ring-gap-on, 0)) var(--_focus-ring-color)}:host([theme~=primary][focus-ring]){--_focus-ring-gap-on:1}:host([theme~=tertiary-inline]),:host([theme~=tertiary]){background:var(--vaadin-button-tertiary-background,transparent)!important;min-width:0}:host([theme~=tertiary]){border:var(--vaadin-button-tertiary-border,none);color:var(--vaadin-button-tertiary-text-color,var(--lumo-primary-text-color));font-weight:var(--vaadin-button-tertiary-font-weight,500);padding:var(--vaadin-button-tertiary-padding,0 calc(var(--_button-size)/6))}:host([theme~=tertiary-inline]):before{display:none}:host([theme~=tertiary-inline]){font-size:inherit;height:auto;line-height:inherit;margin:0;padding:0}:host([theme~=tertiary-inline]) [part=label]{line-height:inherit;overflow:visible;padding:0}:host([theme~=primary]){background:var(--_lumo-button-primary-background);border:var(--vaadin-button-primary-border,none);color:var(--_lumo-button-primary-text-color);font-weight:var(--vaadin-button-primary-font-weight,600);min-width:calc(var(--lumo-button-size)*2.5)}:host([theme~=primary]):before{background-color:#000}@media (any-hover:hover){:host([theme~=primary]:not([disabled]):hover):before{opacity:.05}}:host([theme~=primary][active]):before{opacity:.1}:host([theme~=primary][active]):after{opacity:.2}:host([theme~=success]){color:var(--lumo-success-text-color)}:host([theme~=success][theme~=primary]){background-color:var(--lumo-success-color);color:var(--lumo-success-contrast-color)}:host([theme~=warning]){color:var(--lumo-warning-text-color)}:host([theme~=warning][theme~=primary]){background-color:var(--lumo-warning-color);color:var(--lumo-warning-contrast-color)}:host([theme~=error]){color:var(--lumo-error-text-color)}:host([theme~=error][theme~=primary]){background-color:var(--lumo-error-color);color:var(--lumo-error-contrast-color)}:host([theme~=contrast]){color:var(--lumo-contrast)}:host([theme~=contrast][theme~=primary]){background-color:var(--lumo-contrast);color:var(--lumo-base-color)}:host([disabled]){color:var(--lumo-disabled-text-color);cursor:not-allowed;pointer-events:var(--_vaadin-button-disabled-pointer-events,none)}:host([theme~=primary][disabled]){background-color:var(--lumo-contrast-30pct);color:var(--lumo-base-color)}:host([theme~=primary][disabled]) [part]{opacity:.7}[part] ::slotted(vaadin-icon){height:var(--lumo-icon-size-m);width:var(--lumo-icon-size-m)}[part] ::slotted(vaadin-icon[icon^="vaadin:"]){box-sizing:border-box!important;padding:.25em}[part=prefix]{margin-left:-.25em;margin-right:.25em}[part=suffix]{margin-left:.25em;margin-right:-.25em}:host([theme~=icon]:not([theme~=tertiary-inline])){min-width:var(--lumo-button-size);padding-left:calc(var(--lumo-button-size)/4);padding-right:calc(var(--lumo-button-size)/4)}:host([theme~=icon]) [part=prefix],:host([theme~=icon]) [part=suffix]{margin-left:0;margin-right:0}:host([dir=rtl]) [part=prefix]{margin-left:.25em;margin-right:-.25em}:host([dir=rtl]) [part=suffix]{margin-left:-.25em;margin-right:.25em}:host([dir=rtl][theme~=icon]) [part=prefix],:host([dir=rtl][theme~=icon]) [part=suffix]{margin-left:0;margin-right:0}@media (forced-colors:active){:host{outline:1px solid;outline-offset:-1px}:host([focused]){outline-width:2px}:host([disabled]){outline-color:GrayText}}}:host:before,:root:before{--_lumo-vaadin-button-inject:1;--_lumo-vaadin-button-inject-modules:lumo_components_button}@media lumo_components_card{:host:before{border-radius:var(--_card-border-pseudo-radius,inherit);inset:var(--_card-border-inset,0)}:host([theme~=outlined]){--vaadin-card-border-width:1px;--vaadin-card-background:var(--lumo-base-color)}:host([theme~=elevated]){--vaadin-card-background:linear-gradient(var(--lumo-tint-5pct),var(--lumo-tint-5pct)) var(--lumo-base-color);--vaadin-card-shadow:var(--lumo-box-shadow-xs);--vaadin-card-border-width:1px;--_card-border-inset:calc(var(--vaadin-card-border-width)*-1);--_card-border-pseudo-radius:calc(var(--vaadin-card-border-radius) + var(--vaadin-card-border-width))}:host([theme~=elevated]:not([theme~=outlined])){--vaadin-card-border-color:var(--lumo-contrast-10pct)}:host(:where([theme~=stretch-media])) ::slotted([slot=media]:is(img,video,svg,vaadin-icon)){border-radius:var(--lumo-border-radius-m)}:host([theme~=elevated][theme~=cover-media]) ::slotted([slot=media]:is(img,video,svg,vaadin-icon)){margin-top:calc((var(--_padding) + var(--vaadin-card-border-width))*-1);margin-inline:calc((var(--_padding) + var(--vaadin-card-border-width))*-1);width:calc(100% + (var(--_padding) + var(--vaadin-card-border-width))*2)}}:host:before,:root:before{--_lumo-vaadin-card-inject:1;--_lumo-vaadin-card-inject-modules:lumo_components_card}:where(:host),:where(:root){--vaadin-card-background:var(
|
|
4
4
|
--lumo-contrast-5pct
|
|
5
5
|
);--vaadin-card-border-radius:var(
|
|
6
6
|
--lumo-border-radius-l
|
|
@@ -52,4 +52,4 @@
|
|
|
52
52
|
--vaadin-radio-button-label-padding,var(--lumo-space-xs) var(--lumo-space-s) var(--lumo-space-xs) var(--lumo-space-xs)
|
|
53
53
|
)}[part=radio]{--_input-size:var(--_radio-button-size);background:var(--vaadin-radio-button-background,var(--lumo-contrast-20pct));border-radius:50%;cursor:var(--lumo-clickable-cursor);margin:var(--lumo-space-xs);position:relative;transition:transform .2s cubic-bezier(.12,.32,.54,2),background-color .15s;will-change:transform;--_input-border-color:var(--vaadin-input-field-border-color,var(--lumo-contrast-50pct))}[part=radio]:before{background-color:inherit;border-radius:inherit;color:transparent;height:100%;opacity:0;pointer-events:none;transform:scale(1.4);transition:transform .1s,opacity .8s;width:100%;will-change:transform,opacity}[part=radio]:after{background-clip:content-box;border:var(--vaadin-radio-button-marker-size,3px) solid var(--vaadin-radio-button-dot-color,var(--lumo-primary-contrast-color));border-radius:50%;content:"";height:0;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .25s;width:0;will-change:transform}:host([checked]){--vaadin-input-field-border-color:transparent}:host([checked]) [part=radio]{background-color:var(--_selection-color)}:host([checked]) [part=radio]:after{transform:translate(-50%,-50%) scale(1)}:host(:not([checked]):not([disabled]):hover) [part=radio]{background:var(--vaadin-radio-button-background-hover,var(--lumo-contrast-30pct))}:host([active]) [part=radio]{transform:scale(.9);transition-duration:.05s}:host([active][checked]) [part=radio]{transform:scale(1.1)}:host([active]:not([checked])) [part=radio]:before{opacity:.4;transform:scale(0);transition-duration:.01s,.01s}:host([focus-ring]) [part=radio]{box-shadow:0 0 0 1px var(--lumo-base-color),0 0 0 calc(var(--_focus-ring-width) + 1px) var(--_focus-ring-color),inset 0 0 0 var(--_input-border-width,0) var(--_input-border-color)}:host([disabled]){color:var(--lumo-disabled-text-color);pointer-events:none;--vaadin-input-field-border-color:var(--lumo-contrast-20pct)}:host([disabled]) ::slotted(label){color:inherit}:host([disabled]) [part=radio]{background-color:var(--vaadin-radio-button-disabled-background,var(--lumo-contrast-10pct))}:host([disabled]) [part=radio]:after{border-color:var(--vaadin-radio-button-disabled-dot-color,var(--lumo-contrast-30pct))}:host([dir=rtl][has-label]) ::slotted(label){padding:var(--lumo-space-xs) var(--lumo-space-xs) var(--lumo-space-xs) var(--lumo-space-s)}@media (forced-colors:active){[part=radio]{outline:1px solid;outline-offset:-1px}:host([focused]) [part=radio]{outline-width:2px}:host([disabled]) [part=radio]{outline-color:GrayText}}}:host:before,:root:before{--_lumo-vaadin-radio-button-inject:1;--_lumo-vaadin-radio-button-inject-modules:lumo_mixins_checkable-field,lumo_components_radio-button}@media lumo_components_radio-group{:host(:hover:not([readonly])) [part=helper-text],:host(:hover:not([readonly]):not([focused])) [part=label]{color:var(--lumo-body-text-color)}@media (pointer:coarse){:host(:hover:not([readonly]):not([focused])) [part=label]{color:var(--lumo-secondary-text-color)}}}:host:before,:root:before{--_lumo-vaadin-radio-group-inject:1;--_lumo-vaadin-radio-group-inject-modules:lumo_mixins_group-field,lumo_mixins_field-label,lumo_mixins_field-required,lumo_mixins_field-error-message,lumo_mixins_field-helper,lumo_components_radio-group}@media lumo_components_rich-text-editor-popup-overlay{:host{--_focus-ring-color:var(--vaadin-focus-ring-color,var(--lumo-primary-color-50pct));--_focus-ring-width:var(--vaadin-focus-ring-width,2px)}[part=overlay]{margin:var(--lumo-space-xs) 0}[part=content]{display:flex;flex-wrap:wrap;justify-content:center;max-width:calc((var(--_button-size) + var(--_button-margin)*2)*7);padding:var(--lumo-space-xs);--_button-size:1.25rem;--_button-margin:3px}[part=content] ::slotted(button){background-color:var(--_btn-background);border:none;height:var(--_button-size);margin:var(--_button-margin);width:var(--_button-size)}[part=content] ::slotted(button:focus-visible){outline:var(--_focus-ring-width) solid var(--_focus-ring-color);outline-offset:calc(var(--_focus-ring-width)*-1 + 1px)}[part=content] ::slotted(button:first-of-type){background-clip:padding-box;background-color:transparent;background-image:repeating-linear-gradient(135deg,transparent,transparent 47%,red 50%,transparent 53%,transparent);border:1px solid var(--lumo-contrast-10pct);position:relative}}@media lumo_components_rich-text-editor{:host{font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-m);line-height:var(--lumo-line-height-m);min-height:calc(var(--lumo-size-m)*8);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--_focus-ring-color:var(--vaadin-focus-ring-color,var(--lumo-primary-color-50pct));--_focus-ring-width:var(--vaadin-focus-ring-width,2px);--_item-indent:var(--lumo-space-m);--_marker-indent:var(--lumo-space-xs)}:host(:focus-within){outline:none}.vaadin-rich-text-editor-container{background:var(--vaadin-rich-text-editor-background,transparent);border:none;border-radius:0}[part=content]{background-color:var(--lumo-base-color)}[part=toolbar]{background-color:var(--vaadin-rich-text-editor-toolbar-background,var(--lumo-contrast-5pct));gap:var(--vaadin-rich-text-editor-toolbar-gap,0);padding:var(--vaadin-rich-text-editor-toolbar-padding,calc(var(--lumo-space-s) - 1px) var(--lumo-space-xs))}[part~=toolbar-button]{background:var(--vaadin-rich-text-editor-toolbar-button-background,transparent);border-radius:var(--lumo-border-radius-m);border-width:var(--vaadin-rich-text-editor-toolbar-button-border-width,0);color:var(--vaadin-rich-text-editor-toolbar-button-text-color,var(--lumo-contrast-60pct));cursor:var(--lumo-clickable-cursor);font:inherit;height:var(--lumo-size-m);line-height:1;margin:2px 1px;padding:var(--vaadin-rich-text-editor-toolbar-button-padding,0);text-transform:none;transition:background-color .1s,color .1s;width:var(--lumo-size-m)}[part~=toolbar-button]:not([part~=toolbar-button-pressed]):hover{outline:none;--vaadin-rich-text-editor-toolbar-button-background:var(--lumo-contrast-5pct);--vaadin-rich-text-editor-toolbar-button-text-color:var(--lumo-contrast-80pct)}[part~=toolbar-button]:before{background:transparent;font-family:"lumo-icons",var(--lumo-font-family);font-size:var(--lumo-icon-size-m);height:auto;left:50%;mask-image:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto}[part~=toolbar-group]{margin:0 .5em;margin:0 calc(var(--lumo-space-l)/2 - 1px)}[part~=toolbar-button-bold]:before{content:"B";font-weight:700}[part~=toolbar-button-italic]:before{content:"I";font-style:italic}[part~=toolbar-button-underline]:before{content:"U";text-decoration:underline}[part~=toolbar-button-strike]:before{content:"T";text-decoration:line-through}[part~=toolbar-button-h1]:before{content:"H1";font-size:1.25em;font-size:var(--lumo-font-size-m)}[part~=toolbar-button-h2]:before{content:"H2";font-size:1em;font-size:var(--lumo-font-size-s)}[part~=toolbar-button-h3]:before{content:"H3";font-size:.875em;font-size:var(--lumo-font-size-xs)}[part~=toolbar-button-h1]:before,[part~=toolbar-button-h2]:before,[part~=toolbar-button-h3]:before{font-weight:600;letter-spacing:-.05em}[part~=toolbar-button-subscript]:before,[part~=toolbar-button-superscript]:before{content:"X";font-size:var(--lumo-font-size-s);font-weight:600}[part~=toolbar-button-subscript]:after,[part~=toolbar-button-superscript]:after{content:"2";font-size:.625em;font-weight:700;left:70%;position:absolute;top:50%}[part~=toolbar-button-superscript]:after{top:20%}[part~=toolbar-button-blockquote]:before{content:"”";font-size:var(--lumo-font-size-xxl);height:.6em}[part~=toolbar-button-code-block]:before{content:var(--lumo-icons-angle-left) var(--lumo-icons-angle-right);font-size:var(--lumo-font-size-l);font-weight:600;letter-spacing:-.5em;margin-left:-.25em}[part~=toolbar-button-background]:before,[part~=toolbar-button-color]:before{content:"A";font-size:1em}[part~=toolbar-button-background]:after,[part~=toolbar-button-color]:after{height:auto;mask-image:none;transform:none;width:auto}[part~=toolbar-button-color]:after{bottom:4px;height:4px;left:25%;right:25%;width:50%}[part~=toolbar-button-background]:before{background-color:var(--lumo-base-color);background-image:linear-gradient(var(--lumo-contrast-5pct),var(--lumo-contrast-5pct));z-index:1}[part~=toolbar-button-background]:after{background:repeating-linear-gradient(135deg,var(--_background-value,currentColor),var(--_background-value,currentColor) 1px,transparent 1px,transparent 2px);content:"";inset:20%;position:absolute}:host([disabled]) [part~=toolbar-button]{--vaadin-rich-text-editor-toolbar-button-background:transparent}[part~=toolbar-button]:focus,[part~=toolbar-button][aria-expanded=true]{box-shadow:0 0 0 var(--_focus-ring-width) var(--_focus-ring-color);outline:none}@media (hover:none){[part~=toolbar-button]:hover{--vaadin-rich-text-editor-toolbar-button-background:transparent}}[part~=toolbar-button-pressed]{--vaadin-rich-text-editor-toolbar-button-background:var(--vaadin-selection-color,var(--lumo-primary-color));--vaadin-rich-text-editor-toolbar-button-text-color:var(--lumo-primary-contrast-color)}[part~=toolbar-button]:not([part~=toolbar-button-pressed]):active{--vaadin-rich-text-editor-toolbar-button-background:var(--lumo-contrast-10pct);--vaadin-rich-text-editor-toolbar-button-text-color:var(--lumo-contrast-90pct)}[part~=toolbar-button-undo]:before{content:var(--lumo-icons-undo)}[part~=toolbar-button-redo]:before{content:var(--lumo-icons-redo)}[part~=toolbar-button-background]:before,[part~=toolbar-button-bold]:before,[part~=toolbar-button-color]:before,[part~=toolbar-button-italic]:before,[part~=toolbar-button-strike]:before,[part~=toolbar-button-underline]:before{font-size:var(--lumo-font-size-m);font-weight:600}[part~=toolbar-button-background]:hover:before{background-image:linear-gradient(var(--lumo-contrast-5pct),var(--lumo-contrast-5pct)),linear-gradient(var(--lumo-contrast-5pct),var(--lumo-contrast-5pct))}[part~=toolbar-button-background]:active:before{background-image:linear-gradient(var(--lumo-contrast-5pct),var(--lumo-contrast-5pct)),linear-gradient(var(--lumo-contrast-10pct),var(--lumo-contrast-10pct))}[part~=toolbar-button-list-ordered]:before{content:var(--lumo-icons-ordered-list)}[part~=toolbar-button-list-bullet]:before{content:var(--lumo-icons-unordered-list)}[part~=toolbar-button-outdent]:before{content:var(--lumo-icons-outdent)}[part~=toolbar-button-indent]:before{content:var(--lumo-icons-indent)}[part~=toolbar-button-align-left]:before{content:var(--lumo-icons-align-left)}[part~=toolbar-button-align-center]:before{content:var(--lumo-icons-align-center)}[part~=toolbar-button-align-right]:before{content:var(--lumo-icons-align-right)}[part~=toolbar-button-image]:before{content:var(--lumo-icons-photo)}[part~=toolbar-button-link]:before{content:var(--lumo-icons-link)}[part~=toolbar-button-clean]:before{content:var(--lumo-icons-clean);font-size:var(--lumo-font-size-l)}:host(:not([theme~=no-border])){border:1px solid var(--lumo-contrast-20pct)}:host(:not([theme~=no-border]):not([readonly])) [part=content]{border-top:1px solid var(--lumo-contrast-20pct)}:host([theme~=no-border]) [part=toolbar]{--vaadin-rich-text-editor-toolbar-padding:var(--lumo-space-s) var(--lumo-space-xs)}:host([theme~=compact]){min-height:calc(var(--lumo-size-m)*6)}:host([theme~=compact]) [part=toolbar]{--vaadin-rich-text-editor-toolbar-padding:var(--lumo-space-xs) 0}:host([theme~=compact][theme~=no-border]) [part=toolbar]{--vaadin-rich-text-editor-toolbar-padding:calc(var(--lumo-space-xs) + 1px) 0}:host([theme~=compact]) [part~=toolbar-button]{height:var(--lumo-size-s);width:var(--lumo-size-s)}:host([theme~=compact]) [part~=toolbar-group]{margin:0 calc(var(--lumo-space-m)/2 - 1px)}.ql-editor{color:var(--vaadin-rich-text-editor-content-color,inherit);padding:var(--vaadin-rich-text-editor-content-padding,var(--lumo-space-s) var(--lumo-space-m))}.ql-code-block-container{background-color:var(--lumo-contrast-10pct);border-radius:var(--lumo-border-radius-m);margin-block:.3125em;padding:.3125em .625em}blockquote{margin-inline:40px;padding-left:1em}code{background-color:var(--lumo-contrast-10pct);font-size:85%;padding:.125em .25em}:where(h1,h2,h3,h4,h5,h6){margin-top:1.25em}:where(h1){margin-bottom:.75em}:where(h2,h3,h4){margin-bottom:.5em}:where(h5){margin-bottom:.25em}:host([dir=rtl]) [part~=toolbar-button-redo]:before{content:var(--lumo-icons-undo)}:host([dir=rtl]) [part~=toolbar-button-undo]:before{content:var(--lumo-icons-redo)}}@media lumo_global_typography{:where(:host),:where(body){font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-m);line-height:var(--lumo-line-height-m);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[theme~=font-size-s],small{font-size:var(--lumo-font-size-s);line-height:var(--lumo-line-height-s)}[theme~=font-size-xs]{font-size:var(--lumo-font-size-xs);line-height:var(--lumo-line-height-xs)}:where(h1,h2,h3,h4,h5,h6){color:var(--lumo-header-text-color);font-weight:600;line-height:var(--lumo-line-height-xs);margin-block:0}:where(h1){font-size:var(--lumo-font-size-xxxl)}:where(h2){font-size:var(--lumo-font-size-xxl)}:where(h3){font-size:var(--lumo-font-size-xl)}:where(h4){font-size:var(--lumo-font-size-l)}:where(h5){font-size:var(--lumo-font-size-m)}:where(h6){font-size:var(--lumo-font-size-xs);letter-spacing:.03em;text-transform:uppercase}blockquote,p{margin-bottom:.75em;margin-top:.5em}a{text-decoration:none}a:where(:any-link){color:var(--lumo-primary-text-color)}a:where(:any-link):hover{text-decoration:underline}a:not(:any-link){color:var(--lumo-disabled-text-color)}hr{align-self:stretch;background-color:var(--lumo-contrast-10pct);border:0;display:block;height:1px;margin:var(--lumo-space-s) calc(var(--lumo-border-radius-m)/2);padding:0}b,strong{font-weight:600}code,pre{border-radius:var(--lumo-border-radius-m)}pre code{background:transparent}blockquote{border-left:2px solid var(--lumo-contrast-30pct);color:var(--lumo-secondary-text-color)}blockquote[dir=rtl]{border-left:none;border-right:2px solid var(--lumo-contrast-30pct)}}@media lumo_components_tooltip-overlay{:host{--_vaadin-tooltip-default-offset:var(--lumo-space-xs)}[part=overlay]{background:var(--lumo-base-color) linear-gradient(var(--lumo-contrast-5pct),var(--lumo-contrast-5pct));color:var(--lumo-body-text-color);font-size:var(--lumo-font-size-xs);line-height:var(--lumo-line-height-s);max-width:40ch}[part=content]{padding:var(--lumo-space-xs) var(--lumo-space-s)}:host(:not([markdown])) [part=content]{white-space:pre-wrap}:host([position^=bottom][top-aligned]) [part=overlay],:host([position^=top][top-aligned]) [part=overlay]{margin-top:var(--vaadin-tooltip-offset-top,var(--_vaadin-tooltip-default-offset))}:host([position^=bottom][bottom-aligned]) [part=overlay],:host([position^=top][bottom-aligned]) [part=overlay]{margin-bottom:var(--vaadin-tooltip-offset-bottom,var(--_vaadin-tooltip-default-offset))}:host([position^=end][start-aligned]) [part=overlay],:host([position^=start][start-aligned]) [part=overlay]{margin-inline-start:var(--vaadin-tooltip-offset-start,var(--_vaadin-tooltip-default-offset))}:host([position^=end][end-aligned]) [part=overlay],:host([position^=start][end-aligned]) [part=overlay]{margin-inline-end:var(--vaadin-tooltip-offset-end,var(--_vaadin-tooltip-default-offset))}@media (forced-colors:active){[part=overlay]{outline:1px dashed}}}:host:before,:root:before{--_lumo-vaadin-tooltip-overlay-inject:1;--_lumo-vaadin-tooltip-overlay-inject-modules:lumo_mixins_overlay,lumo_components_tooltip-overlay}:host:before,:root:before{--_lumo-vaadin-rich-text-editor-inject:1;--_lumo-vaadin-rich-text-editor-inject-modules:lumo_global_typography,lumo_components_rich-text-editor;--_lumo-vaadin-rich-text-editor-popup-overlay-inject:1;--_lumo-vaadin-rich-text-editor-popup-overlay-inject-modules:lumo_mixins_overlay,lumo_components_rich-text-editor-popup-overlay}@media lumo_components_scroller{:host{--_focus-ring-color:var(--vaadin-focus-ring-color,var(--lumo-primary-color-50pct));--_focus-ring-width:var(--vaadin-focus-ring-width,2px)}:host([focus-ring]){box-shadow:0 0 0 var(--_focus-ring-width) var(--_focus-ring-color);outline:none}}:host:before,:root:before{--_lumo-vaadin-scroller-inject:1;--_lumo-vaadin-scroller-inject-modules:lumo_components_scroller}@media lumo_components_side-nav{:host{color:var(--lumo-body-text-color);display:block;font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-m);font-weight:500;line-height:var(--lumo-line-height-xs);-webkit-tap-highlight-color:transparent;--_focus-ring-color:var(--vaadin-focus-ring-color,var(--lumo-primary-color-50pct));--_focus-ring-width:var(--vaadin-focus-ring-width,2px)}:host([hidden]){display:none!important}button{align-items:center;background-color:initial;border:initial;color:inherit;display:flex;font:inherit;justify-content:inherit;margin:0;outline:none;padding:0;text-align:inherit;width:100%}[part=children]{list-style-type:none;margin:0;padding:0}[part=label]{align-items:center;border-radius:var(--lumo-border-radius-m);box-sizing:border-box;display:flex;font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-s);font-weight:500;line-height:var(--lumo-line-height-xs);outline:none;width:100%}[part=label] ::slotted([slot=label]){color:var(--lumo-secondary-text-color);margin:var(--lumo-space-s)}:host([focus-ring]) [part=label]{box-shadow:0 0 0 var(--_focus-ring-width) var(--_focus-ring-color)}[part=toggle-button]{align-items:center;color:var(--lumo-contrast-60pct);cursor:var(--lumo-clickable-cursor);display:inline-flex;font-family:lumo-icons;font-size:var(--lumo-icon-size-m);height:var(--lumo-size-s);justify-content:center;line-height:1;margin-inline:auto var(--lumo-space-xs);width:var(--lumo-size-s)}[part=toggle-button]:before{content:var(--lumo-icons-angle-right);transition:transform .14s}:host(:not([collapsible])) [part=toggle-button]{display:none!important}:host(:not([collapsed])) [part=toggle-button]:before{transform:rotate(90deg)}:host([collapsed][dir=rtl]) [part=toggle-button]:before{transform:rotate(180deg)}@media (any-hover:hover){[part=label]:hover [part=toggle-button]{color:var(--lumo-body-text-color)}}}@media lumo_components_side-nav-item{:host{display:block;--_focus-ring-color:var(--vaadin-focus-ring-color,var(--lumo-primary-color-50pct));--_focus-ring-width:var(--vaadin-focus-ring-width,2px)}:host([hidden]),[hidden]{display:none!important}:host([disabled]){pointer-events:none}[part=content],[part=link]{align-items:center;display:flex}[part=link]{border-radius:var(--lumo-border-radius-m);color:inherit;cursor:var(--lumo-clickable-cursor,default);flex:auto;font:inherit;gap:var(--lumo-space-xs);min-height:var(--lumo-icon-size-m);min-width:0;padding:var(--lumo-space-s);padding-inline-start:calc(var(--lumo-space-s) + var(--_child-indent, 0px));text-decoration:none;transition:background-color .14s,color .14s;width:100%}button{appearance:none;background:transparent;border:0;flex:none;margin:0;padding:0;position:relative}[part=children]{list-style-type:none;margin:0;padding:0}:host(:not([has-children])) button{display:none!important}slot[name=prefix],slot[name=suffix]{flex:none}slot:not([name]){display:block;flex:auto;margin:0 var(--lumo-space-s);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[part=link][href]{cursor:pointer}:host([disabled]) [part=link]{color:var(--lumo-disabled-text-color)}[part=toggle-button]{height:var(--lumo-size-s);margin-inline-end:calc(var(--lumo-space-xs)*-1);width:var(--lumo-size-s)}:host([has-children]) [part=content]{padding-inline-end:var(--lumo-space-s)}@media (any-hover:hover){[part=link]:hover{color:var(--lumo-header-text-color)}[part=toggle-button]:hover{color:var(--lumo-body-text-color)}}[part=link]:active:focus{background-color:var(--lumo-contrast-5pct)}[part=toggle-button]:before{content:var(--lumo-icons-dropdown);transform:rotate(-90deg);transition:transform .14s}:host([dir=rtl]) [part=toggle-button]:before{transform:rotate(90deg)}:host([expanded]) [part=toggle-button]:before{transform:none}[part=link],[part=toggle-button]{outline:none}[part=link]:focus-visible,[part=toggle-button]:focus-visible{border-radius:var(--lumo-border-radius-m);box-shadow:0 0 0 var(--_focus-ring-width) var(--_focus-ring-color)}[part=link]:active{color:var(--lumo-header-text-color)}slot[name=prefix]::slotted(:is(vaadin-icon,[class*=icon])){color:var(--lumo-contrast-60pct);flex-shrink:0;padding:.1em}:host([disabled]) slot[name=prefix]::slotted(:is(vaadin-icon,[class*=icon])){color:var(--lumo-disabled-text-color)}:host([current]) slot[name=prefix]::slotted(:is(vaadin-icon,[class*=icon])){color:inherit}slot[name=children]{--_child-indent:calc(var(--_child-indent-2, 0px) + var(--vaadin-side-nav-child-indent, var(--lumo-space-l)))}slot[name=children]::slotted(*){--_child-indent-2:var(--_child-indent)}:host([current]) [part=content]{background-color:var(--lumo-primary-color-10pct);border-radius:var(--lumo-border-radius-m);color:var(--vaadin-selection-color-text,var(--lumo-primary-text-color))}.sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}}:host:before,:root:before{--_lumo-vaadin-side-nav-item-inject:1;--_lumo-vaadin-side-nav-item-inject-modules:lumo_mixins_field-button,lumo_components_side-nav-item}:host:before,:root:before{--_lumo-vaadin-side-nav-inject:1;--_lumo-vaadin-side-nav-inject-modules:lumo_components_side-nav}@media lumo_components_split-layout{[part=splitter]{--_splitter-size:var(--vaadin-split-layout-splitter-size,var(--lumo-space-s));--_splitter-target-size:var(--vaadin-split-layout-splitter-target-size,var(--lumo-space-s));--_handle-size:var(--vaadin-split-layout-handle-size,var(--lumo-space-xs));--_handle-target-size:var(--vaadin-split-layout-handle-target-size,var(--lumo-size-m));background:var(--vaadin-split-layout-splitter-background,var(--lumo-contrast-5pct));transition:background-color .1s}[part=handle]{background:var(--vaadin-split-layout-handle-background,var(--lumo-contrast-30pct));border-radius:var(--lumo-border-radius-s)}[part=splitter]:active [part=handle]{background:var(--lumo-contrast-50pct)}:host([theme~=small])>[part=splitter]{--vaadin-split-layout-handle-size:5px;background:var(--lumo-contrast-10pct)}:host([theme~=minimal])>[part=splitter]{--vaadin-split-layout-splitter-size:0px;--vaadin-split-layout-handle-size:5px;--vaadin-split-layout-splitter-target-size:5px}:host([theme~=minimal])>[part=splitter]>[part=handle]{opacity:0}:host([theme~=minimal])>[part=splitter]:is(:hover,:active)>[part=handle]{opacity:1}@media (any-hover:hover){[part=splitter]:hover [part=handle]{background-color:var(--lumo-contrast-40pct)}}}:host:before,:root:before{--_lumo-vaadin-split-layout-inject:1;--_lumo-vaadin-split-layout-inject-modules:lumo_components_split-layout}@media lumo_components_tabs{:host{align-items:center;display:flex;-webkit-tap-highlight-color:transparent}:host([hidden]){display:none!important}:host([orientation=vertical]){box-shadow:-1px 0 0 0 var(--lumo-contrast-10pct);display:block}:host([orientation=vertical]) [part=tabs]{height:100%;margin:.5rem 0;overflow-y:auto;width:100%}:host(:not([orientation=vertical])){box-shadow:inset 0 -1px 0 0 var(--lumo-contrast-10pct);min-height:var(--lumo-size-l);position:relative}:host([orientation=horizontal]) [part=tabs]{align-self:stretch;display:flex;flex-grow:1;margin:0 .75rem;overflow-x:auto}:host([orientation=horizontal]) [part=tabs] ::slotted(vaadin-tab:not([theme~=icon-on-top])){justify-content:center}@-moz-document url-prefix(){:host([orientation=horizontal]) [part=tabs]{overflow:hidden}}:host([orientation=horizontal]) [part=tabs]::-webkit-scrollbar{display:none}[part=back-button],[part=forward-button]{align-items:center;color:var(--lumo-tertiary-text-color);cursor:default;display:flex;font-family:lumo-icons;font-size:var(--lumo-icon-size-m);height:100%;justify-content:center;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .2s;width:1.5em;z-index:1}[part=back-button]:hover,[part=forward-button]:hover{color:inherit}:host([overflow~=end]) [part=forward-button],:host([overflow~=start]) [part=back-button]{opacity:1;pointer-events:auto}[part=back-button]:after{content:var(--lumo-icons-angle-left)}[part=forward-button]:after{content:var(--lumo-icons-angle-right)}:host([orientation=vertical]) [part=back-button],:host([orientation=vertical]) [part=forward-button]{display:none}[part=tabs]{--_lumo-tabs-overflow-mask-image:none;mask-image:var(--_lumo-tabs-overflow-mask-image)}:host([overflow~=start][overflow~=end]:not([orientation=vertical])) [part=tabs]{--_lumo-tabs-overflow-mask-image:linear-gradient(90deg,transparent 2em,#000 4em,#000 calc(100% - 4em),transparent calc(100% - 2em))}:host([overflow~=end]:not([orientation=vertical])) [part=tabs]{--_lumo-tabs-overflow-mask-image:linear-gradient(90deg,#000 calc(100% - 4em),transparent calc(100% - 2em))}:host([overflow~=start]:not([orientation=vertical])) [part=tabs]{--_lumo-tabs-overflow-mask-image:linear-gradient(90deg,transparent 2em,#000 4em)}:host([overflow~=start][overflow~=end][orientation=vertical]) [part=tabs]{--_lumo-tabs-overflow-mask-image:linear-gradient(transparent,#000 2em,#000 calc(100% - 2em),transparent)}:host([overflow~=end][orientation=vertical]) [part=tabs]{--_lumo-tabs-overflow-mask-image:linear-gradient(#000 calc(100% - 2em),transparent)}:host([overflow~=start][orientation=vertical]) [part=tabs]{--_lumo-tabs-overflow-mask-image:linear-gradient(transparent,#000 2em)}:host [part=tabs] ::slotted(:not(vaadin-tab)){margin-left:var(--lumo-space-m)}:host([theme~=centered][orientation=horizontal]) ::slotted(vaadin-tab:first-of-type){margin-inline-start:auto}:host([theme~=centered][orientation=horizontal]) ::slotted(vaadin-tab:last-of-type){margin-inline-end:auto}:host([theme~=small]),:host([theme~=small]) [part=tabs]{min-height:var(--lumo-size-m)}:host([theme~=small]) [part=tabs] ::slotted(vaadin-tab){font-size:var(--lumo-font-size-s)}:host([theme~=minimal]){box-shadow:none;--_lumo-tab-marker-display:none}:host([theme~=hide-scroll-buttons]) [part=back-button],:host([theme~=hide-scroll-buttons]) [part=forward-button]{display:none}:host([theme~=hide-scroll-buttons][overflow~=start][overflow~=end]:not([orientation=vertical])) [part=tabs]{--_lumo-tabs-overflow-mask-image:linear-gradient(90deg,transparent,#000 2em,#000 calc(100% - 2em),transparent)}:host([theme~=hide-scroll-buttons][overflow~=end]:not([orientation=vertical])) [part=tabs]{--_lumo-tabs-overflow-mask-image:linear-gradient(90deg,#000 calc(100% - 2em),transparent)}:host([theme~=hide-scroll-buttons][overflow~=start]:not([orientation=vertical])) [part=tabs]{--_lumo-tabs-overflow-mask-image:linear-gradient(90deg,transparent,#000 2em)}:host([theme~=equal-width-tabs]){flex:auto}:host([theme~=equal-width-tabs]) [part=tabs] ::slotted(vaadin-tab){flex:1 0 0%}:host(:not([dir=rtl])) [part=forward-button]{right:0}:host([dir=rtl]) [part=back-button]:after{content:var(--lumo-icons-angle-right)}:host([dir=rtl]) [part=forward-button]:after{content:var(--lumo-icons-angle-left)}:host([dir=rtl][orientation=vertical]){box-shadow:1px 0 0 0 var(--lumo-contrast-10pct)}:host([dir=rtl]) [part=forward-button]{left:0}:host([dir=rtl]) [part=tabs] ::slotted(:not(vaadin-tab)){margin-left:0;margin-right:var(--lumo-space-m)}:host([dir=rtl][overflow~=start][overflow~=end]:not([orientation=vertical])) [part=tabs]{--_lumo-tabs-overflow-mask-image:linear-gradient(-90deg,transparent 2em,#000 4em,#000 calc(100% - 4em),transparent calc(100% - 2em))}:host([dir=rtl][overflow~=end]:not([orientation=vertical])) [part=tabs]{--_lumo-tabs-overflow-mask-image:linear-gradient(-90deg,#000 calc(100% - 4em),transparent calc(100% - 2em))}:host([dir=rtl][overflow~=start]:not([orientation=vertical])) [part=tabs]{--_lumo-tabs-overflow-mask-image:linear-gradient(-90deg,transparent 2em,#000 4em)}:host([dir=rtl][theme~=hide-scroll-buttons][overflow~=start][overflow~=end]:not([orientation=vertical])) [part=tabs]{--_lumo-tabs-overflow-mask-image:linear-gradient(-90deg,transparent,#000 2em,#000 calc(100% - 2em),transparent)}:host([dir=rtl][theme~=hide-scroll-buttons][overflow~=end]:not([orientation=vertical])) [part=tabs]{--_lumo-tabs-overflow-mask-image:linear-gradient(-90deg,#000 calc(100% - 2em),transparent)}:host([dir=rtl][theme~=hide-scroll-buttons][overflow~=start]:not([orientation=vertical])) [part=tabs]{--_lumo-tabs-overflow-mask-image:linear-gradient(-90deg,transparent,#000 2em)}}@media lumo_components_tab{:host{align-items:center;box-sizing:border-box;color:var(--lumo-secondary-text-color);cursor:var(--lumo-clickable-cursor);display:flex;flex-shrink:0;font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-m);font-weight:500;line-height:var(--lumo-line-height-xs);opacity:1;outline:none;padding:.5rem .75rem;position:relative;transform-origin:50% 100%;transition:color .15s,transform .2s;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:var(--lumo-size-m);overflow:hidden;-webkit-user-select:none;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))}:host([hidden]){display:none!important}:host(:not([orientation=vertical])){text-align:center}:host([orientation=vertical]){min-height:var(--lumo-size-m);min-width:0;padding:.25rem 1rem;transform-origin:0 50%}:host(:hover),:host([focus-ring]){color:var(--lumo-body-text-color)}:host([selected]){color:var(--_selection-color-text);transition:color .6s}:host([active]:not([selected])){color:var(--_selection-color-text);transition-duration:.1s}:host:after,:host:before{background-color:var(--lumo-contrast-60pct);border-radius:var(--lumo-border-radius-s) var(--lumo-border-radius-s) 0 0;bottom:0;content:"";display:var(--_lumo-tab-marker-display,block);height:2px;left:50%;position:absolute;transform:translateX(-50%) scale(0);transform-origin:50% 100%;transition:transform .14s cubic-bezier(.12,.32,.54,1);width:var(--lumo-size-s);will-change:transform}:host([orientation=vertical]):after,:host([orientation=vertical]):before{border-radius:0 var(--lumo-border-radius-s) var(--lumo-border-radius-s) 0;bottom:50%;height:var(--lumo-size-xs);left:0;transform:translateY(50%) scale(0);transform-origin:100% 50%;width:2px}:host:after{box-shadow:0 0 0 4px var(--_selection-color);opacity:.15;transition:transform .15s .02s,opacity .8s .17s}:host([selected]):after,:host([selected]):before{background-color:var(--_selection-color);transform:translateX(-50%) scale(1);transition-timing-function:cubic-bezier(.12,.32,.54,1.5)}:host([orientation=vertical][selected]):after,:host([orientation=vertical][selected]):before{transform:translateY(50%) scale(1)}:host([selected]:not([active])):after{opacity:0}:host(:not([orientation=vertical])) ::slotted(a[href]){justify-content:center}:host ::slotted(a){align-items:center;color:inherit!important;display:flex;height:100%;margin:-.5rem -.75rem;outline:none;padding:.5rem .75rem;text-decoration:none!important;width:100%}:host ::slotted(vaadin-icon){height:var(--lumo-icon-size-m);margin:0 4px;width:var(--lumo-icon-size-m)}:host ::slotted(vaadin-icon[icon^="vaadin:"]){box-sizing:border-box!important;padding:.25rem}:host(:not([dir=rtl])) ::slotted(vaadin-icon:first-child){margin-left:0}:host(:not([dir=rtl])) ::slotted(vaadin-icon:last-child){margin-right:0}:host([theme~=icon-on-top]){align-items:center;display:flex;flex-direction:column;justify-content:space-around;padding-bottom:.5rem;padding-top:.25rem;text-align:center}:host([theme~=icon-on-top]) ::slotted(a){align-items:center;flex-direction:column;margin-top:-.25rem;padding-top:.25rem}:host([theme~=icon-on-top]) ::slotted(vaadin-icon){margin:0}:host([disabled]){color:var(--lumo-disabled-text-color);opacity:1;pointer-events:none}:host([focus-ring]){border-radius:var(--lumo-border-radius-m);box-shadow:inset 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color)}:host([dir=rtl]):after,:host([dir=rtl]):before{left:auto;right:50%;transform:translateX(50%) scale(0)}:host([dir=rtl][selected]:not([orientation=vertical])):after,:host([dir=rtl][selected]:not([orientation=vertical])):before{transform:translateX(50%) scale(1)}:host([dir=rtl]) ::slotted(vaadin-icon:first-child){margin-right:0}:host([dir=rtl]) ::slotted(vaadin-icon:last-child){margin-left:0}:host([orientation=vertical][dir=rtl]){transform-origin:100% 50%}:host([dir=rtl][orientation=vertical]):after,:host([dir=rtl][orientation=vertical]):before{border-radius:var(--lumo-border-radius-s) 0 0 var(--lumo-border-radius-s);left:auto;right:0;transform-origin:0 50%}@media (forced-colors:active){:host([focused]){outline:1px solid;outline-offset:-1px}:host([selected]){border-bottom:2px solid}:host([orientation=vertical][selected]){border-bottom:none;border-left:2px solid}}}:host:before,:root:before{--_lumo-vaadin-tab-inject:1;--_lumo-vaadin-tab-inject-modules:lumo_components_tab}:host:before,:root:before{--_lumo-vaadin-tabs-inject:1;--_lumo-vaadin-tabs-inject-modules:lumo_components_tabs}@media lumo_components_tabsheet{:host{display:flex;flex-direction:column;font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-m);line-height:var(--lumo-line-height-m)}:host([hidden]){display:none!important}[part=tabs-container]{align-items:center;box-shadow:inset 0 -1px 0 0 var(--lumo-contrast-10pct);display:flex;gap:var(--lumo-space-s);padding:var(--lumo-space-xs) var(--lumo-space-s);position:relative}::slotted([slot=tabs]){align-self:stretch;box-shadow:none;flex:1;margin:calc(var(--lumo-space-xs)*-1) calc(var(--lumo-space-s)*-1);min-width:8em}::slotted([hidden]){display:none!important}[part=content]{box-sizing:border-box;flex:1;position:relative;--vaadin-scroller-padding-block:var(--lumo-space-s);--vaadin-scroller-padding-inline:var(--lumo-space-m);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}:host([theme~=bordered]){border:1px solid var(--lumo-contrast-20pct);border-radius:var(--lumo-border-radius-l)}:host([loading]) [part=content]{align-items:center;display:flex;justify-content:center}:host([theme~=no-padding]) [part=content]{padding:0!important;--vaadin-scroller-padding-block:0px!important;--vaadin-scroller-padding-inline:0px!important}}:host:before,:root:before{--_lumo-vaadin-tabsheet-inject:1;--_lumo-vaadin-tabsheet-inject-modules:lumo_mixins_loader,lumo_components_tabsheet;--_lumo-vaadin-tabsheet-scroller-inject:1;--_lumo-vaadin-tabsheet-scroller-inject-modules:lumo_components_scroller}@media lumo_components_upload-file{:host{border-radius:var(--vaadin-upload-file-border-radius,var(--lumo-border-radius-s));gap:var(--vaadin-upload-file-gap,0 var(--lumo-space-xs));padding:var(--vaadin-upload-file-padding,var(--lumo-space-s) 0);--_focus-ring-color:var(--vaadin-focus-ring-color,var(--lumo-primary-color-50pct));--_focus-ring-width:var(--vaadin-focus-ring-width,2px)}:host(:focus-visible){outline:var(--_focus-ring-width) solid var(--_focus-ring-color);outline-offset:calc(var(--_focus-ring-width)*-1)}[part=error],[part=status]{color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-s)}[part=name]{color:var(--lumo-body-text-color);white-space:nowrap}[part$=icon],[part=commands]{align-self:start}[part$=icon]{font-family:lumo-icons;font-size:var(--lumo-icon-size-m);line-height:1}[part$=button]{border:none;border-radius:var(--lumo-border-radius-s);box-shadow:none;cursor:var(--lumo-clickable-cursor);outline:none;padding:0}[part$=button]:focus{outline:var(--_focus-ring-width) solid var(--_focus-ring-color);outline-offset:calc(var(--_focus-ring-width)*-1)}[part$=button],[part$=icon]{margin-top:calc((1em*var(--lumo-line-height-m) - var(--lumo-icon-size-m))/2)}[part$=button]:before,[part$=icon]:before{background:transparent;height:auto;mask-image:none;width:auto}[part=done-icon]:before{color:var(--lumo-primary-text-color);content:var(--lumo-icons-checkmark)}[part=warning-icon]:before{color:var(--lumo-error-text-color);content:var(--lumo-icons-error)}[part=start-button]:before{content:var(--lumo-icons-play)}[part=retry-button]:before{content:var(--lumo-icons-reload)}[part=remove-button]:before{content:var(--lumo-icons-cross)}[part=error]{color:var(--lumo-error-text-color)}::slotted([slot=progress]){margin-inline-end:calc(var(--lumo-icon-size-m) + var(--lumo-space-xs))}}@media lumo_components_upload-icon{:host{display:inline-block}:host:before{background-color:transparent;content:var(--lumo-icons-upload);font-family:lumo-icons;font-size:var(--lumo-icon-size-m);line-height:1;mask-image:none;vertical-align:-.25em}}@media lumo_components_upload{:host{border:var(--vaadin-upload-border-width,1px) dashed var(--vaadin-upload-border-color,var(--lumo-contrast-20pct));border-radius:var(--vaadin-upload-border-radius,var(--lumo-border-radius-l));line-height:var(--lumo-line-height-m);padding:var(--vaadin-upload-padding,var(--lumo-space-m));transition:background-color .6s,border-color .6s}:host([nodrop]){border:none;border-radius:0;padding:0;transition:none}[part=drop-label]{color:var(--vaadin-upload-drop-label-color,var(--lumo-secondary-text-color));font-family:var(--lumo-font-family);gap:var(--vaadin-upload-drop-label-gap,var(--lumo-space-xs));padding:0 var(--lumo-space-s)}[part=primary-buttons]{gap:0}:host([dragover-valid]){--vaadin-upload-background:var(--lumo-primary-color-10pct);--vaadin-upload-border-color:var(--lumo-primary-color-50pct);transition:background-color .1s,border-color .1s}:host([dragover-valid]) [part=drop-label]{color:var(--lumo-primary-text-color)}:host([disabled]) [part=drop-label],:host([max-files-reached]) [part=drop-label]{color:var(--lumo-disabled-text-color)}}:host:before,:root:before{--_lumo-vaadin-upload-inject:1;--_lumo-vaadin-upload-inject-modules:lumo_components_upload;--_lumo-vaadin-upload-icon-inject:1;--_lumo-vaadin-upload-icon-inject-modules:lumo_components_upload-icon;--_lumo-vaadin-upload-file-inject:1;--_lumo-vaadin-upload-file-inject-modules:lumo_mixins_field-button,lumo_components_upload-file}:where(:host),:where(:root){--vaadin-upload-gap:0;--vaadin-upload-file-list-divider-color:var(
|
|
54
54
|
--lumo-contrast-10pct
|
|
55
|
-
)}@media lumo_components_vertical-layout{:host([theme~=margin]){margin:var(--vaadin-vertical-layout-margin,var(--lumo-space-m))}:host([theme~=padding]){padding:var(--vaadin-vertical-layout-padding,var(--lumo-space-m))}:host([theme~=spacing-xs]){gap:var(--lumo-space-xs)}:host([theme~=spacing-s]){gap:var(--lumo-space-s)}:host([theme~=spacing]){gap:var(--vaadin-vertical-layout-gap,var(--lumo-space-m))}:host([theme~=spacing-l]){gap:var(--lumo-space-l)}:host([theme~=spacing-xl]){gap:var(--lumo-space-xl)}}:host:before,:root:before{--_lumo-vaadin-vertical-layout-inject:1;--_lumo-vaadin-vertical-layout-inject-modules:lumo_components_vertical-layout}:where(:host),:where(:root){--vaadin-lumo-theme:1}
|
|
55
|
+
)}:host:before,:root:before{--_lumo-vaadin-upload-button-inject:1;--_lumo-vaadin-upload-button-inject-modules:lumo_components_button}@media lumo_components_vertical-layout{:host([theme~=margin]){margin:var(--vaadin-vertical-layout-margin,var(--lumo-space-m))}:host([theme~=padding]){padding:var(--vaadin-vertical-layout-padding,var(--lumo-space-m))}:host([theme~=spacing-xs]){gap:var(--lumo-space-xs)}:host([theme~=spacing-s]){gap:var(--lumo-space-s)}:host([theme~=spacing]){gap:var(--vaadin-vertical-layout-gap,var(--lumo-space-m))}:host([theme~=spacing-l]){gap:var(--lumo-space-l)}:host([theme~=spacing-xl]){gap:var(--lumo-space-xl)}}:host:before,:root:before{--_lumo-vaadin-vertical-layout-inject:1;--_lumo-vaadin-vertical-layout-inject-modules:lumo_components_vertical-layout}:where(:host),:where(:root){--vaadin-lumo-theme:1}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/vaadin-lumo-styles",
|
|
3
|
-
"version": "25.0
|
|
3
|
+
"version": "25.1.0-alpha2",
|
|
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": "
|
|
46
|
-
"@vaadin/icon": "
|
|
47
|
-
"@vaadin/vaadin-themable-mixin": "
|
|
45
|
+
"@vaadin/component-base": "25.1.0-alpha2",
|
|
46
|
+
"@vaadin/icon": "25.1.0-alpha2",
|
|
47
|
+
"@vaadin/vaadin-themable-mixin": "25.1.0-alpha2"
|
|
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": "dfeb6e14643ec923e5505ca645f7354c6dc170ec"
|
|
56
56
|
}
|
|
@@ -152,8 +152,7 @@ Note, to make it work, the form fields should have the same "::before" pseudo-el
|
|
|
152
152
|
|
|
153
153
|
:host([theme~='tertiary']),
|
|
154
154
|
:host([theme~='tertiary-inline']) {
|
|
155
|
-
|
|
156
|
-
background: var(--vaadin-button-tertiary-background, var(--_background));
|
|
155
|
+
background: var(--vaadin-button-tertiary-background, transparent) !important;
|
|
157
156
|
min-width: 0;
|
|
158
157
|
}
|
|
159
158
|
|