@genesislcap/foundation-zero-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 (12) hide show
  1. package/dist/custom-elements.json +68 -33
  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 +6 -4
  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 +3 -2
  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 +43 -13
  12. package/package.json +11 -11
package/dist/custom-elements.json CHANGED
@@ -33,7 +33,7 @@
33
33
  {
34
34
  "kind": "variable",
35
35
  "name": "zeroGridProStyles",
36
- "default": "css`\n /* All the AG themes */\n ${foundationGridProStyles}\n\n /* 100% custom, CSS based, our own name: ag-theme-genesis-rapid */\n ${agThemeGenesisRapid}\n ${agThemeGenesisRapidDark}\n`"
36
+ "default": "css`\n /* All the AG themes */\n ${foundationGridProStyles}\n\n /* 100% custom, CSS based, our own name: ag-theme-genesis-rapid */\n ${agThemeGenesisRapid}\n ${agThemeGenesisZeroDark}\n ${agThemeGenesisZeroLight}\n`"
37
37
  }
38
38
  ],
39
39
  "exports": [
@@ -76,13 +76,19 @@
76
76
  "description": "",
77
77
  "name": "ZeroGridPro",
78
78
  "members": [
79
+ {
80
+ "kind": "field",
81
+ "name": "provider",
82
+ "type": {
83
+ "text": "any"
84
+ }
85
+ },
79
86
  {
80
87
  "kind": "field",
81
88
  "name": "theme",
82
89
  "type": {
83
90
  "text": "string"
84
91
  },
85
- "default": "'ag-theme-genesis-rapid-dark'",
86
92
  "description": "Sets default theme to Rapid",
87
93
  "inheritedFrom": {
88
94
  "name": "GridPro",
@@ -4707,6 +4713,21 @@
4707
4713
  }
4708
4714
  ]
4709
4715
  },
4716
+ {
4717
+ "kind": "javascript-module",
4718
+ "path": "src/themes/index.ts",
4719
+ "declarations": [],
4720
+ "exports": [
4721
+ {
4722
+ "kind": "js",
4723
+ "name": "*",
4724
+ "declaration": {
4725
+ "name": "*",
4726
+ "package": "./genesis-rapid/ag-theme-genesis-rapid"
4727
+ }
4728
+ }
4729
+ ]
4730
+ },
4710
4731
  {
4711
4732
  "kind": "javascript-module",
4712
4733
  "path": "src/style/colors.ts",
@@ -4794,21 +4815,6 @@
4794
4815
  }
4795
4816
  ]
4796
4817
  },
