@odoo/o-spreadsheet 19.5.0-alpha.19 → 19.5.0-alpha.20

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.19
- * @date 2026-09-10T05:38:46.719Z
- * @hash 2b1e397
+ * @version 19.5.0-alpha.20
+ * @date 2026-09-16T08:02:13.220Z
+ * @hash 4784627
  */
 :root {
   --os-gray-100: light-dark(#f8f9fa, #1c1c20);
@@ -22,6 +22,8 @@
   --os-white-bg: light-dark(#ffffff, var(--os-gray-200));
   --os-popover-bg: light-dark(#ffffff, var(--os-gray-200));
 
+  --os-canvas-background-color: var(--os-white-bg);
+
   --os-default-font: "Roboto", "Arial", "Liberation Sans";
   --os-default-font-size: 10px;
   --os-link-color: light-dark(#017e84, #02c7b5);
@@ -207,7 +209,6 @@
 
     .o-topbar-top {
       padding: 2px 10px;
-      background-color: var(--os-gray-100);
 
       /* Menus */
       .o-topbar-topleft {
@@ -729,10 +730,14 @@
       outline: none;
     }
 
-    > canvas {
-      box-sizing: content-box;
-      border-bottom: 1px solid var(--os-canvas-border-color);
-      border-right: 1px solid var(--os-canvas-border-color);
+    > .os-canvas-background {
+      width: fit-content;
+      > canvas {
+        display: block;
+        box-sizing: content-box;
+        border-bottom: 1px solid var(--os-canvas-border-color);
+        border-right: 1px solid var(--os-canvas-border-color);
+      }
     }
   }
 
@@ -830,6 +835,10 @@
   }
 
   --oi-font-size: var(--os-icon-font-size);
+
+  .os-canvas-background {
+    background-color: var(--os-canvas-background-color);
+  }
 }
 
 /* Originates from src/components/small_bottom_bar/small_bottom_bar.css */
@@ -1874,6 +1883,10 @@
     height: fit-content;
     max-height: 200px;
     min-height: 1.2em;
+    border-style: none;
+    &:focus {
+      border-color: var(--os-action-color) !important;
+    }
   }
 
   .o-input-infotext:empty:before {
@@ -2026,41 +2039,41 @@
 }
 
 /* Originates from src/components/pivot_html_renderer/pivot_html_renderer.css */
-.o-spreadsheet {
-  .o_pivot_html_renderer {
-    width: 100%;
-    border-collapse: collapse;
+/* css-check-ignore */
 
-    &:hover {
-      cursor: pointer;
-    }
+.o_pivot_html_renderer {
+  width: 100%;
+  border-collapse: collapse;
 
-    td,
-    th {
-      border: 1px solid var(--os-border-color);
-      background-color: var(--os-white-bg);
-      padding: 0.3rem;
-      white-space: nowrap;
+  &:hover {
+    cursor: pointer;
+  }
 
-      &:hover {
-        filter: brightness(0.9);
-      }
-    }
+  td,
+  th {
+    border: 1px solid var(--os-border-color);
+    background-color: var(--os-white-bg);
+    padding: 0.3rem;
+    white-space: nowrap;
 
-    td {
-      text-align: right;
+    &:hover {
+      filter: brightness(0.9);
     }
+  }
 
-    th {
-      background-color: var(--os-background-gray-color);
-      font-weight: bold;
-      color: var(--os-black);
-    }
+  td {
+    text-align: right;
+  }
 
-    .o_missing_value {
-      color: var(--os-gray-600);
-      background: var(--os-button-active-bg);
-    }
+  th {
+    background-color: var(--os-gray-100);
+    font-weight: bold;
+    color: var(--os-black);
+  }
+
+  .o_missing_value {
+    color: var(--os-gray-600);
+    background: var(--os-button-active-bg);
   }
 }