@highcharts/grid-pro 2.0.0 → 2.1.0

package/css/grid-pro.css

@@ -1,5 +1,5 @@
 /**
- * @license Highcharts Grid Pro v2.0.0
+ * @license Highcharts Grid Pro v2.1.0
  *
  * (c) 2009-2025 Highsoft AS
  *
@@ -113,9 +113,10 @@
     /* Fonts */
 
     /* Global fonts */
+    --ig-default-font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica", "Arial", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
     --ig-font-weight: var(--hcg-font-weight, normal);
     --ig-font-size: var(--hcg-font-size, 1rem);
-    --ig-font-family: var(--hcg-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif);
+    --ig-font-family: var(--hcg-font-family, var(--ig-default-font-family));
     --ig-color: var(--hcg-color, var(--ig-default-color));
     --ig-font: var(--ig-font-weight) var(--ig-font-size) var(--ig-font-family);
     --ig-text-align: var(--hcg-text-align, left);
@@ -151,6 +152,13 @@
     --ig-description-font: var(--ig-description-font-weight) var(--ig-description-font-size) var(--ig-description-font-family);
     --ig-description-text-align: var(--hcg-description-text-align, var(--ig-text-align));
 
+    /* Pagination fonts */
+    --ig-pagination-font-weight: var(--hcg-pagination-font-weight, var(--ig-font-weight));
+    --ig-pagination-font-size: var(--hcg-pagination-font-size, var(--ig-font-size));
+    --ig-pagination-font-family: var(--hcg-pagination-font-family, var(--ig-font-family));
+    --ig-pagination-color: var(--hcg-pagination-color, var(--ig-color));
+    --ig-pagination-font: var(--ig-pagination-font-weight) var(--ig-pagination-font-size) var(--ig-pagination-font-family);
+
     /* Default borders */
     --ig-border-radius: var(--hcg-border-radius, 0);
     --ig-border-width: var(--hcg-border-width, 0);
@@ -354,10 +362,10 @@
     --ig-button-hover-background: var(--hcg-button-hover-background, var(--ig-default-color));
     --ig-button-hover-border-color: var(--hcg-button-hover-border-color, var(--ig-button-border-color));
 
-    /* Active buttons for future compability only */
-    --ig-button-active-color: var(--ig-button-hover-color);
-    --ig-button-active-background: var(--ig-button-hover-background);
-    --ig-button-active-border-color: var(--ig-button-hover-border-color);
+    /* Selected buttons for future compability only */
+    --ig-button-selected-color: var(--ig-button-hover-color);
+    --ig-button-selected-background: var(--ig-button-hover-background);
+    --ig-button-selected-border-color: var(--ig-button-hover-border-color);
 
     /* Icon styles */
     --ig-icon-color: var(--hcg-icon-color, var(--ig-button-color, var(--ig-default-color)));
@@ -376,9 +384,9 @@
     --ig-pagination-button-hover-background: var(--hcg-pagination-button-hover-background, var(--ig-button-hover-background));
     --ig-pagination-button-hover-color: var(--hcg-pagination-button-hover-color, var(--ig-button-hover-color));
     --ig-pagination-button-hover-border-color: var(--hcg-pagination-button-hover-border-color, var(--ig-button-hover-border-color));
-    --ig-pagination-button-active-color: var(--hcg-pagination-button-active-color, var(--hcg-pagination-button-hover-color, var(--ig-button-active-color)));
-    --ig-pagination-button-active-background: var(--hcg-pagination-button-active-background, var(--hcg-pagination-button-hover-background, var(--ig-button-active-background)));
-    --ig-pagination-button-active-border-color: var(--hcg-pagination-button-active-border-color, var(--hcg-pagination-button-hover-border-color, var(--ig-button-active-border-color)));
+    --ig-pagination-button-selected-color: var(--hcg-pagination-button-selected-color, var(--hcg-pagination-button-hover-color, var(--ig-button-selected-color)));
+    --ig-pagination-button-selected-background: var(--hcg-pagination-button-selected-background, var(--hcg-pagination-button-hover-background, var(--ig-button-selected-background)));
+    --ig-pagination-button-selected-border-color: var(--hcg-pagination-button-selected-border-color, var(--hcg-pagination-button-hover-border-color, var(--ig-button-selected-border-color)));
     --ig-pagination-icon-color: var(--hcg-pagination-icon-color, var(--ig-pagination-icon-default-color));
 
     /* Accessibility */