4797
- {
4798
- "kind": "javascript-module",
4799
- "path": "src/themes/index.ts",
4800
- "declarations": [],
4801
- "exports": [
4802
- {
4803
- "kind": "js",
4804
- "name": "*",
4805
- "declaration": {
4806
- "name": "*",
4807
- "package": "./genesis-rapid/ag-theme-genesis-rapid"
4808
- }
4809
- }
4810
- ]
4811
- },
4812
4818
  {
4813
4819
  "kind": "javascript-module",
4814
4820
  "path": "src/themes/genesis-rapid/ag-theme-genesis-rapid-css.ts",
@@ -4816,7 +4822,7 @@
4816
4822
  {
4817
4823
  "kind": "variable",
4818
4824
  "name": "agThemeGenesisRapidCSS",
4819
- "default": "css`\n .ag-theme-genesis-rapid,\n .ag-theme-genesis-rapid-dark {\n --ag-alpine-active-color: #2196f3;\n --ag-selected-row-background-color: rgba(33, 150, 243, 0.3);\n --ag-row-hover-color: rgba(33, 150, 243, 0.1);\n --ag-column-hover-color: rgba(33, 150, 243, 0.1);\n --ag-input-focus-border-color: rgba(33, 150, 243, 0.4);\n --ag-range-selection-background-color: rgba(33, 150, 243, 0.2);\n --ag-range-selection-background-color-2: rgba(33, 150, 243, 0.36);\n --ag-range-selection-background-color-3: rgba(33, 150, 243, 0.49);\n --ag-range-selection-background-color-4: rgba(33, 150, 243, 0.59);\n --ag-background-color: #fff;\n --ag-foreground-color: #181d1f;\n --ag-border-color: #babfc7;\n --ag-secondary-border-color: #dde2eb;\n --ag-header-background-color: #f8f8f8;\n --ag-tooltip-background-color: #f8f8f8;\n --ag-odd-row-background-color: #fcfcfc;\n --ag-control-panel-background-color: #f8f8f8;\n --ag-subheader-background-color: #fff;\n --ag-invalid-color: #e02525;\n --ag-checkbox-unchecked-color: #999;\n --ag-checkbox-background-color: var(--ag-background-color);\n --ag-checkbox-checked-color: var(--ag-alpine-active-color);\n --ag-range-selection-border-color: var(--ag-alpine-active-color);\n --ag-secondary-foreground-color: var(--ag-foreground-color);\n --ag-input-border-color: var(--ag-border-color);\n --ag-input-border-color-invalid: var(--ag-invalid-color);\n --ag-input-focus-box-shadow: 0 0 2px 0.1rem var(--ag-input-focus-border-color);\n --ag-disabled-foreground-color: rgba(24, 29, 31, 0.5);\n --ag-chip-background-color: rgba(24, 29, 31, 0.07);\n --ag-input-disabled-border-color: rgba(186, 191, 199, 0.3);\n --ag-input-disabled-background-color: rgba(186, 191, 199, 0.15);\n --ag-borders: solid 1px;\n --ag-border-radius: 3px;\n --ag-borders-side-button: none;\n --ag-side-button-selected-background-color: transparent;\n --ag-header-column-resize-handle-display: block;\n --ag-header-column-resize-handle-width: 2px;\n --ag-header-column-resize-handle-height: 30%;\n --ag-grid-size: 6px;\n --ag-icon-size: 16px;\n --ag-row-height: calc(var(--ag-grid-size) * 7);\n --ag-header-height: calc(var(--ag-grid-size) * 8);\n --ag-list-item-height: calc(var(--ag-grid-size) * 4);\n --ag-column-select-indent-size: var(--ag-icon-size);\n --ag-set-filter-indent-size: var(--ag-icon-size);\n --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3);\n --ag-cell-widget-spacing: calc(var(--ag-grid-size) * 2);\n --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 2);\n --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 2);\n --ag-widget-vertical-spacing: calc(var(--ag-grid-size) * 1.5);\n --ag-toggle-button-height: 18px;\n --ag-toggle-button-width: 28px;\n --ag-font-family: var(\n --body-font,\n -apple-system,\n BlinkMacSystemFont,\n 'Segoe UI',\n Roboto,\n Oxygen-Sans,\n Ubuntu,\n Cantarell,\n 'Helvetica Neue',\n sans-serif\n );\n --ag-font-size: 13px;\n --ag-icon-font-family: agGridAlpine;\n --ag-selected-tab-underline-color: var(--ag-alpine-active-color);\n --ag-selected-tab-underline-width: 2px;\n --ag-selected-tab-underline-transition-speed: 0.3s;\n --ag-tab-min-width: 240px;\n --ag-card-shadow: 0 1px 4px 1px rgba(186, 191, 199, 0.4);\n --ag-popup-shadow: var(--ag-card-shadow);\n --ag-side-bar-panel-width: 250px;\n }\n\n .ag-theme-genesis-rapid-dark {\n --ag-background-color: #181d1f;\n --ag-foreground-color: #fff;\n --ag-border-color: #68686e;\n --ag-secondary-border-color: rgba(88, 86, 82, 0.5);\n --ag-modal-overlay-background-color: rgba(24, 29, 31, 0.66);\n --ag-header-background-color: #222628;\n --ag-tooltip-background-color: #222628;\n --ag-odd-row-background-color: #222628;\n --ag-control-panel-background-color: #222628;\n --ag-subheader-background-color: #000;\n --ag-input-disabled-background-color: #282c2f;\n --ag-input-focus-box-shadow: 0 0 2px 0.5px rgba(255, 255, 255, 0.5),\n 0 0 4px 3px var(--ag-input-focus-border-color);\n --ag-card-shadow: 0 1px 20px 1px black;\n --ag-disabled-foreground-color: rgba(255, 255, 255, 0.5);\n --ag-chip-background-color: rgba(255, 255, 255, 0.07);\n --ag-input-disabled-border-color: rgba(104, 104, 110, 0.3);\n --ag-input-disabled-background-color: rgba(104, 104, 110, 0.07);\n }\n\n .ag-theme-genesis-rapid .ag-filter-toolpanel-header,\n .ag-theme-genesis-rapid .ag-filter-toolpanel-search,\n .ag-theme-genesis-rapid .ag-status-bar,\n .ag-theme-genesis-rapid .ag-header-row,\n .ag-theme-genesis-rapid .ag-panel-title-bar-title,\n .ag-theme-genesis-rapid .ag-multi-filter-group-title-bar,\n .ag-theme-genesis-rapid-dark .ag-filter-toolpanel-header,\n .ag-theme-genesis-rapid-dark .ag-filter-toolpanel-search,\n .ag-theme-genesis-rapid-dark .ag-status-bar,\n .ag-theme-genesis-rapid-dark .ag-header-row,\n .ag-theme-genesis-rapid-dark .ag-panel-title-bar-title,\n .ag-theme-genesis-rapid-dark .ag-multi-filter-group-title-bar {\n font-weight: 700;\n color: var(--ag-header-foreground-color);\n }\n .ag-theme-genesis-rapid .ag-row,\n .ag-theme-genesis-rapid-dark .ag-row {\n font-size: calc(var(--ag-font-size) + 1px);\n }\n .ag-theme-genesis-rapid input[class^='ag-']:not([type]),\n .ag-theme-genesis-rapid input[class^='ag-'][type='text'],\n .ag-theme-genesis-rapid input[class^='ag-'][type='number'],\n .ag-theme-genesis-rapid input[class^='ag-'][type='tel'],\n .ag-theme-genesis-rapid input[class^='ag-'][type='date'],\n .ag-theme-genesis-rapid input[class^='ag-'][type='datetime-local'],\n .ag-theme-genesis-rapid textarea[class^='ag-'],\n .ag-theme-genesis-rapid-dark input[class^='ag-']:not([type]),\n .ag-theme-genesis-rapid-dark input[class^='ag-'][type='text'],\n .ag-theme-genesis-rapid-dark input[class^='ag-'][type='number'],\n .ag-theme-genesis-rapid-dark input[class^='ag-'][type='tel'],\n .ag-theme-genesis-rapid-dark input[class^='ag-'][type='date'],\n .ag-theme-genesis-rapid-dark input[class^='ag-'][type='datetime-local'],\n .ag-theme-genesis-rapid-dark textarea[class^='ag-'] {\n min-height: calc(var(--ag-grid-size) * 4);\n border-radius: var(--ag-border-radius);\n }\n .ag-theme-genesis-rapid .ag-ltr input[class^='ag-']:not([type]),\n .ag-theme-genesis-rapid .ag-ltr input[class^='ag-'][type='text'],\n .ag-theme-genesis-rapid .ag-ltr input[class^='ag-'][type='number'],\n .ag-theme-genesis-rapid .ag-ltr input[class^='ag-'][type='tel'],\n .ag-theme-genesis-rapid .ag-ltr input[class^='ag-'][type='date'],\n .ag-theme-genesis-rapid .ag-ltr input[class^='ag-'][type='datetime-local'],\n .ag-theme-genesis-rapid .ag-ltr textarea[class^='ag-'],\n .ag-theme-genesis-rapid-dark .ag-ltr input[class^='ag-']:not([type]),\n .ag-theme-genesis-rapid-dark .ag-ltr input[class^='ag-'][type='text'],\n .ag-theme-genesis-rapid-dark .ag-ltr input[class^='ag-'][type='number'],\n .ag-theme-genesis-rapid-dark .ag-ltr input[class^='ag-'][type='tel'],\n .ag-theme-genesis-rapid-dark .ag-ltr input[class^='ag-'][type='date'],\n .ag-theme-genesis-rapid-dark .ag-ltr input[class^='ag-'][type='datetime-local'],\n .ag-theme-genesis-rapid-dark .ag-ltr textarea[class^='ag-'] {\n padding-left: var(--ag-grid-size);\n }\n\n .ag-theme-genesis-rapid .ag-rtl input[class^='ag-']:not([type]),\n .ag-theme-genesis-rapid .ag-rtl input[class^='ag-'][type='text'],\n .ag-theme-genesis-rapid .ag-rtl input[class^='ag-'][type='number'],\n .ag-theme-genesis-rapid .ag-rtl input[class^='ag-'][type='tel'],\n .ag-theme-genesis-rapid .ag-rtl input[class^='ag-'][type='date'],\n .ag-theme-genesis-rapid .ag-rtl input[class^='ag-'][type='datetime-local'],\n .ag-theme-genesis-rapid .ag-rtl textarea[class^='ag-'],\n .ag-theme-genesis-rapid-dark .ag-rtl input[class^='ag-']:not([type]),\n .ag-theme-genesis-rapid-dark .ag-rtl input[class^='ag-'][type='text'],\n .ag-theme-genesis-rapid-dark .ag-rtl input[class^='ag-'][type='number'],\n .ag-theme-genesis-rapid-dark .ag-rtl input[class^='ag-'][type='tel'],\n .ag-theme-genesis-rapid-dark .ag-rtl input[class^='ag-'][type='date'],\n .ag-theme-genesis-rapid-dark .ag-rtl input[class^='ag-'][type='datetime-local'],\n .ag-theme-genesis-rapid-dark .ag-rtl textarea[class^='ag-'] {\n padding-right: var(--ag-grid-size);\n }\n\n .ag-theme-genesis-rapid .ag-tab,\n .ag-theme-genesis-rapid-dark .ag-tab {\n padding: calc(var(--ag-grid-size) * 1.5);\n transition: color 0.4s;\n flex: 1 1 auto;\n }\n .ag-theme-genesis-rapid .ag-tab-selected,\n .ag-theme-genesis-rapid-dark .ag-tab-selected {\n color: var(--ag-alpine-active-color);\n }\n .ag-theme-genesis-rapid .ag-menu,\n .ag-theme-genesis-rapid-dark .ag-menu {\n background-color: var(--ag-control-panel-background-color);\n }\n .ag-theme-genesis-rapid .ag-menu-header,\n .ag-theme-genesis-rapid-dark .ag-menu-header {\n background-color: var(--ag-control-panel-background-color);\n padding-top: 1px;\n }\n .ag-theme-genesis-rapid .ag-tabs-header,\n .ag-theme-genesis-rapid-dark .ag-tabs-header {\n border-bottom: var(--ag-borders) var(--ag-border-color);\n }\n .ag-theme-genesis-rapid .ag-charts-settings-group-title-bar,\n .ag-theme-genesis-rapid .ag-charts-data-group-title-bar,\n .ag-theme-genesis-rapid .ag-charts-format-top-level-group-title-bar,\n .ag-theme-genesis-rapid-dark .ag-charts-settings-group-title-bar,\n .ag-theme-genesis-rapid-dark .ag-charts-data-group-title-bar,\n .ag-theme-genesis-rapid-dark .ag-charts-format-top-level-group-title-bar {\n padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);\n line-height: calc(var(--ag-icon-size) + var(--ag-grid-size) - 2px);\n }\n .ag-theme-genesis-rapid .ag-chart-mini-thumbnail,\n .ag-theme-genesis-rapid-dark .ag-chart-mini-thumbnail {\n background-color: var(--ag-background-color);\n }\n .ag-theme-genesis-rapid .ag-chart-settings-nav-bar,\n .ag-theme-genesis-rapid-dark .ag-chart-settings-nav-bar {\n border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);\n }\n .ag-theme-genesis-rapid .ag-ltr .ag-group-title-bar-icon,\n .ag-theme-genesis-rapid-dark .ag-ltr .ag-group-title-bar-icon {\n margin-right: var(--ag-grid-size);\n }\n\n .ag-theme-genesis-rapid .ag-rtl .ag-group-title-bar-icon,\n .ag-theme-genesis-rapid-dark .ag-rtl .ag-group-title-bar-icon {\n margin-left: var(--ag-grid-size);\n }\n\n .ag-theme-genesis-rapid .ag-charts-format-top-level-group-toolbar,\n .ag-theme-genesis-rapid-dark .ag-charts-format-top-level-group-toolbar {\n margin-top: var(--ag-grid-size);\n }\n .ag-theme-genesis-rapid .ag-ltr .ag-charts-format-top-level-group-toolbar,\n .ag-theme-genesis-rapid-dark .ag-ltr .ag-charts-format-top-level-group-toolbar {\n padding-left: calc(var(--ag-icon-size) * 0.5 + var(--ag-grid-size) * 2);\n }\n\n .ag-theme-genesis-rapid .ag-rtl .ag-charts-format-top-level-group-toolbar,\n .ag-theme-genesis-rapid-dark .ag-rtl .ag-charts-format-top-level-group-toolbar {\n padding-right: calc(var(--ag-icon-size) * 0.5 + var(--ag-grid-size) * 2);\n }\n\n .ag-theme-genesis-rapid .ag-charts-format-sub-level-group,\n .ag-theme-genesis-rapid-dark .ag-charts-format-sub-level-group {\n border-left: dashed 1px;\n border-left-color: var(--ag-border-color);\n padding-left: var(--ag-grid-size);\n margin-bottom: calc(var(--ag-grid-size) * 2);\n }\n .ag-theme-genesis-rapid .ag-charts-format-sub-level-group-title-bar,\n .ag-theme-genesis-rapid-dark .ag-charts-format-sub-level-group-title-bar {\n padding-top: 0;\n padding-bottom: 0;\n background: none;\n font-weight: 700;\n }\n .ag-theme-genesis-rapid .ag-charts-format-sub-level-group-container,\n .ag-theme-genesis-rapid-dark .ag-charts-format-sub-level-group-container {\n padding-bottom: 0;\n }\n .ag-theme-genesis-rapid .ag-charts-format-sub-level-group-item:last-child,\n .ag-theme-genesis-rapid-dark .ag-charts-format-sub-level-group-item:last-child {\n margin-bottom: 0;\n }\n .ag-theme-genesis-rapid.ag-dnd-ghost,\n .ag-theme-genesis-rapid-dark.ag-dnd-ghost {\n font-size: calc(var(--ag-font-size) - 1px);\n font-weight: 700;\n }\n .ag-theme-genesis-rapid .ag-side-buttons,\n .ag-theme-genesis-rapid-dark .ag-side-buttons {\n width: calc(var(--ag-grid-size) * 5);\n }\n .ag-theme-genesis-rapid .ag-standard-button,\n .ag-theme-genesis-rapid-dark .ag-standard-button {\n appearance: none;\n -webkit-appearance: none;\n border-radius: var(--ag-border-radius);\n border: 1px solid;\n border-color: var(--ag-alpine-active-color);\n color: var(--ag-alpine-active-color);\n background-color: var(--ag-background-color);\n font-weight: 600;\n padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);\n }\n .ag-theme-genesis-rapid .ag-standard-button:hover,\n .ag-theme-genesis-rapid-dark .ag-standard-button:hover {\n border-color: var(--ag-alpine-active-color);\n background-color: var(--ag-row-hover-color);\n }\n .ag-theme-genesis-rapid .ag-standard-button:active,\n .ag-theme-genesis-rapid-dark .ag-standard-button:active {\n border-color: var(--ag-alpine-active-color);\n background-color: var(--ag-alpine-active-color);\n color: var(--ag-background-color);\n }\n .ag-theme-genesis-rapid .ag-standard-button:disabled,\n .ag-theme-genesis-rapid-dark .ag-standard-button:disabled {\n color: var(--ag-disabled-foreground-color);\n background-color: var(--ag-input-disabled-background-color);\n border-color: var(--ag-input-disabled-border-color);\n }\n .ag-theme-genesis-rapid .ag-column-drop-vertical,\n .ag-theme-genesis-rapid-dark .ag-column-drop-vertical {\n min-height: 75px;\n }\n .ag-theme-genesis-rapid .ag-column-drop-vertical-title-bar,\n .ag-theme-genesis-rapid-dark .ag-column-drop-vertical-title-bar {\n padding: calc(var(--ag-grid-size) * 2);\n padding-bottom: 0px;\n }\n .ag-theme-genesis-rapid .ag-column-drop-vertical-empty-message,\n .ag-theme-genesis-rapid-dark .ag-column-drop-vertical-empty-message {\n display: flex;\n align-items: center;\n border: dashed 1px;\n border-color: var(--ag-border-color);\n margin: calc(var(--ag-grid-size) * 2);\n padding: calc(var(--ag-grid-size) * 2);\n }\n .ag-theme-genesis-rapid .ag-column-drop-empty-message,\n .ag-theme-genesis-rapid-dark .ag-column-drop-empty-message {\n color: var(--ag-foreground-color);\n opacity: 0.75;\n }\n .ag-theme-genesis-rapid .ag-status-bar,\n .ag-theme-genesis-rapid-dark .ag-status-bar {\n font-weight: normal;\n }\n .ag-theme-genesis-rapid .ag-status-name-value-value,\n .ag-theme-genesis-rapid-dark .ag-status-name-value-value {\n font-weight: 700;\n }\n .ag-theme-genesis-rapid .ag-paging-number,\n .ag-theme-genesis-rapid .ag-paging-row-summary-panel-number,\n .ag-theme-genesis-rapid-dark .ag-paging-number,\n .ag-theme-genesis-rapid-dark .ag-paging-row-summary-panel-number {\n font-weight: 700;\n }\n .ag-theme-genesis-rapid .ag-column-drop-cell-button,\n .ag-theme-genesis-rapid-dark .ag-column-drop-cell-button {\n opacity: 0.5;\n }\n .ag-theme-genesis-rapid .ag-column-drop-cell-button:hover,\n .ag-theme-genesis-rapid-dark .ag-column-drop-cell-button:hover {\n opacity: 0.75;\n }\n .ag-theme-genesis-rapid .ag-header-cell-menu-button:hover,\n .ag-theme-genesis-rapid .ag-side-button-button:hover,\n .ag-theme-genesis-rapid .ag-tab:hover,\n .ag-theme-genesis-rapid .ag-panel-title-bar-button:hover,\n .ag-theme-genesis-rapid .ag-header-expand-icon:hover,\n .ag-theme-genesis-rapid .ag-column-group-icons:hover,\n .ag-theme-genesis-rapid .ag-set-filter-group-icons:hover,\n .ag-theme-genesis-rapid .ag-group-expanded .ag-icon:hover,\n .ag-theme-genesis-rapid .ag-group-contracted .ag-icon:hover,\n .ag-theme-genesis-rapid .ag-chart-settings-prev:hover,\n .ag-theme-genesis-rapid .ag-chart-settings-next:hover,\n .ag-theme-genesis-rapid .ag-group-title-bar-icon:hover,\n .ag-theme-genesis-rapid .ag-column-select-header-icon:hover,\n .ag-theme-genesis-rapid .ag-floating-filter-button-button:hover,\n .ag-theme-genesis-rapid .ag-filter-toolpanel-expand:hover,\n .ag-theme-genesis-rapid .ag-chart-menu-icon:hover,\n .ag-theme-genesis-rapid .ag-chart-menu-close:hover,\n .ag-theme-genesis-rapid-dark .ag-header-cell-menu-button:hover,\n .ag-theme-genesis-rapid-dark .ag-side-button-button:hover,\n .ag-theme-genesis-rapid-dark .ag-tab:hover,\n .ag-theme-genesis-rapid-dark .ag-panel-title-bar-button:hover,\n .ag-theme-genesis-rapid-dark .ag-header-expand-icon:hover,\n .ag-theme-genesis-rapid-dark .ag-column-group-icons:hover,\n .ag-theme-genesis-rapid-dark .ag-set-filter-group-icons:hover,\n .ag-theme-genesis-rapid-dark .ag-group-expanded .ag-icon:hover,\n .ag-theme-genesis-rapid-dark .ag-group-contracted .ag-icon:hover,\n .ag-theme-genesis-rapid-dark .ag-chart-settings-prev:hover,\n .ag-theme-genesis-rapid-dark .ag-chart-settings-next:hover,\n .ag-theme-genesis-rapid-dark .ag-group-title-bar-icon:hover,\n .ag-theme-genesis-rapid-dark .ag-column-select-header-icon:hover,\n .ag-theme-genesis-rapid-dark .ag-floating-filter-button-button:hover,\n .ag-theme-genesis-rapid-dark .ag-filter-toolpanel-expand:hover,\n .ag-theme-genesis-rapid-dark .ag-chart-menu-icon:hover,\n .ag-theme-genesis-rapid-dark .ag-chart-menu-close:hover {\n color: var(--ag-alpine-active-color);\n }\n .ag-theme-genesis-rapid .ag-chart-menu-close,\n .ag-theme-genesis-rapid-dark .ag-chart-menu-close {\n background: var(--ag-background-color);\n }\n .ag-theme-genesis-rapid .ag-chart-menu-close:hover .ag-icon,\n .ag-theme-genesis-rapid-dark .ag-chart-menu-close:hover .ag-icon {\n border-color: var(--ag-alpine-active-color);\n }\n .ag-theme-genesis-rapid .ag-chart-menu-close .ag-icon,\n .ag-theme-genesis-rapid-dark .ag-chart-menu-close .ag-icon {\n background: var(--ag-header-background-color);\n border: 1px solid var(--ag-border-color);\n border-right: none;\n }\n .ag-theme-genesis-rapid .ag-chart-settings-card-item.ag-not-selected:hover,\n .ag-theme-genesis-rapid-dark .ag-chart-settings-card-item.ag-not-selected:hover {\n opacity: 0.35;\n }\n .ag-theme-genesis-rapid .ag-ltr .ag-panel-title-bar-button,\n .ag-theme-genesis-rapid-dark .ag-ltr .ag-panel-title-bar-button {\n margin-left: calc(var(--ag-grid-size) * 2);\n margin-right: var(--ag-grid-size);\n }\n\n .ag-theme-genesis-rapid .ag-rtl .ag-panel-title-bar-button,\n .ag-theme-genesis-rapid-dark .ag-rtl .ag-panel-title-bar-button {\n margin-right: calc(var(--ag-grid-size) * 2);\n margin-left: var(--ag-grid-size);\n }\n\n .ag-theme-genesis-rapid .ag-ltr .ag-filter-toolpanel-group-container,\n .ag-theme-genesis-rapid-dark .ag-ltr .ag-filter-toolpanel-group-container {\n padding-left: var(--ag-grid-size);\n }\n\n .ag-theme-genesis-rapid .ag-rtl .ag-filter-toolpanel-group-container,\n .ag-theme-genesis-rapid-dark .ag-rtl .ag-filter-toolpanel-group-container {\n padding-right: var(--ag-grid-size);\n }\n\n .ag-theme-genesis-rapid .ag-filter-toolpanel-instance-filter,\n .ag-theme-genesis-rapid-dark .ag-filter-toolpanel-instance-filter {\n border: none;\n background-color: var(--ag-control-panel-background-color);\n }\n .ag-theme-genesis-rapid .ag-ltr .ag-filter-toolpanel-instance-filter,\n .ag-theme-genesis-rapid-dark .ag-ltr .ag-filter-toolpanel-instance-filter {\n border-left: dashed 1px;\n border-left-color: var(--ag-border-color);\n margin-left: calc(var(--ag-icon-size) * 0.5);\n }\n\n .ag-theme-genesis-rapid .ag-rtl .ag-filter-toolpanel-instance-filter,\n .ag-theme-genesis-rapid-dark .ag-rtl .ag-filter-toolpanel-instance-filter {\n border-right: dashed 1px;\n border-right-color: var(--ag-border-color);\n margin-right: calc(var(--ag-icon-size) * 0.5);\n }\n\n .ag-theme-genesis-rapid .ag-set-filter-list,\n .ag-theme-genesis-rapid-dark .ag-set-filter-list {\n padding-top: calc(var(--ag-grid-size) * 0.5);\n padding-bottom: calc(var(--ag-grid-size) * 0.5);\n }\n .ag-theme-genesis-rapid .ag-layout-auto-height .ag-center-cols-clipper,\n .ag-theme-genesis-rapid .ag-layout-auto-height .ag-center-cols-container,\n .ag-theme-genesis-rapid .ag-layout-print .ag-center-cols-clipper,\n .ag-theme-genesis-rapid .ag-layout-print .ag-center-cols-container,\n .ag-theme-genesis-rapid-dark .ag-layout-auto-height .ag-center-cols-clipper,\n .ag-theme-genesis-rapid-dark .ag-layout-auto-height .ag-center-cols-container,\n .ag-theme-genesis-rapid-dark .ag-layout-print .ag-center-cols-clipper,\n .ag-theme-genesis-rapid-dark .ag-layout-print .ag-center-cols-container {\n min-height: 150px;\n }\n .ag-theme-genesis-rapid .ag-overlay-no-rows-wrapper.ag-layout-auto-height,\n .ag-theme-genesis-rapid-dark .ag-overlay-no-rows-wrapper.ag-layout-auto-height {\n padding-top: 60px;\n }\n .ag-theme-genesis-rapid .ag-date-time-list-page-entry-is-current,\n .ag-theme-genesis-rapid-dark .ag-date-time-list-page-entry-is-current {\n background-color: var(--ag-alpine-active-color);\n }\n\n .ag-theme-genesis-rapid-dark {\n color-scheme: dark;\n }\n`"
4825
+ "default": "css`\n .ag-theme-genesis-rapid,\n .ag-theme-genesis-rapid-dark,\n .ag-theme-genesis-rapid-light {\n --ag-alpine-active-color: #2196f3;\n --ag-selected-row-background-color: rgba(33, 150, 243, 0.3);\n --ag-row-hover-color: rgba(33, 150, 243, 0.1);\n --ag-column-hover-color: rgba(33, 150, 243, 0.1);\n --ag-input-focus-border-color: rgba(33, 150, 243, 0.4);\n --ag-range-selection-background-color: rgba(33, 150, 243, 0.2);\n --ag-range-selection-background-color-2: rgba(33, 150, 243, 0.36);\n --ag-range-selection-background-color-3: rgba(33, 150, 243, 0.49);\n --ag-range-selection-background-color-4: rgba(33, 150, 243, 0.59);\n --ag-background-color: #fff;\n --ag-foreground-color: #181d1f;\n --ag-border-color: #babfc7;\n --ag-secondary-border-color: #dde2eb;\n --ag-header-background-color: #f8f8f8;\n --ag-tooltip-background-color: #f8f8f8;\n --ag-odd-row-background-color: #fcfcfc;\n --ag-control-panel-background-color: #f8f8f8;\n --ag-subheader-background-color: #fff;\n --ag-invalid-color: #e02525;\n --ag-checkbox-unchecked-color: #999;\n --ag-checkbox-background-color: var(--ag-background-color);\n --ag-checkbox-checked-color: var(--ag-alpine-active-color);\n --ag-range-selection-border-color: var(--ag-alpine-active-color);\n --ag-secondary-foreground-color: var(--ag-foreground-color);\n --ag-input-border-color: var(--ag-border-color);\n --ag-input-border-color-invalid: var(--ag-invalid-color);\n --ag-input-focus-box-shadow: 0 0 2px 0.1rem var(--ag-input-focus-border-color);\n --ag-disabled-foreground-color: rgba(24, 29, 31, 0.5);\n --ag-chip-background-color: rgba(24, 29, 31, 0.07);\n --ag-input-disabled-border-color: rgba(186, 191, 199, 0.3);\n --ag-input-disabled-background-color: rgba(186, 191, 199, 0.15);\n --ag-borders: solid 1px;\n --ag-border-radius: 3px;\n --ag-borders-side-button: none;\n --ag-side-button-selected-background-color: transparent;\n --ag-header-column-resize-handle-display: block;\n --ag-header-column-resize-handle-width: 2px;\n --ag-header-column-resize-handle-height: 30%;\n --ag-grid-size: 6px;\n --ag-icon-size: 16px;\n --ag-row-height: calc(var(--ag-grid-size) * 7);\n --ag-header-height: calc(var(--ag-grid-size) * 8);\n --ag-list-item-height: calc(var(--ag-grid-size) * 4);\n --ag-column-select-indent-size: var(--ag-icon-size);\n --ag-set-filter-indent-size: var(--ag-icon-size);\n --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3);\n --ag-cell-widget-spacing: calc(var(--ag-grid-size) * 2);\n --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 2);\n --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 2);\n --ag-widget-vertical-spacing: calc(var(--ag-grid-size) * 1.5);\n --ag-toggle-button-height: 18px;\n --ag-toggle-button-width: 28px;\n --ag-font-family: var(\n --body-font,\n -apple-system,\n BlinkMacSystemFont,\n 'Segoe UI',\n Roboto,\n Oxygen-Sans,\n Ubuntu,\n Cantarell,\n 'Helvetica Neue',\n sans-serif\n );\n --ag-font-size: 13px;\n --ag-icon-font-family: agGridAlpine;\n --ag-selected-tab-underline-color: var(--ag-alpine-active-color);\n --ag-selected-tab-underline-width: 2px;\n --ag-selected-tab-underline-transition-speed: 0.3s;\n --ag-tab-min-width: 240px;\n --ag-card-shadow: 0 1px 4px 1px rgba(186, 191, 199, 0.4);\n --ag-popup-shadow: var(--ag-card-shadow);\n --ag-side-bar-panel-width: 250px;\n }\n\n .ag-theme-genesis-rapid-dark,\n .ag-theme-genesis-rapid-light {\n --ag-background-color: #181d1f;\n --ag-foreground-color: #fff;\n --ag-border-color: #68686e;\n --ag-secondary-border-color: rgba(88, 86, 82, 0.5);\n --ag-modal-overlay-background-color: rgba(24, 29, 31, 0.66);\n --ag-header-background-color: #222628;\n --ag-tooltip-background-color: #222628;\n --ag-odd-row-background-color: #222628;\n --ag-control-panel-background-color: #222628;\n --ag-subheader-background-color: #000;\n --ag-input-disabled-background-color: #282c2f;\n --ag-input-focus-box-shadow: 0 0 2px 0.5px rgba(255, 255, 255, 0.5),\n 0 0 4px 3px var(--ag-input-focus-border-color);\n --ag-card-shadow: 0 1px 20px 1px black;\n --ag-disabled-foreground-color: rgba(255, 255, 255, 0.5);\n --ag-chip-background-color: rgba(255, 255, 255, 0.07);\n --ag-input-disabled-border-color: rgba(104, 104, 110, 0.3);\n --ag-input-disabled-background-color: rgba(104, 104, 110, 0.07);\n }\n\n .ag-theme-genesis-rapid .ag-filter-toolpanel-header,\n .ag-theme-genesis-rapid .ag-filter-toolpanel-search,\n .ag-theme-genesis-rapid .ag-status-bar,\n .ag-theme-genesis-rapid .ag-header-row,\n .ag-theme-genesis-rapid .ag-panel-title-bar-title,\n .ag-theme-genesis-rapid .ag-multi-filter-group-title-bar,\n .ag-theme-genesis-rapid-dark .ag-filter-toolpanel-header,\n .ag-theme-genesis-rapid-dark .ag-filter-toolpanel-search,\n .ag-theme-genesis-rapid-dark .ag-status-bar,\n .ag-theme-genesis-rapid-dark .ag-header-row,\n .ag-theme-genesis-rapid-dark .ag-panel-title-bar-title,\n .ag-theme-genesis-rapid-dark .ag-multi-filter-group-title-bar,\n .ag-theme-genesis-rapid-light .ag-filter-toolpanel-header,\n .ag-theme-genesis-rapid-light .ag-filter-toolpanel-search,\n .ag-theme-genesis-rapid-light .ag-status-bar,\n .ag-theme-genesis-rapid-light .ag-header-row,\n .ag-theme-genesis-rapid-light .ag-panel-title-bar-title,\n .ag-theme-genesis-rapid-light .ag-multi-filter-group-title-bar {\n font-weight: 700;\n color: var(--ag-header-foreground-color);\n }\n .ag-theme-genesis-rapid .ag-row,\n .ag-theme-genesis-rapid-dark .ag-row,\n .ag-theme-genesis-rapid-light .ag-row {\n font-size: calc(var(--ag-font-size) + 1px);\n }\n .ag-theme-genesis-rapid input[class^='ag-']:not([type]),\n .ag-theme-genesis-rapid input[class^='ag-'][type='text'],\n .ag-theme-genesis-rapid input[class^='ag-'][type='number'],\n .ag-theme-genesis-rapid input[class^='ag-'][type='tel'],\n .ag-theme-genesis-rapid input[class^='ag-'][type='date'],\n .ag-theme-genesis-rapid input[class^='ag-'][type='datetime-local'],\n .ag-theme-genesis-rapid textarea[class^='ag-'],\n .ag-theme-genesis-rapid-dark input[class^='ag-']:not([type]),\n .ag-theme-genesis-rapid-dark input[class^='ag-'][type='text'],\n .ag-theme-genesis-rapid-dark input[class^='ag-'][type='number'],\n .ag-theme-genesis-rapid-dark input[class^='ag-'][type='tel'],\n .ag-theme-genesis-rapid-dark input[class^='ag-'][type='date'],\n .ag-theme-genesis-rapid-dark input[class^='ag-'][type='datetime-local'],\n .ag-theme-genesis-rapid-dark textarea[class^='ag-'],\n .ag-theme-genesis-rapid-light input[class^='ag-']:not([type]),\n .ag-theme-genesis-rapid-light input[class^='ag-'][type='text'],\n .ag-theme-genesis-rapid-light input[class^='ag-'][type='number'],\n .ag-theme-genesis-rapid-light input[class^='ag-'][type='tel'],\n .ag-theme-genesis-rapid-light input[class^='ag-'][type='date'],\n .ag-theme-genesis-rapid-light input[class^='ag-'][type='datetime-local'],\n .ag-theme-genesis-rapid-light textarea[class^='ag-'] {\n min-height: calc(var(--ag-grid-size) * 4);\n border-radius: var(--ag-border-radius);\n }\n .ag-theme-genesis-rapid .ag-ltr input[class^='ag-']:not([type]),\n .ag-theme-genesis-rapid .ag-ltr input[class^='ag-'][type='text'],\n .ag-theme-genesis-rapid .ag-ltr input[class^='ag-'][type='number'],\n .ag-theme-genesis-rapid .ag-ltr input[class^='ag-'][type='tel'],\n .ag-theme-genesis-rapid .ag-ltr input[class^='ag-'][type='date'],\n .ag-theme-genesis-rapid .ag-ltr input[class^='ag-'][type='datetime-local'],\n .ag-theme-genesis-rapid .ag-ltr textarea[class^='ag-'],\n .ag-theme-genesis-rapid-dark .ag-ltr input[class^='ag-']:not([type]),\n .ag-theme-genesis-rapid-dark .ag-ltr input[class^='ag-'][type='text'],\n .ag-theme-genesis-rapid-dark .ag-ltr input[class^='ag-'][type='number'],\n .ag-theme-genesis-rapid-dark .ag-ltr input[class^='ag-'][type='tel'],\n .ag-theme-genesis-rapid-dark .ag-ltr input[class^='ag-'][type='date'],\n .ag-theme-genesis-rapid-dark .ag-ltr input[class^='ag-'][type='datetime-local'],\n .ag-theme-genesis-rapid-dark .ag-ltr textarea[class^='ag-'],\n .ag-theme-genesis-rapid-light .ag-ltr input[class^='ag-']:not([type]),\n .ag-theme-genesis-rapid-light .ag-ltr input[class^='ag-'][type='text'],\n .ag-theme-genesis-rapid-light .ag-ltr input[class^='ag-'][type='number'],\n .ag-theme-genesis-rapid-light .ag-ltr input[class^='ag-'][type='tel'],\n .ag-theme-genesis-rapid-light .ag-ltr input[class^='ag-'][type='date'],\n .ag-theme-genesis-rapid-light .ag-ltr input[class^='ag-'][type='datetime-local'],\n .ag-theme-genesis-rapid-light .ag-ltr textarea[class^='ag-'] {\n padding-left: var(--ag-grid-size);\n }\n\n .ag-theme-genesis-rapid .ag-rtl input[class^='ag-']:not([type]),\n .ag-theme-genesis-rapid .ag-rtl input[class^='ag-'][type='text'],\n .ag-theme-genesis-rapid .ag-rtl input[class^='ag-'][type='number'],\n .ag-theme-genesis-rapid .ag-rtl input[class^='ag-'][type='tel'],\n .ag-theme-genesis-rapid .ag-rtl input[class^='ag-'][type='date'],\n .ag-theme-genesis-rapid .ag-rtl input[class^='ag-'][type='datetime-local'],\n .ag-theme-genesis-rapid .ag-rtl textarea[class^='ag-'],\n .ag-theme-genesis-rapid-dark .ag-rtl input[class^='ag-']:not([type]),\n .ag-theme-genesis-rapid-dark .ag-rtl input[class^='ag-'][type='text'],\n .ag-theme-genesis-rapid-dark .ag-rtl input[class^='ag-'][type='number'],\n .ag-theme-genesis-rapid-dark .ag-rtl input[class^='ag-'][type='tel'],\n .ag-theme-genesis-rapid-dark .ag-rtl input[class^='ag-'][type='date'],\n .ag-theme-genesis-rapid-dark .ag-rtl input[class^='ag-'][type='datetime-local'],\n .ag-theme-genesis-rapid-dark .ag-rtl textarea[class^='ag-'],\n .ag-theme-genesis-rapid-light .ag-rtl input[class^='ag-']:not([type]),\n .ag-theme-genesis-rapid-light .ag-rtl input[class^='ag-'][type='text'],\n .ag-theme-genesis-rapid-light .ag-rtl input[class^='ag-'][type='number'],\n .ag-theme-genesis-rapid-light .ag-rtl input[class^='ag-'][type='tel'],\n .ag-theme-genesis-rapid-light .ag-rtl input[class^='ag-'][type='date'],\n .ag-theme-genesis-rapid-light .ag-rtl input[class^='ag-'][type='datetime-local'],\n .ag-theme-genesis-rapid-light .ag-rtl textarea[class^='ag-'] {\n padding-right: var(--ag-grid-size);\n }\n\n .ag-theme-genesis-rapid .ag-tab,\n .ag-theme-genesis-rapid-dark .ag-tab,\n .ag-theme-genesis-rapid-light .ag-tab {\n padding: calc(var(--ag-grid-size) * 1.5);\n transition: color 0.4s;\n flex: 1 1 auto;\n }\n .ag-theme-genesis-rapid .ag-tab-selected,\n .ag-theme-genesis-rapid-dark .ag-tab-selected,\n .ag-theme-genesis-rapid-light .ag-tab-selected {\n color: var(--ag-alpine-active-color);\n }\n .ag-theme-genesis-rapid .ag-menu,\n .ag-theme-genesis-rapid-dark .ag-menu,\n .ag-theme-genesis-rapid-light .ag-menu {\n background-color: var(--ag-control-panel-background-color);\n }\n .ag-theme-genesis-rapid .ag-menu-header,\n .ag-theme-genesis-rapid-dark .ag-menu-header,\n .ag-theme-genesis-rapid-light .ag-menu-header {\n background-color: var(--ag-control-panel-background-color);\n padding-top: 1px;\n }\n .ag-theme-genesis-rapid .ag-tabs-header,\n .ag-theme-genesis-rapid-dark .ag-tabs-header,\n .ag-theme-genesis-rapid-light .ag-tabs-header {\n border-bottom: var(--ag-borders) var(--ag-border-color);\n }\n .ag-theme-genesis-rapid .ag-charts-settings-group-title-bar,\n .ag-theme-genesis-rapid .ag-charts-data-group-title-bar,\n .ag-theme-genesis-rapid .ag-charts-format-top-level-group-title-bar,\n .ag-theme-genesis-rapid-dark .ag-charts-settings-group-title-bar,\n .ag-theme-genesis-rapid-dark .ag-charts-data-group-title-bar,\n .ag-theme-genesis-rapid-dark .ag-charts-format-top-level-group-title-bar,\n .ag-theme-genesis-rapid-light .ag-charts-settings-group-title-bar,\n .ag-theme-genesis-rapid-light .ag-charts-data-group-title-bar,\n .ag-theme-genesis-rapid-light .ag-charts-format-top-level-group-title-bar {\n padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);\n line-height: calc(var(--ag-icon-size) + var(--ag-grid-size) - 2px);\n }\n .ag-theme-genesis-rapid .ag-chart-mini-thumbnail,\n .ag-theme-genesis-rapid-dark .ag-chart-mini-thumbnail,\n .ag-theme-genesis-rapid-light .ag-chart-mini-thumbnail {\n background-color: var(--ag-background-color);\n }\n .ag-theme-genesis-rapid .ag-chart-settings-nav-bar,\n .ag-theme-genesis-rapid-dark .ag-chart-settings-nav-bar,\n .ag-theme-genesis-rapid-light .ag-chart-settings-nav-bar {\n border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);\n }\n .ag-theme-genesis-rapid .ag-ltr .ag-group-title-bar-icon,\n .ag-theme-genesis-rapid-dark .ag-ltr .ag-group-title-bar-icon,\n .ag-theme-genesis-rapid-light .ag-ltr .ag-group-title-bar-icon {\n margin-right: var(--ag-grid-size);\n }\n\n .ag-theme-genesis-rapid .ag-rtl .ag-group-title-bar-icon,\n .ag-theme-genesis-rapid-dark .ag-rtl .ag-group-title-bar-icon,\n .ag-theme-genesis-rapid-light .ag-rtl .ag-group-title-bar-icon {\n margin-left: var(--ag-grid-size);\n }\n\n .ag-theme-genesis-rapid .ag-charts-format-top-level-group-toolbar,\n .ag-theme-genesis-rapid-dark .ag-charts-format-top-level-group-toolbar,\n .ag-theme-genesis-rapid-light .ag-charts-format-top-level-group-toolbar {\n margin-top: var(--ag-grid-size);\n }\n .ag-theme-genesis-rapid .ag-ltr .ag-charts-format-top-level-group-toolbar,\n .ag-theme-genesis-rapid-dark .ag-ltr .ag-charts-format-top-level-group-toolbar,\n .ag-theme-genesis-rapid-light .ag-ltr .ag-charts-format-top-level-group-toolbar {\n padding-left: calc(var(--ag-icon-size) * 0.5 + var(--ag-grid-size) * 2);\n }\n\n .ag-theme-genesis-rapid .ag-rtl .ag-charts-format-top-level-group-toolbar,\n .ag-theme-genesis-rapid-dark .ag-rtl .ag-charts-format-top-level-group-toolbar,\n .ag-theme-genesis-rapid-light .ag-rtl .ag-charts-format-top-level-group-toolbar {\n padding-right: calc(var(--ag-icon-size) * 0.5 + var(--ag-grid-size) * 2);\n }\n\n .ag-theme-genesis-rapid .ag-charts-format-sub-level-group,\n .ag-theme-genesis-rapid-dark .ag-charts-format-sub-level-group,\n .ag-theme-genesis-rapid-light .ag-charts-format-sub-level-group {\n border-left: dashed 1px;\n border-left-color: var(--ag-border-color);\n padding-left: var(--ag-grid-size);\n margin-bottom: calc(var(--ag-grid-size) * 2);\n }\n .ag-theme-genesis-rapid .ag-charts-format-sub-level-group-title-bar,\n .ag-theme-genesis-rapid-dark .ag-charts-format-sub-level-group-title-bar,\n .ag-theme-genesis-rapid-light .ag-charts-format-sub-level-group-title-bar {\n padding-top: 0;\n padding-bottom: 0;\n background: none;\n font-weight: 700;\n }\n .ag-theme-genesis-rapid .ag-charts-format-sub-level-group-container,\n .ag-theme-genesis-rapid-dark .ag-charts-format-sub-level-group-container,\n .ag-theme-genesis-rapid-light .ag-charts-format-sub-level-group-container {\n padding-bottom: 0;\n }\n .ag-theme-genesis-rapid .ag-charts-format-sub-level-group-item:last-child,\n .ag-theme-genesis-rapid-dark .ag-charts-format-sub-level-group-item:last-child,\n .ag-theme-genesis-rapid-light .ag-charts-format-sub-level-group-item:last-child {\n margin-bottom: 0;\n }\n .ag-theme-genesis-rapid.ag-dnd-ghost,\n .ag-theme-genesis-rapid-dark.ag-dnd-ghost,\n .ag-theme-genesis-rapid-light.ag-dnd-ghost {\n font-size: calc(var(--ag-font-size) - 1px);\n font-weight: 700;\n }\n .ag-theme-genesis-rapid .ag-side-buttons,\n .ag-theme-genesis-rapid-dark .ag-side-buttons,\n .ag-theme-genesis-rapid-light .ag-side-buttons {\n width: calc(var(--ag-grid-size) * 5);\n }\n .ag-theme-genesis-rapid .ag-standard-button,\n .ag-theme-genesis-rapid-dark .ag-standard-button,\n .ag-theme-genesis-rapid-light .ag-standard-button {\n appearance: none;\n -webkit-appearance: none;\n border-radius: var(--ag-border-radius);\n border: 1px solid;\n border-color: var(--ag-alpine-active-color);\n color: var(--ag-alpine-active-color);\n background-color: var(--ag-background-color);\n font-weight: 600;\n padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);\n }\n .ag-theme-genesis-rapid .ag-standard-button:hover,\n .ag-theme-genesis-rapid-dark .ag-standard-button:hover,\n .ag-theme-genesis-rapid-light .ag-standard-button:hover {\n border-color: var(--ag-alpine-active-color);\n background-color: var(--ag-row-hover-color);\n }\n .ag-theme-genesis-rapid .ag-standard-button:active,\n .ag-theme-genesis-rapid-dark .ag-standard-button:active,\n .ag-theme-genesis-rapid-light .ag-standard-button:active {\n border-color: var(--ag-alpine-active-color);\n background-color: var(--ag-alpine-active-color);\n color: var(--ag-background-color);\n }\n .ag-theme-genesis-rapid .ag-standard-button:disabled,\n .ag-theme-genesis-rapid-dark .ag-standard-button:disabled,\n .ag-theme-genesis-rapid-light .ag-standard-button:disabled {\n color: var(--ag-disabled-foreground-color);\n background-color: var(--ag-input-disabled-background-color);\n border-color: var(--ag-input-disabled-border-color);\n }\n .ag-theme-genesis-rapid .ag-column-drop-vertical,\n .ag-theme-genesis-rapid-dark .ag-column-drop-vertical,\n .ag-theme-genesis-rapid-light .ag-column-drop-vertical {\n min-height: 75px;\n }\n .ag-theme-genesis-rapid .ag-column-drop-vertical-title-bar,\n .ag-theme-genesis-rapid-dark .ag-column-drop-vertical-title-bar,\n .ag-theme-genesis-rapid-light .ag-column-drop-vertical-title-bar {\n padding: calc(var(--ag-grid-size) * 2);\n padding-bottom: 0px;\n }\n .ag-theme-genesis-rapid .ag-column-drop-vertical-empty-message,\n .ag-theme-genesis-rapid-dark .ag-column-drop-vertical-empty-message,\n .ag-theme-genesis-rapid-light .ag-column-drop-vertical-empty-message {\n display: flex;\n align-items: center;\n border: dashed 1px;\n border-color: var(--ag-border-color);\n margin: calc(var(--ag-grid-size) * 2);\n padding: calc(var(--ag-grid-size) * 2);\n }\n .ag-theme-genesis-rapid .ag-column-drop-empty-message,\n .ag-theme-genesis-rapid-dark .ag-column-drop-empty-message,\n .ag-theme-genesis-rapid-light .ag-column-drop-empty-message {\n color: var(--ag-foreground-color);\n opacity: 0.75;\n }\n .ag-theme-genesis-rapid .ag-status-bar,\n .ag-theme-genesis-rapid-dark .ag-status-bar,\n .ag-theme-genesis-rapid-light .ag-status-bar {\n font-weight: normal;\n }\n .ag-theme-genesis-rapid .ag-status-name-value-value,\n .ag-theme-genesis-rapid-dark .ag-status-name-value-value,\n .ag-theme-genesis-rapid-light .ag-status-name-value-value {\n font-weight: 700;\n }\n .ag-theme-genesis-rapid .ag-paging-number,\n .ag-theme-genesis-rapid .ag-paging-row-summary-panel-number,\n .ag-theme-genesis-rapid-dark .ag-paging-number,\n .ag-theme-genesis-rapid-dark .ag-paging-row-summary-panel-number,\n .ag-theme-genesis-rapid-light .ag-paging-number,\n .ag-theme-genesis-rapid-light .ag-paging-row-summary-panel-number {\n font-weight: 700;\n }\n .ag-theme-genesis-rapid .ag-column-drop-cell-button,\n .ag-theme-genesis-rapid-dark .ag-column-drop-cell-button,\n .ag-theme-genesis-rapid-light .ag-column-drop-cell-button {\n opacity: 0.5;\n }\n .ag-theme-genesis-rapid .ag-column-drop-cell-button:hover,\n .ag-theme-genesis-rapid-dark .ag-column-drop-cell-button:hover,\n .ag-theme-genesis-rapid-light .ag-column-drop-cell-button:hover {\n opacity: 0.75;\n }\n .ag-theme-genesis-rapid .ag-header-cell-menu-button:hover,\n .ag-theme-genesis-rapid .ag-side-button-button:hover,\n .ag-theme-genesis-rapid .ag-tab:hover,\n .ag-theme-genesis-rapid .ag-panel-title-bar-button:hover,\n .ag-theme-genesis-rapid .ag-header-expand-icon:hover,\n .ag-theme-genesis-rapid .ag-column-group-icons:hover,\n .ag-theme-genesis-rapid .ag-set-filter-group-icons:hover,\n .ag-theme-genesis-rapid .ag-group-expanded .ag-icon:hover,\n .ag-theme-genesis-rapid .ag-group-contracted .ag-icon:hover,\n .ag-theme-genesis-rapid .ag-chart-settings-prev:hover,\n .ag-theme-genesis-rapid .ag-chart-settings-next:hover,\n .ag-theme-genesis-rapid .ag-group-title-bar-icon:hover,\n .ag-theme-genesis-rapid .ag-column-select-header-icon:hover,\n .ag-theme-genesis-rapid .ag-floating-filter-button-button:hover,\n .ag-theme-genesis-rapid .ag-filter-toolpanel-expand:hover,\n .ag-theme-genesis-rapid .ag-chart-menu-icon:hover,\n .ag-theme-genesis-rapid .ag-chart-menu-close:hover,\n .ag-theme-genesis-rapid-dark .ag-header-cell-menu-button:hover,\n .ag-theme-genesis-rapid-dark .ag-side-button-button:hover,\n .ag-theme-genesis-rapid-dark .ag-tab:hover,\n .ag-theme-genesis-rapid-dark .ag-panel-title-bar-button:hover,\n .ag-theme-genesis-rapid-dark .ag-header-expand-icon:hover,\n .ag-theme-genesis-rapid-dark .ag-column-group-icons:hover,\n .ag-theme-genesis-rapid-dark .ag-set-filter-group-icons:hover,\n .ag-theme-genesis-rapid-dark .ag-group-expanded .ag-icon:hover,\n .ag-theme-genesis-rapid-dark .ag-group-contracted .ag-icon:hover,\n .ag-theme-genesis-rapid-dark .ag-chart-settings-prev:hover,\n .ag-theme-genesis-rapid-dark .ag-chart-settings-next:hover,\n .ag-theme-genesis-rapid-dark .ag-group-title-bar-icon:hover,\n .ag-theme-genesis-rapid-dark .ag-column-select-header-icon:hover,\n .ag-theme-genesis-rapid-dark .ag-floating-filter-button-button:hover,\n .ag-theme-genesis-rapid-dark .ag-filter-toolpanel-expand:hover,\n .ag-theme-genesis-rapid-dark .ag-chart-menu-icon:hover,\n .ag-theme-genesis-rapid-dark .ag-chart-menu-close:hover,\n .ag-theme-genesis-rapid-light .ag-header-cell-menu-button:hover,\n .ag-theme-genesis-rapid-light .ag-side-button-button:hover,\n .ag-theme-genesis-rapid-light .ag-tab:hover,\n .ag-theme-genesis-rapid-light .ag-panel-title-bar-button:hover,\n .ag-theme-genesis-rapid-light .ag-header-expand-icon:hover,\n .ag-theme-genesis-rapid-light .ag-column-group-icons:hover,\n .ag-theme-genesis-rapid-light .ag-set-filter-group-icons:hover,\n .ag-theme-genesis-rapid-light .ag-group-expanded .ag-icon:hover,\n .ag-theme-genesis-rapid-light .ag-group-contracted .ag-icon:hover,\n .ag-theme-genesis-rapid-light .ag-chart-settings-prev:hover,\n .ag-theme-genesis-rapid-light .ag-chart-settings-next:hover,\n .ag-theme-genesis-rapid-light .ag-group-title-bar-icon:hover,\n .ag-theme-genesis-rapid-light .ag-column-select-header-icon:hover,\n .ag-theme-genesis-rapid-light .ag-floating-filter-button-button:hover,\n .ag-theme-genesis-rapid-light .ag-filter-toolpanel-expand:hover,\n .ag-theme-genesis-rapid-light .ag-chart-menu-icon:hover,\n .ag-theme-genesis-rapid-light .ag-chart-menu-close:hover {\n color: var(--ag-alpine-active-color);\n }\n .ag-theme-genesis-rapid .ag-chart-menu-close,\n .ag-theme-genesis-rapid-dark .ag-chart-menu-close,\n .ag-theme-genesis-rapid-light .ag-chart-menu-close {\n background: var(--ag-background-color);\n }\n .ag-theme-genesis-rapid .ag-chart-menu-close:hover .ag-icon,\n .ag-theme-genesis-rapid-dark .ag-chart-menu-close:hover .ag-icon,\n .ag-theme-genesis-rapid-light .ag-chart-menu-close:hover .ag-icon {\n border-color: var(--ag-alpine-active-color);\n }\n .ag-theme-genesis-rapid .ag-chart-menu-close .ag-icon,\n .ag-theme-genesis-rapid-dark .ag-chart-menu-close .ag-icon,\n .ag-theme-genesis-rapid-light .ag-chart-menu-close .ag-icon {\n background: var(--ag-header-background-color);\n border: 1px solid var(--ag-border-color);\n border-right: none;\n }\n .ag-theme-genesis-rapid .ag-chart-settings-card-item.ag-not-selected:hover,\n .ag-theme-genesis-rapid-dark .ag-chart-settings-card-item.ag-not-selected:hover,\n .ag-theme-genesis-rapid-light .ag-chart-settings-card-item.ag-not-selected:hover {\n opacity: 0.35;\n }\n .ag-theme-genesis-rapid .ag-ltr .ag-panel-title-bar-button,\n .ag-theme-genesis-rapid-dark .ag-ltr .ag-panel-title-bar-button,\n .ag-theme-genesis-rapid-light .ag-ltr .ag-panel-title-bar-button {\n margin-left: calc(var(--ag-grid-size) * 2);\n margin-right: var(--ag-grid-size);\n }\n\n .ag-theme-genesis-rapid .ag-rtl .ag-panel-title-bar-button,\n .ag-theme-genesis-rapid-dark .ag-rtl .ag-panel-title-bar-button,\n .ag-theme-genesis-rapid-light .ag-rtl .ag-panel-title-bar-button {\n margin-right: calc(var(--ag-grid-size) * 2);\n margin-left: var(--ag-grid-size);\n }\n\n .ag-theme-genesis-rapid .ag-ltr .ag-filter-toolpanel-group-container,\n .ag-theme-genesis-rapid-dark .ag-ltr .ag-filter-toolpanel-group-container,\n .ag-theme-genesis-rapid-light .ag-ltr .ag-filter-toolpanel-group-container {\n padding-left: var(--ag-grid-size);\n }\n\n .ag-theme-genesis-rapid .ag-rtl .ag-filter-toolpanel-group-container,\n .ag-theme-genesis-rapid-dark .ag-rtl .ag-filter-toolpanel-group-container,\n .ag-theme-genesis-rapid-light .ag-rtl .ag-filter-toolpanel-group-container {\n padding-right: var(--ag-grid-size);\n }\n\n .ag-theme-genesis-rapid .ag-filter-toolpanel-instance-filter,\n .ag-theme-genesis-rapid-dark .ag-filter-toolpanel-instance-filter,\n .ag-theme-genesis-rapid-light .ag-filter-toolpanel-instance-filter {\n border: none;\n background-color: var(--ag-control-panel-background-color);\n }\n .ag-theme-genesis-rapid .ag-ltr .ag-filter-toolpanel-instance-filter,\n .ag-theme-genesis-rapid-dark .ag-ltr .ag-filter-toolpanel-instance-filter,\n .ag-theme-genesis-rapid-light .ag-ltr .ag-filter-toolpanel-instance-filter {\n border-left: dashed 1px;\n border-left-color: var(--ag-border-color);\n margin-left: calc(var(--ag-icon-size) * 0.5);\n }\n\n .ag-theme-genesis-rapid .ag-rtl .ag-filter-toolpanel-instance-filter,\n .ag-theme-genesis-rapid-dark .ag-rtl .ag-filter-toolpanel-instance-filter,\n .ag-theme-genesis-rapid-light .ag-rtl .ag-filter-toolpanel-instance-filter {\n border-right: dashed 1px;\n border-right-color: var(--ag-border-color);\n margin-right: calc(var(--ag-icon-size) * 0.5);\n }\n\n .ag-theme-genesis-rapid .ag-set-filter-list,\n .ag-theme-genesis-rapid-dark .ag-set-filter-list,\n .ag-theme-genesis-rapid-light .ag-set-filter-list {\n padding-top: calc(var(--ag-grid-size) * 0.5);\n padding-bottom: calc(var(--ag-grid-size) * 0.5);\n }\n .ag-theme-genesis-rapid .ag-layout-auto-height .ag-center-cols-clipper,\n .ag-theme-genesis-rapid .ag-layout-auto-height .ag-center-cols-container,\n .ag-theme-genesis-rapid .ag-layout-print .ag-center-cols-clipper,\n .ag-theme-genesis-rapid .ag-layout-print .ag-center-cols-container,\n .ag-theme-genesis-rapid-dark .ag-layout-auto-height .ag-center-cols-clipper,\n .ag-theme-genesis-rapid-dark .ag-layout-auto-height .ag-center-cols-container,\n .ag-theme-genesis-rapid-dark .ag-layout-print .ag-center-cols-clipper,\n .ag-theme-genesis-rapid-dark .ag-layout-print .ag-center-cols-container,\n .ag-theme-genesis-rapid-light .ag-layout-auto-height .ag-center-cols-clipper,\n .ag-theme-genesis-rapid-light .ag-layout-auto-height .ag-center-cols-container,\n .ag-theme-genesis-rapid-light .ag-layout-print .ag-center-cols-clipper,\n .ag-theme-genesis-rapid-light .ag-layout-print .ag-center-cols-container {\n min-height: 150px;\n }\n .ag-theme-genesis-rapid .ag-overlay-no-rows-wrapper.ag-layout-auto-height,\n .ag-theme-genesis-rapid-dark .ag-overlay-no-rows-wrapper.ag-layout-auto-height,\n .ag-theme-genesis-rapid-light .ag-overlay-no-rows-wrapper.ag-layout-auto-height {\n padding-top: 60px;\n }\n .ag-theme-genesis-rapid .ag-date-time-list-page-entry-is-current,\n .ag-theme-genesis-rapid-dark .ag-date-time-list-page-entry-is-current,\n .ag-theme-genesis-rapid-light .ag-date-time-list-page-entry-is-current {\n background-color: var(--ag-alpine-active-color);\n }\n`"
4820
4826
  }
4821
4827
  ],
