@vaadin/bundles 25.2.0-alpha11 → 25.2.0-alpha13
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.
|
@@ -125,10 +125,6 @@ const menuOverlayCore = _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__
|
|
|
125
125
|
animation: 0.14s lumo-overlay-dummy-animation;
|
|
126
126
|
}
|
|
127
127
|
|
|
128
|
-
[part='overlay'] {
|
|
129
|
-
will-change: opacity, transform;
|
|
130
|
-
}
|
|
131
|
-
|
|
132
128
|
:host([opening]) [part='overlay'] {
|
|
133
129
|
animation: 0.1s lumo-menu-overlay-enter ease-out both;
|
|
134
130
|
}
|
|
@@ -277,7 +273,6 @@ const overlay = _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_
|
|
|
277
273
|
[part='backdrop'] {
|
|
278
274
|
background-color: var(--lumo-shade-20pct);
|
|
279
275
|
animation: 0.2s lumo-overlay-backdrop-enter both;
|
|
280
|
-
will-change: opacity;
|
|
281
276
|
}
|
|
282
277
|
|
|
283
278
|
@keyframes lumo-overlay-backdrop-enter {
|
|
@@ -414,7 +409,6 @@ const requiredField = _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WE
|
|
|
414
409
|
line-height: var(--lumo-line-height-xs);
|
|
415
410
|
font-weight: var(--vaadin-input-field-error-font-weight, 400);
|
|
416
411
|
color: var(--vaadin-input-field-error-color, var(--lumo-error-text-color));
|
|
417
|
-
will-change: max-height;
|
|
418
412
|
transition: 0.4s max-height;
|
|
419
413
|
max-height: 5em;
|
|
420
414
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vendors-node_modules_vaadin_vaadin-lumo-styles_all-imports_js.js","mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACkC;AACO;AACP;AACO;AACZ;AACO;AACA;AACO;AACd;;;;;;;;;;;;;;;;;ACb7B;AACA;AACA;AACA;AACA;AACsE;AACuB;;AAE7F,oFAAY;;AAEZ,oBAAoB,uFAAG;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,sGAAc,oBAAoB,+BAA+B;;AAE1C;;;;;;;;;;;;;;;;;;;ACxCvB;AACA;AACA;AACA;AACA;AACsE;AACuB;AACtD;;AAEvC,oFAAY;;AAEZ,wBAAwB,uFAAG;AAC3B;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA,sGAAc,wBAAwB,oCAAoC;;AAE1E,uBAAuB,uFAAG;AAC1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA,qBAAqB,gDAAO;;AAE5B,sGAAc,oBAAoB,+BAA+B;;AAEzB;;;;;;;;;;;;;;;;;AC5GxC;AACA;AACA;AACA;AACA;AACsE;AACuB;;AAE7F,oFAAY;;AAEZ,gBAAgB,uFAAG;AACnB;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA,sGAAc,gBAAgB,0BAA0B;;AAErC;;;;;;;;;;;;;;;;;AC5EnB;AACA;AACA;AACA;AACA;AACsE;AACuB;;AAE7F,oFAAY;;AAEZ,sBAAsB,uFAAG;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA,sGAAc,sBAAsB,iCAAiC;;AAE5C","sources":["webpack://@vaadin/bundles/./node_modules/@vaadin/vaadin-lumo-styles/all-imports.js","webpack://@vaadin/bundles/./node_modules/@vaadin/vaadin-lumo-styles/mixins/field-button.js","webpack://@vaadin/bundles/./node_modules/@vaadin/vaadin-lumo-styles/mixins/menu-overlay.js","webpack://@vaadin/bundles/./node_modules/@vaadin/vaadin-lumo-styles/mixins/overlay.js","webpack://@vaadin/bundles/./node_modules/@vaadin/vaadin-lumo-styles/mixins/required-field.js"],"sourcesContent":["/**\n * @license\n * Copyright (c) 2017 - 2026 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport './mixins/field-button.js';\nexport * from './mixins/field-button.js';\nimport './mixins/menu-overlay.js';\nexport * from './mixins/menu-overlay.js';\nimport './mixins/overlay.js';\nexport * from './mixins/overlay.js';\nimport './mixins/required-field.js';\nexport * from './mixins/required-field.js';\nimport './vaadin-iconset.js';\n","/**\n * @license\n * Copyright (c) 2017 - 2026 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { issueWarning } from '@vaadin/component-base/src/warnings.js';\nimport { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\n\nissueWarning('Lumo .js mixins are deprecated and will be removed in V26');\n\nconst fieldButton = css`\n [part$='button'] {\n flex: none;\n width: 1em;\n height: 1em;\n line-height: 1;\n font-size: var(--lumo-icon-size-m);\n text-align: center;\n color: var(--lumo-contrast-60pct);\n transition: 0.2s color;\n cursor: var(--lumo-clickable-cursor);\n }\n\n [part$='button']:hover {\n color: var(--lumo-contrast-90pct);\n }\n\n :host([disabled]) [part$='button'],\n :host([readonly]) [part$='button'] {\n color: var(--lumo-contrast-20pct);\n cursor: default;\n }\n\n [part$='button']::before {\n font-family: 'lumo-icons';\n display: block;\n }\n`;\nregisterStyles('', fieldButton, { moduleId: 'lumo-field-button' });\n\nexport { fieldButton };\n","/**\n * @license\n * Copyright (c) 2017 - 2026 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { issueWarning } from '@vaadin/component-base/src/warnings.js';\nimport { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\nimport { overlay } from './overlay.js';\n\nissueWarning('Lumo .js mixins are deprecated and will be removed in V26');\n\nconst menuOverlayCore = css`\n :host([opening]),\n :host([closing]) {\n animation: 0.14s lumo-overlay-dummy-animation;\n }\n\n [part='overlay'] {\n will-change: opacity, transform;\n }\n\n :host([opening]) [part='overlay'] {\n animation: 0.1s lumo-menu-overlay-enter ease-out both;\n }\n\n @keyframes lumo-menu-overlay-enter {\n 0% {\n opacity: 0;\n transform: translateY(-4px);\n }\n }\n\n :host([closing]) [part='overlay'] {\n animation: 0.1s lumo-menu-overlay-exit both;\n }\n\n @keyframes lumo-menu-overlay-exit {\n 100% {\n opacity: 0;\n }\n }\n`;\n\nregisterStyles('', menuOverlayCore, { moduleId: 'lumo-menu-overlay-core' });\n\nconst menuOverlayExt = css`\n /* Small viewport (bottom sheet) styles */\n /* Use direct media queries instead of the state attributes ([phone] and [fullscreen]) provided by the elements */\n @media (max-width: 450px), (max-height: 450px) {\n :host {\n inset: 0 0 var(--vaadin-overlay-viewport-bottom, 0) 0 !important;\n align-items: stretch !important;\n justify-content: flex-end !important;\n }\n\n [part='overlay'] {\n max-height: 50vh;\n width: 100vw;\n border-radius: 0;\n box-shadow: var(--lumo-box-shadow-xl);\n }\n\n /* The content part scrolls instead of the overlay part, because of the gradient fade-out */\n [part='content'] {\n padding: 30px var(--lumo-space-m);\n max-height: inherit;\n box-sizing: border-box;\n overflow: auto;\n mask-image: linear-gradient(transparent, #000 40px, #000 calc(100% - 40px), transparent);\n }\n\n [part='backdrop'] {\n display: block;\n }\n\n /* Animations */\n\n :host([opening]) [part='overlay'] {\n animation: 0.2s lumo-mobile-menu-overlay-enter cubic-bezier(0.215, 0.61, 0.355, 1) both;\n }\n\n :host([closing]),\n :host([closing]) [part='backdrop'] {\n animation-delay: 0.14s;\n }\n\n :host([closing]) [part='overlay'] {\n animation: 0.14s 0.14s lumo-mobile-menu-overlay-exit cubic-bezier(0.55, 0.055, 0.675, 0.19) both;\n }\n }\n\n @keyframes lumo-mobile-menu-overlay-enter {\n 0% {\n transform: translateY(150%);\n }\n }\n\n @keyframes lumo-mobile-menu-overlay-exit {\n 100% {\n transform: translateY(150%);\n }\n }\n`;\n\nconst menuOverlay = [overlay, menuOverlayCore, menuOverlayExt];\n\nregisterStyles('', menuOverlay, { moduleId: 'lumo-menu-overlay' });\n\nexport { menuOverlayCore, menuOverlay };\n","/**\n * @license\n * Copyright (c) 2017 - 2026 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { issueWarning } from '@vaadin/component-base/src/warnings.js';\nimport { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\n\nissueWarning('Lumo .js mixins are deprecated and will be removed in V26');\n\nconst overlay = css`\n :host {\n inset: var(--vaadin-overlay-viewport-inset, var(--lumo-space-m));\n /* Workaround for Edge issue (only on Surface), where an overflowing vaadin-list-box inside vaadin-select-overlay makes the overlay transparent */\n /* stylelint-disable-next-line */\n outline: 0px solid transparent;\n }\n\n [part='overlay'] {\n background-color: var(--lumo-base-color);\n background-image: linear-gradient(var(--lumo-tint-5pct), var(--lumo-tint-5pct));\n border-radius: var(--lumo-border-radius-m);\n box-shadow:\n 0 0 0 1px var(--lumo-shade-5pct),\n var(--lumo-box-shadow-m);\n color: var(--lumo-body-text-color);\n font-family: var(--lumo-font-family);\n font-size: var(--lumo-font-size-m);\n font-weight: 400;\n line-height: var(--lumo-line-height-m);\n letter-spacing: 0;\n text-transform: none;\n -webkit-text-size-adjust: 100%;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n [part='content'] {\n padding: var(--lumo-space-xs);\n }\n\n [part='backdrop'] {\n background-color: var(--lumo-shade-20pct);\n animation: 0.2s lumo-overlay-backdrop-enter both;\n will-change: opacity;\n }\n\n @keyframes lumo-overlay-backdrop-enter {\n 0% {\n opacity: 0;\n }\n }\n\n :host([closing]) [part='backdrop'] {\n animation: 0.2s lumo-overlay-backdrop-exit both;\n }\n\n @keyframes lumo-overlay-backdrop-exit {\n 100% {\n opacity: 0;\n }\n }\n\n @keyframes lumo-overlay-dummy-animation {\n 0% {\n opacity: 1;\n }\n\n 100% {\n opacity: 1;\n }\n }\n`;\n\nregisterStyles('', overlay, { moduleId: 'lumo-overlay' });\n\nexport { overlay };\n","/**\n * @license\n * Copyright (c) 2017 - 2026 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { issueWarning } from '@vaadin/component-base/src/warnings.js';\nimport { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\n\nissueWarning('Lumo .js mixins are deprecated and will be removed in V26');\n\nconst requiredField = css`\n [part='label'] {\n align-self: flex-start;\n color: var(--vaadin-input-field-label-color, var(--lumo-secondary-text-color));\n font-weight: var(--vaadin-input-field-label-font-weight, 500);\n font-size: var(--vaadin-input-field-label-font-size, var(--lumo-font-size-s));\n transition: color 0.2s;\n line-height: 1;\n padding-inline: calc(var(--lumo-border-radius-m) / 4) 1em;\n padding-bottom: 0.5em;\n /* As a workaround for diacritics being cut off, add a top padding and a\n negative margin to compensate */\n padding-top: 0.25em;\n margin-top: -0.25em;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n position: relative;\n max-width: 100%;\n box-sizing: border-box;\n }\n\n :host([focused]:not([readonly])) [part='label'] {\n color: var(--vaadin-input-field-focused-label-color, var(--lumo-primary-text-color));\n }\n\n :host(:hover:not([readonly]):not([focused])) [part='label'] {\n color: var(--vaadin-input-field-hovered-label-color, var(--lumo-body-text-color));\n }\n\n /* Touch device adjustment */\n @media (pointer: coarse) {\n :host(:hover:not([readonly]):not([focused])) [part='label'] {\n color: var(--vaadin-input-field-label-color, var(--lumo-secondary-text-color));\n }\n }\n\n :host([has-label])::before {\n margin-top: calc(var(--lumo-font-size-s) * 1.5);\n }\n\n :host([has-label][theme~='small'])::before {\n margin-top: calc(var(--lumo-font-size-xs) * 1.5);\n }\n\n :host([has-label]) {\n padding-top: var(--lumo-space-m);\n }\n\n :host([has-label]) ::slotted([slot='tooltip']) {\n --vaadin-tooltip-offset-bottom: calc((var(--lumo-space-m) - var(--lumo-space-xs)) * -1);\n }\n\n :host([required]) [part='required-indicator']::after {\n content: var(--vaadin-input-field-required-indicator, var(--lumo-required-field-indicator, '\\\\2022'));\n color: var(\n --vaadin-input-field-required-indicator-color,\n var(--lumo-required-field-indicator-color, var(--lumo-primary-text-color))\n );\n position: absolute;\n right: 0;\n width: 1em;\n text-align: center;\n }\n\n :host([invalid]) [part='required-indicator']::after {\n color: var(\n --vaadin-input-field-required-indicator-color,\n var(--lumo-required-field-indicator-color, var(--lumo-error-text-color))\n );\n }\n\n [part='error-message'] {\n margin-left: calc(var(--lumo-border-radius-m) / 4);\n font-size: var(--vaadin-input-field-error-font-size, var(--lumo-font-size-xs));\n line-height: var(--lumo-line-height-xs);\n font-weight: var(--vaadin-input-field-error-font-weight, 400);\n color: var(--vaadin-input-field-error-color, var(--lumo-error-text-color));\n will-change: max-height;\n transition: 0.4s max-height;\n max-height: 5em;\n }\n\n :host([has-error-message]) [part='error-message']::before,\n :host([has-error-message]) [part='error-message']::after {\n content: '';\n display: block;\n height: 0.4em;\n }\n\n :host(:not([invalid])) [part='error-message'] {\n max-height: 0;\n overflow: hidden;\n }\n\n /* RTL specific styles */\n\n :host([dir='rtl']) [part='required-indicator']::after {\n right: auto;\n left: 0;\n }\n\n :host([dir='rtl']) [part='error-message'] {\n margin-left: 0;\n margin-right: calc(var(--lumo-border-radius-m) / 4);\n }\n`;\n\nregisterStyles('', requiredField, { moduleId: 'lumo-required-field' });\n\nexport { requiredField };\n"],"names":[],"sourceRoot":""}
|
|
1
|
+
{"version":3,"file":"vendors-node_modules_vaadin_vaadin-lumo-styles_all-imports_js.js","mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACkC;AACO;AACP;AACO;AACZ;AACO;AACA;AACO;AACd;;;;;;;;;;;;;;;;;ACb7B;AACA;AACA;AACA;AACA;AACsE;AACuB;;AAE7F,oFAAY;;AAEZ,oBAAoB,uFAAG;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,sGAAc,oBAAoB,+BAA+B;;AAE1C;;;;;;;;;;;;;;;;;;;ACxCvB;AACA;AACA;AACA;AACA;AACsE;AACuB;AACtD;;AAEvC,oFAAY;;AAEZ,wBAAwB,uFAAG;AAC3B;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA,sGAAc,wBAAwB,oCAAoC;;AAE1E,uBAAuB,uFAAG;AAC1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA,qBAAqB,gDAAO;;AAE5B,sGAAc,oBAAoB,+BAA+B;;AAEzB;;;;;;;;;;;;;;;;;ACxGxC;AACA;AACA;AACA;AACA;AACsE;AACuB;;AAE7F,oFAAY;;AAEZ,gBAAgB,uFAAG;AACnB;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA,sGAAc,gBAAgB,0BAA0B;;AAErC;;;;;;;;;;;;;;;;;AC3EnB;AACA;AACA;AACA;AACA;AACsE;AACuB;;AAE7F,oFAAY;;AAEZ,sBAAsB,uFAAG;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA,sGAAc,sBAAsB,iCAAiC;;AAE5C","sources":["webpack://@vaadin/bundles/./node_modules/@vaadin/vaadin-lumo-styles/all-imports.js","webpack://@vaadin/bundles/./node_modules/@vaadin/vaadin-lumo-styles/mixins/field-button.js","webpack://@vaadin/bundles/./node_modules/@vaadin/vaadin-lumo-styles/mixins/menu-overlay.js","webpack://@vaadin/bundles/./node_modules/@vaadin/vaadin-lumo-styles/mixins/overlay.js","webpack://@vaadin/bundles/./node_modules/@vaadin/vaadin-lumo-styles/mixins/required-field.js"],"sourcesContent":["/**\n * @license\n * Copyright (c) 2017 - 2026 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport './mixins/field-button.js';\nexport * from './mixins/field-button.js';\nimport './mixins/menu-overlay.js';\nexport * from './mixins/menu-overlay.js';\nimport './mixins/overlay.js';\nexport * from './mixins/overlay.js';\nimport './mixins/required-field.js';\nexport * from './mixins/required-field.js';\nimport './vaadin-iconset.js';\n","/**\n * @license\n * Copyright (c) 2017 - 2026 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { issueWarning } from '@vaadin/component-base/src/warnings.js';\nimport { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\n\nissueWarning('Lumo .js mixins are deprecated and will be removed in V26');\n\nconst fieldButton = css`\n [part$='button'] {\n flex: none;\n width: 1em;\n height: 1em;\n line-height: 1;\n font-size: var(--lumo-icon-size-m);\n text-align: center;\n color: var(--lumo-contrast-60pct);\n transition: 0.2s color;\n cursor: var(--lumo-clickable-cursor);\n }\n\n [part$='button']:hover {\n color: var(--lumo-contrast-90pct);\n }\n\n :host([disabled]) [part$='button'],\n :host([readonly]) [part$='button'] {\n color: var(--lumo-contrast-20pct);\n cursor: default;\n }\n\n [part$='button']::before {\n font-family: 'lumo-icons';\n display: block;\n }\n`;\nregisterStyles('', fieldButton, { moduleId: 'lumo-field-button' });\n\nexport { fieldButton };\n","/**\n * @license\n * Copyright (c) 2017 - 2026 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { issueWarning } from '@vaadin/component-base/src/warnings.js';\nimport { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\nimport { overlay } from './overlay.js';\n\nissueWarning('Lumo .js mixins are deprecated and will be removed in V26');\n\nconst menuOverlayCore = css`\n :host([opening]),\n :host([closing]) {\n animation: 0.14s lumo-overlay-dummy-animation;\n }\n\n :host([opening]) [part='overlay'] {\n animation: 0.1s lumo-menu-overlay-enter ease-out both;\n }\n\n @keyframes lumo-menu-overlay-enter {\n 0% {\n opacity: 0;\n transform: translateY(-4px);\n }\n }\n\n :host([closing]) [part='overlay'] {\n animation: 0.1s lumo-menu-overlay-exit both;\n }\n\n @keyframes lumo-menu-overlay-exit {\n 100% {\n opacity: 0;\n }\n }\n`;\n\nregisterStyles('', menuOverlayCore, { moduleId: 'lumo-menu-overlay-core' });\n\nconst menuOverlayExt = css`\n /* Small viewport (bottom sheet) styles */\n /* Use direct media queries instead of the state attributes ([phone] and [fullscreen]) provided by the elements */\n @media (max-width: 450px), (max-height: 450px) {\n :host {\n inset: 0 0 var(--vaadin-overlay-viewport-bottom, 0) 0 !important;\n align-items: stretch !important;\n justify-content: flex-end !important;\n }\n\n [part='overlay'] {\n max-height: 50vh;\n width: 100vw;\n border-radius: 0;\n box-shadow: var(--lumo-box-shadow-xl);\n }\n\n /* The content part scrolls instead of the overlay part, because of the gradient fade-out */\n [part='content'] {\n padding: 30px var(--lumo-space-m);\n max-height: inherit;\n box-sizing: border-box;\n overflow: auto;\n mask-image: linear-gradient(transparent, #000 40px, #000 calc(100% - 40px), transparent);\n }\n\n [part='backdrop'] {\n display: block;\n }\n\n /* Animations */\n\n :host([opening]) [part='overlay'] {\n animation: 0.2s lumo-mobile-menu-overlay-enter cubic-bezier(0.215, 0.61, 0.355, 1) both;\n }\n\n :host([closing]),\n :host([closing]) [part='backdrop'] {\n animation-delay: 0.14s;\n }\n\n :host([closing]) [part='overlay'] {\n animation: 0.14s 0.14s lumo-mobile-menu-overlay-exit cubic-bezier(0.55, 0.055, 0.675, 0.19) both;\n }\n }\n\n @keyframes lumo-mobile-menu-overlay-enter {\n 0% {\n transform: translateY(150%);\n }\n }\n\n @keyframes lumo-mobile-menu-overlay-exit {\n 100% {\n transform: translateY(150%);\n }\n }\n`;\n\nconst menuOverlay = [overlay, menuOverlayCore, menuOverlayExt];\n\nregisterStyles('', menuOverlay, { moduleId: 'lumo-menu-overlay' });\n\nexport { menuOverlayCore, menuOverlay };\n","/**\n * @license\n * Copyright (c) 2017 - 2026 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { issueWarning } from '@vaadin/component-base/src/warnings.js';\nimport { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\n\nissueWarning('Lumo .js mixins are deprecated and will be removed in V26');\n\nconst overlay = css`\n :host {\n inset: var(--vaadin-overlay-viewport-inset, var(--lumo-space-m));\n /* Workaround for Edge issue (only on Surface), where an overflowing vaadin-list-box inside vaadin-select-overlay makes the overlay transparent */\n /* stylelint-disable-next-line */\n outline: 0px solid transparent;\n }\n\n [part='overlay'] {\n background-color: var(--lumo-base-color);\n background-image: linear-gradient(var(--lumo-tint-5pct), var(--lumo-tint-5pct));\n border-radius: var(--lumo-border-radius-m);\n box-shadow:\n 0 0 0 1px var(--lumo-shade-5pct),\n var(--lumo-box-shadow-m);\n color: var(--lumo-body-text-color);\n font-family: var(--lumo-font-family);\n font-size: var(--lumo-font-size-m);\n font-weight: 400;\n line-height: var(--lumo-line-height-m);\n letter-spacing: 0;\n text-transform: none;\n -webkit-text-size-adjust: 100%;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n [part='content'] {\n padding: var(--lumo-space-xs);\n }\n\n [part='backdrop'] {\n background-color: var(--lumo-shade-20pct);\n animation: 0.2s lumo-overlay-backdrop-enter both;\n }\n\n @keyframes lumo-overlay-backdrop-enter {\n 0% {\n opacity: 0;\n }\n }\n\n :host([closing]) [part='backdrop'] {\n animation: 0.2s lumo-overlay-backdrop-exit both;\n }\n\n @keyframes lumo-overlay-backdrop-exit {\n 100% {\n opacity: 0;\n }\n }\n\n @keyframes lumo-overlay-dummy-animation {\n 0% {\n opacity: 1;\n }\n\n 100% {\n opacity: 1;\n }\n }\n`;\n\nregisterStyles('', overlay, { moduleId: 'lumo-overlay' });\n\nexport { overlay };\n","/**\n * @license\n * Copyright (c) 2017 - 2026 Vaadin Ltd.\n * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/\n */\nimport { issueWarning } from '@vaadin/component-base/src/warnings.js';\nimport { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';\n\nissueWarning('Lumo .js mixins are deprecated and will be removed in V26');\n\nconst requiredField = css`\n [part='label'] {\n align-self: flex-start;\n color: var(--vaadin-input-field-label-color, var(--lumo-secondary-text-color));\n font-weight: var(--vaadin-input-field-label-font-weight, 500);\n font-size: var(--vaadin-input-field-label-font-size, var(--lumo-font-size-s));\n transition: color 0.2s;\n line-height: 1;\n padding-inline: calc(var(--lumo-border-radius-m) / 4) 1em;\n padding-bottom: 0.5em;\n /* As a workaround for diacritics being cut off, add a top padding and a\n negative margin to compensate */\n padding-top: 0.25em;\n margin-top: -0.25em;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n position: relative;\n max-width: 100%;\n box-sizing: border-box;\n }\n\n :host([focused]:not([readonly])) [part='label'] {\n color: var(--vaadin-input-field-focused-label-color, var(--lumo-primary-text-color));\n }\n\n :host(:hover:not([readonly]):not([focused])) [part='label'] {\n color: var(--vaadin-input-field-hovered-label-color, var(--lumo-body-text-color));\n }\n\n /* Touch device adjustment */\n @media (pointer: coarse) {\n :host(:hover:not([readonly]):not([focused])) [part='label'] {\n color: var(--vaadin-input-field-label-color, var(--lumo-secondary-text-color));\n }\n }\n\n :host([has-label])::before {\n margin-top: calc(var(--lumo-font-size-s) * 1.5);\n }\n\n :host([has-label][theme~='small'])::before {\n margin-top: calc(var(--lumo-font-size-xs) * 1.5);\n }\n\n :host([has-label]) {\n padding-top: var(--lumo-space-m);\n }\n\n :host([has-label]) ::slotted([slot='tooltip']) {\n --vaadin-tooltip-offset-bottom: calc((var(--lumo-space-m) - var(--lumo-space-xs)) * -1);\n }\n\n :host([required]) [part='required-indicator']::after {\n content: var(--vaadin-input-field-required-indicator, var(--lumo-required-field-indicator, '\\\\2022'));\n color: var(\n --vaadin-input-field-required-indicator-color,\n var(--lumo-required-field-indicator-color, var(--lumo-primary-text-color))\n );\n position: absolute;\n right: 0;\n width: 1em;\n text-align: center;\n }\n\n :host([invalid]) [part='required-indicator']::after {\n color: var(\n --vaadin-input-field-required-indicator-color,\n var(--lumo-required-field-indicator-color, var(--lumo-error-text-color))\n );\n }\n\n [part='error-message'] {\n margin-left: calc(var(--lumo-border-radius-m) / 4);\n font-size: var(--vaadin-input-field-error-font-size, var(--lumo-font-size-xs));\n line-height: var(--lumo-line-height-xs);\n font-weight: var(--vaadin-input-field-error-font-weight, 400);\n color: var(--vaadin-input-field-error-color, var(--lumo-error-text-color));\n transition: 0.4s max-height;\n max-height: 5em;\n }\n\n :host([has-error-message]) [part='error-message']::before,\n :host([has-error-message]) [part='error-message']::after {\n content: '';\n display: block;\n height: 0.4em;\n }\n\n :host(:not([invalid])) [part='error-message'] {\n max-height: 0;\n overflow: hidden;\n }\n\n /* RTL specific styles */\n\n :host([dir='rtl']) [part='required-indicator']::after {\n right: auto;\n left: 0;\n }\n\n :host([dir='rtl']) [part='error-message'] {\n margin-left: 0;\n margin-right: calc(var(--lumo-border-radius-m) / 4);\n }\n`;\n\nregisterStyles('', requiredField, { moduleId: 'lumo-required-field' });\n\nexport { requiredField };\n"],"names":[],"sourceRoot":""}
|