@odoo/o-spreadsheet 19.4.0-alpha.7 → 19.4.0

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.4.0-alpha.7
- * @date 2026-05-20T14:40:29.062Z
- * @hash 7ee566f
+ * @version 19.4.0
+ * @date 2026-06-29T08:47:50.021Z
+ * @hash b0b4c40
  */
 :root {
   --os-gray-100: light-dark(#f9fafb, #1b1d26);
@@ -235,6 +235,10 @@
       .alert-info {
         border-left: 3px solid var(--os-alert-info-border);
       }
+
+      .alert-warning {
+        border-left: 3px solid var(--os-alert-warning-border, #ffc107);
+      }
     }
 
     .o-topbar-composer {
@@ -1261,7 +1265,7 @@
     outline: none;
     height: 100%;
     .o-input-search-container {
-      display: flex;
+      padding: 4px 0;
       .o-input-with-count {
         flex-grow: 1;
         width: auto;
@@ -1271,15 +1275,13 @@
       }
       .o-input-count {
         width: fit-content;
-        padding: 4px 0 4px 4px;
         white-space: nowrap;
       }
     }
     .o-result-buttons {
       .o-button {
-        height: 19px;
-        width: 19px;
-        box-sizing: content-box;
+        min-height: 23px;
+        width: 23px;
         .o-icon {
           height: 14px;
           width: 14px;
@@ -1783,11 +1785,27 @@
   }
 }
 
+/* Originates from src/components/side_panel/chart/building_blocks/annotation/annotation.css */
+.o-spreadsheet {
+  .o-input-infotext {
+    height: fit-content;
+    max-height: 200px;
+    min-height: 1.2em;
+  }
+
+  .o-input-infotext:empty:before {
+    content: attr(data-placeholder);
+    color: #adb5bd;
+    pointer-events: none;
+  }
+}
+
 /* Originates from src/components/side_panel/carousel_panel/carousel_panel.css */
 .o-spreadsheet .o-carousel-panel {
   .o-carousel-preview {
     height: 60px;
     border-left: 5px solid transparent;
+    background-color: var(--os-white-bg);
 
     &:not(:hover):not(.o-dragging) .o-drag-handle {
       display: none !important;
@@ -1881,9 +1899,17 @@
 .o-spreadsheet {
   .o-scrollbar {
     position: absolute;
-    overflow: auto;
     z-index: var(--os-components-importance-scroll-bar);
     background-color: var(--os-background-gray-color);
+
+    &.vertical {
+      overflow: hidden auto;
+    }
+
+    &.horizontal {
+      overflow: auto hidden;
+    }
+
     &.corner {
       box-sizing: content-box;
       right: 0px;
@@ -2251,6 +2277,7 @@
 /* Originates from src/components/headers_overlay/headers_overlay.css */
 .o-spreadsheet {
   .o-col-resizer {
+    z-index: calc(var(--os-components-importance-grid) + 1);
     position: absolute;
     top: 0;
     left: var(--os-header-width);
@@ -2293,12 +2320,12 @@
       background-color: var(--os-selection-border-color);
     }
     .o-unhide:hover {
-      z-index: calc(var(--os-components-importance-grid) + 1);
       background-color: var(--os-gray-400);
     }
   }
 
   .o-row-resizer {
+    z-index: calc(var(--os-components-importance-grid) + 1);
     position: absolute;
     top: var(--os-header-height);
     left: 0;
@@ -2340,7 +2367,6 @@
       background-color: var(--os-selection-border-color);
     }
     .o-unhide:hover {
-      z-index: calc(var(--os-components-importance-grid) + 1);
       background-color: var(--os-gray-400);
     }
   }
@@ -2448,7 +2474,7 @@
     background-color: rgba(0, 0, 0, 0.4);
     padding: 60px;
 
-    .o-figure:not(:hover) .o-dashboard-chart-select {
+    .o-figure:not(:hover) .o-chart-menu {
       display: block !important;
     }
   }
@@ -2755,26 +2781,35 @@
   }
 }
 
-/* Originates from src/components/figures/chart/chart_dashboard_menu/chart_dashboard_menu.css */
+/* Originates from src/components/figures/chart/chart_menu/chart_menu.css */
 .o-spreadsheet .o-figure {
-  &:not(:hover):not(:focus-within) .o-dashboard-chart-select {
+  &:not(:hover):not(:focus-within) .o-chart-menu {
     visibility: hidden;
   }
 
-  .o-dashboard-chart-select {
+  .o-chart-menu {
     cursor: default;
     > div {
       height: 28px;
     }
 
-    .o-chart-dashboard-item {
+    .o-chart-menu-item {
+      color: var(--os-gray-900) !important;
+      height: 20px;
+      width: 20px;
       &.active,
       &:hover,
       &:target {
-        color: var(--os-gray-900) !important;
+        cursor: pointer;
         background-color: var(--os-background-gray-color-hover);
       }
 
+      .o-icon {
+        width: 14px;
+        height: 14px;
+        font-size: 14px !important;
+      }
+
       .o-chart-preview {
         stroke-width: 2px;
         transform: scale(1.1);
@@ -2787,7 +2822,7 @@
 
 .o-spreadsheet {
   &.o-spreadsheet-mobile .o-figure {
-    .o-dashboard-chart-select {
+    .o-chart-menu {
       display: block !important;
     }
   }
@@ -2829,6 +2864,10 @@
     position: absolute;
     cursor: pointer;
   }
+
+  .o-grid.o-dashboard-grid {
+    background-color: transparent;
+  }
 }
 
 /* Originates from src/components/dashboard/clickable_cell_sort_icon/clickable_cell_sort_icon.css */
@@ -3173,9 +3212,12 @@
         }
       }
     }
+
+    --color-picker-item-size: calc(var(--os-item-edge-length) + (2 * var(--os-item-border-width)));
+
     .o-color-picker-line-item {
-      width: calc(var(--os-item-edge-length) + (2 * var(--os-item-border-width)));
-      height: calc(var(--os-item-edge-length) + (2 * var(--os-item-border-width)));
+      width: var(--color-picker-item-size);
+      height: var(--color-picker-item-size);
       margin: 0px;
       border-radius: 50px;
       border: var(--os-item-border-width) solid light-dark(var(--os-gray-600), #c0c0c0);
@@ -3187,6 +3229,18 @@
         cursor: pointer;
       }
     }
+    .eyedropper {
+      width: var(--color-picker-item-size);
+      height: var(--color-picker-item-size);
+      &:hover {
+        background-color: var(--os-hovered-menu-item-color);
+        color: var(--os-button-active-text-color);
+        cursor: pointer;
+      }
+      .fa {
+        font-size: 13px;
+      }
+    }
     .o-buttons {
       padding: var(--os-picker-padding);
       display: flex;
@@ -3521,8 +3575,8 @@
 
   .o-autofill-nextvalue {
     position: absolute;
-    background-color: #ffffff;
-    border: 1px solid black;
+    background-color: var(--os-white);
+    border: 1px solid var(--os-black);
     padding: 5px;
     font-size: 12px;
     pointer-events: none;