4822
4828
  "exports": [
@@ -4836,7 +4842,7 @@
4836
4842
  "declarations": [
4837
4843
  {
4838
4844
  "kind": "variable",
4839
- "name": "agThemeGenesisRapidTokenMap",
4845
+ "name": "agThemeGenesisZeroTokenMap",
4840
4846
  "type": {
4841
4847
  "text": "CSSVarTokenMap<AgGridCSSVars | string>"
4842
4848
  },
@@ -4844,20 +4850,20 @@
4844
4850
  },
4845
4851
  {
4846
4852
  "kind": "variable",
4847
- "name": "themeGenesisRapid",
4853
+ "name": "themeGenesisZero",
4848
4854
  "type": {
4849
4855
  "text": "string"
4850
4856
  },
4851
- "default": "'ag-theme-genesis-rapid'"
4857
+ "default": "'ag-theme-genesis-zero'"
4852
4858
  },
4853
4859
  {
4854
4860
  "kind": "variable",
4855
4861
  "name": "agThemeGenesisRapid",
4856
- "default": "css`\n ${agThemeGenesisRapidCSS}\n ${agThemeTokenMapCSS(themeGenesisRapid, agThemeGenesisRapidTokenMap)}\n\n .${themeGenesisRapid} {\n ${mixinRobotoFont()}\n }\n\n .${themeGenesisRapid} .ag-header {\n border-bottom-color: var(--rapid-ag-header-foreground-color);\n font-weight: bold;\n }\n\n .${themeGenesisRapid} .ag-root-wrapper {\n border-radius: calc(var(--control-corner-radius) * 1px);\n }\n`"
4862
+ "default": "css`\n ${agThemeGenesisRapidCSS}\n ${agThemeTokenMapCSS(themeGenesisZero, agThemeGenesisZeroTokenMap)}\n\n .${themeGenesisZero} {\n ${mixinRobotoFont()}\n }\n\n .${themeGenesisZero} .ag-header {\n border-bottom-color: var(--rapid-ag-header-foreground-color);\n font-weight: bold;\n }\n\n .${themeGenesisZero} .ag-root-wrapper {\n border-radius: calc(var(--control-corner-radius) * 1px);\n }\n`"
4857
4863
  },
4858
4864
  {
4859
4865
  "kind": "variable",
4860
- "name": "themeGenesisRapidDark",
4866
+ "name": "themeGenesisZeroDark",
4861
4867
  "type": {
4862
4868
  "text": "string"
4863
4869
  },
@@ -4865,24 +4871,37 @@
4865
4871
  },
4866
4872
  {
4867
4873
  "kind": "variable",
4868
- "name": "agThemeGenesisRapidDark",
4869
- "default": "css`\n ${agThemeGenesisRapidCSS}\n ${agThemeTokenMapCSS(themeGenesisRapidDark, agThemeGenesisRapidTokenMap)}\n\n .${themeGenesisRapidDark} {\n ${mixinRobotoFont()}\n }\n\n .${themeGenesisRapidDark} .ag-header {\n border-bottom-color: var(--rapid-ag-header-foreground-color);\n font-weight: bold;\n }\n\n .${themeGenesisRapidDark} .ag-cell {\n line-height: var(--ag-line-height, 32px);\n }\n\n .${themeGenesisRapidDark} .ag-root-wrapper {\n border-radius: calc(var(--control-corner-radius) * 1px);\n }\n`"
4874
+ "name": "agThemeGenesisZeroDark",
4875
+ "default": "css`\n ${agThemeGenesisRapidCSS}\n ${agThemeTokenMapCSS(themeGenesisZeroDark, agThemeGenesisZeroTokenMap)}\n\n .${themeGenesisZeroDark} {\n ${mixinRobotoFont()}\n }\n\n .${themeGenesisZeroDark} .ag-header {\n border-bottom-color: var(--rapid-ag-header-foreground-color);\n font-weight: bold;\n }\n\n .${themeGenesisZeroDark} .ag-cell {\n line-height: var(--ag-line-height, 32px);\n }\n\n .${themeGenesisZeroDark} .ag-root-wrapper {\n border-radius: calc(var(--control-corner-radius) * 1px);\n }\n\n .${themeGenesisZeroDark} {\n color-scheme: dark;\n }\n`"
4876
+ },
4877
+ {
4878
+ "kind": "variable",
4879
+ "name": "themeGenesisZeroLight",
4880
+ "type": {
4881
+ "text": "string"
4882
+ },
4883
+ "default": "'ag-theme-genesis-rapid-light'"
4884
+ },
4885
+ {
4886
+ "kind": "variable",
4887
+ "name": "agThemeGenesisZeroLight",
4888
+ "default": "css`\n ${agThemeGenesisRapidCSS}\n ${agThemeTokenMapCSS(themeGenesisZeroLight, agThemeGenesisZeroTokenMap)}\n\n .${themeGenesisZeroLight} {\n ${mixinRobotoFont()}\n }\n\n .${themeGenesisZeroLight} .ag-header {\n border-bottom-color: var(--rapid-ag-header-foreground-color);\n font-weight: bold;\n }\n\n .${themeGenesisZeroLight} .ag-cell {\n line-height: var(--ag-line-height, 32px);\n }\n\n .${themeGenesisZeroLight} .ag-root-wrapper {\n border-radius: calc(var(--control-corner-radius) * 1px);\n }\n\n .${themeGenesisZeroLight} {\n color-scheme: light;\n }\n`"
4870
4889
  }
4871
4890
  ],
4872
4891
  "exports": [
4873
4892
  {
4874
4893
  "kind": "js",
4875
- "name": "agThemeGenesisRapidTokenMap",
4894
+ "name": "agThemeGenesisZeroTokenMap",
4876
4895
  "declaration": {
4877
- "name": "agThemeGenesisRapidTokenMap",
4896
+ "name": "agThemeGenesisZeroTokenMap",
4878
4897
  "module": "src/themes/genesis-rapid/ag-theme-genesis-rapid.ts"
4879
4898
  }
4880
4899
  },
4881
4900
  {
4882
4901
  "kind": "js",
4883
- "name": "themeGenesisRapid",
4902
+ "name": "themeGenesisZero",
4884
4903
  "declaration": {
4885
- "name": "themeGenesisRapid",
4904
+ "name": "themeGenesisZero",
4886
4905
  "module": "src/themes/genesis-rapid/ag-theme-genesis-rapid.ts"
4887
4906
  }
4888
4907
  },
@@ -4896,17 +4915,33 @@
4896
4915
  },
4897
4916
  {
4898
4917
  "kind": "js",
4899
- "name": "themeGenesisRapidDark",
4918
+ "name": "themeGenesisZeroDark",
4919
+ "declaration": {
4920
+ "name": "themeGenesisZeroDark",
4921
+ "module": "src/themes/genesis-rapid/ag-theme-genesis-rapid.ts"
4922
+ }
4923
+ },
4924
+ {
4925
+ "kind": "js",
4926
+ "name": "agThemeGenesisZeroDark",
4927
+ "declaration": {
4928
+ "name": "agThemeGenesisZeroDark",
4929
+ "module": "src/themes/genesis-rapid/ag-theme-genesis-rapid.ts"
4930
+ }
4931
+ },
4932
+ {
4933
+ "kind": "js",
4934
+ "name": "themeGenesisZeroLight",
4900
4935
  "declaration": {
4901
- "name": "themeGenesisRapidDark",
4936
+ "name": "themeGenesisZeroLight",
4902
4937
  "module": "src/themes/genesis-rapid/ag-theme-genesis-rapid.ts"
4903
4938
  }
4904
4939
  },
4905
4940
  {
4906
4941
  "kind": "js",
4907
- "name": "agThemeGenesisRapidDark",
4942
+ "name": "agThemeGenesisZeroLight",
4908
4943
  "declaration": {
4909
- "name": "agThemeGenesisRapidDark",
4944
+ "name": "agThemeGenesisZeroLight",
4910
4945
  "module": "src/themes/genesis-rapid/ag-theme-genesis-rapid.ts"
4911
4946
  }
4912
4947
  }
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 ZeroGridPro 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,WAAY,SAAQ,OAAO;IACtC;;;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,wBAAwB,EAAE,cAA+C,CAAC;AACvF,eAAO,MAAM,wBAAwB;;CAAmB,CAAC;AAEzD,eAAO,MAAM,WAAW;;;;;;;;;;sBAMtB,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,WAAY,SAAQ,OAAO;IAC1B,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,wBAAwB,EAAE,cAA+C,CAAC;AACvF,eAAO,MAAM,wBAAwB;;CAAmB,CAAC;AAEzD,eAAO,MAAM,WAAW;;;;;;;;;;sBAMtB,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,iBAAiB,iDAO7B,CAAC"}
1
+ {"version":3,"file":"grid-pro.styles.d.ts","sourceRoot":"","sources":["../../src/grid-pro.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB,iDAQ7B,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,iDA4clC,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,iDA4iBlC,CAAC"}
package/dist/dts/themes/genesis-rapid/ag-theme-genesis-rapid.d.ts CHANGED
@@ -1,8 +1,10 @@
1
1
  import { CSSVarTokenMap } from '@genesislcap/foundation-ui';
2
2
  import { AgGridCSSVars } from '@genesislcap/grid-pro';
3
- export declare const agThemeGenesisRapidTokenMap: CSSVarTokenMap<AgGridCSSVars | string>;
4
- export declare const themeGenesisRapid = "ag-theme-genesis-rapid";
3
+ export declare const agThemeGenesisZeroTokenMap: CSSVarTokenMap<AgGridCSSVars | string>;
4
+ export declare const themeGenesisZero = "ag-theme-genesis-zero";
5
5
  export declare const agThemeGenesisRapid: import("@microsoft/fast-element").ElementStyles;
6
- export declare const themeGenesisRapidDark = "ag-theme-genesis-rapid-dark";
7
- export declare const agThemeGenesisRapidDark: import("@microsoft/fast-element").ElementStyles;
6
+ export declare const themeGenesisZeroDark = "ag-theme-genesis-rapid-dark";
7
+ export declare const agThemeGenesisZeroDark: import("@microsoft/fast-element").ElementStyles;
8
+ export declare const themeGenesisZeroLight = "ag-theme-genesis-rapid-light";
9
+ export declare const agThemeGenesisZeroLight: 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;AAE5D,OAAO,EAAsB,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAM1E,eAAO,MAAM,2BAA2B,EAAE,cAAc,CAAC,aAAa,GAAG,MAAM,CAc9E,CAAC;AAEF,eAAO,MAAM,iBAAiB,2BAA2B,CAAC;AAE1D,eAAO,MAAM,mBAAmB,iDAgB/B,CAAC;AAEF,eAAO,MAAM,qBAAqB,gCAAgC,CAAC;AAEnE,eAAO,MAAM,uBAAuB,iDAoBnC,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;AAE5D,OAAO,EAAsB,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAM1E,eAAO,MAAM,0BAA0B,EAAE,cAAc,CAAC,aAAa,GAAG,MAAM,CAc7E,CAAC;AAEF,eAAO,MAAM,gBAAgB,0BAA0B,CAAC;AAExD,eAAO,MAAM,mBAAmB,iDAgB/B,CAAC;AAEF,eAAO,MAAM,oBAAoB,gCAAgC,CAAC;AAElE,eAAO,MAAM,sBAAsB,iDAwBlC,CAAC;AAEF,eAAO,MAAM,qBAAqB,iCAAiC,CAAC;AAEpE,eAAO,MAAM,uBAAuB,iDAwBnC,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 { ZeroNumberEditor, ZeroSelectEditor, ZeroMultiselectEditor, ZeroDateEditor, ZeroStringEditor, } from './cell-editors';
3
6
  import { ZeroEditableRenderer, ZeroAgActionRenderer, ZeroAgActionsMenuRenderer, ZeroBooleanRenderer, ZeroStatusPillRenderer, ZeroAgSelectRenderer, } from './cell-renderers';
4
7
  import { zeroGridProStyles as styles } from './grid-pro.styles';
5
8
  import { zeroGridProTemplate as template } from './grid-pro.template';
6
- import { themeGenesisRapid, themeGenesisRapidDark } from './themes';
9
+ import { themeGenesisZero, themeGenesisZeroDark, themeGenesisZeroLight } from './themes';
7
10
  const defaultAgHeight = 32;
8
- const defaultRapidTheme = 'ag-theme-genesis-rapid-dark';
11
+ const zeroThemeDark = 'ag-theme-genesis-rapid-dark';
12
+ const zeroThemeLight = 'ag-theme-genesis-rapid-light';
9
13
  /**
10
14
  * @tagname %%prefix%%-grid-pro
11
15
  */
@@ -16,10 +20,22 @@ export class ZeroGridPro 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' ? zeroThemeLight : zeroThemeDark;
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 ? zeroThemeDark : zeroThemeLight;
34
+ },
35
+ }, this.provider);
20
36
  }
