@odoo/o-spreadsheet 17.0.15 → 17.0.16

package/dist/o-spreadsheet.cjs.js

@@ -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 17.0.15
- * @date 2024-03-15T11:00:59.958Z
- * @hash e02add9
+ * @version 17.0.16
+ * @date 2024-03-25T09:42:01.717Z
+ * @hash 9b128f8
  */
 
 'use strict';
@@ -11057,6 +11057,9 @@ function makeArg(str, description) {
         result.default = true;
         result.defaultValue = defaultValue;
     }
+    if (types.some((t) => t.startsWith("RANGE"))) {
+        result.acceptMatrix = true;
+    }
     return result;
 }
 /**
@@ -19422,11 +19425,27 @@ class FunctionRegistry extends Registry {
         }
         const descr = addMetaInfoFromArg(addDescr);
         validateArguments(descr.args);
-        this.mapping[name] = createComputeFunctionFromDescription(descr);
+        this.mapping[name] = addInputHandling(descr, createComputeFunctionFromDescription(descr));
         super.add(name, descr);
         return this;
     }
 }
+function addInputHandling(descr, computeFunction) {
+    function computeWithInputHandling(...args) {
+        for (let i = 0; i < args.length; i++) {
+            const argDefinition = descr.args[descr.getArgToFocus(i + 1) - 1];
+            const arg = args[i];
+            if (isMatrix(arg) && !argDefinition.acceptMatrix) {
+                if (arg.length !== 1 || arg[0].length !== 1) {
+                    throw new EvaluationError(CellErrorType.GenericError, _t("Function [[FUNCTION_NAME]] expects the parameter '%s' to be a single value or a single cell reference, not a range.", argDefinition.name));
+                }
+                args[i] = arg[0][0];
+            }
+        }
+        return computeFunction.apply(this, args);
+    }
+    return computeWithInputHandling;
+}
 function createComputeFunctionFromDescription(descr) {
     const computeValueAndFormat = "computeValueAndFormat" in descr;
     const computeValue = "compute" in descr;
@@ -19677,14 +19696,19 @@ const categorieFunctionAll = {
     children: [allFunctionListMenuBuilder],
 };
 function allFunctionListMenuBuilder() {
-    const fnNames = functionRegistry.getKeys();
+    const fnNames = functionRegistry.getKeys().filter((key) => !functionRegistry.get(key).hidden);
     return createFormulaFunctions(fnNames);
 }
 const categoriesFunctionListMenuBuilder = () => {
     const functions = functionRegistry.content;
-    const categories = [...new Set(functionRegistry.getAll().map((fn) => fn.category))].filter(isDefined$1);
+    const categories = [
+        ...new Set(functionRegistry
+            .getAll()
+            .filter((fn) => !fn.hidden)
+            .map((fn) => fn.category)),
+    ].filter(isDefined$1);
     return categories.sort().map((category, i) => {
-        const functionsInCategory = Object.keys(functions).filter((key) => functions[key].category === category);
+        const functionsInCategory = Object.keys(functions).filter((key) => functions[key].category === category && !functions[key].hidden);
         return {
             name: category,
             children: createFormulaFunctions(functionsInCategory),
@@ -23337,11 +23361,9 @@ css /* scss */ `
     }
     .o-cell-is-operator {
       margin-bottom: 5px;
-      width: 96%;
     }
     .o-cell-is-value {
       margin-bottom: 5px;
-      width: 96%;
     }
     .o-color-picker-widget .o-color-picker-button {
       pointer-events: all;
@@ -25707,6 +25729,9 @@ class FigureComponent extends owl.Component {
                 el?.focus({ preventScroll: true });
             }
         }, () => [this.env.model.getters.getSelectedFigureId(), this.props.figure.id, this.figureRef.el]);
+        owl.onWillUnmount(() => {
+            this.props.onFigureDeleted();
+        });
     }
     clickAnchor(dirX, dirY, ev) {
         this.props.onClickAnchor(dirX, dirY, ev);
@@ -25725,6 +25750,7 @@ class FigureComponent extends owl.Component {
                 this.props.onFigureDeleted();
                 ev.stopPropagation();
                 ev.preventDefault();
+                ev.stopPropagation();
                 break;
             case "ArrowDown":
             case "ArrowLeft":
@@ -25745,6 +25771,7 @@ class FigureComponent extends owl.Component {
                 });
                 ev.stopPropagation();
                 ev.preventDefault();
+                ev.stopPropagation();
                 break;
         }
     }
@@ -26426,6 +26453,7 @@ function compareContentToSpanElement(content, node) {
 // -----------------------------------------------------------------------------
 css /* scss */ `
   .o-formula-assistant {
+    background: #ffffff;
     .o-formula-assistant-head {
       background-color: #f2f2f2;
       padding: 10px;
@@ -26476,6 +26504,9 @@ class FunctionDescriptionProvider extends owl.Component {
             this.assistantState.allowCellSelectionBehind = false;
         }, 2000);
     }
