@bryntum/gantt-thin-trial 7.1.1

package/README.md

@@ -0,0 +1,52 @@
+# Bryntum Gantt Thin Trial
+
+Bryntum Gantt is a full featured Gantt chart for project management with support for a big amount of features.
+This package is designed for combining multiple Bryntum products with thin framework wrappers for Bryntum Gantt.
+Please refer to the Bryntum Gantt documentation.
+
+It integrates seamlessly with React, Vue, Angular, or plain vanilla JS.
+
+For more information about all features, visit the [Bryntum Gantt site](https://bryntum.com/products/gantt/).
+
+# Bryntum repository access setup
+
+This npm package requires access to the private Bryntum npm repository. You must be logged in to this repository as a
+licensed or trial user to access it.
+
+Please check the [Online npm repository guide](https://bryntum.com/products/gantt/docs/guide/Gantt/npm-repository) for 
+detailed information on the sign-up/login process.
+
+# Installation
+
+The installation is performed by issuing the installation command in the root of the application folder. The specific
+command depends on the package manager used by the application.
+
+The following are most frequently used:
+
+Install using `npm`:
+
+```shell
+npm install @bryntum/gantt-thin@npm:bryntum/gantt-thin-trial
+```
+
+Install using `yarn`:
+
+```shell
+yarn add @bryntum/gantt-thin@npm:bryntum/gantt-thin-trial
+```
+
+# Online references
+
+* [Bryntum npm repository guide](https://bryntum.com/products/gantt/docs/guide/Gantt/npm-repository)
+* [Bryntum Gantt documentation](https://bryntum.com/products/gantt/docs/)
+* [Bryntum Gantt examples](https://bryntum.com/products/gantt/examples/)
+* [Bryntum Support Forum](https://forum.bryntum.com/)
+* [Contact us](https://bryntum.com/contact/)
+
+# License and copyright
+
+Bryntum Gantt is commercial software and requires a paid license.
+Please visit the [Bryntum Gantt End User License](https://bryntum.com/products/gantt/license/) for the full text of the license.
+
+Copyright © 2009-2026, Bryntum
+All rights reserved.

package/entry.js

@@ -0,0 +1,147 @@
+// region Gantt
+
+// column
+export { default as ActualEffortColumn } from '@bryntum/gantt-thin/lib/column/ActualEffortColumn.js';
+export { default as AddNewColumn } from '@bryntum/gantt-thin/lib/column/AddNewColumn.js';
+export { default as AllColumns } from '@bryntum/gantt-thin/lib/column/AllColumns.js';
+export { default as BaselineEffortColumn } from '@bryntum/gantt-thin/lib/column/BaselineEffortColumn.js';
+export { default as BaselineStartDateColumn } from '@bryntum/gantt-thin/lib/column/BaselineStartDateColumn.js';
+export { default as BaselineStartVarianceColumn } from '@bryntum/gantt-thin/lib/column/BaselineStartVarianceColumn.js';
+export { default as BaselineEndDateColumn } from '@bryntum/gantt-thin/lib/column/BaselineEndDateColumn.js';
+export { default as BaselineEndVarianceColumn } from '@bryntum/gantt-thin/lib/column/BaselineEndVarianceColumn.js';
+export { default as BaselineDurationColumn } from '@bryntum/gantt-thin/lib/column/BaselineDurationColumn.js';
+export { default as BaselineDurationVarianceColumn } from '@bryntum/gantt-thin/lib/column/BaselineDurationVarianceColumn.js';
+export { default as CalendarColumn } from '@bryntum/gantt-thin/lib/column/CalendarColumn.js';
+export { default as ConstraintDateColumn } from '@bryntum/gantt-thin/lib/column/ConstraintDateColumn.js';
+export { default as ConstraintTypeColumn } from '@bryntum/gantt-thin/lib/column/ConstraintTypeColumn.js';
+export { default as CostColumn } from '@bryntum/gantt-thin/lib/column/CostColumn.js';
+export { default as DeadlineDateColumn } from '@bryntum/gantt-thin/lib/column/DeadlineDateColumn.js';
+export { default as DependencyColumn } from '@bryntum/gantt-thin/lib/column/DependencyColumn.js';
+export { default as EarlyEndDateColumn } from '@bryntum/gantt-thin/lib/column/EarlyEndDateColumn.js';
+export { default as EarlyStartDateColumn } from '@bryntum/gantt-thin/lib/column/EarlyStartDateColumn.js';
+export { default as EffortColumn } from '@bryntum/gantt-thin/lib/column/EffortColumn.js';
+export { default as EndDateColumn } from '@bryntum/gantt-thin/lib/column/EndDateColumn.js';
+export { default as GanttDateColumn } from '@bryntum/gantt-thin/lib/column/GanttDateColumn.js';
+export { default as IgnoreResourceCalendarColumn } from '@bryntum/gantt-thin/lib/column/IgnoreResourceCalendarColumn.js';
+export { default as InactiveColumn } from '@bryntum/gantt-thin/lib/column/InactiveColumn.js';
+export { default as LateEndDateColumn } from '@bryntum/gantt-thin/lib/column/LateEndDateColumn.js';
+export { default as LateStartDateColumn } from '@bryntum/gantt-thin/lib/column/LateStartDateColumn.js';
+export { default as ManuallyScheduledColumn } from '@bryntum/gantt-thin/lib/column/ManuallyScheduledColumn.js';
+export { default as MilestoneColumn } from '@bryntum/gantt-thin/lib/column/MilestoneColumn.js';
+export { default as NameColumn } from '@bryntum/gantt-thin/lib/column/NameColumn.js';
+export { default as NoteColumn } from '@bryntum/gantt-thin/lib/column/NoteColumn.js';
+export { default as PercentDoneColumn } from '@bryntum/gantt-thin/lib/column/PercentDoneColumn.js';
+export { default as PlannedPercentDoneColumn } from '@bryntum/gantt-thin/lib/column/PlannedPercentDoneColumn.js';
+export { default as PredecessorColumn } from '@bryntum/gantt-thin/lib/column/PredecessorColumn.js';
+export { default as ResourceAssignmentColumn } from '@bryntum/gantt-thin/lib/column/ResourceAssignmentColumn.js';
+export { default as ResourceAssignmentGridResourceColumn } from '@bryntum/gantt-thin/lib/column/ResourceAssignmentGridResourceColumn.js';
+export { default as RollupColumn } from '@bryntum/gantt-thin/lib/column/RollupColumn.js';
+export { default as SchedulingDirectionColumn } from '@bryntum/gantt-thin/lib/column/SchedulingDirectionColumn.js';
+export { default as SchedulingModeColumn } from '@bryntum/gantt-thin/lib/column/SchedulingModeColumn.js';
+export { default as SequenceColumn } from '@bryntum/gantt-thin/lib/column/SequenceColumn.js';
+export { default as ShowInTimelineColumn } from '@bryntum/gantt-thin/lib/column/ShowInTimelineColumn.js';
+export { default as StartDateColumn } from '@bryntum/gantt-thin/lib/column/StartDateColumn.js';
+export { default as SuccessorColumn } from '@bryntum/gantt-thin/lib/column/SuccessorColumn.js';
+export { default as TaskInfoColumn } from '@bryntum/gantt-thin/lib/column/TaskInfoColumn.js';
+export { default as TimeAxisColumn } from '@bryntum/gantt-thin/lib/column/TimeAxisColumn.js';
+export { default as TotalSlackColumn } from '@bryntum/gantt-thin/lib/column/TotalSlackColumn.js';
+export { default as WBSColumn } from '@bryntum/gantt-thin/lib/column/WBSColumn.js';
+
+//data
+export { default as AssignmentsManipulationStore } from '@bryntum/gantt-thin/lib/data/AssignmentsManipulationStore.js';
+export { default as AssignmentStore } from '@bryntum/gantt-thin/lib/data/AssignmentStore.js';
+export { default as CalendarManagerStore } from '@bryntum/gantt-thin/lib/data/CalendarManagerStore.js';
+export { default as DependencyStore } from '@bryntum/gantt-thin/lib/data/DependencyStore.js';
+export { default as ResourceStore } from '@bryntum/gantt-thin/lib/data/ResourceStore.js';
+export { default as TaskStore } from '@bryntum/gantt-thin/lib/data/TaskStore.js';
+export { default as WbsField } from '@bryntum/gantt-thin/lib/data/field/WbsField.js';
+
+// feature
+export { default as Baselines } from '@bryntum/gantt-thin/lib/feature/Baselines.js';
+export { default as CellEdit } from '@bryntum/gantt-thin/lib/feature/CellEdit.js';
+export { default as CriticalPaths } from '@bryntum/gantt-thin/lib/feature/CriticalPaths.js';
+export { default as Dependencies } from '@bryntum/gantt-thin/lib/feature/Dependencies.js';
+export { default as Indicators } from '@bryntum/gantt-thin/lib/feature/Indicators.js';
+export { default as Labels } from '@bryntum/gantt-thin/lib/feature/Labels.js';
+export { default as ParentArea } from '@bryntum/gantt-thin/lib/feature/ParentArea.js';
+export { default as ProgressLine } from '@bryntum/gantt-thin/lib/feature/ProgressLine.js';
+export { default as ProjectEdit } from '@bryntum/gantt-thin/lib/feature/ProjectEdit.js';
+export { default as ProjectLines } from '@bryntum/gantt-thin/lib/feature/ProjectLines.js';
+export { default as Rollups } from '@bryntum/gantt-thin/lib/feature/Rollups.js';
+export { default as ScrollButtons } from '@bryntum/gantt-thin/lib/feature/ScrollButtons.js';
+export { default as Summary } from '@bryntum/gantt-thin/lib/feature/Summary.js';
+export { default as TaskCopyPaste } from '@bryntum/gantt-thin/lib/feature/TaskCopyPaste.js';
+export { default as TaskDrag } from '@bryntum/gantt-thin/lib/feature/TaskDrag.js';
+export { default as TaskDragCreate } from '@bryntum/gantt-thin/lib/feature/TaskDragCreate.js';
+export { default as TaskEdit } from '@bryntum/gantt-thin/lib/feature/TaskEdit.js';
+export { default as TaskMenu } from '@bryntum/gantt-thin/lib/feature/TaskMenu.js';
+export { default as TaskNonWorkingTime } from '@bryntum/gantt-thin/lib/feature/TaskNonWorkingTime.js';
+export { default as TaskResize } from '@bryntum/gantt-thin/lib/feature/TaskResize.js';
+export { default as TaskSegmentDrag } from '@bryntum/gantt-thin/lib/feature/TaskSegmentDrag.js';
+export { default as TaskSegmentResize } from '@bryntum/gantt-thin/lib/feature/TaskSegmentResize.js';
+export { default as TaskTooltip } from '@bryntum/gantt-thin/lib/feature/TaskTooltip.js';
+export { default as TimelineChart } from '@bryntum/gantt-thin/lib/feature/TimelineChart.js';
+export { default as TreeGroup } from '@bryntum/gantt-thin/lib/feature/TreeGroup.js';
+export { default as Versions } from '@bryntum/gantt-thin/lib/feature/Versions.js';
+
+//export
+export { default as MultiPageExporter } from '@bryntum/gantt-thin/lib/feature/export/exporter/MultiPageExporter.js';
+export { default as MultiPageVerticalExporter } from '@bryntum/gantt-thin/lib/feature/export/exporter/MultiPageVerticalExporter.js';
+export { default as PdfExport } from '@bryntum/gantt-thin/lib/feature/export/PdfExport.js';
+export { default as Print } from '@bryntum/gantt-thin/lib/feature/export/Print.js';
+export { default as SinglePageExporter } from '@bryntum/gantt-thin/lib/feature/export/exporter/SinglePageExporter.js';
+export { default as SinglePageUnscaledExporter } from '@bryntum/gantt-thin/lib/feature/export/exporter/SinglePageUnscaledExporter.js';
+
+// model
+export { default as AssignmentModel } from '@bryntum/gantt-thin/lib/model/AssignmentModel.js';
+export { default as Baseline } from '@bryntum/gantt-thin/lib/model/Baseline.js';
+export { default as CalendarIntervalModel } from '@bryntum/gantt-thin/lib/model/CalendarIntervalModel.js';
+export { default as CalendarModel } from '@bryntum/gantt-thin/lib/model/CalendarModel.js';
+export { default as DependencyModel } from '@bryntum/gantt-thin/lib/model/DependencyModel.js';
+export { default as ProjectModel } from '@bryntum/gantt-thin/lib/model/ProjectModel.js';
+export { default as ResourceModel } from '@bryntum/gantt-thin/lib/model/ResourceModel.js';
+export { default as TaskModel } from '@bryntum/gantt-thin/lib/model/TaskModel.js';
+export { default as TimePhasedAssignmentModel } from '@bryntum/gantt-thin/lib/model/TimePhasedAssignmentModel.js';
+export { default as TimePhasedProjectModel } from '@bryntum/gantt-thin/lib/model/TimePhasedProjectModel.js';
+export { default as TimePhasedTaskModel } from '@bryntum/gantt-thin/lib/model/TimePhasedTaskModel.js';
+
+// util
+export { default as ProjectGenerator } from '@bryntum/gantt-thin/lib/util/ProjectGenerator.js';
+export { default as ResourceAssignmentParser } from '@bryntum/gantt-thin/lib/util/ResourceAssignmentParser.js';
+export { default as TimelineChartProviderBase } from '@bryntum/gantt-thin/lib/util/chart/TimelineChartProviderBase.js';
+export { default as TimelineChartDataProviderBase } from '@bryntum/gantt-thin/lib/util/chart/TimelineChartDataProviderBase.js';
+export { default as SVGChartProvider } from '@bryntum/gantt-thin/lib/util/chart/SVGChartProvider.js';
+export { default as GanttDataProvider } from '@bryntum/gantt-thin/lib/util/chart/GanttDataProvider.js';
+
+// widget
+export { default as AssignmentField } from '@bryntum/gantt-thin/lib/widget/AssignmentField.js';
+export { default as AssignmentGrid } from '@bryntum/gantt-thin/lib/widget/AssignmentGrid.js';
+export { default as AssignmentPicker } from '@bryntum/gantt-thin/lib/widget/AssignmentPicker.js';
+export { default as CalendarPicker } from '@bryntum/gantt-thin/lib/widget/CalendarPicker.js';
+export { default as DependencyField } from '@bryntum/gantt-thin/lib/widget/DependencyField.js';
+export { default as ProjectEditor } from '@bryntum/gantt-thin/lib/widget/ProjectEditor.js';
+export { default as ProjectEditorAdvancedTab } from '@bryntum/gantt-thin/lib/widget/projecteditor/ProjectEditorAdvancedTab.js';
+export { default as ProjectEditorDescriptionTab } from '@bryntum/gantt-thin/lib/widget/projecteditor/ProjectEditorDescriptionTab.js';
+export { default as ProjectEditorGeneralTab } from '@bryntum/gantt-thin/lib/widget/projecteditor/ProjectEditorGeneralTab.js';
+export { default as TaskEditor } from '@bryntum/gantt-thin/lib/widget/TaskEditor.js';
+
+// feature experimental
+export { default as MspExport } from '@bryntum/gantt-thin/lib/feature/export/MspExport.js';
+
+// view mixin
+export { default as GanttDom } from '@bryntum/gantt-thin/lib/view/mixin/GanttDom.js';
+export { default as GanttRegions } from '@bryntum/gantt-thin/lib/view/mixin/GanttRegions.js';
+export { default as GanttScroll } from '@bryntum/gantt-thin/lib/view/mixin/GanttScroll.js';
+export { default as GanttState } from '@bryntum/gantt-thin/lib/view/mixin/GanttState.js';
+export { default as GanttStores } from '@bryntum/gantt-thin/lib/view/mixin/GanttStores.js';
+export { default as GanttTimelineDateMapper } from '@bryntum/gantt-thin/lib/view/mixin/GanttTimelineDateMapper.js';
+export { default as TaskNavigation } from '@bryntum/gantt-thin/lib/view/mixin/TaskNavigation.js';
+
+// view orientation
+export { default as NewTaskRendering } from '@bryntum/gantt-thin/lib/view/orientation/NewTaskRendering.js';
+
+// view
+export { default as Gantt } from '@bryntum/gantt-thin/lib/view/Gantt.js';
+export { default as GanttBase } from '@bryntum/gantt-thin/lib/view/GanttBase.js';
+
+//endregion

package/fluent2-dark.css

@@ -0,0 +1,227 @@
+@charset "UTF-8";
+
+/* Themes need more specific rules than Widgets etc. to make sure the values are applied no matter the import order */
+:root:not(.b-nothing), :host(:not(.b-nothing)) {
+    --b-primary                                  : var(--b-color-blue);
+    --b-secondary                                : var(--b-color-orange);
+
+    --b-mix                                      : #262626;
+    --b-opposite                                 : #fff;
+
+    --b-elevation-1                              : 0 0 2px rgba(0, 0, 0, 0.42), 0 4px 8px rgba(0, 0, 0, 0.44);
+    --b-elevation-2                              : 0 0 2px rgba(0, 0, 0, 0.42), 0 8px 16px rgba(0, 0, 0, 0.44);
+    --b-elevation-3                              : 0 0 8px rgba(0, 0, 0, 0.42), 0 14px 28px rgba(0, 0, 0, 0.44);
+
+    /* region Neutral shades */
+    --b-neutral-100                              : hsl(0 0 15%); /* #262626 */
+    --b-neutral-99                               : hsl(0 0 15.85%);
+    --b-neutral-98                               : hsl(0 0 16.7%);
+    --b-neutral-97                               : hsl(0 0 17.55%);
+    --b-neutral-96                               : hsl(0 0 18.4%);
+    --b-neutral-95                               : hsl(0 0 19.25%);
+    --b-neutral-94                               : hsl(0 0 20.1%);
+    --b-neutral-93                               : hsl(0 0 20.95%);
+    --b-neutral-92                               : hsl(0 0 21.8%);
+    --b-neutral-91                               : hsl(0 0 22.65%);
+    --b-neutral-90                               : hsl(0 0 23.5%);
+    --b-neutral-85                               : hsl(0 0 27.75%);
+    --b-neutral-80                               : hsl(0 0 32%);
+    --b-neutral-75                               : hsl(0 0 36.25%);
+    --b-neutral-70                               : hsl(0 0 40.5%);
+    --b-neutral-65                               : hsl(0 0 44.75%);
+    --b-neutral-60                               : hsl(0 0 49%);
+    --b-neutral-55                               : hsl(0 0 53.25%);
+    --b-neutral-50                               : hsl(0 0 57.5%);
+    --b-neutral-45                               : hsl(0 0 61.75%);
+    --b-neutral-40                               : hsl(0 0 66%);
+    --b-neutral-35                               : hsl(0 0 70.25%);
+    --b-neutral-30                               : hsl(0 0 74.5%);
+    --b-neutral-25                               : hsl(0 0 78.75%);
+    --b-neutral-20                               : hsl(0 0 83%);
+    --b-neutral-15                               : hsl(0 0 87.25%);
+    --b-neutral-10                               : hsl(0 0 91.5%);
+    --b-neutral-5                                : hsl(0 0 95.75%);
+    --b-neutral-2                                : hsl(0 0 98.3%);
+    --b-neutral-1                                : hsl(0 0 99.15%);
+    --b-neutral-0                                : hsl(0 0 100%); /* #ffffff */
+    /* endregion */
+
+    /* region Core */
+
+    --b-widget-color-scheme                      : dark;
+    --b-widget-border-radius                     : .4em;
+    --b-widget-border-radius-large               : .8em;
+    --b-widget-padding                           : .8em;
+    --b-widget-gap                               : .8em;
+    --b-widget-border-color                      : var(--b-neutral-60);
+    --b-widget-sub-menu-icon                     : "\f105";
+
+    --b-icon-picker                              : "\f107";
+    --b-icon-spin-up                             : "\f077";
+    --b-icon-spin-down                           : "\f078";
+
+    --b-button-height                            : 2.5em;
+
+    --b-button-type-text-text-only-border-radius : 10em;
+    --b-button-icon-only-border-radius           : var(--b-widget-border-radius);
+
+    --b-checkbox-check-font-size                 : .7em;
+
+    --b-chip-view-chip-border-radius             : var(--b-widget-border-radius);
+    --b-chip-view-chip-background                : var(--b-neutral-94);
+    --b-chip-view-chip-hover-background          : var(--b-neutral-92);
+    --b-chip-view-chip-selected-color            : var(--b-text-5);
+
+    --b-divider-line-color                       : var(--b-border-6);
+    --b-divider-text-color                       : var(--b-text-2);
+
+    --b-field-set-border-color                   : var(--b-neutral-80);
+
+    --b-list-item-border-radius                  : var(--b-widget-border-radius);
+    --b-list-item-focus-background               : var(--b-neutral-93);
+    --b-list-item-selected-background            : var(--b-neutral-96);
+
+    --b-menu-item-color                          : var(--b-text-2);
+    --b-menu-item-border-radius                  : var(--b-widget-border-radius);
+    --b-menu-item-padding                        : .5em .6em;
+    --b-menu-padding                             : .4em;
+    --b-menu-item-separator-height               : 9px;
+    --b-menu-item-separator-inset                : -.4em;
+
+    --b-panel-with-header-padding                : 0 var(--b-widget-padding-large) var(--b-widget-padding-large) var(--b-widget-padding-large);
+
+    --b-popup-background                         : var(--b-panel-background);
+    --b-popup-padding                            : var(--b-widget-padding);
+
+    --b-radio-check-gap                          : 0.25em;
+
+    --b-slide-toggle-border-color                : var(--b-border-5);
+    --b-slide-toggle-disabled-border-color       : transparent;
+    --b-slide-toggle-height                      : 1.5em;
+    --b-slide-toggle-thumb-background            : var(--b-neutral-40);
+    --b-slide-toggle-hovered-thumb-background    : var(--b-neutral-35);
+
+    --b-slider-thumb-border                      : .25em solid var(--b-neutral-100);
+    --b-slider-thumb-elevation                   : 0 0 1px 1px var(--b-border-5);
+    --b-slider-thumb-value-size                  : 1.9em;
+    --b-slider-track-color                       : var(--b-neutral-45);
+    --b-slider-step-border-radius                : 0;
+    --b-slider-step-width                        : 1px;
+    --b-slider-step-height                       : 100%;
+    --b-slider-step-color                        : var(--b-neutral-100);
+    --b-slider-step-opacity                      : 1;
+
+    --b-splitter-color                           : var(--b-neutral-80);
+    --b-splitter-size                            : 1px;
+    --b-splitter-hover-size                      : 5px;
+    --b-splitter-hover-color                     : var(--b-neutral-90);
+
+    --b-tab-label-position                       : relative;
+    --b-tab-indicator-border-radius              : var(--b-widget-border-radius);
+    --b-tab-indicator-height                     : .2em;
+    --b-tab-indicator-hidden-color               : var(--b-neutral-80);
+    --b-tab-hover-indicator-opacity              : 1;
+    --b-tab-hover-indicator-color                : var(--b-neutral-80);
+    --b-tab-hover-background                     : var(--b-neutral-100);
+    --b-tab-hover-color                          : var(--b-neutral-40);
+
+    --b-tab-bar-border-bottom-width              : 0;
+
+    --b-text-field-outlined-input-padding        : .8em;
+    --b-text-field-outlined-border-color         : var(--b-border-6) var(--b-border-6) var(--b-border-3) var(--b-border-6);
+    --b-text-field-outlined-focus-border-width   : 1px 1px 2px 1px;
+    --b-field-trigger-edge-gap                   : .8em;
+    --b-spin-trigger-font-size                   : .8em;
+
+    /* --b-tooltip-rich-background    : var(--b-neutral-90); */
+
+    /* endregion */
+
+    /* Grid */
+    --b-grid-header-font-weight                  : 400;
+    --b-grid-header-color                        : var(--b-neutral-25);
+    --b-grid-header-icon-color                   : var(--b-neutral-35);
+
+    /* Gantt */
+    --b-scroll-button-border-width               : 1px;
+
+    /* TaskBoard */
+    --b-task-board-column-header-font-weight     : 600;
+}
+
+/* Shades of primary color have to be specified per widget, for color-mix to work as intended */
+.b-bryntum:not(.b-nothing) {
+    --bi-primary-shade                                : var(--b-primary-50);
+
+    /* region Core */
+
+    --b-button-focus-border-color                     : var(--b-border-6);
+
+    --b-button-filled-hover-background                : var(--b-primary-40);
+    --b-button-filled-pressed-background              : var(--b-primary-30);
+    --b-button-filled-active-background               : var(--b-primary-30);
+
+    --b-button-outlined-hover-border-color            : var(--b-border-5);
+    --b-button-outlined-hover-background              : var(--b-neutral-97);
+    --b-button-outlined-pressed-background            : var(--b-neutral-93);
+    --b-button-outlined-active-background             : var(--b-neutral-93);
+    --b-button-outlined-focused-background            : var(--b-neutral-100);
+
+    --b-checkbox-checked-background                   : var(--bi-primary-shade);
+    --b-checkbox-checked-border-color                 : var(--b-checkbox-checked-background);
+    --b-checkbox-checked-hover-background             : var(--b-primary-45);
+
+    --b-chip-view-chip-selected-background            : var(--b-primary);
+    --b-chip-view-chip-active-background              : var(--b-primary);
+    --b-chip-view-chip-active-selected-background     : var(--b-primary);
+
+    --b-list-checkbox-checked-background              : var(--b-primary);
+
+    --b-menu-background                               : var(--b-primary-100);
+
+    --b-menu-item-hover-background                    : var(--b-neutral-96);
+    --b-menu-item-focus-background                    : var(--b-neutral-96);
+    --b-menu-item-hover-icon-color                    : var(--b-primary-40);
+    --b-menu-item-focus-icon-color                    : var(--b-primary-40);
+
+    --b-radio-checked-color                           : var(--bi-primary-shade);
+    --b-radio-checked-background                      : var(--b-neutral-100);
+    --b-radio-checked-border-color                    : var(--b-widget-border-color);
+
+    --b-slide-toggle-background                       : var(--b-neutral-100);
+    --b-slide-toggle-hover-background                 : var(--b-neutral-100);
+    --b-slide-toggle-checked-hovered-thumb-background : var(--b-neutral-100);
+    --b-slide-toggle-checked-border-color             : transparent;
+    --b-slide-toggle-checked-background               : var(--bi-primary-shade);
+    --b-slide-toggle-checked-hover-background         : var(--b-primary-45);
+
+    --b-slider-color                                  : var(--bi-primary-shade);
+
+    --b-tab-indicator-color                           : var(--bi-primary-shade);
+
+    --b-text-field-outlined-hover-border-color        : var(--b-border-5) var(--b-border-5) var(--b-border-2) var(--b-border-5);
+    --b-text-field-focus-border-color                 : var(--b-border-5) var(--b-border-5) var(--b-primary) var(--b-border-5);
+    --b-text-field-filled-hover-border-color          : var(--bi-primary-shade);
+
+    --b-toast-background                              : var(--b-neutral-100);
+
+    /* endregion */
+
+    /* Grid */
+
+    --b-grid-cell-hover-background                    : var(--b-primary-94);
+    --b-grid-cell-hover-selected-background           : var(--b-primary-93);
+
+    --b-rating-column-empty-color                     : var(--b-neutral-90);
+
+    --b-tree-expander-icon-font-size                  : 1em;
+}
+
+/* Theme meta data */
+.b-theme-info {
+    --b-theme-name             : "Fluent2Dark";
+    --b-theme-filename         : "fluent2-dark";
+    --b-theme-button-rendition : "outlined";
+    --b-theme-label-position   : "above";
+    --b-theme-overlap-label    : "false";
+}

package/fluent2-light.css

@@ -0,0 +1,191 @@
+@charset "UTF-8";
+
+/* Themes need more specific rules than Widgets etc. to make sure the values are applied no matter the import order */
+:root:not(.b-nothing), :host(:not(.b-nothing)) {
+    --b-primary                                  : var(--b-color-blue);
+    --b-secondary                                : var(--b-color-orange);
+
+    --b-mix                                      : #fff;
+    --b-opposite                                 : #000;
+
+    --b-elevation-1                              : 0 0 2px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.14);
+    --b-elevation-2                              : 0 0 2px rgba(0, 0, 0, 0.12), 0 8px 16px rgba(0, 0, 0, 0.14);
+    --b-elevation-3                              : 0 0 8px rgba(0, 0, 0, 0.12), 0 14px 28px rgba(0, 0, 0, 0.14);
+
+    /* region Core */
+
+    --b-widget-color-scheme                      : light;
+    --b-widget-border-radius                     : .4em;
+    --b-widget-border-radius-large               : .8em;
+    --b-widget-padding                           : .8em;
+    --b-widget-gap                               : .8em;
+    --b-widget-border-color                      : var(--b-neutral-60);
+    --b-widget-sub-menu-icon                     : "\f105";
+
+    --b-icon-picker                              : "\f107";
+    --b-icon-spin-up                             : "\f077";
+    --b-icon-spin-down                           : "\f078";
+
+    --b-button-height                            : 2.5em;
+
+    --b-button-type-text-text-only-border-radius : 10em;
+    --b-button-icon-only-border-radius           : var(--b-widget-border-radius);
+
+    --b-checkbox-check-font-size                 : .7em;
+
+    --b-chip-view-chip-border-radius             : var(--b-widget-border-radius);
+    --b-chip-view-chip-background                : var(--b-neutral-94);
+    --b-chip-view-chip-hover-background          : var(--b-neutral-92);
+    --b-chip-view-chip-selected-color            : var(--b-text-5);
+
+    --b-divider-line-color                       : var(--b-border-6);
+    --b-divider-text-color                       : var(--b-text-2);
+
+    --b-field-set-border-color                   : var(--b-neutral-80);
+
+    --b-list-item-border-radius                  : var(--b-widget-border-radius);
+    --b-list-item-focus-background               : var(--b-neutral-93);
+    --b-list-item-selected-background            : var(--b-neutral-96);
+
+    --b-menu-item-color                          : var(--b-text-2);
+    --b-menu-item-border-radius                  : var(--b-widget-border-radius);
+    --b-menu-item-padding                        : .5em .6em;
+    --b-menu-padding                             : .4em;
+    --b-menu-item-separator-height               : 9px;
+    --b-menu-item-separator-inset                : -.4em;
+
+    --b-panel-with-header-padding                : 0 var(--b-widget-padding-large) var(--b-widget-padding-large) var(--b-widget-padding-large);
+
+    --b-popup-background                         : var(--b-panel-background);
+    --b-popup-padding                            : var(--b-widget-padding);
+
+    --b-radio-check-gap                          : 0.25em;
+
+    --b-slide-toggle-border-color                : var(--b-border-5);
+    --b-slide-toggle-disabled-border-color       : transparent;
+    --b-slide-toggle-height                      : 1.5em;
+    --b-slide-toggle-thumb-background            : var(--b-neutral-40);
+    --b-slide-toggle-hovered-thumb-background    : var(--b-neutral-35);
+
+    --b-slider-thumb-border                      : .25em solid var(--b-neutral-100);
+    --b-slider-thumb-elevation                   : 0 0 1px 1px var(--b-border-5);
+    --b-slider-thumb-value-size                  : 1.9em;
+    --b-slider-track-color                       : var(--b-neutral-45);
+    --b-slider-step-border-radius                : 0;
+    --b-slider-step-width                        : 1px;
+    --b-slider-step-height                       : 100%;
+    --b-slider-step-color                        : var(--b-neutral-100);
+    --b-slider-step-opacity                      : 1;
+
+    --b-splitter-color                           : var(--b-neutral-80);
+    --b-splitter-size                            : 1px;
+    --b-splitter-hover-size                      : 5px;
+    --b-splitter-hover-color                     : var(--b-neutral-90);
+
+    --b-tab-label-position                       : relative;
+    --b-tab-indicator-border-radius              : var(--b-widget-border-radius);
+    --b-tab-indicator-height                     : .2em;
+    --b-tab-indicator-hidden-color               : var(--b-neutral-80);
+    --b-tab-hover-indicator-opacity              : 1;
+    --b-tab-hover-indicator-color                : var(--b-neutral-80);
+    --b-tab-hover-background                     : var(--b-neutral-100);
+    --b-tab-hover-color                          : var(--b-neutral-40);
+
+    --b-tab-bar-border-bottom-width              : 0;
+
+    --b-text-field-outlined-input-padding        : .8em;
+    --b-text-field-outlined-border-color         : var(--b-border-6) var(--b-border-6) var(--b-border-3) var(--b-border-6);
+    --b-text-field-outlined-focus-border-width   : 1px 1px 2px 1px;
+    --b-field-trigger-edge-gap                   : .8em;
+    --b-spin-trigger-font-size                   : .8em;
+
+    /* endregion */
+
+    /* Grid */
+    --b-grid-header-font-weight                  : 400;
+    --b-grid-header-color                        : var(--b-neutral-25);
+    --b-grid-header-icon-color                   : var(--b-neutral-35);
+
+    /* Gantt */
+    --b-scroll-button-border-width               : 1px;
+
+    /* TaskBoard */
+    --b-task-board-column-header-font-weight     : 600;
+}
+
+/* Shades of primary color have to be specified per widget, for color-mix to work as intended */
+.b-bryntum:not(.b-nothing) {
+    --bi-primary-shade                                : var(--b-primary-50);
+
+    /* region Core */
+
+    --b-button-focus-border-color                     : var(--b-border-6);
+
+    --b-button-filled-hover-background                : var(--b-primary-40);
+    --b-button-filled-pressed-background              : var(--b-primary-30);
+    --b-button-filled-active-background               : var(--b-primary-30);
+
+    --b-button-outlined-hover-border-color            : var(--b-border-5);
+    --b-button-outlined-hover-background              : var(--b-neutral-97);
+    --b-button-outlined-pressed-background            : var(--b-neutral-93);
+    --b-button-outlined-active-background             : var(--b-neutral-93);
+    --b-button-outlined-focused-background            : var(--b-neutral-100);
+
+    --b-checkbox-checked-background                   : var(--bi-primary-shade);
+    --b-checkbox-checked-border-color                 : var(--b-checkbox-checked-background);
+    --b-checkbox-checked-hover-background             : var(--b-primary-45);
+
+    --b-chip-view-chip-selected-background            : var(--b-primary);
+    --b-chip-view-chip-active-background              : var(--b-primary);
+    --b-chip-view-chip-active-selected-background     : var(--b-primary);
+
+    --b-list-checkbox-checked-background              : var(--b-primary);
+
+    --b-menu-background                               : var(--b-primary-100);
+
+    --b-menu-item-hover-background                    : var(--b-neutral-96);
+    --b-menu-item-focus-background                    : var(--b-neutral-96);
+    --b-menu-item-hover-icon-color                    : var(--b-primary-40);
+    --b-menu-item-focus-icon-color                    : var(--b-primary-40);
+
+    --b-radio-checked-color                           : var(--bi-primary-shade);
+    --b-radio-checked-background                      : var(--b-neutral-100);
+    --b-radio-checked-border-color                    : var(--b-widget-border-color);
+
+    --b-slide-toggle-background                       : var(--b-neutral-100);
+    --b-slide-toggle-hover-background                 : var(--b-neutral-100);
+    --b-slide-toggle-checked-hovered-thumb-background : var(--b-neutral-100);
+    --b-slide-toggle-checked-border-color             : transparent;
+    --b-slide-toggle-checked-background               : var(--bi-primary-shade);
+    --b-slide-toggle-checked-hover-background         : var(--b-primary-45);
+
+    --b-slider-color                                  : var(--bi-primary-shade);
+
+    --b-tab-indicator-color                           : var(--bi-primary-shade);
+
+    --b-text-field-outlined-hover-border-color        : var(--b-border-5) var(--b-border-5) var(--b-border-2) var(--b-border-5);
+    --b-text-field-focus-border-color                 : var(--b-border-5) var(--b-border-5) var(--b-primary) var(--b-border-5);
+    --b-text-field-filled-hover-border-color          : var(--bi-primary-shade);
+
+    --b-toast-background                              : var(--b-neutral-100);
+
+    /* endregion */
+
+    /* Grid */
+
+    --b-grid-cell-hover-background                    : var(--b-primary-94);
+    --b-grid-cell-hover-selected-background           : var(--b-primary-93);
+
+    --b-rating-column-empty-color                     : var(--b-neutral-90);
+
+    --b-tree-expander-icon-font-size                  : 1em;
+}
+
+/* Theme meta data */
+.b-theme-info {
+    --b-theme-name             : "Fluent2Light";
+    --b-theme-filename         : "fluent2-light";
+    --b-theme-button-rendition : "outlined";
+    --b-theme-label-position   : "above";
+    --b-theme-overlap-label    : "false";
+}