21
37
  themeChanged(oldValue, newValue) {
22
- if (!oldValue && newValue !== defaultRapidTheme)
38
+ if (!oldValue && newValue !== zeroThemeDark)
23
39
  return;
24
40
  super.themeChanged(oldValue, newValue);
25
41
  }
@@ -30,7 +46,9 @@ export class ZeroGridPro extends GridPro {
30
46
  set gridOptions(options) {
31
47
  var _a, _b, _c;
32
48
  options.components = Object.assign({ [GridProRendererTypes.action]: ZeroAgActionRenderer, [GridProRendererTypes.actionsMenu]: ZeroAgActionsMenuRenderer, [GridProRendererTypes.boolean]: ZeroBooleanRenderer, [GridProRendererTypes.editable]: ZeroEditableRenderer, [GridProRendererTypes.statusPill]: ZeroStatusPillRenderer, [GridProRendererTypes.select]: ZeroAgSelectRenderer, [GridProRendererTypes.selectEditor]: ZeroSelectEditor, [GridProRendererTypes.numberEditor]: ZeroNumberEditor, [GridProRendererTypes.multiselectEditor]: ZeroMultiselectEditor, [GridProRendererTypes.dateEditor]: ZeroDateEditor, [GridProRendererTypes.stringEditor]: ZeroStringEditor }, ((_a = options.components) !== null && _a !== void 0 ? _a : {}));
33
- const isRapidTheme = this.theme === themeGenesisRapid || this.theme === themeGenesisRapidDark;
49
+ const isRapidTheme = this.theme === themeGenesisZero ||
50
+ this.theme === themeGenesisZeroDark ||
51
+ this.theme === themeGenesisZeroLight;
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 ZeroGridPro extends GridPro {
38
56
  super.gridOptions = options;
39
57
  }
40
58
  }
59
+ __decorate([
60
+ observable
61
+ ], ZeroGridPro.prototype, "provider", void 0);
41
62
  // explicitly declaring for extensibility
42
63
  export const zeroGridProShadowOptions = foundationGridProShadowOptions;
43
64
  export const zeroDefaultGridProConfig = foundationConfig;
package/dist/esm/grid-pro.styles.js CHANGED
@@ -1,11 +1,12 @@
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, agThemeGenesisZeroDark, agThemeGenesisZeroLight } from './themes';
4
4
  export const zeroGridProStyles = css `
5
5
  /* All the AG themes */
6
6
  ${foundationGridProStyles}
7
7
 
8
8
  /* 100% custom, CSS based, our own name: ag-theme-genesis-rapid */
9
9
  ${agThemeGenesisRapid}
10
- ${agThemeGenesisRapidDark}
10
+ ${agThemeGenesisZeroDark}
11
+ ${agThemeGenesisZeroLight}
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(--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
  }
120
129
  .ag-theme-genesis-rapid input[class^='ag-']:not([type]),
@@ -130,7 +139,14 @@ export const agThemeGenesisRapidCSS = css `
130
139
  .ag-theme-genesis-rapid-dark input[class^='ag-'][type='tel'],
