@vaadin/vaadin-lumo-styles 25.0.0-alpha17 → 25.0.0-alpha18

package/components/upload.css

@@ -4,7 +4,6 @@
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
 @import '../src/mixins/field-button.css';
-@import '../src/components/upload-file-list.css';
 @import '../src/components/upload-file.css';
 @import '../src/components/upload-icon.css';
 @import '../src/components/upload.css';
@@ -22,7 +21,11 @@
   --vaadin-upload-file-lumo-inject-modules:
     lumo_mixins_field-button,
     lumo_components_upload-file;
+}
 
-  --vaadin-upload-file-list-lumo-inject: 1;
-  --vaadin-upload-file-list-lumo-inject-modules: lumo_components_upload-file-list;
+:where(:root, :host) {
+  --vaadin-upload-gap: 0;
+  --vaadin-upload-file-list-border-color: var(
+    --lumo-contrast-10pct
+  );
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/vaadin-lumo-styles",
-  "version": "25.0.0-alpha17",
+  "version": "25.0.0-alpha18",
   "publishConfig": {
     "access": "public"
   },
@@ -42,9 +42,9 @@
     "web-component"
   ],
   "dependencies": {
-    "@vaadin/component-base": "25.0.0-alpha17",
-    "@vaadin/icon": "25.0.0-alpha17",
-    "@vaadin/vaadin-themable-mixin": "25.0.0-alpha17"
+    "@vaadin/component-base": "25.0.0-alpha18",
+    "@vaadin/icon": "25.0.0-alpha18",
+    "@vaadin/vaadin-themable-mixin": "25.0.0-alpha18"
   },
   "devDependencies": {
     "gulp": "^5.0.1",
@@ -54,5 +54,5 @@
     "imagemin": "^9.0.0",
     "imagemin-svgo": "^10.0.1"
   },
-  "gitHead": "8264c71309907be99368b09414f0f8d7f591e0b9"
+  "gitHead": "cb5cafb5687a117ebead1b81e2116991cec13abe"
 }

package/src/components/context-menu-overlay.css

@@ -7,6 +7,7 @@
   :host {
     align-items: flex-start;
     justify-content: flex-start;
+    --_default-offset: var(--lumo-space-xs);
     /* TODO These style overrides should not be needed.
      We should instead offer a way to have non-selectable items inside the context menu. */
     --_lumo-list-box-item-selected-icon-display: none;
@@ -38,4 +39,24 @@
       outline: 3px solid !important;
     }
   }
+
+  :host([position^='top'][top-aligned]) [part='overlay'],
+  :host([position^='bottom'][top-aligned]) [part='overlay'] {
+    margin-top: var(--vaadin-context-menu-offset-top, var(--_default-offset));
+  }
+
+  :host([position^='top'][bottom-aligned]) [part='overlay'],
+  :host([position^='bottom'][bottom-aligned]) [part='overlay'] {
+    margin-bottom: var(--vaadin-context-menu-offset-bottom, var(--_default-offset));
+  }
+
+  :host([position^='start'][start-aligned]) [part='overlay'],
+  :host([position^='end'][start-aligned]) [part='overlay'] {
+    margin-inline-start: var(--vaadin-context-menu-offset-start, var(--_default-offset));
+  }
+
+  :host([position^='start'][end-aligned]) [part='overlay'],
+  :host([position^='end'][end-aligned]) [part='overlay'] {
+    margin-inline-end: var(--vaadin-context-menu-offset-end, var(--_default-offset));
+  }
 }

package/src/components/upload-file.css

@@ -12,9 +12,9 @@
   }
 
   :host(:focus-visible) {
-    outline: none;
     border-radius: var(--lumo-border-radius-s);
-    box-shadow: 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color);
+    outline: var(--_focus-ring-width) solid var(--_focus-ring-color);
+    outline-offset: calc(var(--_focus-ring-width) * -1);
   }
 
   [part='status'],
@@ -49,7 +49,8 @@
   }
 
   [part$='button']:focus {
-    box-shadow: 0 0 0 var(--_focus-ring-width) var(--_focus-ring-color);
+    outline: var(--_focus-ring-width) solid var(--_focus-ring-color);
+    outline-offset: calc(var(--_focus-ring-width) * -1);
   }
 
   /* Vertically align icons / buttons with the first line of text */

package/utility.css

@@ -3,7 +3,6 @@
  * Copyright (c) 2000 - 2025 Vaadin Ltd.
  * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
  */
-@import './props.css';
 @import './src/utilities/accessibility.css';
 @import './src/utilities/background.css';
 @import './src/utilities/border.css';

package/src/components/upload-file-list.css

@@ -1,24 +0,0 @@
-/**
- * @license
- * Copyright (c) 2000 - 2025 Vaadin Ltd.
- * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
- */
-@media lumo_components_upload-file-list {
-  :host {
-    display: block;
-  }
-
-  :host([hidden]) {
-    display: none !important;
-  }
-
-  [part='list'] {
-    padding: 0;
-    margin: 0;
-    list-style-type: none;
-  }
-
-  ::slotted(li:not(:first-of-type)) {
-    border-top: 1px solid var(--lumo-contrast-10pct);
-  }
-}