@genesislcap/rapid-grid-pro 14.293.0 → 14.293.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/dist/custom-elements.json +995 -1131
  2. package/dist/dts/grid-pro.d.ts +2 -0
  3. package/dist/dts/grid-pro.d.ts.map +1 -1
  4. package/dist/dts/grid-pro.styles.d.ts.map +1 -1
  5. package/dist/dts/themes/genesis-rapid/ag-theme-genesis-rapid-css.d.ts.map +1 -1
  6. package/dist/dts/themes/genesis-rapid/ag-theme-genesis-rapid.d.ts +2 -0
  7. package/dist/dts/themes/genesis-rapid/ag-theme-genesis-rapid.d.ts.map +1 -1
  8. package/dist/esm/grid-pro.js +26 -5
  9. package/dist/esm/grid-pro.styles.js +2 -1
  10. package/dist/esm/themes/genesis-rapid/ag-theme-genesis-rapid-css.js +155 -59
  11. package/dist/esm/themes/genesis-rapid/ag-theme-genesis-rapid.js +36 -15
  12. package/package.json +11 -11
  13. package/dist/dts/grid-pro.types.d.ts +0 -169
  14. package/dist/dts/grid-pro.types.d.ts.map +0 -1
  15. package/dist/esm/grid-pro.types.js +0 -163
package/dist/dts/grid-pro.d.ts CHANGED
@@ -4,6 +4,8 @@ import { GridPro } from '@genesislcap/grid-pro';
4
4
  * @tagname %%prefix%%-grid-pro
5
5
  */