+    get formulaArgSeparator() {
+        return this.env.model.getters.getLocale().formulaArgSeparator + " ";
+    }
 }
 FunctionDescriptionProvider.props = {
     functionName: String,
@@ -26627,6 +26658,12 @@ class Composer extends owl.Component {
         owl.useEffect(() => {
             this.processContent();
         });
+        owl.onPatched(() => {
+            // Required because typing '=SUM' and double-clicking another cell leaves ShowProvider/ShowDescription true
+            if (this.env.model.getters.getEditionMode() === "inactive") {
+                this.processTokenAtCursor();
+            }
+        });
     }
     // ---------------------------------------------------------------------------
     // Handlers
@@ -41587,7 +41624,7 @@ class EvaluationPlugin extends UIPlugin {
                 ? getItemId(newFormat, data.formats)
                 : exportedCellData.format;
             let content;
-            if (formulaCell instanceof FormulaCellWithDependencies) {
+            if (isFormula && formulaCell instanceof FormulaCellWithDependencies) {
                 content = this.getters.getFormulaCellContent(exportedSheetData.id, formulaCell.compiledFormula, formulaCell.compiledFormula.dependencies, true);
             }
             else {
@@ -49297,6 +49334,7 @@ class GridSelectionPlugin extends UIPlugin {
                 this.gridSelection.zones = this.gridSelection.zones.map((z) => this.getters.expandZone(sheetId, z));
                 this.gridSelection.anchor.zone = this.getters.expandZone(sheetId, this.gridSelection.anchor.zone);
                 this.setSelectionMixin(this.gridSelection.anchor, this.gridSelection.zones);
+                this.selectedFigureId = null;
                 break;
         }
         /** Any change to the selection has to be  reflected in the selection processor. */
@@ -52874,9 +52912,6 @@ css /* scss */ `
     .text-muted {
       color: grey !important;
     }
-    button {
-      color: #333;
-    }
     .o-disabled {
       opacity: 0.4;
       pointer: default;
@@ -52997,17 +53032,17 @@ css /* scss */ `
   }
 
   .o-button {
-    border: 1px solid lightgrey;
+    border: 1px solid;
     padding: 0px 20px 0px 20px;
     border-radius: 4px;
     font-weight: 500;
     font-size: 14px;
     height: 30px;
     line-height: 16px;
-    background: white;
     margin-right: 8px;
-    &:hover:enabled {
-      background-color: rgba(0, 0, 0, 0.08);
+
+    &:not(:hover) {
+      background-color: transparent;
     }
 
     &:enabled {
@@ -53021,6 +53056,15 @@ css /* scss */ `
     &:last-child {
       margin-right: 0px;
     }
+
+    &.o-button-grey {
+      border-color: lightgrey;
+      background: #ffffff;
+      color: #333;
+      &:hover:enabled {
+        background-color: rgba(0, 0, 0, 0.08);
+      }
+    }
   }
 
   .o-input {
@@ -56968,6 +57012,6 @@ exports.setTranslationMethod = setTranslationMethod;
 exports.tokenize = tokenize;
 
 
-__info__.version = "17.0.15";
-__info__.date = "2024-03-15T11:00:59.958Z";
-__info__.hash = "e02add9";
+__info__.version = "17.0.16";
+__info__.date = "2024-03-25T09:42:01.717Z";
+__info__.hash = "9b128f8";

package/dist/o-spreadsheet.d.ts

@@ -3122,6 +3122,7 @@ interface SpreadsheetChildEnv extends SpreadsheetEnv {
 
 type ArgType = "ANY" | "BOOLEAN" | "NUMBER" | "STRING" | "DATE" | "RANGE" | "RANGE<BOOLEAN>" | "RANGE<NUMBER>" | "RANGE<DATE>" | "RANGE<STRING>" | "RANGE<ANY>" | "META";
 interface ArgDefinition {
+    acceptMatrix?: boolean;
     repeating?: boolean;
     optional?: boolean;
     lazy?: boolean;
@@ -7180,13 +7181,14 @@ interface Props$a {
 interface AssistantState {
     allowCellSelectionBehind: boolean;
 }
-declare class FunctionDescriptionProvider extends Component<Props$a> {
+declare class FunctionDescriptionProvider extends Component<Props$a, SpreadsheetChildEnv> {
     static template: string;
     assistantState: AssistantState;
     private timeOutId;
     setup(): void;
     getContext(): Props$a;
     onMouseMove(): void;
+    get formulaArgSeparator(): string;
 }
 
 type HtmlContent = {

package/dist/o-spreadsheet.esm.js

@@ -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 17.0.15
- * @date 2024-03-15T11:00:59.958Z
- * @hash e02add9
+ * @version 17.0.16
+ * @date 2024-03-25T09:42:01.717Z
+ * @hash 9b128f8
  */
 
 import { Component, useRef, onMounted, useEffect, onWillPatch, useState, onWillUpdateProps, onPatched, useComponent, useExternalListener, onWillUnmount, onWillStart, xml, useChildSubEnv, useSubEnv, markRaw } from '@odoo/owl';
@@ -11055,6 +11055,9 @@ function makeArg(str, description) {
         result.default = true;
         result.defaultValue = defaultValue;
     }
+    if (types.some((t) => t.startsWith("RANGE"))) {
+        result.acceptMatrix = true;
+    }
     return result;
 }
 /**
@@ -19420,11 +19423,27 @@ class FunctionRegistry extends Registry {
         }
         const descr = addMetaInfoFromArg(addDescr);
         validateArguments(descr.args);
-        this.mapping[name] = createComputeFunctionFromDescription(descr);
+        this.mapping[name] = addInputHandling(descr, createComputeFunctionFromDescription(descr));
         super.add(name, descr);
         return this;
     }
 }
+function addInputHandling(descr, computeFunction) {
+    function computeWithInputHandling(...args) {
+        for (let i = 0; i < args.length; i++) {
+            const argDefinition = descr.args[descr.getArgToFocus(i + 1) - 1];
+            const arg = args[i];
+            if (isMatrix(arg) && !argDefinition.acceptMatrix) {
+                if (arg.length !== 1 || arg[0].length !== 1) {
+                    throw new EvaluationError(CellErrorType.GenericError, _t("Function [[FUNCTION_NAME]] expects the parameter '%s' to be a single value or a single cell reference, not a range.", argDefinition.name));
+                }
+                args[i] = arg[0][0];
+            }
+        }
+        return computeFunction.apply(this, args);
+    }
+    return computeWithInputHandling;
+}
 function createComputeFunctionFromDescription(descr) {
     const computeValueAndFormat = "computeValueAndFormat" in descr;
     const computeValue = "compute" in descr;
@@ -19675,14 +19694,19 @@ const categorieFunctionAll = {
     children: [allFunctionListMenuBuilder],
 };
 function allFunctionListMenuBuilder() {
-    const fnNames = functionRegistry.getKeys();
+    const fnNames = functionRegistry.getKeys().filter((key) => !functionRegistry.get(key).hidden);
     return createFormulaFunctions(fnNames);
 }
 const categoriesFunctionListMenuBuilder = () => {
     const functions = functionRegistry.content;
-    const categories = [...new Set(functionRegistry.getAll().map((fn) => fn.category))].filter(isDefined$1);
+    const categories = [
+        ...new Set(functionRegistry
+            .getAll()
+            .filter((fn) => !fn.hidden)
+            .map((fn) => fn.category)),
+    ].filter(isDefined$1);
     return categories.sort().map((category, i) => {
-        const functionsInCategory = Object.keys(functions).filter((key) => functions[key].category === category);
+        const functionsInCategory = Object.keys(functions).filter((key) => functions[key].category === category && !functions[key].hidden);
         return {
             name: category,
             children: createFormulaFunctions(functionsInCategory),
@@ -23335,11 +23359,9 @@ css /* scss */ `
     }
     .o-cell-is-operator {
       margin-bottom: 5px;
-      width: 96%;
     }
     .o-cell-is-value {
       margin-bottom: 5px;
-      width: 96%;
     }
     .o-color-picker-widget .o-color-picker-button {
       pointer-events: all;
@@ -25705,6 +25727,9 @@ class FigureComponent extends Component {
                 el?.focus({ preventScroll: true });
             }
         }, () => [this.env.model.getters.getSelectedFigureId(), this.props.figure.id, this.figureRef.el]);
+        onWillUnmount(() => {
+            this.props.onFigureDeleted();
+        });
     }
     clickAnchor(dirX, dirY, ev) {
         this.props.onClickAnchor(dirX, dirY, ev);
@@ -25723,6 +25748,7 @@ class FigureComponent extends Component {
                 this.props.onFigureDeleted();
                 ev.stopPropagation();
                 ev.preventDefault();
+                ev.stopPropagation();
                 break;
             case "ArrowDown":
             case "ArrowLeft":
@@ -25743,6 +25769,7 @@ class FigureComponent extends Component {
                 });
                 ev.stopPropagation();
                 ev.preventDefault();
+                ev.stopPropagation();
                 break;
         }
     }
@@ -26424,6 +26451,7 @@ function compareContentToSpanElement(content, node) {
 // -----------------------------------------------------------------------------
 css /* scss */ `
   .o-formula-assistant {
+    background: #ffffff;
     .o-formula-assistant-head {
       background-color: #f2f2f2;
       padding: 10px;
@@ -26474,6 +26502,9 @@ class FunctionDescriptionProvider extends Component {
             this.assistantState.allowCellSelectionBehind = false;
         }, 2000);
     }
+    get formulaArgSeparator() {
+        return this.env.model.getters.getLocale().formulaArgSeparator + " ";
+    }
 }
 FunctionDescriptionProvider.props = {
     functionName: String,
@@ -26625,6 +26656,12 @@ class Composer extends Component {
         useEffect(() => {
             this.processContent();
         });
+        onPatched(() => {
+            // Required because typing '=SUM' and double-clicking another cell leaves ShowProvider/ShowDescription true
+            if (this.env.model.getters.getEditionMode() === "inactive") {
+                this.processTokenAtCursor();
+            }
+        });
     }
     // ---------------------------------------------------------------------------
     // Handlers
@@ -41585,7 +41622,7 @@ class EvaluationPlugin extends UIPlugin {
                 ? getItemId(newFormat, data.formats)
                 : exportedCellData.format;
             let content;
-            if (formulaCell instanceof FormulaCellWithDependencies) {
+            if (isFormula && formulaCell instanceof FormulaCellWithDependencies) {
                 content = this.getters.getFormulaCellContent(exportedSheetData.id, formulaCell.compiledFormula, formulaCell.compiledFormula.dependencies, true);
             }
             else {
@@ -49295,6 +49332,7 @@ class GridSelectionPlugin extends UIPlugin {
                 this.gridSelection.zones = this.gridSelection.zones.map((z) => this.getters.expandZone(sheetId, z));
                 this.gridSelection.anchor.zone = this.getters.expandZone(sheetId, this.gridSelection.anchor.zone);
                 this.setSelectionMixin(this.gridSelection.anchor, this.gridSelection.zones);
+                this.selectedFigureId = null;
                 break;
         }
         /** Any change to the selection has to be  reflected in the selection processor. */
@@ -52872,9 +52910,6 @@ css /* scss */ `
     .text-muted {
       color: grey !important;
     }
-    button {
-      color: #333;
-    }
     .o-disabled {
       opacity: 0.4;
       pointer: default;
@@ -52995,17 +53030,17 @@ css /* scss */ `
   }
 
   .o-button {
-    border: 1px solid lightgrey;
+    border: 1px solid;
     padding: 0px 20px 0px 20px;
     border-radius: 4px;
     font-weight: 500;
     font-size: 14px;
     height: 30px;
     line-height: 16px;
-    background: white;
     margin-right: 8px;
-    &:hover:enabled {
-      background-color: rgba(0, 0, 0, 0.08);
+
+    &:not(:hover) {
+      background-color: transparent;
     }
 
     &:enabled {
@@ -53019,6 +53054,15 @@ css /* scss */ `
     &:last-child {
       margin-right: 0px;
     }
+
+    &.o-button-grey {
+      border-color: lightgrey;
+      background: #ffffff;
+      color: #333;
+      &:hover:enabled {
+        background-color: rgba(0, 0, 0, 0.08);
+      }
+    }
   }
 
   .o-input {
@@ -56931,6 +56975,6 @@ const constants = {
 export { AbstractChart, CommandResult, CorePlugin, DispatchResult, EvaluationError, Model, Registry, Revision, SPREADSHEET_DIMENSIONS, Spreadsheet, UIPlugin, __info__, addFunction, astToFormula, compile, compileTokens, components, constants, convertAstNodes, coreTypes, findCellInNewZone, functionCache, helpers, hooks, invalidateCFEvaluationCommands, invalidateDependenciesCommands, invalidateEvaluationCommands, iterateAstNodes, links, load, parse, parseTokens, readonlyAllowedCommands, registries, setDefaultSheetViewSize, setTranslationMethod, tokenize };
 
 
-__info__.version = "17.0.15";
-__info__.date = "2024-03-15T11:00:59.958Z";
-__info__.hash = "e02add9";
+__info__.version = "17.0.16";
+__info__.date = "2024-03-25T09:42:01.717Z";
+__info__.hash = "9b128f8";

package/dist/o-spreadsheet.iife.js

@@ -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 17.0.15
- * @date 2024-03-15T11:00:59.958Z
- * @hash e02add9
+ * @version 17.0.16
+ * @date 2024-03-25T09:42:01.717Z
+ * @hash 9b128f8
  */
 
 (function (exports, owl) {
@@ -11056,6 +11056,9 @@
           result.default = true;
           result.defaultValue = defaultValue;
       }
+      if (types.some((t) => t.startsWith("RANGE"))) {
+          result.acceptMatrix = true;
+      }
       return result;
   }
   /**
@@ -19421,11 +19424,27 @@
           }
           const descr = addMetaInfoFromArg(addDescr);
           validateArguments(descr.args);
-          this.mapping[name] = createComputeFunctionFromDescription(descr);
+          this.mapping[name] = addInputHandling(descr, createComputeFunctionFromDescription(descr));
           super.add(name, descr);
           return this;
       }
   }
+  function addInputHandling(descr, computeFunction) {
+      function computeWithInputHandling(...args) {
+          for (let i = 0; i < args.length; i++) {
+              const argDefinition = descr.args[descr.getArgToFocus(i + 1) - 1];
+              const arg = args[i];
+              if (isMatrix(arg) && !argDefinition.acceptMatrix) {
+                  if (arg.length !== 1 || arg[0].length !== 1) {
+                      throw new EvaluationError(CellErrorType.GenericError, _t("Function [[FUNCTION_NAME]] expects the parameter '%s' to be a single value or a single cell reference, not a range.", argDefinition.name));
+                  }
+                  args[i] = arg[0][0];
+              }
+          }
+          return computeFunction.apply(this, args);
+      }
+      return computeWithInputHandling;
+  }
   function createComputeFunctionFromDescription(descr) {
       const computeValueAndFormat = "computeValueAndFormat" in descr;
       const computeValue = "compute" in descr;
@@ -19676,14 +19695,19 @@
       children: [allFunctionListMenuBuilder],
   };
   function allFunctionListMenuBuilder() {
-      const fnNames = functionRegistry.getKeys();
+      const fnNames = functionRegistry.getKeys().filter((key) => !functionRegistry.get(key).hidden);
       return createFormulaFunctions(fnNames);
   }
   const categoriesFunctionListMenuBuilder = () => {
       const functions = functionRegistry.content;
-      const categories = [...new Set(functionRegistry.getAll().map((fn) => fn.category))].filter(isDefined$1);
+      const categories = [
+          ...new Set(functionRegistry
+              .getAll()
+              .filter((fn) => !fn.hidden)
+              .map((fn) => fn.category)),
+      ].filter(isDefined$1);
       return categories.sort().map((category, i) => {
-          const functionsInCategory = Object.keys(functions).filter((key) => functions[key].category === category);
+          const functionsInCategory = Object.keys(functions).filter((key) => functions[key].category === category && !functions[key].hidden);
           return {
               name: category,
               children: createFormulaFunctions(functionsInCategory),
@@ -23336,11 +23360,9 @@
     }
     .o-cell-is-operator {
       margin-bottom: 5px;
-      width: 96%;
     }
     .o-cell-is-value {
       margin-bottom: 5px;
-      width: 96%;
     }
     .o-color-picker-widget .o-color-picker-button {
       pointer-events: all;
@@ -25706,6 +25728,9 @@
                   el?.focus({ preventScroll: true });
               }
           }, () => [this.env.model.getters.getSelectedFigureId(), this.props.figure.id, this.figureRef.el]);
+          owl.onWillUnmount(() => {
+              this.props.onFigureDeleted();
+          });
       }
       clickAnchor(dirX, dirY, ev) {
           this.props.onClickAnchor(dirX, dirY, ev);
@@ -25724,6 +25749,7 @@
                   this.props.onFigureDeleted();
                   ev.stopPropagation();
                   ev.preventDefault();
+                  ev.stopPropagation();
                   break;
               case "ArrowDown":
               case "ArrowLeft":
@@ -25744,6 +25770,7 @@
                   });
                   ev.stopPropagation();
                   ev.preventDefault();
+                  ev.stopPropagation();
                   break;
           }
       }
@@ -26425,6 +26452,7 @@
   // -----------------------------------------------------------------------------
   css /* scss */ `
   .o-formula-assistant {
+    background: #ffffff;
     .o-formula-assistant-head {
       background-color: #f2f2f2;
       padding: 10px;
@@ -26475,6 +26503,9 @@
               this.assistantState.allowCellSelectionBehind = false;
           }, 2000);
       }
+      get formulaArgSeparator() {
+          return this.env.model.getters.getLocale().formulaArgSeparator + " ";
+      }
   }
   FunctionDescriptionProvider.props = {
       functionName: String,
@@ -26626,6 +26657,12 @@
           owl.useEffect(() => {
               this.processContent();
           });
+          owl.onPatched(() => {
+              // Required because typing '=SUM' and double-clicking another cell leaves ShowProvider/ShowDescription true
+              if (this.env.model.getters.getEditionMode() === "inactive") {
+                  this.processTokenAtCursor();
+              }
+          });
       }
       // ---------------------------------------------------------------------------
       // Handlers
@@ -41586,7 +41623,7 @@
                   ? getItemId(newFormat, data.formats)
                   : exportedCellData.format;
               let content;
-              if (formulaCell instanceof FormulaCellWithDependencies) {
+              if (isFormula && formulaCell instanceof FormulaCellWithDependencies) {
                   content = this.getters.getFormulaCellContent(exportedSheetData.id, formulaCell.compiledFormula, formulaCell.compiledFormula.dependencies, true);
               }
               else {
@@ -49296,6 +49333,7 @@
                   this.gridSelection.zones = this.gridSelection.zones.map((z) => this.getters.expandZone(sheetId, z));
                   this.gridSelection.anchor.zone = this.getters.expandZone(sheetId, this.gridSelection.anchor.zone);
                   this.setSelectionMixin(this.gridSelection.anchor, this.gridSelection.zones);
+                  this.selectedFigureId = null;
                   break;
           }
           /** Any change to the selection has to be  reflected in the selection processor. */
@@ -52873,9 +52911,6 @@
     .text-muted {
       color: grey !important;
     }
-    button {
-      color: #333;
-    }
     .o-disabled {
       opacity: 0.4;
       pointer: default;
@@ -52996,17 +53031,17 @@
   }
 
   .o-button {
-    border: 1px solid lightgrey;
+    border: 1px solid;
     padding: 0px 20px 0px 20px;
     border-radius: 4px;
     font-weight: 500;
     font-size: 14px;
     height: 30px;
     line-height: 16px;
-    background: white;
     margin-right: 8px;
-    &:hover:enabled {
-      background-color: rgba(0, 0, 0, 0.08);
+
+    &:not(:hover) {
+      background-color: transparent;
     }
 
     &:enabled {
@@ -53020,6 +53055,15 @@
     &:last-child {
       margin-right: 0px;
     }
+
+    &.o-button-grey {
+      border-color: lightgrey;
+      background: #ffffff;
+      color: #333;
+      &:hover:enabled {
+        background-color: rgba(0, 0, 0, 0.08);
+      }
+    }
   }
 
   .o-input {
@@ -56967,9 +57011,9 @@
   exports.tokenize = tokenize;
 
 
-  __info__.version = "17.0.15";
-  __info__.date = "2024-03-15T11:00:59.958Z";
-  __info__.hash = "e02add9";
+  __info__.version = "17.0.16";
+  __info__.date = "2024-03-25T09:42:01.717Z";
+  __info__.hash = "9b128f8";
 
 
 })(this.o_spreadsheet = this.o_spreadsheet || {}, owl);