131
140
  .ag-theme-genesis-rapid-dark input[class^='ag-'][type='date'],
132
141
  .ag-theme-genesis-rapid-dark input[class^='ag-'][type='datetime-local'],
133
- .ag-theme-genesis-rapid-dark textarea[class^='ag-'] {
142
+ .ag-theme-genesis-rapid-dark textarea[class^='ag-'],
143
+ .ag-theme-genesis-rapid-light input[class^='ag-']:not([type]),
144
+ .ag-theme-genesis-rapid-light input[class^='ag-'][type='text'],
145
+ .ag-theme-genesis-rapid-light input[class^='ag-'][type='number'],
146
+ .ag-theme-genesis-rapid-light input[class^='ag-'][type='tel'],
147
+ .ag-theme-genesis-rapid-light input[class^='ag-'][type='date'],
148
+ .ag-theme-genesis-rapid-light input[class^='ag-'][type='datetime-local'],
149
+ .ag-theme-genesis-rapid-light textarea[class^='ag-'] {
134
150
  min-height: calc(var(--ag-grid-size) * 4);
135
151
  border-radius: var(--ag-border-radius);
136
152
  }
@@ -147,7 +163,14 @@ export const agThemeGenesisRapidCSS = css `
147
163
  .ag-theme-genesis-rapid-dark .ag-ltr input[class^='ag-'][type='tel'],
148
164
  .ag-theme-genesis-rapid-dark .ag-ltr input[class^='ag-'][type='date'],
149
165
  .ag-theme-genesis-rapid-dark .ag-ltr input[class^='ag-'][type='datetime-local'],
150
- .ag-theme-genesis-rapid-dark .ag-ltr textarea[class^='ag-'] {
166
+ .ag-theme-genesis-rapid-dark .ag-ltr textarea[class^='ag-'],
167
+ .ag-theme-genesis-rapid-light .ag-ltr input[class^='ag-']:not([type]),
168
+ .ag-theme-genesis-rapid-light .ag-ltr input[class^='ag-'][type='text'],
169
+ .ag-theme-genesis-rapid-light .ag-ltr input[class^='ag-'][type='number'],
170
+ .ag-theme-genesis-rapid-light .ag-ltr input[class^='ag-'][type='tel'],
171
+ .ag-theme-genesis-rapid-light .ag-ltr input[class^='ag-'][type='date'],
172
+ .ag-theme-genesis-rapid-light .ag-ltr input[class^='ag-'][type='datetime-local'],
173
+ .ag-theme-genesis-rapid-light .ag-ltr textarea[class^='ag-'] {
151
174
  padding-left: var(--ag-grid-size);
152
175
  }
153
176
 
@@ -164,31 +187,43 @@ export const agThemeGenesisRapidCSS = css `
164
187
  .ag-theme-genesis-rapid-dark .ag-rtl input[class^='ag-'][type='tel'],
165
188
  .ag-theme-genesis-rapid-dark .ag-rtl input[class^='ag-'][type='date'],
166
189
  .ag-theme-genesis-rapid-dark .ag-rtl input[class^='ag-'][type='datetime-local'],
167
- .ag-theme-genesis-rapid-dark .ag-rtl textarea[class^='ag-'] {
190
+ .ag-theme-genesis-rapid-dark .ag-rtl textarea[class^='ag-'],
191
+ .ag-theme-genesis-rapid-light .ag-rtl input[class^='ag-']:not([type]),
192
+ .ag-theme-genesis-rapid-light .ag-rtl input[class^='ag-'][type='text'],
193
+ .ag-theme-genesis-rapid-light .ag-rtl input[class^='ag-'][type='number'],
194
+ .ag-theme-genesis-rapid-light .ag-rtl input[class^='ag-'][type='tel'],
195
+ .ag-theme-genesis-rapid-light .ag-rtl input[class^='ag-'][type='date'],
196
+ .ag-theme-genesis-rapid-light .ag-rtl input[class^='ag-'][type='datetime-local'],
197
+ .ag-theme-genesis-rapid-light .ag-rtl textarea[class^='ag-'] {
168
198
  padding-right: var(--ag-grid-size);
169
199
  }
170
200
 
171
201
  .ag-theme-genesis-rapid .ag-tab,
172
- .ag-theme-genesis-rapid-dark .ag-tab {
202
+ .ag-theme-genesis-rapid-dark .ag-tab,
203
+ .ag-theme-genesis-rapid-light .ag-tab {
173
204
  padding: calc(var(--ag-grid-size) * 1.5);
174
205
  transition: color 0.4s;
175
206
  flex: 1 1 auto;
176
207
  }
177
208
  .ag-theme-genesis-rapid .ag-tab-selected,
178
- .ag-theme-genesis-rapid-dark .ag-tab-selected {
209
+ .ag-theme-genesis-rapid-dark .ag-tab-selected,
210
+ .ag-theme-genesis-rapid-light .ag-tab-selected {
179
211
  color: var(--ag-alpine-active-color);
180
212
  }
181
213
  .ag-theme-genesis-rapid .ag-menu,
182
- .ag-theme-genesis-rapid-dark .ag-menu {
214
+ .ag-theme-genesis-rapid-dark .ag-menu,
215
+ .ag-theme-genesis-rapid-light .ag-menu {
183
216
  background-color: var(--ag-control-panel-background-color);
184
217
  }
185
218
  .ag-theme-genesis-rapid .ag-menu-header,
186
- .ag-theme-genesis-rapid-dark .ag-menu-header {
219
+ .ag-theme-genesis-rapid-dark .ag-menu-header,
220
+ .ag-theme-genesis-rapid-light .ag-menu-header {
187
221
  background-color: var(--ag-control-panel-background-color);
188
222
  padding-top: 1px;
189
223
  }
190
224
  .ag-theme-genesis-rapid .ag-tabs-header,
191
- .ag-theme-genesis-rapid-dark .ag-tabs-header {
225
+ .ag-theme-genesis-rapid-dark .ag-tabs-header,
226
+ .ag-theme-genesis-rapid-light .ag-tabs-header {
192
227
  border-bottom: var(--ag-borders) var(--ag-border-color);
193
228
  }
194
229
  .ag-theme-genesis-rapid .ag-charts-settings-group-title-bar,
@@ -196,75 +231,92 @@ export const agThemeGenesisRapidCSS = css `
196
231
  .ag-theme-genesis-rapid .ag-charts-format-top-level-group-title-bar,
197
232
  .ag-theme-genesis-rapid-dark .ag-charts-settings-group-title-bar,
198
233
  .ag-theme-genesis-rapid-dark .ag-charts-data-group-title-bar,
199
- .ag-theme-genesis-rapid-dark .ag-charts-format-top-level-group-title-bar {
234
+ .ag-theme-genesis-rapid-dark .ag-charts-format-top-level-group-title-bar,
235
+ .ag-theme-genesis-rapid-light .ag-charts-settings-group-title-bar,
236
+ .ag-theme-genesis-rapid-light .ag-charts-data-group-title-bar,
237
+ .ag-theme-genesis-rapid-light .ag-charts-format-top-level-group-title-bar {
200
238
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
201
239
  line-height: calc(var(--ag-icon-size) + var(--ag-grid-size) - 2px);
202
240
  }
203
241
  .ag-theme-genesis-rapid .ag-chart-mini-thumbnail,
204
- .ag-theme-genesis-rapid-dark .ag-chart-mini-thumbnail {
242
+ .ag-theme-genesis-rapid-dark .ag-chart-mini-thumbnail,
243
+ .ag-theme-genesis-rapid-light .ag-chart-mini-thumbnail {
205
244
  background-color: var(--ag-background-color);
206
245
  }
207
246
  .ag-theme-genesis-rapid .ag-chart-settings-nav-bar,
208
- .ag-theme-genesis-rapid-dark .ag-chart-settings-nav-bar {
247
+ .ag-theme-genesis-rapid-dark .ag-chart-settings-nav-bar,
248
+ .ag-theme-genesis-rapid-light .ag-chart-settings-nav-bar {
209
249
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
210
250
  }
211
251
  .ag-theme-genesis-rapid .ag-ltr .ag-group-title-bar-icon,
212
- .ag-theme-genesis-rapid-dark .ag-ltr .ag-group-title-bar-icon {
252
+ .ag-theme-genesis-rapid-dark .ag-ltr .ag-group-title-bar-icon,
253
+ .ag-theme-genesis-rapid-light .ag-ltr .ag-group-title-bar-icon {
213
254
  margin-right: var(--ag-grid-size);
214
255
  }
215
256
 
216
257
  .ag-theme-genesis-rapid .ag-rtl .ag-group-title-bar-icon,
217
- .ag-theme-genesis-rapid-dark .ag-rtl .ag-group-title-bar-icon {
258
+ .ag-theme-genesis-rapid-dark .ag-rtl .ag-group-title-bar-icon,
259
+ .ag-theme-genesis-rapid-light .ag-rtl .ag-group-title-bar-icon {
218
260
  margin-left: var(--ag-grid-size);
219
261
  }
220
262
 
221
263
  .ag-theme-genesis-rapid .ag-charts-format-top-level-group-toolbar,
222
- .ag-theme-genesis-rapid-dark .ag-charts-format-top-level-group-toolbar {
264
+ .ag-theme-genesis-rapid-dark .ag-charts-format-top-level-group-toolbar,
265
+ .ag-theme-genesis-rapid-light .ag-charts-format-top-level-group-toolbar {
223
266
  margin-top: var(--ag-grid-size);
224
267
  }
225
268
  .ag-theme-genesis-rapid .ag-ltr .ag-charts-format-top-level-group-toolbar,
226
- .ag-theme-genesis-rapid-dark .ag-ltr .ag-charts-format-top-level-group-toolbar {
269
+ .ag-theme-genesis-rapid-dark .ag-ltr .ag-charts-format-top-level-group-toolbar,
270
+ .ag-theme-genesis-rapid-light .ag-ltr .ag-charts-format-top-level-group-toolbar {
227
271
  padding-left: calc(var(--ag-icon-size) * 0.5 + var(--ag-grid-size) * 2);
228
272
  }
229
273
 
230
274
  .ag-theme-genesis-rapid .ag-rtl .ag-charts-format-top-level-group-toolbar,
231
- .ag-theme-genesis-rapid-dark .ag-rtl .ag-charts-format-top-level-group-toolbar {
275
+ .ag-theme-genesis-rapid-dark .ag-rtl .ag-charts-format-top-level-group-toolbar,
276
+ .ag-theme-genesis-rapid-light .ag-rtl .ag-charts-format-top-level-group-toolbar {
232
277
  padding-right: calc(var(--ag-icon-size) * 0.5 + var(--ag-grid-size) * 2);
233
278
  }
234
279
 
235
280
  .ag-theme-genesis-rapid .ag-charts-format-sub-level-group,
236
- .ag-theme-genesis-rapid-dark .ag-charts-format-sub-level-group {
281
+ .ag-theme-genesis-rapid-dark .ag-charts-format-sub-level-group,
282
+ .ag-theme-genesis-rapid-light .ag-charts-format-sub-level-group {
237
283
  border-left: dashed 1px;
238
284
  border-left-color: var(--ag-border-color);
239
285
  padding-left: var(--ag-grid-size);
240
286
  margin-bottom: calc(var(--ag-grid-size) * 2);
241
287
  }
242
288
  .ag-theme-genesis-rapid .ag-charts-format-sub-level-group-title-bar,
243
- .ag-theme-genesis-rapid-dark .ag-charts-format-sub-level-group-title-bar {
289
+ .ag-theme-genesis-rapid-dark .ag-charts-format-sub-level-group-title-bar,
290
+ .ag-theme-genesis-rapid-light .ag-charts-format-sub-level-group-title-bar {
244
291
  padding-top: 0;
245
292
  padding-bottom: 0;
246
293
  background: none;
247
294
  font-weight: 700;
248
295
  }
249
296
  .ag-theme-genesis-rapid .ag-charts-format-sub-level-group-container,
250
- .ag-theme-genesis-rapid-dark .ag-charts-format-sub-level-group-container {
297
+ .ag-theme-genesis-rapid-dark .ag-charts-format-sub-level-group-container,
298
+ .ag-theme-genesis-rapid-light .ag-charts-format-sub-level-group-container {
251
299
  padding-bottom: 0;
252
300
  }
253
301
  .ag-theme-genesis-rapid .ag-charts-format-sub-level-group-item:last-child,
254
- .ag-theme-genesis-rapid-dark .ag-charts-format-sub-level-group-item:last-child {
302
+ .ag-theme-genesis-rapid-dark .ag-charts-format-sub-level-group-item:last-child,
303
+ .ag-theme-genesis-rapid-light .ag-charts-format-sub-level-group-item:last-child {
255
304
  margin-bottom: 0;
256
305
  }
257
306
  .ag-theme-genesis-rapid.ag-dnd-ghost,
258
- .ag-theme-genesis-rapid-dark.ag-dnd-ghost {
307
+ .ag-theme-genesis-rapid-dark.ag-dnd-ghost,
308
+ .ag-theme-genesis-rapid-light.ag-dnd-ghost {
259
309
  font-size: calc(var(--ag-font-size) - 1px);
260
310
  font-weight: 700;
261
311
  }
262
312
  .ag-theme-genesis-rapid .ag-side-buttons,
263
- .ag-theme-genesis-rapid-dark .ag-side-buttons {
313
+ .ag-theme-genesis-rapid-dark .ag-side-buttons,
314
+ .ag-theme-genesis-rapid-light .ag-side-buttons {
264
315
  width: calc(var(--ag-grid-size) * 5);
265
316
  }
266
317
  .ag-theme-genesis-rapid .ag-standard-button,
267
- .ag-theme-genesis-rapid-dark .ag-standard-button {
318
+ .ag-theme-genesis-rapid-dark .ag-standard-button,
319
+ .ag-theme-genesis-rapid-light .ag-standard-button {
268
320
  appearance: none;
269
321
  -webkit-appearance: none;
270
322
  border-radius: var(--ag-border-radius);
@@ -276,33 +328,39 @@ export const agThemeGenesisRapidCSS = css `
276
328
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
277
329
  }
278
330
  .ag-theme-genesis-rapid .ag-standard-button:hover,
279
- .ag-theme-genesis-rapid-dark .ag-standard-button:hover {
331
+ .ag-theme-genesis-rapid-dark .ag-standard-button:hover,
332
+ .ag-theme-genesis-rapid-light .ag-standard-button:hover {
280
333
  border-color: var(--ag-alpine-active-color);
281
334
  background-color: var(--ag-row-hover-color);
282
335
  }
283
336
  .ag-theme-genesis-rapid .ag-standard-button:active,
284
- .ag-theme-genesis-rapid-dark .ag-standard-button:active {
337
+ .ag-theme-genesis-rapid-dark .ag-standard-button:active,
338
+ .ag-theme-genesis-rapid-light .ag-standard-button:active {
285
339
  border-color: var(--ag-alpine-active-color);
286
340
  background-color: var(--ag-alpine-active-color);
287
341
  color: var(--ag-background-color);
288
342
  }
289
343
  .ag-theme-genesis-rapid .ag-standard-button:disabled,
290
- .ag-theme-genesis-rapid-dark .ag-standard-button:disabled {
344
+ .ag-theme-genesis-rapid-dark .ag-standard-button:disabled,
345
+ .ag-theme-genesis-rapid-light .ag-standard-button:disabled {
291
346
  color: var(--ag-disabled-foreground-color);
292
347
  background-color: var(--ag-input-disabled-background-color);
293
348
  border-color: var(--ag-input-disabled-border-color);
294
349
  }
295
350
  .ag-theme-genesis-rapid .ag-column-drop-vertical,
296
- .ag-theme-genesis-rapid-dark .ag-column-drop-vertical {
351
+ .ag-theme-genesis-rapid-dark .ag-column-drop-vertical,
352
+ .ag-theme-genesis-rapid-light .ag-column-drop-vertical {
297
353
  min-height: 75px;
298
354
  }
299
355
  .ag-theme-genesis-rapid .ag-column-drop-vertical-title-bar,
300
- .ag-theme-genesis-rapid-dark .ag-column-drop-vertical-title-bar {
356
+ .ag-theme-genesis-rapid-dark .ag-column-drop-vertical-title-bar,
357
+ .ag-theme-genesis-rapid-light .ag-column-drop-vertical-title-bar {
301
358
  padding: calc(var(--ag-grid-size) * 2);
302
359
  padding-bottom: 0px;
303
360
  }
304
361
  .ag-theme-genesis-rapid .ag-column-drop-vertical-empty-message,
305
- .ag-theme-genesis-rapid-dark .ag-column-drop-vertical-empty-message {
362
+ .ag-theme-genesis-rapid-dark .ag-column-drop-vertical-empty-message,
363
+ .ag-theme-genesis-rapid-light .ag-column-drop-vertical-empty-message {
306
364
  display: flex;
307
365
  align-items: center;
308
366
  border: dashed 1px;
@@ -311,30 +369,37 @@ export const agThemeGenesisRapidCSS = css `
311
369
  padding: calc(var(--ag-grid-size) * 2);
312
370
  }
313
371
  .ag-theme-genesis-rapid .ag-column-drop-empty-message,
314
- .ag-theme-genesis-rapid-dark .ag-column-drop-empty-message {
372
+ .ag-theme-genesis-rapid-dark .ag-column-drop-empty-message,
373
+ .ag-theme-genesis-rapid-light .ag-column-drop-empty-message {
315
374
  color: var(--ag-foreground-color);
316
375
  opacity: 0.75;
317
376
  }
318
377
  .ag-theme-genesis-rapid .ag-status-bar,
319
- .ag-theme-genesis-rapid-dark .ag-status-bar {
378
+ .ag-theme-genesis-rapid-dark .ag-status-bar,
379
+ .ag-theme-genesis-rapid-light .ag-status-bar {
320
380
  font-weight: normal;
321
381
  }
322
382
  .ag-theme-genesis-rapid .ag-status-name-value-value,
323
- .ag-theme-genesis-rapid-dark .ag-status-name-value-value {
383
+ .ag-theme-genesis-rapid-dark .ag-status-name-value-value,
384
+ .ag-theme-genesis-rapid-light .ag-status-name-value-value {
324
385
  font-weight: 700;
325
386
  }
326
387
  .ag-theme-genesis-rapid .ag-paging-number,
327
388
  .ag-theme-genesis-rapid .ag-paging-row-summary-panel-number,
328
389
  .ag-theme-genesis-rapid-dark .ag-paging-number,
329
- .ag-theme-genesis-rapid-dark .ag-paging-row-summary-panel-number {
390
+ .ag-theme-genesis-rapid-dark .ag-paging-row-summary-panel-number,
391
+ .ag-theme-genesis-rapid-light .ag-paging-number,
392
+ .ag-theme-genesis-rapid-light .ag-paging-row-summary-panel-number {
330
393
  font-weight: 700;
331
394
  }
332
395
  .ag-theme-genesis-rapid .ag-column-drop-cell-button,
333
- .ag-theme-genesis-rapid-dark .ag-column-drop-cell-button {
396
+ .ag-theme-genesis-rapid-dark .ag-column-drop-cell-button,
397
+ .ag-theme-genesis-rapid-light .ag-column-drop-cell-button {
334
398
  opacity: 0.5;
335
399
  }
336
400
  .ag-theme-genesis-rapid .ag-column-drop-cell-button:hover,
337
- .ag-theme-genesis-rapid-dark .ag-column-drop-cell-button:hover {
401
+ .ag-theme-genesis-rapid-dark .ag-column-drop-cell-button:hover,
402
+ .ag-theme-genesis-rapid-light .ag-column-drop-cell-button:hover {
338
403
  opacity: 0.75;
339
404
  }
340
405
  .ag-theme-genesis-rapid .ag-header-cell-menu-button:hover,
@@ -370,70 +435,99 @@ export const agThemeGenesisRapidCSS = css `
370
435
  .ag-theme-genesis-rapid-dark .ag-floating-filter-button-button:hover,
371
436
  .ag-theme-genesis-rapid-dark .ag-filter-toolpanel-expand:hover,
372
437
  .ag-theme-genesis-rapid-dark .ag-chart-menu-icon:hover,
373
- .ag-theme-genesis-rapid-dark .ag-chart-menu-close:hover {
438
+ .ag-theme-genesis-rapid-dark .ag-chart-menu-close:hover,
439
+ .ag-theme-genesis-rapid-light .ag-header-cell-menu-button:hover,
440
+ .ag-theme-genesis-rapid-light .ag-side-button-button:hover,
441
+ .ag-theme-genesis-rapid-light .ag-tab:hover,
442
+ .ag-theme-genesis-rapid-light .ag-panel-title-bar-button:hover,
443
+ .ag-theme-genesis-rapid-light .ag-header-expand-icon:hover,
444
+ .ag-theme-genesis-rapid-light .ag-column-group-icons:hover,
445
+ .ag-theme-genesis-rapid-light .ag-set-filter-group-icons:hover,
446
+ .ag-theme-genesis-rapid-light .ag-group-expanded .ag-icon:hover,
447
+ .ag-theme-genesis-rapid-light .ag-group-contracted .ag-icon:hover,
448
+ .ag-theme-genesis-rapid-light .ag-chart-settings-prev:hover,
449
+ .ag-theme-genesis-rapid-light .ag-chart-settings-next:hover,
450
+ .ag-theme-genesis-rapid-light .ag-group-title-bar-icon:hover,
451
+ .ag-theme-genesis-rapid-light .ag-column-select-header-icon:hover,
452
+ .ag-theme-genesis-rapid-light .ag-floating-filter-button-button:hover,
453
+ .ag-theme-genesis-rapid-light .ag-filter-toolpanel-expand:hover,
454
+ .ag-theme-genesis-rapid-light .ag-chart-menu-icon:hover,
455
+ .ag-theme-genesis-rapid-light .ag-chart-menu-close:hover {
374
456
  color: var(--ag-alpine-active-color);
375
457
  }
376
458
  .ag-theme-genesis-rapid .ag-chart-menu-close,
377
- .ag-theme-genesis-rapid-dark .ag-chart-menu-close {
459
+ .ag-theme-genesis-rapid-dark .ag-chart-menu-close,
460
+ .ag-theme-genesis-rapid-light .ag-chart-menu-close {
378
461
  background: var(--ag-background-color);
379
462
  }
380
463
  .ag-theme-genesis-rapid .ag-chart-menu-close:hover .ag-icon,
381
- .ag-theme-genesis-rapid-dark .ag-chart-menu-close:hover .ag-icon {
464
+ .ag-theme-genesis-rapid-dark .ag-chart-menu-close:hover .ag-icon,
465
+ .ag-theme-genesis-rapid-light .ag-chart-menu-close:hover .ag-icon {
382
466
  border-color: var(--ag-alpine-active-color);
383
467
  }
384
468
  .ag-theme-genesis-rapid .ag-chart-menu-close .ag-icon,
385
- .ag-theme-genesis-rapid-dark .ag-chart-menu-close .ag-icon {
469
+ .ag-theme-genesis-rapid-dark .ag-chart-menu-close .ag-icon,
470
+ .ag-theme-genesis-rapid-light .ag-chart-menu-close .ag-icon {
386
471
  background: var(--ag-header-background-color);
387
472
  border: 1px solid var(--ag-border-color);
388
473
  border-right: none;
389
474
  }
390
475
  .ag-theme-genesis-rapid .ag-chart-settings-card-item.ag-not-selected:hover,
391
- .ag-theme-genesis-rapid-dark .ag-chart-settings-card-item.ag-not-selected:hover {
476
+ .ag-theme-genesis-rapid-dark .ag-chart-settings-card-item.ag-not-selected:hover,
477
+ .ag-theme-genesis-rapid-light .ag-chart-settings-card-item.ag-not-selected:hover {
392
478
  opacity: 0.35;
393
479
  }
394
480
  .ag-theme-genesis-rapid .ag-ltr .ag-panel-title-bar-button,
395
- .ag-theme-genesis-rapid-dark .ag-ltr .ag-panel-title-bar-button {
481
+ .ag-theme-genesis-rapid-dark .ag-ltr .ag-panel-title-bar-button,
482
+ .ag-theme-genesis-rapid-light .ag-ltr .ag-panel-title-bar-button {
396
483
  margin-left: calc(var(--ag-grid-size) * 2);
397
484
  margin-right: var(--ag-grid-size);
398
485
  }
399
486
 
400
487
  .ag-theme-genesis-rapid .ag-rtl .ag-panel-title-bar-button,
401
- .ag-theme-genesis-rapid-dark .ag-rtl .ag-panel-title-bar-button {
488
+ .ag-theme-genesis-rapid-dark .ag-rtl .ag-panel-title-bar-button,
489
+ .ag-theme-genesis-rapid-light .ag-rtl .ag-panel-title-bar-button {
402
490
  margin-right: calc(var(--ag-grid-size) * 2);
403
491
  margin-left: var(--ag-grid-size);
404
492
  }
405
493
 
406
494
  .ag-theme-genesis-rapid .ag-ltr .ag-filter-toolpanel-group-container,
407
- .ag-theme-genesis-rapid-dark .ag-ltr .ag-filter-toolpanel-group-container {
495
+ .ag-theme-genesis-rapid-dark .ag-ltr .ag-filter-toolpanel-group-container,
496
+ .ag-theme-genesis-rapid-light .ag-ltr .ag-filter-toolpanel-group-container {
408
497
  padding-left: var(--ag-grid-size);
409
498
  }
410
499
 
411
500
  .ag-theme-genesis-rapid .ag-rtl .ag-filter-toolpanel-group-container,
412
- .ag-theme-genesis-rapid-dark .ag-rtl .ag-filter-toolpanel-group-container {
501
+ .ag-theme-genesis-rapid-dark .ag-rtl .ag-filter-toolpanel-group-container,
502
+ .ag-theme-genesis-rapid-light .ag-rtl .ag-filter-toolpanel-group-container {
413
503
  padding-right: var(--ag-grid-size);
414
504
  }
415
505
 
416
506
  .ag-theme-genesis-rapid .ag-filter-toolpanel-instance-filter,
417
- .ag-theme-genesis-rapid-dark .ag-filter-toolpanel-instance-filter {
507
+ .ag-theme-genesis-rapid-dark .ag-filter-toolpanel-instance-filter,
508
+ .ag-theme-genesis-rapid-light .ag-filter-toolpanel-instance-filter {
418
509
  border: none;
419
510
  background-color: var(--ag-control-panel-background-color);
420
511
  }
421
512
  .ag-theme-genesis-rapid .ag-ltr .ag-filter-toolpanel-instance-filter,
422
- .ag-theme-genesis-rapid-dark .ag-ltr .ag-filter-toolpanel-instance-filter {
513
+ .ag-theme-genesis-rapid-dark .ag-ltr .ag-filter-toolpanel-instance-filter,
514
+ .ag-theme-genesis-rapid-light .ag-ltr .ag-filter-toolpanel-instance-filter {
423
515
  border-left: dashed 1px;
424
516
  border-left-color: var(--ag-border-color);
425
517
  margin-left: calc(var(--ag-icon-size) * 0.5);
426
518
  }
427
519
 
428
520
  .ag-theme-genesis-rapid .ag-rtl .ag-filter-toolpanel-instance-filter,
429
- .ag-theme-genesis-rapid-dark .ag-rtl .ag-filter-toolpanel-instance-filter {
521
+ .ag-theme-genesis-rapid-dark .ag-rtl .ag-filter-toolpanel-instance-filter,
522
+ .ag-theme-genesis-rapid-light .ag-rtl .ag-filter-toolpanel-instance-filter {
430
523
  border-right: dashed 1px;
431
524
  border-right-color: var(--ag-border-color);
432
525
  margin-right: calc(var(--ag-icon-size) * 0.5);
433
526
  }
434
527
 
435
528
  .ag-theme-genesis-rapid .ag-set-filter-list,
436
- .ag-theme-genesis-rapid-dark .ag-set-filter-list {
529
+ .ag-theme-genesis-rapid-dark .ag-set-filter-list,
530
+ .ag-theme-genesis-rapid-light .ag-set-filter-list {
437
531
  padding-top: calc(var(--ag-grid-size) * 0.5);
438
532
  padding-bottom: calc(var(--ag-grid-size) * 0.5);
439
533
  }
@@ -444,19 +538,21 @@ export const agThemeGenesisRapidCSS = css `
444
538
  .ag-theme-genesis-rapid-dark .ag-layout-auto-height .ag-center-cols-clipper,
445
539
  .ag-theme-genesis-rapid-dark .ag-layout-auto-height .ag-center-cols-container,
446
540
  .ag-theme-genesis-rapid-dark .ag-layout-print .ag-center-cols-clipper,
447
- .ag-theme-genesis-rapid-dark .ag-layout-print .ag-center-cols-container {
541
+ .ag-theme-genesis-rapid-dark .ag-layout-print .ag-center-cols-container,
542
+ .ag-theme-genesis-rapid-light .ag-layout-auto-height .ag-center-cols-clipper,
543
+ .ag-theme-genesis-rapid-light .ag-layout-auto-height .ag-center-cols-container,
544
+ .ag-theme-genesis-rapid-light .ag-layout-print .ag-center-cols-clipper,
545
+ .ag-theme-genesis-rapid-light .ag-layout-print .ag-center-cols-container {
448
546
  min-height: 150px;
449
547
  }
450
548
  .ag-theme-genesis-rapid .ag-overlay-no-rows-wrapper.ag-layout-auto-height,
451
- .ag-theme-genesis-rapid-dark .ag-overlay-no-rows-wrapper.ag-layout-auto-height {
549
+ .ag-theme-genesis-rapid-dark .ag-overlay-no-rows-wrapper.ag-layout-auto-height,
550
+ .ag-theme-genesis-rapid-light .ag-overlay-no-rows-wrapper.ag-layout-auto-height {
452
551
  padding-top: 60px;
453
552
  }
454
553
  .ag-theme-genesis-rapid .ag-date-time-list-page-entry-is-current,
455
- .ag-theme-genesis-rapid-dark .ag-date-time-list-page-entry-is-current {
554
+ .ag-theme-genesis-rapid-dark .ag-date-time-list-page-entry-is-current,
555
+ .ag-theme-genesis-rapid-light .ag-date-time-list-page-entry-is-current {
456
556
  background-color: var(--ag-alpine-active-color);
457
557
  }
458
-
459
- .ag-theme-genesis-rapid-dark {
460
- color-scheme: dark;
461
- }
462
558
  `;
package/dist/esm/themes/genesis-rapid/ag-theme-genesis-rapid.js CHANGED
@@ -3,7 +3,7 @@ import { agThemeTokenMapCSS, AgGridCSSVars } from '@genesislcap/grid-pro';
3
3
  import { css } from '@microsoft/fast-element';
4
4
  import { agThemeGenesisRapidTokens } from '../../style/tokens';
5
5
  import { agThemeGenesisRapidCSS } from './ag-theme-genesis-rapid-css';
6
- export const agThemeGenesisRapidTokenMap = {
6
+ export const agThemeGenesisZeroTokenMap = {
7
7
  [AgGridCSSVars.backgroundColor]: agThemeGenesisRapidTokens.backgroundColor,
8
8
  [AgGridCSSVars.foregroundColor]: agThemeGenesisRapidTokens.foregroundColor,
9
9
  [AgGridCSSVars.oddRowBackgroundColor]: agThemeGenesisRapidTokens.backgroundColor,
@@ -18,43 +18,73 @@ export const agThemeGenesisRapidTokenMap = {
18
18
  [AgGridCSSVars.inputFocusBorderColor]: agThemeGenesisRapidTokens.headerForegroundColor,
19
19
  [AgGridCSSVars.headerColumnResizeHandleColor]: agThemeGenesisRapidTokens.headerForegroundColor,
20
20
  };
21
- export const themeGenesisRapid = 'ag-theme-genesis-rapid';
21
+ export const themeGenesisZero = 'ag-theme-genesis-zero';
22
22
  export const agThemeGenesisRapid = css `
23
23
  ${agThemeGenesisRapidCSS}
24
- ${agThemeTokenMapCSS(themeGenesisRapid, agThemeGenesisRapidTokenMap)}
24
+ ${agThemeTokenMapCSS(themeGenesisZero, agThemeGenesisZeroTokenMap)}
25
25
 
26
- .${themeGenesisRapid} {
26
+ .${themeGenesisZero} {
27
27
  ${mixinRobotoFont()}
28
28
  }
29
29
 
30
- .${themeGenesisRapid} .ag-header {
30
+ .${themeGenesisZero} .ag-header {
31
31
  border-bottom-color: var(--rapid-ag-header-foreground-color);
32
32
  font-weight: bold;
33
33
  }
34
34
 
35
- .${themeGenesisRapid} .ag-root-wrapper {
35
+ .${themeGenesisZero} .ag-root-wrapper {
36
36
  border-radius: calc(var(--control-corner-radius) * 1px);
37
37
  }
38
38
  `;
39
- export const themeGenesisRapidDark = 'ag-theme-genesis-rapid-dark';
40
- export const agThemeGenesisRapidDark = css `
39
+ export const themeGenesisZeroDark = 'ag-theme-genesis-rapid-dark';
40
+ export const agThemeGenesisZeroDark = css `
41
41
  ${agThemeGenesisRapidCSS}
42
- ${agThemeTokenMapCSS(themeGenesisRapidDark, agThemeGenesisRapidTokenMap)}
42
+ ${agThemeTokenMapCSS(themeGenesisZeroDark, agThemeGenesisZeroTokenMap)}
43
43
 
44
- .${themeGenesisRapidDark} {
44
+ .${themeGenesisZeroDark} {
45
45
  ${mixinRobotoFont()}
46
46
  }
47
47
 
48
- .${themeGenesisRapidDark} .ag-header {
48
+ .${themeGenesisZeroDark} .ag-header {
49
49
  border-bottom-color: var(--rapid-ag-header-foreground-color);
50
50
  font-weight: bold;
51
51
  }
52
52
 
53
- .${themeGenesisRapidDark} .ag-cell {
53
+ .${themeGenesisZeroDark} .ag-cell {
54
54
  line-height: var(--ag-line-height, 32px);
55
55
  }
56
56
 
57
- .${themeGenesisRapidDark} .ag-root-wrapper {
57
+ .${themeGenesisZeroDark} .ag-root-wrapper {
58
58
  border-radius: calc(var(--control-corner-radius) * 1px);
59
59
  }
60
+
61
+ .${themeGenesisZeroDark} {
62
+ color-scheme: dark;
63
+ }
64
+ `;
65
+ export const themeGenesisZeroLight = 'ag-theme-genesis-rapid-light';
66
+ export const agThemeGenesisZeroLight = css `
67
+ ${agThemeGenesisRapidCSS}
68
+ ${agThemeTokenMapCSS(themeGenesisZeroLight, agThemeGenesisZeroTokenMap)}
69
+
70
+ .${themeGenesisZeroLight} {
71
+ ${mixinRobotoFont()}
72
+ }
73
+
74
+ .${themeGenesisZeroLight} .ag-header {
75
+ border-bottom-color: var(--rapid-ag-header-foreground-color);
76
+ font-weight: bold;
77
+ }
78
+
79
+ .${themeGenesisZeroLight} .ag-cell {
80
+ line-height: var(--ag-line-height, 32px);
81
+ }
82
+
83
+ .${themeGenesisZeroLight} .ag-root-wrapper {
84
+ border-radius: calc(var(--control-corner-radius) * 1px);
85
+ }
86
+
87
+ .${themeGenesisZeroLight} {
88
+ color-scheme: light;
89
+ }
60
90
  `;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@genesislcap/foundation-zero-grid-pro",
3
3
  "description": "Genesis Foundation Zero Grid Pro",
4
- "version": "14.293.0",
4
+ "version": "14.293.1",
5
5
  "sideEffects": false,
6
6
  "license": "SEE LICENSE IN license.txt",
7
7
  "main": "dist/esm/index.js",
@@ -35,18 +35,18 @@
35
35
  }
36
36
  },
37
37
  "devDependencies": {
38
- "@genesislcap/genx": "14.293.0",
39
- "@genesislcap/rollup-builder": "14.293.0",
40
- "@genesislcap/ts-builder": "14.293.0",
41
- "@genesislcap/uvu-playwright-builder": "14.293.0",
42
- "@genesislcap/vite-builder": "14.293.0",
43
- "@genesislcap/webpack-builder": "14.293.0",
38
+ "@genesislcap/genx": "14.293.1",
39
+ "@genesislcap/rollup-builder": "14.293.1",
40
+ "@genesislcap/ts-builder": "14.293.1",
41
+ "@genesislcap/uvu-playwright-builder": "14.293.1",
42
+ "@genesislcap/vite-builder": "14.293.1",
43
+ "@genesislcap/webpack-builder": "14.293.1",
44
44
  "rimraf": "^5.0.0"
45
45
  },
46
46
  "dependencies": {
47
- "@genesislcap/foundation-ui": "14.293.0",
48
- "@genesislcap/foundation-zero": "14.293.0",
49
- "@genesislcap/grid-pro": "14.293.0",
47
+ "@genesislcap/foundation-ui": "14.293.1",
48
+ "@genesislcap/foundation-zero": "14.293.1",
49
+ "@genesislcap/grid-pro": "14.293.1",
50
50
  "@microsoft/fast-colors": "5.3.1",
51
51
  "@microsoft/fast-components": "2.30.6",
52
52
  "@microsoft/fast-element": "1.14.0",
@@ -67,5 +67,5 @@
67
67
  "access": "public"
68
68
  },
69
69
  "customElements": "dist/custom-elements.json",
70
- "gitHead": "0e7819599e7be45c7ab25a916124a47278707c12"
70
+ "gitHead": "79f870205c14e857233724904d5eb8e034d2a72e"
71
71
  }