6
6
  export declare class RapidGridPro extends GridPro {
7
+ provider: any;
8
+ connectedCallback(): void;
7
9
  /**
8
10
  * Sets default theme to Rapid
9
11
  * @override
package/dist/dts/grid-pro.d.ts.map CHANGED
@@ -1 +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;AAuB/B;;GAEG;AACH,qBAAa,YAAa,SAAQ,OAAO;IACvC;;;OAGG;IACH,KAAK,SAAqB;IAC1B,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAK/C;;;OAGG;IACH,IAAI,WAAW,CAAC,OAAO,EAAE,WAAW,EAwBnC;CACF;AAGD,eAAO,MAAM,yBAAyB,EAAE,cAA+C,CAAC;AACxF,eAAO,MAAM,yBAAyB;;CAAmB,CAAC;AAE1D,eAAO,MAAM,YAAY;;;;;;;;;;uBAMvB,CAAC"}
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"}
package/dist/dts/grid-pro.styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"grid-pro.styles.d.ts","sourceRoot":"","sources":["../../src/grid-pro.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,kBAAkB,iDAO9B,CAAC"}
1
+ {"version":3,"file":"grid-pro.styles.d.ts","sourceRoot":"","sources":["../../src/grid-pro.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,kBAAkB,iDAQ9B,CAAC"}
package/dist/dts/themes/genesis-rapid/ag-theme-genesis-rapid-css.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ag-theme-genesis-rapid-css.d.ts","sourceRoot":"","sources":["../../../../src/themes/genesis-rapid/ag-theme-genesis-rapid-css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,iDA6clC,CAAC"}
1
+ {"version":3,"file":"ag-theme-genesis-rapid-css.d.ts","sourceRoot":"","sources":["../../../../src/themes/genesis-rapid/ag-theme-genesis-rapid-css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,iDA6iBlC,CAAC"}
package/dist/dts/themes/genesis-rapid/ag-theme-genesis-rapid.d.ts CHANGED
@@ -5,4 +5,6 @@ export declare const themeGenesisRapid = "ag-theme-genesis-rapid";
5
5
  export declare const agThemeGenesisRapid: import("@microsoft/fast-element").ElementStyles;
6
6
  export declare const themeGenesisRapidDark = "ag-theme-genesis-rapid-dark";
7
7
  export declare const agThemeGenesisRapidDark: import("@microsoft/fast-element").ElementStyles;
8
+ export declare const themeGenesisRapidLight = "ag-theme-genesis-rapid-light";
9
+ export declare const agThemeGenesisRapidLight: import("@microsoft/fast-element").ElementStyles;
8
10
  //# sourceMappingURL=ag-theme-genesis-rapid.d.ts.map
package/dist/dts/themes/genesis-rapid/ag-theme-genesis-rapid.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ag-theme-genesis-rapid.d.ts","sourceRoot":"","sources":["../../../../src/themes/genesis-rapid/ag-theme-genesis-rapid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAsB,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAO1E,eAAO,MAAM,2BAA2B,EAAE,cAAc,CAAC,aAAa,GAAG,MAAM,CAc9E,CAAC;AAEF,eAAO,MAAM,iBAAiB,2BAA2B,CAAC;AAE1D,eAAO,MAAM,mBAAmB,iDA6B/B,CAAC;AAEF,eAAO,MAAM,qBAAqB,gCAAgC,CAAC;AAEnE,eAAO,MAAM,uBAAuB,iDA6BnC,CAAC"}
1
+ {"version":3,"file":"ag-theme-genesis-rapid.d.ts","sourceRoot":"","sources":["../../../../src/themes/genesis-rapid/ag-theme-genesis-rapid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAsB,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAO1E,eAAO,MAAM,2BAA2B,EAAE,cAAc,CAAC,aAAa,GAAG,MAAM,CAc9E,CAAC;AAEF,eAAO,MAAM,iBAAiB,2BAA2B,CAAC;AAE1D,eAAO,MAAM,mBAAmB,iDAuB/B,CAAC;AAEF,eAAO,MAAM,qBAAqB,gCAAgC,CAAC;AAEnE,eAAO,MAAM,uBAAuB,iDA2BnC,CAAC;AAEF,eAAO,MAAM,sBAAsB,iCAAiC,CAAC;AAErE,eAAO,MAAM,wBAAwB,iDA2BpC,CAAC"}
package/dist/esm/grid-pro.js CHANGED
@@ -1,11 +1,15 @@
1
+ import { __decorate } from "tslib";
1
2
  import { GridPro, GridProRendererTypes, foundationGridProShadowOptions, defaultGridProConfig as foundationConfig, } from '@genesislcap/grid-pro';
3
+ import { baseLayerLuminance, StandardLuminance } from '@microsoft/fast-components';
4
+ import { observable } from '@microsoft/fast-element';
2
5
  import { RapidNumberEditor, RapidSelectEditor, RapidMultiselectEditor, RapidDateEditor, RapidStringEditor, } from './cell-editors';
3
6
  import { RapidEditableRenderer, RapidAgActionRenderer, RapidAgActionsMenuRenderer, RapidBooleanRenderer, RapidStatusPillRenderer, RapidAgSelectRenderer, } from './cell-renderers';
4
7
  import { rapidGridProStyles as styles } from './grid-pro.styles';
5
8
  import { rapidGridProTemplate as template } from './grid-pro.template';
6
- import { themeGenesisRapid, themeGenesisRapidDark } from './themes';
9
+ import { themeGenesisRapid, themeGenesisRapidDark, themeGenesisRapidLight } from './themes';
7
10
  const defaultAgHeight = 32;
8
- const defaultRapidTheme = 'ag-theme-genesis-rapid-dark';
11
+ const rapidThemeDark = 'ag-theme-genesis-rapid-dark';
12
+ const rapidThemeLight = 'ag-theme-genesis-rapid-light';
9
13
  /**
10
14
  * @tagname %%prefix%%-grid-pro
11
15
  */
@@ -16,10 +20,22 @@ export class RapidGridPro extends GridPro {
16
20
  * Sets default theme to Rapid
17
21
  * @override
18
22
  */
19
- this.theme = defaultRapidTheme;
23
+ this.theme = (() => {
24
+ const luminance = localStorage.getItem('luminance');
25
+ return luminance === 'light' ? rapidThemeLight : rapidThemeDark;
26
+ })();
27
+ }
28
+ connectedCallback() {
29
+ super.connectedCallback();
30
+ baseLayerLuminance.subscribe({
31
+ handleChange: (record) => {
32
+ const luminance = baseLayerLuminance.getValueFor(record.target);
33
+ this.theme = luminance === StandardLuminance.DarkMode ? rapidThemeDark : rapidThemeLight;
34
+ },
35
+ }, this.provider);
20
36
  }
21
37
  themeChanged(oldValue, newValue) {
22
- if (!oldValue && newValue !== defaultRapidTheme)
38
+ if (!oldValue && newValue !== rapidThemeDark)
23
39
  return;
24
40
  super.themeChanged(oldValue, newValue);
25
41
  }
@@ -30,7 +46,9 @@ export class RapidGridPro extends GridPro {
30
46
  set gridOptions(options) {
31
47
  var _a, _b, _c;
32
48
  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 : {}));
33
- const isRapidTheme = this.theme === themeGenesisRapid || this.theme === themeGenesisRapidDark;
49
+ const isRapidTheme = this.theme === themeGenesisRapid ||
50
+ this.theme === themeGenesisRapidDark ||
51
+ this.theme === themeGenesisRapidLight;
34
52
  if (isRapidTheme) {
35
53
  this.headerHeight = (_b = options.headerHeight) !== null && _b !== void 0 ? _b : defaultAgHeight;
36
54
  this.rowHeight = (_c = options.rowHeight) !== null && _c !== void 0 ? _c : defaultAgHeight;
@@ -38,6 +56,9 @@ export class RapidGridPro extends GridPro {
38
56
  super.gridOptions = options;
39
57
  }
40
58
  }
59
+ __decorate([
60
+ observable
61
+ ], RapidGridPro.prototype, "provider", void 0);
41
62
  // explicitly declaring for extensibility
42
63
  export const rapidGridProShadowOptions = foundationGridProShadowOptions;
43
64
  export const rapidDefaultGridProConfig = foundationConfig;
package/dist/esm/grid-pro.styles.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { foundationGridProStyles } from '@genesislcap/grid-pro';
2
2
  import { css } from '@microsoft/fast-element';
3
- import { agThemeGenesisRapid, agThemeGenesisRapidDark } from './themes';
3
+ import { agThemeGenesisRapid, agThemeGenesisRapidDark, agThemeGenesisRapidLight } from './themes';
4
4
  export const rapidGridProStyles = css `
5
5
  /* All the AG themes */
6
6
  ${foundationGridProStyles}
@@ -8,4 +8,5 @@ export const rapidGridProStyles = css `
8
8
  /* 100% custom, CSS based, our own name: ag-theme-genesis-rapid */
9
9
  ${agThemeGenesisRapid}
10
10
  ${agThemeGenesisRapidDark}
11
+ ${agThemeGenesisRapidLight}
11
12
  `;
package/dist/esm/themes/genesis-rapid/ag-theme-genesis-rapid-css.js CHANGED
@@ -1,7 +1,8 @@
1
1
  import { css } from '@microsoft/fast-element';
2
2
  export const agThemeGenesisRapidCSS = css `
3
3
  .ag-theme-genesis-rapid,
4
- .ag-theme-genesis-rapid-dark {
4
+ .ag-theme-genesis-rapid-dark,
5
+ .ag-theme-genesis-rapid-light {
5
6
  --ag-alpine-active-color: #2196f3;
6
7
  --ag-selected-row-background-color: rgba(33, 150, 243, 0.3);
7
8
  --ag-row-hover-color: rgba(33, 150, 243, 0.1);
@@ -77,7 +78,8 @@ export const agThemeGenesisRapidCSS = css `
77
78
  --ag-side-bar-panel-width: 250px;
78
79
  }
79
80
 
80
- .ag-theme-genesis-rapid-dark {
81
+ .ag-theme-genesis-rapid-dark,
82
+ .ag-theme-genesis-rapid-light {
81
83
  --ag-background-color: #181d1f;
82
84
  --ag-foreground-color: #fff;
83
85
  --ag-border-color: #68686e;
@@ -109,12 +111,19 @@ export const agThemeGenesisRapidCSS = css `
109
111
  .ag-theme-genesis-rapid-dark .ag-status-bar,
110
112
  .ag-theme-genesis-rapid-dark .ag-header-row,
111
113
  .ag-theme-genesis-rapid-dark .ag-panel-title-bar-title,
112
- .ag-theme-genesis-rapid-dark .ag-multi-filter-group-title-bar {
114
+ .ag-theme-genesis-rapid-dark .ag-multi-filter-group-title-bar,
115
+ .ag-theme-genesis-rapid-light .ag-filter-toolpanel-header,
116
+ .ag-theme-genesis-rapid-light .ag-filter-toolpanel-search,
117
+ .ag-theme-genesis-rapid-light .ag-status-bar,
118
+ .ag-theme-genesis-rapid-light .ag-header-row,
119
+ .ag-theme-genesis-rapid-light .ag-panel-title-bar-title,
120
+ .ag-theme-genesis-rapid-light .ag-multi-filter-group-title-bar {
113
121
  font-weight: 700;
114
122
  color: var(--rapid-ag-header-foreground-color);
115
123
  }
116
124
  .ag-theme-genesis-rapid .ag-row,
117
- .ag-theme-genesis-rapid-dark .ag-row {
125
+ .ag-theme-genesis-rapid-dark .ag-row,
126
+ .ag-theme-genesis-rapid-light .ag-row {
118
127
  font-size: calc(var(--ag-font-size) + 1px);
119
128
  color: var(--neutral-foreground-rest);
120
129
  }
@@ -131,7 +140,14 @@ export const agThemeGenesisRapidCSS = css `
131
140
  .ag-theme-genesis-rapid-dark input[class^='ag-'][type='tel'],
132
141
  .ag-theme-genesis-rapid-dark input[class^='ag-'][type='date'],
133
142
  .ag-theme-genesis-rapid-dark input[class^='ag-'][type='datetime-local'],
134
- .ag-theme-genesis-rapid-dark textarea[class^='ag-'] {
143
+ .ag-theme-genesis-rapid-dark textarea[class^='ag-'],
144
+ .ag-theme-genesis-rapid-light input[class^='ag-']:not([type]),
145
+ .ag-theme-genesis-rapid-light input[class^='ag-'][type='text'],
146
+ .ag-theme-genesis-rapid-light input[class^='ag-'][type='number'],
147
+ .ag-theme-genesis-rapid-light input[class^='ag-'][type='tel'],
148
+ .ag-theme-genesis-rapid-light input[class^='ag-'][type='date'],
149
+ .ag-theme-genesis-rapid-light input[class^='ag-'][type='datetime-local'],
150
+ .ag-theme-genesis-rapid-light textarea[class^='ag-'] {
135
151
  min-height: calc(var(--ag-grid-size) * 4);
136
152
  border-radius: var(--ag-border-radius);
137
153
  }
@@ -148,7 +164,14 @@ export const agThemeGenesisRapidCSS = css `
148
164
  .ag-theme-genesis-rapid-dark .ag-ltr input[class^='ag-'][type='tel'],
149
165
  .ag-theme-genesis-rapid-dark .ag-ltr input[class^='ag-'][type='date'],
150
166
  .ag-theme-genesis-rapid-dark .ag-ltr input[class^='ag-'][type='datetime-local'],
151
- .ag-theme-genesis-rapid-dark .ag-ltr textarea[class^='ag-'] {
167
+ .ag-theme-genesis-rapid-dark .ag-ltr textarea[class^='ag-'],
168
+ .ag-theme-genesis-rapid-light .ag-ltr input[class^='ag-']:not([type]),
169
+ .ag-theme-genesis-rapid-light .ag-ltr input[class^='ag-'][type='text'],
170
+ .ag-theme-genesis-rapid-light .ag-ltr input[class^='ag-'][type='number'],
171
+ .ag-theme-genesis-rapid-light .ag-ltr input[class^='ag-'][type='tel'],
172
+ .ag-theme-genesis-rapid-light .ag-ltr input[class^='ag-'][type='date'],
173
+ .ag-theme-genesis-rapid-light .ag-ltr input[class^='ag-'][type='datetime-local'],
174
+ .ag-theme-genesis-rapid-light .ag-ltr textarea[class^='ag-'] {
152
175
  padding-left: var(--ag-grid-size);
153
176
  }
154
177
 
@@ -165,31 +188,43 @@ export const agThemeGenesisRapidCSS = css `
165
188
  .ag-theme-genesis-rapid-dark .ag-rtl input[class^='ag-'][type='tel'],
166
189
  .ag-theme-genesis-rapid-dark .ag-rtl input[class^='ag-'][type='date'],
167
190
  .ag-theme-genesis-rapid-dark .ag-rtl input[class^='ag-'][type='datetime-local'],
168
- .ag-theme-genesis-rapid-dark .ag-rtl textarea[class^='ag-'] {
191
+ .ag-theme-genesis-rapid-dark .ag-rtl textarea[class^='ag-'],
192
+ .ag-theme-genesis-rapid-light .ag-rtl input[class^='ag-']:not([type]),
193
+ .ag-theme-genesis-rapid-light .ag-rtl input[class^='ag-'][type='text'],
194
+ .ag-theme-genesis-rapid-light .ag-rtl input[class^='ag-'][type='number'],
195
+ .ag-theme-genesis-rapid-light .ag-rtl input[class^='ag-'][type='tel'],
196
+ .ag-theme-genesis-rapid-light .ag-rtl input[class^='ag-'][type='date'],
197
+ .ag-theme-genesis-rapid-light .ag-rtl input[class^='ag-'][type='datetime-local'],
198
+ .ag-theme-genesis-rapid-light .ag-rtl textarea[class^='ag-'] {
169
199
  padding-right: var(--ag-grid-size);
170
200
  }
171
201
 
172
202
  .ag-theme-genesis-rapid .ag-tab,
173
- .ag-theme-genesis-rapid-dark .ag-tab {
203
+ .ag-theme-genesis-rapid-dark .ag-tab,
204
+ .ag-theme-genesis-rapid-light .ag-tab {
174
205
  padding: calc(var(--ag-grid-size) * 1.5);
175
206
  transition: color 0.4s;
176
207
  flex: 1 1 auto;
177
208
  }
178
209
  .ag-theme-genesis-rapid .ag-tab-selected,
179
- .ag-theme-genesis-rapid-dark .ag-tab-selected {
210
+ .ag-theme-genesis-rapid-dark .ag-tab-selected,
211
+ .ag-theme-genesis-rapid-light .ag-tab-selected {
180
212
  color: var(--ag-alpine-active-color);
181
213
  }
182
214
  .ag-theme-genesis-rapid .ag-menu,
183
- .ag-theme-genesis-rapid-dark .ag-menu {
215
+ .ag-theme-genesis-rapid-dark .ag-menu,
216
+ .ag-theme-genesis-rapid-light .ag-menu {
184
217
  background-color: var(--ag-control-panel-background-color);
185
218
  }
186
219
  .ag-theme-genesis-rapid .ag-menu-header,
187
- .ag-theme-genesis-rapid-dark .ag-menu-header {
220
+ .ag-theme-genesis-rapid-dark .ag-menu-header,
221
+ .ag-theme-genesis-rapid-light .ag-menu-header {
188
222
  background-color: var(--ag-control-panel-background-color);
189
223
  padding-top: 1px;
190
224
  }
191
225
  .ag-theme-genesis-rapid .ag-tabs-header,
192
- .ag-theme-genesis-rapid-dark .ag-tabs-header {
226
+ .ag-theme-genesis-rapid-dark .ag-tabs-header,
227
+ .ag-theme-genesis-rapid-light .ag-tabs-header {
193
228
  border-bottom: var(--ag-borders) var(--ag-border-color);
194
229
  }
195
230
  .ag-theme-genesis-rapid .ag-charts-settings-group-title-bar,
@@ -197,75 +232,92 @@ export const agThemeGenesisRapidCSS = css `
197
232
  .ag-theme-genesis-rapid .ag-charts-format-top-level-group-title-bar,
198
233
  .ag-theme-genesis-rapid-dark .ag-charts-settings-group-title-bar,
199
234
  .ag-theme-genesis-rapid-dark .ag-charts-data-group-title-bar,
200
- .ag-theme-genesis-rapid-dark .ag-charts-format-top-level-group-title-bar {
235
+ .ag-theme-genesis-rapid-dark .ag-charts-format-top-level-group-title-bar,
236
+ .ag-theme-genesis-rapid-light .ag-charts-settings-group-title-bar,
237
+ .ag-theme-genesis-rapid-light .ag-charts-data-group-title-bar,
238
+ .ag-theme-genesis-rapid-light .ag-charts-format-top-level-group-title-bar {
201
239
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
202
240
  line-height: calc(var(--ag-icon-size) + var(--ag-grid-size) - 2px);
203
241
  }
204
242
  .ag-theme-genesis-rapid .ag-chart-mini-thumbnail,
205
- .ag-theme-genesis-rapid-dark .ag-chart-mini-thumbnail {
243
+ .ag-theme-genesis-rapid-dark .ag-chart-mini-thumbnail,
244
+ .ag-theme-genesis-rapid-light .ag-chart-mini-thumbnail {
206
245
  background-color: var(--ag-background-color);
207
246
  }
208
247
  .ag-theme-genesis-rapid .ag-chart-settings-nav-bar,
209
- .ag-theme-genesis-rapid-dark .ag-chart-settings-nav-bar {
248
+ .ag-theme-genesis-rapid-dark .ag-chart-settings-nav-bar,
249
+ .ag-theme-genesis-rapid-light .ag-chart-settings-nav-bar {
210
250
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
211
251
  }
212
252
  .ag-theme-genesis-rapid .ag-ltr .ag-group-title-bar-icon,
213
- .ag-theme-genesis-rapid-dark .ag-ltr .ag-group-title-bar-icon {
253
+ .ag-theme-genesis-rapid-dark .ag-ltr .ag-group-title-bar-icon,
254
+ .ag-theme-genesis-rapid-light .ag-ltr .ag-group-title-bar-icon {
214
255
  margin-right: var(--ag-grid-size);
215
256
  }
216
257
 
217
258
  .ag-theme-genesis-rapid .ag-rtl .ag-group-title-bar-icon,
218
- .ag-theme-genesis-rapid-dark .ag-rtl .ag-group-title-bar-icon {
259
+ .ag-theme-genesis-rapid-dark .ag-rtl .ag-group-title-bar-icon,
260
+ .ag-theme-genesis-rapid-light .ag-rtl .ag-group-title-bar-icon {
219
261
  margin-left: var(--ag-grid-size);
220
262
  }
221
263
 
222
264
  .ag-theme-genesis-rapid .ag-charts-format-top-level-group-toolbar,
223
- .ag-theme-genesis-rapid-dark .ag-charts-format-top-level-group-toolbar {
265
+ .ag-theme-genesis-rapid-dark .ag-charts-format-top-level-group-toolbar,
266
+ .ag-theme-genesis-rapid-light .ag-charts-format-top-level-group-toolbar {
224
267
  margin-top: var(--ag-grid-size);
225
268
  }
226
269
  .ag-theme-genesis-rapid .ag-ltr .ag-charts-format-top-level-group-toolbar,
227
- .ag-theme-genesis-rapid-dark .ag-ltr .ag-charts-format-top-level-group-toolbar {
270
+ .ag-theme-genesis-rapid-dark .ag-ltr .ag-charts-format-top-level-group-toolbar,
271
+ .ag-theme-genesis-rapid-light .ag-ltr .ag-charts-format-top-level-group-toolbar {
228
272
  padding-left: calc(var(--ag-icon-size) * 0.5 + var(--ag-grid-size) * 2);
229
273
  }
230
274
 
231
275
  .ag-theme-genesis-rapid .ag-rtl .ag-charts-format-top-level-group-toolbar,
232
- .ag-theme-genesis-rapid-dark .ag-rtl .ag-charts-format-top-level-group-toolbar {
276
+ .ag-theme-genesis-rapid-dark .ag-rtl .ag-charts-format-top-level-group-toolbar,
277
+ .ag-theme-genesis-rapid-light .ag-rtl .ag-charts-format-top-level-group-toolbar {
233
278
  padding-right: calc(var(--ag-icon-size) * 0.5 + var(--ag-grid-size) * 2);
234
279
  }
235
280
 
236
281
  .ag-theme-genesis-rapid .ag-charts-format-sub-level-group,
237
- .ag-theme-genesis-rapid-dark .ag-charts-format-sub-level-group {
282
+ .ag-theme-genesis-rapid-dark .ag-charts-format-sub-level-group,
283
+ .ag-theme-genesis-rapid-light .ag-charts-format-sub-level-group {
238
284
  border-left: dashed 1px;
239
285
  border-left-color: var(--ag-border-color);
240
286
  padding-left: var(--ag-grid-size);
241
287
  margin-bottom: calc(var(--ag-grid-size) * 2);
242
288
  }
243
289
  .ag-theme-genesis-rapid .ag-charts-format-sub-level-group-title-bar,
244
- .ag-theme-genesis-rapid-dark .ag-charts-format-sub-level-group-title-bar {
290
+ .ag-theme-genesis-rapid-dark .ag-charts-format-sub-level-group-title-bar,
291
+ .ag-theme-genesis-rapid-light .ag-charts-format-sub-level-group-title-bar {
245
292
  padding-top: 0;
246
293
  padding-bottom: 0;
247
294
  background: none;
248
295
  font-weight: 700;
249
296
  }
250
297
  .ag-theme-genesis-rapid .ag-charts-format-sub-level-group-container,
251
- .ag-theme-genesis-rapid-dark .ag-charts-format-sub-level-group-container {
298
+ .ag-theme-genesis-rapid-dark .ag-charts-format-sub-level-group-container,
299
+ .ag-theme-genesis-rapid-light .ag-charts-format-sub-level-group-container {
252
300
  padding-bottom: 0;
253
301
  }
254
302
  .ag-theme-genesis-rapid .ag-charts-format-sub-level-group-item:last-child,
255
- .ag-theme-genesis-rapid-dark .ag-charts-format-sub-level-group-item:last-child {
303
+ .ag-theme-genesis-rapid-dark .ag-charts-format-sub-level-group-item:last-child,
304
+ .ag-theme-genesis-rapid-light .ag-charts-format-sub-level-group-item:last-child {
256
305
  margin-bottom: 0;
257
306
  }
258
307
  .ag-theme-genesis-rapid.ag-dnd-ghost,
259
- .ag-theme-genesis-rapid-dark.ag-dnd-ghost {
308
+ .ag-theme-genesis-rapid-dark.ag-dnd-ghost,
309
+ .ag-theme-genesis-rapid-light.ag-dnd-ghost {
260
310
  font-size: calc(var(--ag-font-size) - 1px);
261
311
  font-weight: 700;
262
312
  }
263
313
  .ag-theme-genesis-rapid .ag-side-buttons,
264
- .ag-theme-genesis-rapid-dark .ag-side-buttons {
314
+ .ag-theme-genesis-rapid-dark .ag-side-buttons,
315
+ .ag-theme-genesis-rapid-light .ag-side-buttons {
265
316
  width: calc(var(--ag-grid-size) * 5);
266
317
  }
267
318
  .ag-theme-genesis-rapid .ag-standard-button,
268
- .ag-theme-genesis-rapid-dark .ag-standard-button {
319
+ .ag-theme-genesis-rapid-dark .ag-standard-button,
320
+ .ag-theme-genesis-rapid-light .ag-standard-button {
269
321
  appearance: none;
270
322
  -webkit-appearance: none;
271
323
  border-radius: var(--ag-border-radius);
@@ -277,33 +329,39 @@ export const agThemeGenesisRapidCSS = css `
277
329
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
278
330
  }
279
331
  .ag-theme-genesis-rapid .ag-standard-button:hover,
280
- .ag-theme-genesis-rapid-dark .ag-standard-button:hover {
332
+ .ag-theme-genesis-rapid-dark .ag-standard-button:hover,
333
+ .ag-theme-genesis-rapid-light .ag-standard-button:hover {
281
334
  border-color: var(--ag-alpine-active-color);
282
335
  background-color: var(--ag-row-hover-color);
283
336
  }
284
337
  .ag-theme-genesis-rapid .ag-standard-button:active,
285
- .ag-theme-genesis-rapid-dark .ag-standard-button:active {
338
+ .ag-theme-genesis-rapid-dark .ag-standard-button:active,
339
+ .ag-theme-genesis-rapid-light .ag-standard-button:active {
286
340
  border-color: var(--ag-alpine-active-color);
287
341
  background-color: var(--ag-alpine-active-color);
288
342
  color: var(--ag-background-color);
289
343
  }
290
344
  .ag-theme-genesis-rapid .ag-standard-button:disabled,
291
- .ag-theme-genesis-rapid-dark .ag-standard-button:disabled {
345
+ .ag-theme-genesis-rapid-dark .ag-standard-button:disabled,
346
+ .ag-theme-genesis-rapid-light .ag-standard-button:disabled {
292
347
  color: var(--ag-disabled-foreground-color);
293
348
  background-color: var(--ag-input-disabled-background-color);
294
349
  border-color: var(--ag-input-disabled-border-color);
295
350
  }
296
351
  .ag-theme-genesis-rapid .ag-column-drop-vertical,
297
- .ag-theme-genesis-rapid-dark .ag-column-drop-vertical {
352
+ .ag-theme-genesis-rapid-dark .ag-column-drop-vertical,
353
+ .ag-theme-genesis-rapid-light .ag-column-drop-vertical {
298
354
  min-height: 75px;
299
355
  }
300
356
  .ag-theme-genesis-rapid .ag-column-drop-vertical-title-bar,
301
- .ag-theme-genesis-rapid-dark .ag-column-drop-vertical-title-bar {
357
+ .ag-theme-genesis-rapid-dark .ag-column-drop-vertical-title-bar,
358
+ .ag-theme-genesis-rapid-light .ag-column-drop-vertical-title-bar {
302
359
  padding: calc(var(--ag-grid-size) * 2);
303
360
  padding-bottom: 0px;
304
361
  }
305
362
  .ag-theme-genesis-rapid .ag-column-drop-vertical-empty-message,
306
- .ag-theme-genesis-rapid-dark .ag-column-drop-vertical-empty-message {
363
+ .ag-theme-genesis-rapid-dark .ag-column-drop-vertical-empty-message,
364
+ .ag-theme-genesis-rapid-light .ag-column-drop-vertical-empty-message {
307
365
  display: flex;
308
366
  align-items: center;
309
367
  border: dashed 1px;
@@ -312,30 +370,37 @@ export const agThemeGenesisRapidCSS = css `
312
370
  padding: calc(var(--ag-grid-size) * 2);
313
371
  }
314
372
  .ag-theme-genesis-rapid .ag-column-drop-empty-message,
315
- .ag-theme-genesis-rapid-dark .ag-column-drop-empty-message {
373
+ .ag-theme-genesis-rapid-dark .ag-column-drop-empty-message,
374
+ .ag-theme-genesis-rapid-light .ag-column-drop-empty-message {
316
375
  color: var(--ag-foreground-color);
317
376
  opacity: 0.75;
318
377
  }
319
378
  .ag-theme-genesis-rapid .ag-status-bar,
320
- .ag-theme-genesis-rapid-dark .ag-status-bar {
379
+ .ag-theme-genesis-rapid-dark .ag-status-bar,
380
+ .ag-theme-genesis-rapid-light .ag-status-bar {
321
381
  font-weight: normal;
322
382
  }
323
383
  .ag-theme-genesis-rapid .ag-status-name-value-value,
324
- .ag-theme-genesis-rapid-dark .ag-status-name-value-value {
384
+ .ag-theme-genesis-rapid-dark .ag-status-name-value-value,
385
+ .ag-theme-genesis-rapid-light .ag-status-name-value-value {
325
386
  font-weight: 700;
326
387
  }
327
388
  .ag-theme-genesis-rapid .ag-paging-number,
328
389
  .ag-theme-genesis-rapid .ag-paging-row-summary-panel-number,
329
390
  .ag-theme-genesis-rapid-dark .ag-paging-number,
330
- .ag-theme-genesis-rapid-dark .ag-paging-row-summary-panel-number {
391
+ .ag-theme-genesis-rapid-dark .ag-paging-row-summary-panel-number,
392
+ .ag-theme-genesis-rapid-light .ag-paging-number,
393
+ .ag-theme-genesis-rapid-light .ag-paging-row-summary-panel-number {
331
394
  font-weight: 700;
332
395
  }
333
396
  .ag-theme-genesis-rapid .ag-column-drop-cell-button,
334
- .ag-theme-genesis-rapid-dark .ag-column-drop-cell-button {
397
+ .ag-theme-genesis-rapid-dark .ag-column-drop-cell-button,
398
+ .ag-theme-genesis-rapid-light .ag-column-drop-cell-button {
335
399
  opacity: 0.5;
336
400
  }
337
401
  .ag-theme-genesis-rapid .ag-column-drop-cell-button:hover,
338
- .ag-theme-genesis-rapid-dark .ag-column-drop-cell-button:hover {
402
+ .ag-theme-genesis-rapid-dark .ag-column-drop-cell-button:hover,
403
+ .ag-theme-genesis-rapid-light .ag-column-drop-cell-button:hover {
339
404
  opacity: 0.75;
340
405
  }
341
406
  .ag-theme-genesis-rapid .ag-header-cell-menu-button:hover,
@@ -371,70 +436,99 @@ export const agThemeGenesisRapidCSS = css `
371
436
  .ag-theme-genesis-rapid-dark .ag-floating-filter-button-button:hover,
372
437
  .ag-theme-genesis-rapid-dark .ag-filter-toolpanel-expand:hover,
373
438
  .ag-theme-genesis-rapid-dark .ag-chart-menu-icon:hover,
374
- .ag-theme-genesis-rapid-dark .ag-chart-menu-close:hover {
439
+ .ag-theme-genesis-rapid-dark .ag-chart-menu-close:hover,
440
+ .ag-theme-genesis-rapid-light .ag-header-cell-menu-button:hover,
441
+ .ag-theme-genesis-rapid-light .ag-side-button-button:hover,
442
+ .ag-theme-genesis-rapid-light .ag-tab:hover,
443
+ .ag-theme-genesis-rapid-light .ag-panel-title-bar-button:hover,
444
+ .ag-theme-genesis-rapid-light .ag-header-expand-icon:hover,
445
+ .ag-theme-genesis-rapid-light .ag-column-group-icons:hover,
446
+ .ag-theme-genesis-rapid-light .ag-set-filter-group-icons:hover,
447
+ .ag-theme-genesis-rapid-light .ag-group-expanded .ag-icon:hover,
448
+ .ag-theme-genesis-rapid-light .ag-group-contracted .ag-icon:hover,
449
+ .ag-theme-genesis-rapid-light .ag-chart-settings-prev:hover,
450
+ .ag-theme-genesis-rapid-light .ag-chart-settings-next:hover,
451
+ .ag-theme-genesis-rapid-light .ag-group-title-bar-icon:hover,
452
+ .ag-theme-genesis-rapid-light .ag-column-select-header-icon:hover,
453
+ .ag-theme-genesis-rapid-light .ag-floating-filter-button-button:hover,
454
+ .ag-theme-genesis-rapid-light .ag-filter-toolpanel-expand:hover,
455
+ .ag-theme-genesis-rapid-light .ag-chart-menu-icon:hover,
456
+ .ag-theme-genesis-rapid-light .ag-chart-menu-close:hover {
375
457
  color: var(--ag-alpine-active-color);
376
458
  }
377
459
  .ag-theme-genesis-rapid .ag-chart-menu-close,
378
- .ag-theme-genesis-rapid-dark .ag-chart-menu-close {
460
+ .ag-theme-genesis-rapid-dark .ag-chart-menu-close,
461
+ .ag-theme-genesis-rapid-light .ag-chart-menu-close {
379
462
  background: var(--ag-background-color);
380
463
  }
381
464
  .ag-theme-genesis-rapid .ag-chart-menu-close:hover .ag-icon,
382
- .ag-theme-genesis-rapid-dark .ag-chart-menu-close:hover .ag-icon {
465
+ .ag-theme-genesis-rapid-dark .ag-chart-menu-close:hover .ag-icon,
466
+ .ag-theme-genesis-rapid-light .ag-chart-menu-close:hover .ag-icon {
383
467
  border-color: var(--ag-alpine-active-color);
384
468
  }
385
469
  .ag-theme-genesis-rapid .ag-chart-menu-close .ag-icon,
386
- .ag-theme-genesis-rapid-dark .ag-chart-menu-close .ag-icon {
470
+ .ag-theme-genesis-rapid-dark .ag-chart-menu-close .ag-icon,
471
+ .ag-theme-genesis-rapid-light .ag-chart-menu-close .ag-icon {
387
472
  background: var(--ag-header-background-color);
388
473
  border: 1px solid var(--ag-border-color);
389
474
  border-right: none;
390
475
  }
391
476
  .ag-theme-genesis-rapid .ag-chart-settings-card-item.ag-not-selected:hover,
392
- .ag-theme-genesis-rapid-dark .ag-chart-settings-card-item.ag-not-selected:hover {
477
+ .ag-theme-genesis-rapid-dark .ag-chart-settings-card-item.ag-not-selected:hover,
478
+ .ag-theme-genesis-rapid-light .ag-chart-settings-card-item.ag-not-selected:hover {
393
479
  opacity: 0.35;
394
480
  }
395
481
  .ag-theme-genesis-rapid .ag-ltr .ag-panel-title-bar-button,
396
- .ag-theme-genesis-rapid-dark .ag-ltr .ag-panel-title-bar-button {
482
+ .ag-theme-genesis-rapid-dark .ag-ltr .ag-panel-title-bar-button,
483
+ .ag-theme-genesis-rapid-light .ag-ltr .ag-panel-title-bar-button {
397
484
  margin-left: calc(var(--ag-grid-size) * 2);
398
485
  margin-right: var(--ag-grid-size);
399
486
  }
400
487
 
401
488
  .ag-theme-genesis-rapid .ag-rtl .ag-panel-title-bar-button,
402
- .ag-theme-genesis-rapid-dark .ag-rtl .ag-panel-title-bar-button {
489
+ .ag-theme-genesis-rapid-dark .ag-rtl .ag-panel-title-bar-button,
490
+ .ag-theme-genesis-rapid-light .ag-rtl .ag-panel-title-bar-button {
403
491
  margin-right: calc(var(--ag-grid-size) * 2);
404
492
  margin-left: var(--ag-grid-size);
405
493
  }
406
494
 
407
495
  .ag-theme-genesis-rapid .ag-ltr .ag-filter-toolpanel-group-container,
408
- .ag-theme-genesis-rapid-dark .ag-ltr .ag-filter-toolpanel-group-container {
496
+ .ag-theme-genesis-rapid-dark .ag-ltr .ag-filter-toolpanel-group-container,
497
+ .ag-theme-genesis-rapid-light .ag-ltr .ag-filter-toolpanel-group-container {
409
498
  padding-left: var(--ag-grid-size);
410
499
  }
411
500
 
412
501
  .ag-theme-genesis-rapid .ag-rtl .ag-filter-toolpanel-group-container,
413
- .ag-theme-genesis-rapid-dark .ag-rtl .ag-filter-toolpanel-group-container {
502
+ .ag-theme-genesis-rapid-dark .ag-rtl .ag-filter-toolpanel-group-container,
503
+ .ag-theme-genesis-rapid-light .ag-rtl .ag-filter-toolpanel-group-container {
414
504
  padding-right: var(--ag-grid-size);
415
505
  }
416
506
 
417
507
  .ag-theme-genesis-rapid .ag-filter-toolpanel-instance-filter,
418
- .ag-theme-genesis-rapid-dark .ag-filter-toolpanel-instance-filter {
508
+ .ag-theme-genesis-rapid-dark .ag-filter-toolpanel-instance-filter,
509
+ .ag-theme-genesis-rapid-light .ag-filter-toolpanel-instance-filter {
419
510
  border: none;
420
511
  background-color: var(--ag-control-panel-background-color);
421
512
  }
422
513
  .ag-theme-genesis-rapid .ag-ltr .ag-filter-toolpanel-instance-filter,
423
- .ag-theme-genesis-rapid-dark .ag-ltr .ag-filter-toolpanel-instance-filter {
514
+ .ag-theme-genesis-rapid-dark .ag-ltr .ag-filter-toolpanel-instance-filter,
515
+ .ag-theme-genesis-rapid-light .ag-ltr .ag-filter-toolpanel-instance-filter {
424
516
  border-left: dashed 1px;
425
517
  border-left-color: var(--ag-border-color);
426
518
  margin-left: calc(var(--ag-icon-size) * 0.5);
427
519
  }
428
520
 
429
521
  .ag-theme-genesis-rapid .ag-rtl .ag-filter-toolpanel-instance-filter,
430
- .ag-theme-genesis-rapid-dark .ag-rtl .ag-filter-toolpanel-instance-filter {
522
+ .ag-theme-genesis-rapid-dark .ag-rtl .ag-filter-toolpanel-instance-filter,
523
+ .ag-theme-genesis-rapid-light .ag-rtl .ag-filter-toolpanel-instance-filter {
431
524
  border-right: dashed 1px;
432
525
  border-right-color: var(--ag-border-color);
433
526
  margin-right: calc(var(--ag-icon-size) * 0.5);
434
527
  }
435
528
 
436
529
  .ag-theme-genesis-rapid .ag-set-filter-list,
437
- .ag-theme-genesis-rapid-dark .ag-set-filter-list {
530
+ .ag-theme-genesis-rapid-dark .ag-set-filter-list,
531
+ .ag-theme-genesis-rapid-light .ag-set-filter-list {
438
532
  padding-top: calc(var(--ag-grid-size) * 0.5);
439
533
  padding-bottom: calc(var(--ag-grid-size) * 0.5);
440
534
  }
@@ -445,19 +539,21 @@ export const agThemeGenesisRapidCSS = css `
445
539
  .ag-theme-genesis-rapid-dark .ag-layout-auto-height .ag-center-cols-clipper,
446
540
  .ag-theme-genesis-rapid-dark .ag-layout-auto-height .ag-center-cols-container,
447
541
  .ag-theme-genesis-rapid-dark .ag-layout-print .ag-center-cols-clipper,
448
- .ag-theme-genesis-rapid-dark .ag-layout-print .ag-center-cols-container {
542
+ .ag-theme-genesis-rapid-dark .ag-layout-print .ag-center-cols-container,
543
+ .ag-theme-genesis-rapid-light .ag-layout-auto-height .ag-center-cols-clipper,
544
+ .ag-theme-genesis-rapid-light .ag-layout-auto-height .ag-center-cols-container,
545
+ .ag-theme-genesis-rapid-light .ag-layout-print .ag-center-cols-clipper,
546
+ .ag-theme-genesis-rapid-light .ag-layout-print .ag-center-cols-container {
449
547
  min-height: 150px;
450
548
  }
451
549
  .ag-theme-genesis-rapid .ag-overlay-no-rows-wrapper.ag-layout-auto-height,
452
- .ag-theme-genesis-rapid-dark .ag-overlay-no-rows-wrapper.ag-layout-auto-height {
550
+ .ag-theme-genesis-rapid-dark .ag-overlay-no-rows-wrapper.ag-layout-auto-height,
551
+ .ag-theme-genesis-rapid-light .ag-overlay-no-rows-wrapper.ag-layout-auto-height {
453
552
  padding-top: 60px;
454
553
  }
455
554
  .ag-theme-genesis-rapid .ag-date-time-list-page-entry-is-current,
456
- .ag-theme-genesis-rapid-dark .ag-date-time-list-page-entry-is-current {
555
+ .ag-theme-genesis-rapid-dark .ag-date-time-list-page-entry-is-current,
556
+ .ag-theme-genesis-rapid-light .ag-date-time-list-page-entry-is-current {
457
557
  background-color: var(--ag-alpine-active-color);
458
558
  }
459
-
460
- .ag-theme-genesis-rapid-dark {
461
- color-scheme: dark;
462
- }
463
559
  `;
package/dist/esm/themes/genesis-rapid/ag-theme-genesis-rapid.js CHANGED
@@ -28,12 +28,6 @@ export const agThemeGenesisRapid = css `
28
28
  font-family: var(--body-font);
29
29
  }
30
30
 
31
- .${themeGenesisRapid} .ag-body .ag-body-viewport,
32
- .${themeGenesisRapid} .ag-header,
33
- .${themeGenesisRapid} .ag-row {
34
- background-color: var(--neutral-layer-4);
35
- }
36
-
37
31
  .${themeGenesisRapid} .ag-header {
38
32
  border-bottom-color: var(--neutral-stroke-rest);
39
33
  font-weight: bold;
@@ -52,31 +46,58 @@ export const agThemeGenesisRapid = css `
52
46
  export const themeGenesisRapidDark = 'ag-theme-genesis-rapid-dark';
53
47
  export const agThemeGenesisRapidDark = css `
54
48
  ${agThemeGenesisRapidCSS}
55
- ${agThemeTokenMapCSS(themeGenesisRapid, agThemeGenesisRapidTokenMap)}
49
+ ${agThemeTokenMapCSS(themeGenesisRapidDark, agThemeGenesisRapidTokenMap)}
56
50
 
57
- .${themeGenesisRapidDark} {
51
+ .${themeGenesisRapidDark} {
58
52
  ${mixinRobotoFont()}
59
53
  font-family: var(--body-font);
60
54
  }
61
55
 
62
- .${themeGenesisRapidDark} .ag-body .ag-body-viewport,
63
- .${themeGenesisRapidDark} .ag-header,
64
- .${themeGenesisRapidDark} .ag-row {
65
- background-color: var(--neutral-layer-4);
66
- }
67
-
68
56
  .${themeGenesisRapidDark} .ag-header {
69
57
  border-bottom-color: var(--neutral-stroke-rest);
70
58
  font-weight: bold;
71
59
  font-size: var(--type-ramp-base-font-size);
72
60
  }
73
61
 
62
+ .${themeGenesisRapidDark} .ag-cell {
63
+ font-size: var(--type-ramp-minus-1-font-size);
64
+ }
65
+
74
66
  .${themeGenesisRapidDark} .ag-root-wrapper {
75
67
  border-radius: calc(var(--ag-border-radius) * 1px);
76
68
  border: 1px solid var(--rapid-ag-border-color);
77
69
  }
78
70
 
79
- .${themeGenesisRapidDark} .ag-cell {
71
+ .${themeGenesisRapidDark} {
72
+ color-scheme: dark;
73
+ }
74
+ `;
75
+ export const themeGenesisRapidLight = 'ag-theme-genesis-rapid-light';
76
+ export const agThemeGenesisRapidLight = css `
77
+ ${agThemeGenesisRapidCSS}
78
+ ${agThemeTokenMapCSS(themeGenesisRapidLight, agThemeGenesisRapidTokenMap)}
79
+
80
+ .${themeGenesisRapidLight} {
81
+ ${mixinRobotoFont()}
82
+ font-family: var(--body-font);
83
+ }
84
+
85
+ .${themeGenesisRapidLight} .ag-header {
86
+ border-bottom-color: var(--neutral-stroke-rest);
87
+ font-weight: bold;
88
+ font-size: var(--type-ramp-base-font-size);
89
+ }
90
+
91
+ .${themeGenesisRapidLight} .ag-cell {
80
92
  font-size: var(--type-ramp-minus-1-font-size);
81
93
  }
94
+
95
+ .${themeGenesisRapidLight} .ag-root-wrapper {
96
+ border-radius: calc(var(--ag-border-radius) * 1px);
97
+ border: 1px solid var(--rapid-ag-border-color);
98
+ }
99
+
100
+ .${themeGenesisRapidLight} {
101
+ color-scheme: light;
102
+ }
82
103
  `;