@odoo/o-spreadsheet 19.2.0-alpha.3 → 19.2.11

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.2.0-alpha.3
- * @date 2026-01-14T10:03:05.411Z
- * @hash e5cbf18
+ * @version 19.2.11
+ * @date 2026-05-11T13:51:07.978Z
+ * @hash 7fa6ba6
  */
 :root {
   --os-gray-100: light-dark(#f9fafb, #1b1d26);
@@ -45,7 +45,7 @@
   --os-composer-placeholder-color: light-dark(#bdbdbd, #757a89);
   --os-composer-assistant-color: #9b359b; /* COMPOSER_ASSISTANT_COLOR */
   --os-composer-assistant-background: light-dark(#f2f2f2, var(--os-gray-200));
-  --os-composer-highlight-flag-color: #e6edf3;
+  --os-composer-highlight-flag-color: light-dark(var(--os-gray-200), var(--os-gray-400));
   --os-composer-selector-flag-color: #a9a9a9;
 
   --os-selection-border-color: #3266ca; /* SELECTION_BORDER_COLOR */
@@ -55,7 +55,6 @@
   --os-background-gray-color-hover: light-dark(rgba(0, 0, 0, 0.08), #ffffff40);
   --os-frozen-pane-header-border-color: #bcbcbc; /* FROZEN_PANE_HEADER_BORDER_COLOR */
   --os-grid-border-color: light-dark(#e2e3e3, var(--os-gray-200));
-  --os-separator-color: var(--os-gray-300);
   --os-green-arrow-color: #6aa84f; /* Same color as CF arrow icon */
   --os-red-arrow-color: #e06666; /* Same color as CF arrow icon */
   --os-active-sheet-bg: light-dark(#ffffff, var(--os-gray-300));
@@ -470,7 +469,7 @@
   .border-end {
     border-right: 1px solid var(--os-border-color) !important;
   }
-
+  touch-action: pan-y;
   color: var(--os-text-body);
 
   .bg-white {
@@ -544,7 +543,6 @@
 
   .o-grid-container {
     display: grid;
-    background-color: var(--os-header-grouping-background-color);
 
     .o-top-left {
       border: 1px solid var(--os-grid-border-color);
@@ -583,8 +581,10 @@
     }
   }
 
-  select.o-input {
+  select.o-input,
+  .o-select {
     cursor: pointer;
+    border-style: solid;
     border-width: 0 0 1px 0;
     padding: 1px 6px 1px 0px;
 
@@ -731,7 +731,8 @@
 }
 
 .o-spreadsheet.dark {
-  select.o-input {
+  select.o-input,
+  .o-select {
     background: transparent
       url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%277%27%20height%3D%274%27%20viewBox%3D%270%200%207%204%27%3E%3Cpolygon%20fill%3D%27%23e4e4e4%27%20points%3D%273.5%204%207%200%200%200%27/%3E%3C/svg%3E")
       no-repeat right center;
@@ -1187,10 +1188,7 @@
 .o-spreadsheet {
   .o-top-10-criterion {
     .o-top-10-select-values.o-input,
-    .o-top-10-select-mode.o-input {
-      width: 60px;
-    }
-
+    .o-top-10-select-mode.o-input,
     .o-top-10-select-mode.o-input {
       width: 80px;
     }
@@ -1350,6 +1348,10 @@
       color: var(--os-green-arrow-color);
     }
   }
+
+  .o-select-dropdown.o-icon-set-type-select-dropdown {
+    min-width: 100px;
+  }
 }
 
 /* Originates from src/components/side_panel/components/round_color_picker/round_color_picker.css */
@@ -1538,13 +1540,13 @@
   .o-popover .o-chart-select-popover {
     .o-chart-type-item {
       cursor: pointer;
-      padding: 3px 6px;
+      padding: 2px 5px;
       margin: 1px 2px;
+      border: 1px solid transparent;
       &.selected,
       &:hover {
-        border: 1px solid var(--os-action-color);
+        border-color: var(--os-action-color);
         background: var(--os-badge-selected-color);
-        padding: 2px 5px;
       }
       .o-chart-preview {
         width: 48px;
@@ -1695,6 +1697,28 @@
   }
 }
 
+/* Originates from src/components/select/select.css */
+.o-spreadsheet {
+  .o-select-dropdown {
+    min-width: 40px;
+
+    .o-select-option {
+      cursor: pointer;
+      user-select: none;
+      height: var(--os-desktop-menu-item-height);
+      padding: var(--os-menu-item-padding-vertical) var(--os-menu-item-padding-horizontal);
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+
+      &.o-active {
+        background-color: var(--os-button-active-bg);
+        color: var(--os-button-active-text-color);
+      }
+    }
+  }
+}
+
 /* Originates from src/components/scrollbar/scrollbar.css */
 .o-spreadsheet {
   .o-scrollbar {
@@ -1819,11 +1843,6 @@
           background-color: var(--os-button-active-bg);
           color: var(--os-button-active-text-color);
         }
-        .o-menu-item-icon {
-          .o-icon {
-            color: var(--os-icons-color);
-          }
-        }
         .o-menu-item-description {
           color: grey;
         }
@@ -2617,17 +2636,14 @@
 /* Originates from src/components/dashboard/clickable_cell_sort_icon/clickable_cell_sort_icon.css */
 .o-spreadsheet {
   .sorting-icon {
-    margin: 1px;
-
-    .fa-sort-desc {
-      transform: translateY(-2px);
-    }
-    .fa-sort-asc {
-      transform: translateY(4px);
+    margin-right: 1px;
+    .o-icon {
+      width: 100%;
+      height: 100%;
     }
   }
 
-  div:not(:hover) > .sorting-icon:has(> .fa-sort) {
+  div:not(:hover) > .sorting-icon:has(> .o-icon) {
     display: none;
   }
 }