@odoo/o-spreadsheet 19.5.0-alpha.12 → 19.5.0-alpha.14

package/dist/o_spreadsheet.css

@@ -2,9 +2,9 @@
 /*
  * This file is generated by o-spreadsheet build tools. Do not edit it.
  * @see https://github.com/odoo/o-spreadsheet
- * @version 19.5.0-alpha.12
- * @date 2026-08-19T09:47:05.537Z
- * @hash 68ca68e
+ * @version 19.5.0-alpha.14
+ * @date 2026-08-29T09:17:10.947Z
+ * @hash e8ad6ad
  */
 :root {
   --os-gray-100: light-dark(#f9fafb, #1b1d26);
@@ -139,7 +139,7 @@
   --os-components-importance-figure-snap-line: 1001;
   --os-components-importance-figure-tooltip: 1002;
 
-  --os-icon-font-size: 17px;
+  --os-icon-font-size: 14px;
 }
 
 /* Originates from src/components/validation_messages/validation_messages.css */
@@ -310,6 +310,7 @@
   .os-input {
     border-width: 0 0 1px 0;
     border-color: transparent;
+    border-style: solid;
     outline: none;
     text-overflow: ellipsis;
     color: var(--os-text-body);
@@ -675,6 +676,7 @@
     width: 100%;
     outline: none;
     border-color: var(--os-border-color);
+    border-style: solid;
     color: var(--os-gray-900);
 
     &::placeholder {
@@ -1608,6 +1610,12 @@
         background-color: var(--os-action-color);
         border-color: var(--os-action-color) !important;
       }
+
+      &:focus {
+        outline: none;
+        box-shadow: 0 0 0 0.25rem rgba(113, 75, 103, 0.25);
+        border-color: var(--os-action-color);
+      }
     }
   }
 }
@@ -2144,6 +2152,11 @@
         line-height: calc(
           var(--os-desktop-menu-item-height) - 2 * var(--os-menu-item-padding-vertical)
         );
+        display: inline-block;
+        margin: 0px 8px 0px 0px;
+        .oi {
+          --os-icon-font-size: calc(var(--os-icon-edge-length) - 1px);
+        }
       }
       & {
         &.o-menu-item-active {
@@ -2163,10 +2176,6 @@
       .o-menu-item-name {
         min-width: 40%;
       }
-      .o-menu-item-icon {
-        display: inline-block;
-        margin: 0px 8px 0px 0px;
-      }
     }
   }
   &.o-spreadsheet-mobile {
@@ -2293,6 +2302,7 @@
     width: var(--os-icon-edge-length);
     height: var(--os-icon-edge-length);
     font-size: var(--os-icon-edge-length);
+    --os-icon-font-size: var(--os-icon-edge-length);
     .small-text {
       font: bold 9px sans-serif;
     }
@@ -2311,20 +2321,17 @@
    * the `material-symbols` package whose variable font exposes a FILL axis.
    */
   .oi {
-    display: flex;
-    justify-content: center;
-    align-items: center;
+    display: inline-block;
     font-family: var(--icon-font-family, "Material Symbols Outlined");
     font-style: normal;
-    font-size: var(--oi-font-size, 1em);
+    font-size: var(--os-icon-font-size, 1em);
     font-weight: 400 !important;
-    line-height: 1;
+    line-height: inherit; /* override of Odoo, we want to keep the line height consistent with the surrounding text */
     letter-spacing: normal;
     text-transform: none;
     white-space: nowrap;
     word-wrap: normal;
     direction: ltr;
-    speak: never;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
   }
@@ -2641,7 +2648,7 @@
 .o-spreadsheet .o-filter-menu {
   .o-search-icon {
     right: 5px;
-    top: 3px;
+    top: 8px;
     opacity: 0.4;
 
     svg {
@@ -2729,6 +2736,7 @@
     color: var(--os-gray-900) !important;
     height: 20px;
     width: 20px;
+    --os-icon-edge-length: 14px;
     &.active,
     &:hover,
     &:target {
@@ -2821,6 +2829,7 @@
 
     .o-carousel-button {
       cursor: pointer;
+      --os-icon-edge-length: 14px;
 
       &.o-carousel-full-screen-button {
         margin: 1px;
@@ -2828,7 +2837,7 @@
 
       &.o-carousel-menu-button,
       &.o-carousel-tabs-dropdown {
-        padding: 1px 2px;
+        padding: 3px 2px;
       }
 
       &.active,
@@ -2973,9 +2982,7 @@
       }
 
       .o-icon {
-        width: 14px;
-        height: 14px;
-        font-size: 14px !important;
+        --os-icon-edge-length: 14px;
       }
 
       .o-chart-preview {
@@ -3032,6 +3039,11 @@
     position: absolute;
     cursor: pointer;
   }
+
+  .o-dashboard-grid {
+    /* Grid itself is transparent, background is applied on another div on which the dark mode filter is applied */
+    background-color: transparent;
+  }
 }
 
 /* Originates from src/components/dashboard/clickable_cell_sort_icon/clickable_cell_sort_icon.css */
@@ -3258,7 +3270,7 @@
       left: -1px;
       top: -1px;
 
-      [data-icon="help"] {
+      [data-icon="help_f"] {
         color: var(--os-primary-button-bg);
       }
     }
@@ -3275,7 +3287,7 @@
     }
 
     .o-composer-assistant-container {
-      [data-icon="cancel"] {
+      [data-icon="cancel_f"] {
         color: var(--os-primary-button-bg);
       }
     }
@@ -3591,7 +3603,7 @@
   .o-bottom-bar-statistic {
     .o-selection-statistic {
       margin-right: 10px;
-      padding: 0px 4px 0px 8px;
+      padding: 4px 4px 4px 8px;
       cursor: pointer;
       &:hover {
         background-color: var(--os-background-gray-color-hover) !important;
@@ -3663,6 +3675,10 @@
       z-index: 1;
       width: calc(100% - 1px);
     }
+
+    .lock-icon {
+      --os-icon-edge-length: 14px;
+    }
   }
 
   .o-spreadshet-mobile .o-sheet {