@genesislcap/rapid-grid-pro 14.369.0 → 14.370.0

package/dist/custom-elements.json

@@ -6514,21 +6514,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/themes/index.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "package": "./genesis-rapid/ag-theme-genesis-rapid"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/style/colors.ts",
@@ -6776,6 +6761,21 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/themes/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./genesis-rapid/ag-theme-genesis-rapid"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/themes/genesis-rapid/ag-theme-genesis-rapid-css.ts",

package/dist/dts/grid-pro.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grid-pro.d.ts","sourceRoot":"","sources":["../../src/grid-pro.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EACL,OAAO,EAIR,MAAM,uBAAuB,CAAC;AA0B/B;;GAEG;AACH,qBAAa,YAAa,SAAQ,OAAO;IAC3B,QAAQ,EAAG,GAAG,CAAC;IAE3B,iBAAiB,IAAI,IAAI;IAazB;;;OAGG;IACH,KAAK,SAGA;IAEL,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAK/C;;;OAGG;IACH,IAAI,WAAW,CAAC,OAAO,EAAE,WAAW,EA2BnC;CACF;AAGD,eAAO,MAAM,yBAAyB,EAAE,cAA+C,CAAC;AACxF,eAAO,MAAM,yBAAyB;;CAAmB,CAAC;AAE1D,eAAO,MAAM,YAAY;;;;;;;;;;uBAMvB,CAAC"}
+{"version":3,"file":"grid-pro.d.ts","sourceRoot":"","sources":["../../src/grid-pro.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EACL,OAAO,EAIR,MAAM,uBAAuB,CAAC;AA2B/B;;GAEG;AACH,qBAAa,YAAa,SAAQ,OAAO;IAC3B,QAAQ,EAAG,GAAG,CAAC;IAE3B,iBAAiB,IAAI,IAAI;IAazB;;;OAGG;IACH,KAAK,SAGA;IAEL,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAK/C;;;OAGG;IACH,IAAI,WAAW,CAAC,OAAO,EAAE,WAAW,EA2BnC;CACF;AAGD,eAAO,MAAM,yBAAyB,EAAE,cAA+C,CAAC;AACxF,eAAO,MAAM,yBAAyB;;CAAmB,CAAC;AAE1D,eAAO,MAAM,YAAY;;;;;;;;;;uBAMvB,CAAC"}

package/dist/dts/style/tokens.d.ts

@@ -6,4 +6,6 @@ export declare const agThemeGenesisRapidTokens: {
     headerForegroundColor: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
     rowHoverColor: import("@microsoft/fast-foundation").CSSDesignToken<Swatch>;
 };
+/** @internal */
+export declare const deriveHeightsFromTokens: () => number;
 //# sourceMappingURL=tokens.d.ts.map

package/dist/dts/style/tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/style/tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyC,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAM3F,eAAO,MAAM,yBAAyB;;;;;;CA2BrC,CAAC"}
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/style/tokens.ts"],"names":[],"mappings":"AACA,OAAO,EAAyC,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAM3F,eAAO,MAAM,yBAAyB;;;;;;CA2BrC,CAAC;AAEF,gBAAgB;AAChB,eAAO,MAAM,uBAAuB,cAMnC,CAAC"}

package/dist/esm/grid-pro-v34.js

@@ -6,6 +6,7 @@ import { RapidNumberEditor, RapidSelectEditor, RapidMultiselectEditor, RapidDate
 import { RapidEditableRenderer, RapidAgActionRenderer, RapidAgActionsMenuRenderer, RapidBooleanRenderer, RapidStatusPillRenderer, RapidAgSelectRenderer, } from './cell-renderers';
 import { rapidDefaultGridProConfig, rapidGridProShadowOptions } from './grid-pro';
 import { rapidGridProTemplate as template } from './grid-pro.template';
+import { deriveHeightsFromTokens } from './style';
 const defaultAgHeight = 32;
 export class RapidGridProV34 extends GridProV34 {
     /**
@@ -13,10 +14,10 @@ export class RapidGridProV34 extends GridProV34 {
      * @override
      */
     set gridOptions(options) {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e;
         options.components = Object.assign({ [GridProRendererTypes.action]: RapidAgActionRenderer, [GridProRendererTypes.actionsMenu]: RapidAgActionsMenuRenderer, [GridProRendererTypes.boolean]: RapidBooleanRenderer, [GridProRendererTypes.editable]: RapidEditableRenderer, [GridProRendererTypes.select]: RapidAgSelectRenderer, [GridProRendererTypes.selectEditor]: RapidSelectEditor, [GridProRendererTypes.numberEditor]: RapidNumberEditor, [GridProRendererTypes.multiselectEditor]: RapidMultiselectEditor, [GridProRendererTypes.dateEditor]: RapidDateEditor, [GridProRendererTypes.stringEditor]: RapidStringEditor, [GridProRendererTypes.statusPill]: RapidStatusPillRenderer }, ((_a = options.components) !== null && _a !== void 0 ? _a : {}));
-        this.headerHeight = (_b = options.headerHeight) !== null && _b !== void 0 ? _b : defaultAgHeight;
-        this.rowHeight = (_c = options.rowHeight) !== null && _c !== void 0 ? _c : defaultAgHeight;
+        this.headerHeight = (_c = (_b = options.headerHeight) !== null && _b !== void 0 ? _b : deriveHeightsFromTokens()) !== null && _c !== void 0 ? _c : defaultAgHeight;
+        this.rowHeight = (_e = (_d = options.rowHeight) !== null && _d !== void 0 ? _d : deriveHeightsFromTokens()) !== null && _e !== void 0 ? _e : defaultAgHeight;
         options.theme = themeBalham.withParams({
             backgroundColor: 'var(--neutral-layer-card-container)',
             cellHorizontalPadding: 'calc(var(--design-unit) * 2px)',

package/dist/esm/grid-pro.js

@@ -6,6 +6,7 @@ import { RapidNumberEditor, RapidSelectEditor, RapidMultiselectEditor, RapidDate
 import { RapidEditableRenderer, RapidAgActionRenderer, RapidAgActionsMenuRenderer, RapidBooleanRenderer, RapidStatusPillRenderer, RapidAgSelectRenderer, } from './cell-renderers';
 import { rapidGridProStyles as styles } from './grid-pro.styles';
 import { rapidGridProTemplate as template } from './grid-pro.template';
+import { deriveHeightsFromTokens } from './style';
 import { themeGenesisRapid, themeGenesisRapidDark, themeGenesisRapidLight } from './themes';
 const defaultAgHeight = 32;
 const rapidThemeDark = 'ag-theme-genesis-rapid-dark';
@@ -44,14 +45,14 @@ export class RapidGridPro extends GridPro {
      * @override
      */
     set gridOptions(options) {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e;
         options.components = Object.assign({ [GridProRendererTypes.action]: RapidAgActionRenderer, [GridProRendererTypes.actionsMenu]: RapidAgActionsMenuRenderer, [GridProRendererTypes.boolean]: RapidBooleanRenderer, [GridProRendererTypes.editable]: RapidEditableRenderer, [GridProRendererTypes.select]: RapidAgSelectRenderer, [GridProRendererTypes.selectEditor]: RapidSelectEditor, [GridProRendererTypes.numberEditor]: RapidNumberEditor, [GridProRendererTypes.multiselectEditor]: RapidMultiselectEditor, [GridProRendererTypes.dateEditor]: RapidDateEditor, [GridProRendererTypes.stringEditor]: RapidStringEditor, [GridProRendererTypes.statusPill]: RapidStatusPillRenderer }, ((_a = options.components) !== null && _a !== void 0 ? _a : {}));
         const isRapidTheme = this.theme === themeGenesisRapid ||
             this.theme === themeGenesisRapidDark ||
             this.theme === themeGenesisRapidLight;
         if (isRapidTheme) {
-            this.headerHeight = (_b = options.headerHeight) !== null && _b !== void 0 ? _b : defaultAgHeight;
-            this.rowHeight = (_c = options.rowHeight) !== null && _c !== void 0 ? _c : defaultAgHeight;
+            this.headerHeight = (_c = (_b = options.headerHeight) !== null && _b !== void 0 ? _b : deriveHeightsFromTokens()) !== null && _c !== void 0 ? _c : defaultAgHeight;
+            this.rowHeight = (_e = (_d = options.rowHeight) !== null && _d !== void 0 ? _d : deriveHeightsFromTokens()) !== null && _e !== void 0 ? _e : defaultAgHeight;
         }
         super.gridOptions = options;
     }

package/dist/esm/style/tokens.js

@@ -1,3 +1,4 @@
+import { designTokensMap } from '@genesislcap/foundation-ui';
 import { baseLayerLuminance, StandardLuminance } from '@microsoft/fast-components';
 import { DesignToken } from '@microsoft/fast-foundation';
 import { darkColors, lightColors } from './colors';
@@ -19,3 +20,12 @@ export const agThemeGenesisRapidTokens = {
         ? lightColors.rowHoverSwatch
         : darkColors.rowHoverSwatch),
 };
+/** @internal */
+export const deriveHeightsFromTokens = () => {
+    const tokens = designTokensMap();
+    if (!tokens.value)
+        return null;
+    const { style, space } = tokens.value.design_tokens;
+    // eslint-disable-next-line @typescript-eslint/no-magic-numbers
+    return (style.baseHeightMultiplier.$value + style.density.$value) * space.designUnit.$value - 8;
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/rapid-grid-pro",
   "description": "Genesis Rapid Grid Pro",
-  "version": "14.369.0",
+  "version": "14.370.0",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -35,17 +35,17 @@
     }
   },
   "devDependencies": {
-    "@genesislcap/genx": "14.369.0",
-    "@genesislcap/rollup-builder": "14.369.0",
-    "@genesislcap/ts-builder": "14.369.0",
-    "@genesislcap/uvu-playwright-builder": "14.369.0",
-    "@genesislcap/vite-builder": "14.369.0",
-    "@genesislcap/webpack-builder": "14.369.0"
+    "@genesislcap/genx": "14.370.0",
+    "@genesislcap/rollup-builder": "14.370.0",
+    "@genesislcap/ts-builder": "14.370.0",
+    "@genesislcap/uvu-playwright-builder": "14.370.0",
+    "@genesislcap/vite-builder": "14.370.0",
+    "@genesislcap/webpack-builder": "14.370.0"
   },
   "dependencies": {
-    "@genesislcap/foundation-ui": "14.369.0",
-    "@genesislcap/grid-pro": "14.369.0",
-    "@genesislcap/rapid-design-system": "14.369.0",
+    "@genesislcap/foundation-ui": "14.370.0",
+    "@genesislcap/grid-pro": "14.370.0",
+    "@genesislcap/rapid-design-system": "14.370.0",
     "@microsoft/fast-colors": "5.3.1",
     "@microsoft/fast-components": "2.30.6",
     "@microsoft/fast-element": "1.14.0",
@@ -67,5 +67,5 @@
     "access": "public"
   },
   "customElements": "dist/custom-elements.json",
-  "gitHead": "f733a868a4f3e947a51564b5f3fcc592804bd917"
+  "gitHead": "85079a1941403b9daee95a1cca7fc14bc5929435"
 }