@@ -412,6 +420,8 @@
 
 /* Grid container */
 .hcg-container {
+    container-type: inline-size;
+    container-name: hcg;
     position: relative;
     display: flex;
     flex-direction: column;
@@ -607,6 +617,7 @@
 /* Header cell icons container - generic for all icon types */
 .hcg-header-cell-icons {
     display: flex;
+    overflow: hidden;
     align-items: center;
     gap: 2px;
     max-width: 0;
@@ -782,14 +793,10 @@ th.hcg-column-sortable > .hcg-column-sortable-icon {
     text-overflow: ellipsis;
 }
 
-.hcg-table tbody td.hcg-edited-cell {
-    padding: 0;
-}
-
 .hcg-table tbody td:focus,
 .hcg-table thead th:focus-visible {
     outline: none;
-    box-shadow: inset 0 0 0 2px var(--ig-focus-ring);
+    box-shadow: inset var(--ig-focus-ring);
 }
 
 /* Header hovered background and color */
@@ -1083,8 +1090,7 @@ th.hcg-column-sortable > .hcg-column-sortable-icon {
 
 /* Input elements */
 
-.hcg-container input,
-.hcg-container select {
+.hcg-container .hcg-input {
     font: var(--ig-input-font);
     text-align: var(--ig-input-text-align);
     background: var(--ig-input-background);
@@ -1093,10 +1099,9 @@ th.hcg-column-sortable > .hcg-column-sortable-icon {
     border-radius: var(--ig-input-border-radius);
     padding: 7px;
     width: 100%;
-    line-height: 1em;
 }
 
-.hcg-container input[type="checkbox"] {
+.hcg-container .hcg-input[type="checkbox"] {
     appearance: none;
     width: 20px;
     height: 20px;
@@ -1104,51 +1109,48 @@ th.hcg-column-sortable > .hcg-column-sortable-icon {
     position: relative;
 }
 
-.hcg-container input[type="checkbox"]:checked::before {
+.hcg-container .hcg-input[type="checkbox"]:checked::before {
     content: "";
     position: absolute;
     inset: 0;
     margin: 0.05rem;
     mask: center/contain no-repeat;
-    mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%273%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M5%2013l4%204L19%207%27%2F%3E%3C%2Fsvg%3E");
+    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E");
     background-color: var(--ig-input-color);
 }
 
-.hcg-container input:hover,
-.hcg-container select:hover {
+.hcg-container .hcg-input:hover {
     border-color: var(--ig-input-hover-border-color);
 }
 
-.hcg-container input:disabled,
-.hcg-container select:disabled,
-.hcg-container button:disabled {
+.hcg-container .hcg-input:disabled,
+.hcg-container .hcg-button:disabled {
     opacity: 0.4;
     cursor: not-allowed;
 }
 
-.hcg-container input::placeholder {
+.hcg-container .hcg-input::placeholder {
     color: #767676;
 }
 
-.hcg-container input:focus-visible,
-.hcg-container select:focus-visible {
+.hcg-container .hcg-input:focus-visible {
     outline: none;
     border-color: transparent;
     box-shadow: var(--ig-focus-ring);
 }
 
-.hcg-container input.hcg-icon {
+.hcg-container .hcg-input.hcg-icon {
     padding-left: 25px;
     appearance: none;
     background-repeat: no-repeat;
     background-position: left 10px center;
 }
 
-.hcg-container input.hcg-icon-search {
+.hcg-container .hcg-input.hcg-icon-search {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3e%3cpath d='M10.5 10.5L7.50005 7.5M8.5 5C8.5 6.933 6.933 8.5 5 8.5C3.067 8.5 1.5 6.933 1.5 5C1.5 3.067 3.067 1.5 5 1.5C6.933 1.5 8.5 3.067 8.5 5Z' stroke='%23767676' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
 }
 
-.hcg-container select {
+.hcg-container select.hcg-input {
     appearance: none;
     background-image: url("data:image/svg+xml,%3csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.5 7.5L6 10L8.5 7.5M3.5 4.5L6 2L8.5 4.5' stroke='%23767676' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
     background-repeat: no-repeat;
@@ -1209,6 +1211,8 @@ th.hcg-column-sortable > .hcg-column-sortable-icon {
 .hcg-pagination-wrapper {
     background: var(--ig-pagination-background);
     padding: var(--ig-pagination-padding);
+    color: var(--ig-pagination-color);
+    font: var(--ig-pagination-font);
     display: grid;
     grid-template-columns: 1fr auto 1fr;
     align-items: center;
@@ -1216,9 +1220,12 @@ th.hcg-column-sortable > .hcg-column-sortable-icon {
     width: 100%;
 }
 
-/* Pagination button styling - unified approach */
-.hcg-pagination-wrapper button,
-.hcg-pagination-wrapper .hcg-pagination-ellipsis {
+.hcg-pagination-wrapper select {
+    min-height: 30px;
+}
+
+.hcg-pagination-controls-container .hcg-button,
+.hcg-pagination-controls-container span {
     color: var(--ig-pagination-button-color);
     background: var(--ig-pagination-button-background);
     border: var(--ig-pagination-button-border);
@@ -1234,26 +1241,26 @@ th.hcg-column-sortable > .hcg-column-sortable-icon {
     cursor: pointer;
 }
 
-.hcg-pagination-wrapper .hcg-pagination-ellipsis {
+.hcg-pagination-controls-container span {
     cursor: default;
     border-color: transparent;
 }
 
 /* SVG icon styling for pagination buttons */
-.hcg-pagination-wrapper button svg {
+.hcg-pagination-controls-container .hcg-button svg {
     color: var(--ig-pagination-icon-color);
     width: var(--ig-input-font-size);
     height: var(--ig-input-font-size);
     display: block;
 }
 
-.hcg-pagination-wrapper button svg path {
+.hcg-pagination-controls-container .hcg-button svg path {
     stroke: currentcolor;
 }
 
 /* Fix horizontal layout for pagination pages */
 
-.hcg-pagination-wrapper div.hcg-pagination-page {
+.hcg-pagination-controls-container div.hcg-pagination-nav-buttons-container {
     margin-right: 12px;
     margin-left: 12px;
     display: inline-flex;
@@ -1270,7 +1277,7 @@ th.hcg-column-sortable > .hcg-column-sortable-icon {
 }
 
 /* Pagination controls - horizontal layout */
-.hcg-pagination-wrapper .hcg-pagination-controls {
+.hcg-pagination-wrapper .hcg-pagination-controls-container {
     display: flex;
     align-items: center;
     gap: 2px;
@@ -1278,14 +1285,14 @@ th.hcg-column-sortable > .hcg-column-sortable-icon {
 }
 
 /* Hover state - only border change */
-.hcg-pagination-wrapper button:hover:not(:is(:disabled, .hcg-pagination-page-active)) {
+.hcg-pagination-wrapper .hcg-button:hover:not(:is(:disabled, .hcg-button-selected)) {
     color: var(--ig-pagination-button-hover-color);
     background: var(--ig-pagination-button-hover-background);
     border-color: var(--ig-pagination-button-hover-border-color);
     outline: none;
 }
 
-.hcg-pagination-wrapper button:focus-visible:not(:disabled) {
+.hcg-pagination-wrapper .hcg-button:focus-visible:not(:disabled) {
     outline: none;
     border-color: transparent;
     box-shadow: var(--ig-focus-ring);
@@ -1293,61 +1300,41 @@ th.hcg-column-sortable > .hcg-column-sortable-icon {
 
 /* Disabled state */
 
-.hcg-pagination-wrapper .hcg-pagination-page-active {
-    color: var(--ig-pagination-button-active-color);
-    background: var(--ig-pagination-button-active-background);
-    border-color: var(--ig-pagination-button-active-border-color);
+.hcg-pagination-wrapper .hcg-button-selected {
+    color: var(--ig-pagination-button-selected-color);
+    background: var(--ig-pagination-button-selected-background);
+    border-color: var(--ig-pagination-button-selected-border-color);
 }
 
 /* Page size selector */
-.hcg-pagination-wrapper .hcg-pagination-page-size-container {
+.hcg-pagination-wrapper .hcg-pagination-page-size {
     text-align: right;
 }
 
-.hcg-pagination-wrapper select {
-    min-height: 30px;
-}
-
-.hcg-pagination-wrapper .hcg-pagination-page-size-select {
+.hcg-pagination-wrapper .hcg-pagination-page-size select.hcg-input {
     width: 60px;
     margin-left: 8px;
 }
 
 /* Mobile page selector - hidden by default */
-.hcg-pagination-wrapper .hcg-pagination-mobile-selector {
+.hcg-pagination-wrapper .hcg-pagination-nav-dropdown {
     display: none;
     margin-left: 0;
     min-width: 200px;
     text-align: center;
 }
 
-/* Mobile page size selector - hidden by default */
-.hcg-pagination-wrapper .hcg-pagination-mobile-page-size-selector {
-    width: 150px;
-    display: none;
-}
-
-@media (max-width: 1024px) {
+@container hcg (max-width: 1024px) {
     .hcg-pagination-wrapper {
-        display: flex;
-        flex-direction: column;
-        gap: 20px;
-        align-items: center;
-        width: 100%;
-        margin-bottom: 20px;
+        grid-template-columns: 1fr;
+        justify-items: center;
     }
 
-    /* Show mobile selectors on mobile */
-    .hcg-pagination-wrapper .hcg-pagination-mobile-selector,
-    .hcg-pagination-wrapper .hcg-pagination-mobile-page-size-selector {
+    .hcg-pagination-wrapper .hcg-pagination-nav-dropdown {
         display: block;
     }
 
-    .hcg-pagination-wrapper div.hcg-pagination-page,
-    .hcg-pagination-wrapper .hcg-pagination-first,
-    .hcg-pagination-wrapper .hcg-pagination-last,
-    .hcg-pagination-wrapper .hcg-pagination-page-size-container span,
-    .hcg-pagination-wrapper .hcg-pagination-page-size-container .hcg-pagination-page-size-select {
+    .hcg-pagination-wrapper div.hcg-pagination-nav-buttons-container {
         display: none;
     }
 }
@@ -1378,6 +1365,7 @@ th.hcg-column-sortable > .hcg-column-sortable-icon {
     z-index: 1000;
     background-color: var(--hcg-popup-background);
     border: var(--hcg-popup-border);
+    color: var(--ig-color);
     border-radius: 6px;
     box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08), 0 7px 7px 0 rgba(0, 0, 0, 0.07), 0 17px 10px 0 rgba(0, 0, 0, 0.04), 0 30px 12px 0 rgba(0, 0, 0, 0.01);
     min-width: 200px;
@@ -1395,7 +1383,6 @@ th.hcg-column-sortable > .hcg-column-sortable-icon {
 }
 
 .hcg-menu-header-category {
-    color: var(--ig-color-secondary);
     opacity: 0.5;
     user-select: none;
 }
@@ -1502,8 +1489,8 @@ th.hcg-column-sortable > .hcg-column-sortable-icon {
     --hcg-button-color: #141414;
     --hcg-button-hover-color: #141414;
     --hcg-pagination-vertical-padding: 10px;
-    --hcg-pagination-button-active-background: #000000;
-    --hcg-pagination-button-active-color: #ffffff;
+    --hcg-pagination-button-selected-background: #000000;
+    --hcg-pagination-button-selected-color: #ffffff;
     --hcg-icon-color: #626262;
     --hcg-icon-hover-color: #141414;
 }
@@ -1517,8 +1504,8 @@ th.hcg-column-sortable > .hcg-column-sortable-icon {
         --hcg-button-hover-background: #3b3b3b;
         --hcg-button-color: #ffffff;
         --hcg-button-hover-color: #ffffff;
-        --hcg-pagination-button-active-background: #ffffff;
-        --hcg-pagination-button-active-color: #000000;
+        --hcg-pagination-button-selected-background: #ffffff;
+        --hcg-pagination-button-selected-color: #000000;
         --hcg-icon-hover-color: #ffffff;
     }
 }
@@ -1531,8 +1518,8 @@ th.hcg-column-sortable > .hcg-column-sortable-icon {
     --hcg-button-hover-background: #3b3b3b;
     --hcg-button-color: #ffffff;
     --hcg-button-hover-color: #ffffff;
-    --hcg-pagination-button-active-background: #ffffff;
-    --hcg-pagination-button-active-color: #000000;
+    --hcg-pagination-button-selected-background: #ffffff;
+    --hcg-pagination-button-selected-color: #000000;
     --hcg-icon-hover-color: #ffffff;
 }
 
@@ -1547,7 +1534,8 @@ th.hcg-column-sortable > .hcg-column-sortable-icon {
 
 /* Grid Pro specific styles */
 
-.hcg-container {
+.hcg-container,
+.highcharts-light .hcg-container {
     /* Credits fonts */
     --ig-credits-font-weight: var(--hcg-credits-font-weight, var(--ig-font-weight));
     --ig-credits-font-size: var(--hcg-credits-font-size, 0.9em);
@@ -1621,6 +1609,19 @@ th.hcg-column-sortable > .hcg-column-sortable-icon {
         var(
             --ig-notification-border-width
         ) var(--ig-notification-border-style) var(--ig-notification-border-color);
+
+    /*  Editable cell */
+    --ig-cell-editable-background: #dbeaff;
+}
+
+@media (prefers-color-scheme: dark) {
+    .hcg-container {
+        --ig-cell-editable-background: #2d415e;
+    }
+}
+
+.highcharts-dark .hcg-container {
+    --ig-cell-editable-background: #2d415e;
 }
 
 .hcg-no-padding {
@@ -1639,20 +1640,19 @@ th.hcg-column-sortable > .hcg-column-sortable-icon {
     left: 0;
     padding: inherit;
     z-index: 1;
-    background: #dbeaff;
-    color: #141414;
+    background: var(--ig-cell-editable-background);
+    color: var(--ig-color);
     box-shadow: inset var(--ig-focus-ring);
     display: flex;
     align-items: center;
     justify-content: center;
 }
 
-.hcg-cell-editing-container:has(input[type="checkbox"]) {
+.hcg-cell-editing-container:has(.hcg-input[type="checkbox"]) {
     padding: var(--ig-padding);
 }
 
-.hcg-table tbody td.hcg-edited-cell input:not([type="checkbox"]),
-.hcg-table tbody td.hcg-edited-cell select {
+.hcg-table tbody td.hcg-edited-cell .hcg-input:not([type="checkbox"]) {
     border-width: 0;
     position: absolute;
     top: 0;
@@ -1662,17 +1662,20 @@ th.hcg-column-sortable > .hcg-column-sortable-icon {
     outline: none;
     float: left;
     font: var(--ig-font);
-    background: transparent;
+    background-color: transparent;
     color: unset;
     padding: var(--ig-padding);
     max-height: unset;
     height: unset;
     border-radius: unset;
-    line-height: inherit;
+    line-height: 1.2em;
+}
+
+.hcg-table tbody td.hcg-edited-cell select {
+    appearance: none;
 }
 
-.hcg-table tbody td.hcg-edited-cell-error input,
-.hcg-table tbody td.hcg-edited-cell-error select {
+.hcg-table tbody td.hcg-edited-cell-error .hcg-input {
     color: var(--ig-color);
     box-shadow: inset 0 0 0 var(--ig-focus-ring-width) var(--ig-negative-border-color) !important;
     background-color: var(--ig-negative-background) !important;

package/es-modules/Accessibility/Components/SeriesComponent/ForcedMarkers.js

@@ -158,6 +158,8 @@ var ForcedMarkersComposition;
         }
         else if (series.a11yMarkersForced) {
             delete series.a11yMarkersForced;
+            // Mark series dirty to ensure marker graphics are cleaned up
+            series.isDirty = true;
             unforceSeriesMarkerOptions(series);
             if (options.marker && options.marker.enabled === false) { // #23329
                 delete series.resetA11yMarkerOptions; // #16624

package/es-modules/Accessibility/Options/LangDefaults.js

@@ -326,7 +326,12 @@ const langOptions = {
             timeRangeMinutes: 'Data range: {range} minutes.',
             timeRangeSeconds: 'Data range: {range} seconds.',
             rangeFromTo: 'Data ranges from {rangeFrom} to {rangeTo}.',
-            rangeCategories: 'Data range: {numCategories} categories.'
+            rangeCategories: 'Data range: {numCategories} categories.',
+            defaultAxisNames: {
+                categories: 'categories',
+                time: 'Time',
+                values: 'values'
+            }
         }, /* eslint-enable max-len */
         /**
          * Exporting menu format strings for accessibility module.

package/es-modules/Accessibility/Utils/ChartUtilities.js

@@ -61,9 +61,9 @@ function getAxisDescription(axis) {
     return axis && (axis.options.accessibility?.description ||
         axis.axisTitle?.textStr ||
         axis.options.id ||
-        axis.categories && 'categories' ||
-        axis.dateTime && 'Time' ||
-        'values');
+        axis.categories && axis.chart.langFormat('accessibility.axis.defaultAxisNames.categories', {}) ||
+        axis.dateTime && axis.chart.langFormat('accessibility.axis.defaultAxisNames.time', {}) ||
+        axis.chart.langFormat('accessibility.axis.defaultAxisNames.values', {}));
 }
 /**
  * Return string with text description of the axis range.

package/es-modules/Core/Chart/Chart.js

@@ -2692,7 +2692,7 @@ class Chart {
                 !allExtremes) {
                 for (const series of axis.series) {
                     const seriesExtremes = series.getExtremes(series.getProcessedData(true).modified
-                        .getColumn('y') || [], true);
+                        .getColumn(series.pointValKey || 'y') || [], true);
                     allExtremes ?? (allExtremes = {
                         dataMin: Number.MAX_VALUE,
                         dataMax: -Number.MAX_VALUE

package/es-modules/Core/Color/ColorString.d.ts

@@ -0,0 +1,25 @@
+/* *
+ *
+ *  (c) 2010-2025 Torstein Honsi
+ *
+ *  License: www.highcharts.com/license
+ *
+ *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
+ *
+ * */
+
+/* *
+ *
+ *  Declarations
+ *
+ * */
+
+export type ColorString = string;
+
+/* *
+ *
+ *  Export
+ *
+ * */
+
+export default ColorString;

package/es-modules/Core/Color/ColorType.d.ts

@@ -0,0 +1,43 @@
+/* *
+ *
+ *  (c) 2010-2025 Torstein Honsi
+ *
+ *  License: www.highcharts.com/license
+ *
+ *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
+ *
+ * */
+
+/* *
+ *
+ *  Imports
+ *
+ * */
+
+import type ColorString from './ColorString';
+import type GradientColor from './GradientColor';
+
+/* *
+ *
+ *  Declarations
+ *
+ * */
+
+export interface ColorBase {
+    // Nothing here yet
+}
+
+export type ColorType = ColorTypeRegistry[keyof ColorTypeRegistry];
+
+export interface ColorTypeRegistry {
+    ColorString: ColorString;
+    GradientColor: GradientColor;
+}
+
+/* *
+ *
+ *  Export
+ *
+ * */
+
+export default ColorType;

package/es-modules/Core/Color/GradientColor.d.ts

@@ -0,0 +1,57 @@
+/* *
+ *
+ *  (c) 2010-2025 Torstein Honsi
+ *
+ *  License: www.highcharts.com/license
+ *
+ *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
+ *
+ * */
+
+/* *
+ *
+ *  Imports
+ *
+ * */
+
+import type Color from './Color';
+import type ColorType from './ColorType';
+
+/* *
+ *
+ *  Declarations
+ *
+ * */
+
+export interface GradientColor {
+    linearGradient?: LinearGradientColor;
+    radialGradient?: RadialGradientColor;
+    stops: Array<GradientColorStop>;
+}
+
+export interface GradientColorStop {
+    0: number;
+    1: ColorType;
+    color?: Color;
+}
+
+export interface LinearGradientColor {
+    x1: number;
+    x2: number;
+    y1: number;
+    y2: number;
+}
+
+export interface RadialGradientColor {
+    cx: number;
+    cy: number;
+    r: number;
+}
+
+/* *
+ *
+ *  Export
+ *
+ * */
+
+export default GradientColor;

package/es-modules/Core/Globals.js

@@ -24,7 +24,7 @@ var Globals;
      *  Constants
      *
      * */
-    Globals.SVG_NS = 'http://www.w3.org/2000/svg', Globals.product = 'Highcharts', Globals.version = '@product.version@', Globals.win = (typeof window !== 'undefined' ?
+    Globals.SVG_NS = 'http://www.w3.org/2000/svg', Globals.product = 'Highcharts', Globals.version = '2.1.0', Globals.win = (typeof window !== 'undefined' ?
         window :
         {}), // eslint-disable-line node/no-unsupported-features/es-builtins
     Globals.doc = Globals.win.document, Globals.svg = !!Globals.doc?.createElementNS?.(Globals.SVG_NS, 'svg')?.createSVGRect, Globals.pageLang = Globals.doc?.documentElement?.closest('[lang]')?.lang, Globals.userAgent = Globals.win.navigator?.userAgent || '', Globals.isChrome = Globals.win.chrome, Globals.isFirefox = Globals.userAgent.indexOf('Firefox') !== -1, Globals.isMS = /(edge|msie|trident)/i.test(Globals.userAgent) && !Globals.win.opera, Globals.isSafari = !Globals.isChrome && Globals.userAgent.indexOf('Safari') !== -1, Globals.isTouchDevice = /(Mobile|Android|Windows Phone)/.test(Globals.userAgent), Globals.isWebKit = Globals.userAgent.indexOf('AppleWebKit') !== -1, Globals.deg2rad = Math.PI * 2 / 360, Globals.marginNames = [

package/es-modules/Core/Renderer/AlignObject.d.ts

@@ -0,0 +1,37 @@
+/* *
+ *
+ *  (c) 2010-2025 Torstein Honsi
+ *
+ *  License: www.highcharts.com/license
+ *
+ *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
+ *
+ * */
+
+/* *
+ *
+ *  Declarations
+ *
+ * */
+
+export type AlignValue = ('center'|'left'|'right');
+
+export type VerticalAlignValue = ('bottom'|'middle'|'top');
+
+export interface AlignObject {
+    align?: AlignValue;
+    alignByTranslate?: boolean;
+    verticalAlign?: VerticalAlignValue;
+    x?: number;
+    y?: number;
+    width?: number;
+    height?: number;
+}
+
+/* *
+ *
+ *  Default Export
+ *
+ * */
+
+export default AlignObject;