@mediusinc/mng-commons 3.6.0-rc.3 → 3.7.0-rc.0

package/scss/v2/theme/theme-dark/blue/theme.scss

@@ -11,3 +11,4 @@ $highlightTextColor: $primaryTextColor;
 @import '../_variables';
 @import '../../theme-base/_components';
 @import '../_extensions';
+@import '../../extensions/_fullcalendar';

package/scss/v2/theme/theme-light/_variables.scss

@@ -9,8 +9,8 @@ $colors: (
     'orange': #f57c00,
     'bluegray': #607d8b,
     'purple': #9c27b0,
-    'primary': $primaryColor,
-    'red': #ff3d32
+    'red': #ff3d32,
+    'primary': $primaryColor
 );
 
 //reused color variables
@@ -26,24 +26,36 @@ $shade700: #44486d !default; //text color
 $solidSurfaceColor: #ececf9 !default;
 
 //global
-$fontFamily: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !default;
+$fontFamily: 'Inter var', sans-serif !default;
 $fontSize: 1rem !default;
 $fontWeight: normal !default;
 $textColor: $shade700 !default;
 $textSecondaryColor: $shade600 !default;
 $borderRadius: 6px !default;
 $transitionDuration: 0.2s !default;
-$formElementTransition: background-color $transitionDuration, color $transitionDuration, border-color $transitionDuration, box-shadow $transitionDuration !default;
-$actionIconTransition: background-color $transitionDuration, color $transitionDuration, box-shadow $transitionDuration !default;
+$formElementTransition:
+    background-color $transitionDuration,
+    color $transitionDuration,
+    border-color $transitionDuration,
+    box-shadow $transitionDuration !default;
+$actionIconTransition:
+    background-color $transitionDuration,
+    color $transitionDuration,
+    box-shadow $transitionDuration !default;
 $listItemTransition: box-shadow $transitionDuration !default;
 $primeIconFontSize: 1rem !default;
 $divider: 1px solid $shade300 !default;
 $inlineSpacing: 0.5rem !default;
 $disabledOpacity: 0.6 !default;
-$maskBg: rgba(0, 0, 0, 0.2) !default;
+$maskBg: rgba(0, 0, 0, 0.4) !default;
 $loadingIconFontSize: 2rem !default;
 $errorColor: #fc6161 !default;
 
+//selected state
+$highlightBg: rgba($primaryColor, 0.12) !default;
+$highlightTextColor: darken($primaryDarkerColor, 12%) !default;
+$highlightFocusBg: rgba($primaryColor, 0.24) !default;
+
 //scale
 $scaleSM: 0.875 !default;
 $scaleLG: 1.25 !default;
@@ -60,7 +72,7 @@ $actionIconHeight: 2rem !default;
 $actionIconBg: transparent !default;
 $actionIconBorder: 0 none !default;
 $actionIconColor: $shade600 !default;
-$actionIconHoverBg: $shade100 !default;
+$actionIconHoverBg: $shade200 !default;
 $actionIconHoverBorderColor: transparent !default;
 $actionIconHoverColor: $shade700 !default;
 $actionIconBorderRadius: 50% !default;
@@ -95,13 +107,15 @@ $inputListItemBg: transparent !default;
 $inputListItemTextColor: $shade700 !default;
 $inputListItemHoverBg: $shade100 !default;
 $inputListItemTextHoverColor: $shade700 !default;
+$inputListItemFocusBg: $shade300 !default;
+$inputListItemTextFocusColor: $shade700 !default;
 $inputListItemBorder: 0 none !default;
 $inputListItemBorderRadius: 4px !default;
 $inputListItemMargin: 0 !default;
 $inputListItemFocusShadow: 0 none !default;
 $inputListHeaderPadding: 0.429rem 0.286rem !default;
 $inputListHeaderMargin: 0 !default;
-$inputListHeaderBg: $shade000 !default;
+$inputListHeaderBg: $shade100 !default;
 $inputListHeaderTextColor: $shade700 !default;
 $inputListHeaderBorder: 0 none !default;
 
@@ -109,11 +123,13 @@ $inputListHeaderBorder: 0 none !default;
 $inputOverlayBg: white !default;
 $inputOverlayHeaderBg: $inputListHeaderBg !default;
 $inputOverlayBorder: 0 none !default;
-$inputOverlayShadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12) !default;
+$inputOverlayShadow:
+    0 2px 4px -1px rgba(0, 0, 0, 0.2),
+    0 4px 5px 0 rgba(0, 0, 0, 0.14),
+    0 1px 10px 0 rgba(0, 0, 0, 0.12) !default;
 
 //password
-$passwordPanelBg: white !default;
-$passwordMeterBg: $shade200 !default;
+$passwordMeterBg: $solidSurfaceColor !default;
 $passwordWeakBg: #d32f2f !default;
 $passwordMediumBg: #fbc02d !default;
 $passwordStrongBg: #689f38 !default;
@@ -131,10 +147,10 @@ $buttonHoverBorderColor: $primaryDarkColor !default;
 $buttonActiveBg: $primaryDarkerColor !default;
 $buttonTextActiveColor: $primaryTextColor !default;
 $buttonActiveBorderColor: $primaryDarkerColor !default;
-$buttonShadow: 0px 0px 10px rgba($primaryColor, 0.25);
-
-$selectbuttonShadow: none !default;
-$raisedButtonShadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12) !default;
+$raisedButtonShadow:
+    0 3px 1px -2px rgba(0, 0, 0, 0.2),
+    0 2px 2px 0 rgba(0, 0, 0, 0.14),
+    0 1px 5px 0 rgba(0, 0, 0, 0.12) !default;
 $roundedButtonBorderRadius: 2rem !default;
 
 $textButtonHoverBgOpacity: 0.04 !default;
@@ -216,17 +232,16 @@ $dangerButtonActiveBorderColor: transparent !default;
 $dangerButtonShadow: 0px 0px 10px rgba(252, 97, 97, 0.25) !default;
 $dangerButtonFocusShadow: none !default;
 
-$linkButtonColor: $primaryColor !default;
-$linkButtonHoverColor: $primaryColor !default;
+$linkButtonColor: $primaryDarkerColor !default;
+$linkButtonHoverColor: $primaryDarkerColor !default;
 $linkButtonTextHoverDecoration: underline !default;
-$linkButtonFocusShadow: none !default;
+$linkButtonFocusShadow: 0 0 0 0.2rem $focusOutlineColor !default;
 
 //checkbox
 $checkboxWidth: 20px !default;
 $checkboxHeight: 20px !default;
 $checkboxBorder: 2px solid #8a8ea6 !default;
 $checkboxIconFontSize: 14px !default;
-$checkboxHoverBorderColor: #676b89 !default;
 $checkboxActiveBorderColor: $primaryColor !default;
 $checkboxActiveBg: $primaryColor !default;
 $checkboxIconActiveColor: $primaryTextColor !default;
@@ -239,7 +254,6 @@ $radiobuttonWidth: 20px !default;
 $radiobuttonHeight: 20px !default;
 $radiobuttonBorder: 2px solid #8a8ea6 !default;
 $radiobuttonIconSize: 12px !default;
-$radiobuttonHoverBorderColor: #676b89 !default;
 $radiobuttonActiveBorderColor: $primaryColor !default;
 $radiobuttonActiveBg: $primaryColor !default;
 $radiobuttonIconActiveColor: $primaryTextColor !default;
@@ -251,9 +265,8 @@ $radiobuttonActiveHoverBorderColor: $primaryDarkerColor !default;
 $colorPickerPreviewWidth: 2rem !default;
 $colorPickerPreviewHeight: 2rem !default;
 $colorPickerBg: $shade100 !default;
-$colorPickerBorderColor: #191919 !default;
 $colorPickerBorder: 1px solid #191919 !default;
-$colorPickerHandleColor: #191919 !default;
+$colorPickerHandleColor: $shade000 !default;
 
 //togglebutton
 $toggleButtonBg: $inputBg !default;
@@ -316,12 +329,8 @@ $calendarHeaderBorder: 0 none !default;
 $calendarHeaderTextColor: $shade700 !default;
 $calendarHeaderFontWeight: 400 !default;
 $calendarHeaderCellPadding: 0.357rem !default;
-$calendarHeaderCellFontWeight: 500 !default;
-$calendarHeaderCellFontSize: 12px !default;
-$calendarHeaderCellTextColor: $shade500 !default;
 $calendarMonthYearHeaderHoverTextColor: $primaryColor !default;
 
-$calendarCellDateBg: $shade100 !default;
 $calendarCellDatePadding: 0.357rem !default;
 $calendarCellDateWidth: 2.571rem !default;
 $calendarCellDateHeight: 2.571rem !default;
@@ -380,8 +389,6 @@ $panelFooterBg: transparent !default;
 $panelFooterTextColor: $shade700 !default;
 $panelFooterPadding: 0.714rem 1.143rem !default;
 
-$fieldsetContentPadding: 0.429rem !default;
-
 //accordion
 $accordionSpacing: 0 !default;
 $accordionHeaderBorder: $panelHeaderBorder !default;
@@ -438,21 +445,26 @@ $tabviewContentPadding: 1.143rem 0 !default;
 //upload
 $fileUploadProgressBarHeight: 0.25rem !default;
 $fileUploadContentPadding: 2rem 1rem !default;
+$fileUploadContentHoverBorder: 1px dashed $primaryColor !default;
+$fileUploadFileBorder: 1px solid $shade300 !default;
+$fileUploadFilePadding: 1rem !default;
 
 //scrollpanel
 $scrollPanelTrackBorder: 0 none !default;
-$scrollPanelTrackBg: $shade000 !default;
+$scrollPanelTrackBg: $shade100 !default;
 
 //card
 $cardBodyPadding: 0.857rem 1.143rem !default;
 $cardTitleFontSize: 1.143rem !default;
 $cardTitleFontWeight: 500 !default;
-$cardSubTitleFontSize: 12px !default;
 $cardSubTitleFontWeight: 500 !default;
 $cardSubTitleColor: $shade500 !default;
 $cardContentPadding: 1rem 0 !default;
 $cardFooterPadding: 1rem 0 0 0 !default;
-$cardShadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12) !default;
+$cardShadow:
+    0 2px 1px -1px rgba(0, 0, 0, 0.2),
+    0 1px 1px 0 rgba(0, 0, 0, 0.14),
+    0 1px 3px 0 rgba(0, 0, 0, 0.12) !default;
 
 //editor
 $editorToolbarBg: $panelHeaderBg !default;
@@ -478,9 +490,6 @@ $paginatorElementIconColor: $shade700 !default;
 $paginatorElementHoverBg: $shade100 !default;
 $paginatorElementHoverBorderColor: transparent !default;
 $paginatorElementIconHoverColor: $shade700 !default;
-$paginatorElementActiveBg: $shade200 !default;
-$paginatorElementActiveBorderColor: transparent !default;
-$paginatorElementIconActiveColor: $shade700 !default;
 $paginatorElementBorderRadius: 4px !default;
 $paginatorElementMargin: 0.143rem !default;
 $paginatorElementPadding: 0 !default;
@@ -488,13 +497,13 @@ $paginatorElementPadding: 0 !default;
 //table
 $tableHeaderBorder: 1px solid $shade300 !default;
 $tableHeaderBorderWidth: 1px 0 1px 0 !default;
-$tableHeaderBg: transparent !default;
+$tableHeaderBg: var(--surface-section) !default;
 $tableHeaderTextColor: $shade500 !default;
 $tableHeaderFontWeight: 500 !default;
 $tableHeaderPadding: 0.571rem 0.571rem !default;
 
 $tableHeaderCellPadding: 0.571rem 0.571rem !default;
-$tableHeaderCellBg: transparent !default;
+$tableHeaderCellBg: var(--surface-section) !default;
 $tableHeaderCellTextColor: $shade500 !default;
 $tableHeaderCellFontWeight: 500 !default;
 $tableHeaderCellBorder: 1px solid $shade300 !default;
@@ -509,19 +518,17 @@ $tableHeaderCellHighlightHoverBg: $shade200 !default;
 $tableHeaderCellHighlightTextHoverColor: $shade500 !default;
 $tableSortableColumnBadgeSize: 1.143rem !default;
 
-$tableBodyRowBg: transparent !default;
+$tableBodyRowBg: var(--surface-section) !default;
 $tableBodyRowTextColor: $shade700 !default;
-$tableBodyRowEvenBg: transparent !default;
+$tableBodyRowEvenBg: var(--surface-section) !default;
 $tableBodyRowHoverBg: $shade100 !default;
 $tableBodyRowTextHoverColor: $shade700 !default;
-$tableBodyRowHighlightBg: linear-gradient(0deg, rgba($highlightBg, 0.1), rgba($highlightBg, 0.1)), #ffffff;
-$tableBodyRowHighlightTextColor: $shade700;
 $tableBodyCellBorder: 1px solid $shade300 !default;
 $tableBodyCellBorderWidth: 0 0 0 0 !default;
 $tableBodyCellPadding: 0.429rem 0.571rem !default;
 
 $tableFooterCellPadding: 0.571rem 0.571rem !default;
-$tableFooterCellBg: transparent !default;
+$tableFooterCellBg: var(--surface-section) !default;
 $tableFooterCellTextColor: $shade500 !default;
 $tableFooterCellFontWeight: 500 !default;
 $tableFooterCellBorder: 1px solid $shade300 !default;
@@ -530,7 +537,7 @@ $tableResizerHelperBg: $primaryColor !default;
 
 $tableFooterBorder: 1px solid $shade300 !default;
 $tableFooterBorderWidth: 0 0 1px 0 !default;
-$tableFooterBg: transparent !default;
+$tableFooterBg: var(--surface-section) !default;
 $tableFooterTextColor: $shade500 !default;
 $tableFooterFontWeight: 500 !default;
 $tableFooterPadding: 1rem 1rem !default;
@@ -548,32 +555,6 @@ $dataViewContentBorder: 0 none !default;
 $dataViewListItemBorder: solid $shade100 !default;
 $dataViewListItemBorderWidth: 0 0 0 0 !default;
 
-//orderlist
-$orderlistBg: $shade400 !default;
-$orderlistShadow: 0px 9px 30px rgba(68, 72, 109, 0.06) !default;
-$orderlistBorderRadius: 8px !default;
-$orderlistBorder: 0 none !default;
-$orderlistBorderWidth: 0 0 0 0 !default;
-$orderlistHeaderPadding: 1.143rem !default;
-$orderlistListPadding: 0.571rem !default;
-$orderlistListItemPadding: 0.714rem 0.571rem !default;
-$orderlistListItemBorder: 1px solid transparent !default;
-$orderlistListItemActiveBg: linear-gradient(0deg, rgba($highlightBg, 0.1), rgba($highlightBg, 0.1)), #ffffff !default;
-$orderlistListItemActiveBorderColor: $highlightBg !default;
-
-//picklist
-$picklistBg: $shade400 !default;
-$picklistShadow: 0px 9px 30px rgba(68, 72, 109, 0.06) !default;
-$picklistBorderRadius: 8px !default;
-$picklistBorder: 0 none !default;
-$picklistBorderWidth: 0 0 0 0 !default;
-$picklistHeaderPadding: 1.143rem !default;
-$picklistListPadding: 0.571rem !default;
-$picklistListItemPadding: 0.714rem 0.571rem !default;
-$picklistListItemBorder: 1px solid transparent !default;
-$picklistListItemActiveBg: linear-gradient(0deg, rgba($highlightBg, 0.1), rgba($highlightBg, 0.1)), #ffffff !default;
-$picklistListItemActiveBorderColor: $highlightBg !default;
-
 //schedule
 $fullCalendarEventBg: $primaryDarkColor !default;
 $fullCalendarEventBorderColor: $primaryDarkColor !default;
@@ -662,6 +643,10 @@ $dialogContentPadding: 0 1.714rem 1.714rem 1.714rem !default;
 $dialogFooterBorder: 0 none !default;
 $dialogFooterPadding: 0 1.714rem 1.714rem 1.714rem !default;
 
+//confirmpopup
+$confirmPopupContentPadding: $panelContentPadding !default;
+$confirmPopupFooterPadding: 0 1.25rem 1.25rem 1.25rem !default;
+
 //tooltip
 $tooltipBg: white !default;
 $tooltipTextColor: $shade700 !default;
@@ -671,28 +656,26 @@ $tooltipPadding: $inputPadding !default;
 $stepsItemBg: transparent !default;
 $stepsItemBorder: 0 none !default;
 $stepsItemTextColor: $shade500 !default;
-$stepsItemNumberBg: $shade200 !default;
 $stepsItemNumberWidth: 1.714rem !default;
 $stepsItemNumberHeight: 1.714rem !default;
 $stepsItemNumberFontSize: 1.143rem !default;
 $stepsItemNumberColor: $shade500 !default;
 $stepsItemNumberBorderRadius: 12px !default;
 $stepsItemActiveFontWeight: 400 !default;
-$stepsItemHoverBg: $shade300 !default;
-$stepsItemHoverTextColor: $shade700 !default;
-$stepsItemActiveFontWeight: 400 !default;
-$stepsItemActiveBg: $highlightBg !default;
-$stepsItemNumberActiveTextColor: $highlightTextColor !default;
-$stepsItemActiveTextColor: $shade700 !default;
-$stepsItemActiveShadow: 0px 0px 10px rgba($highlightBg, 0.25) !default;
 
-//progressbar
+//progressbar, progressspinner
 $progressBarHeight: 0.571rem !default;
 $progressBarBorder: 0 none !default;
-$progressBarBg: $shade200 !default;
+$progressBarBg: $shade300 !default;
 $progressBarValueBg: $primaryColor !default;
 $progressBarValueTextColor: $primaryTextColor !default;
 
+$progressSpinnerStrokeColor: $errorMessageTextColor !default;
+$progressSpinnerColorOne: $errorMessageTextColor !default;
+$progressSpinnerColorTwo: $infoMessageTextColor !default;
+$progressSpinnerColorThree: $successMessageTextColor !default;
+$progressSpinnerColorFour: $warningMessageTextColor !default;
+
 //menu (e.g. menu, menubar, tieredmenu)
 $menuWidth: 12.5rem !default;
 $menuBg: transparent !default;
@@ -700,16 +683,18 @@ $menuBorder: 1px solid $shade300 !default;
 $menuTextColor: $shade600 !default;
 $menuitemPadding: 0.571rem 0.429rem !default;
 $menuitemBorderRadius: $borderRadius !default;
-$menuitemBorder: 1px solid transparent !default;
 $menuitemTextColor: $shade600 !default;
 $menuitemIconColor: $shade600 !default;
 $menuitemTextHoverColor: $shade700 !default;
 $menuitemIconHoverColor: $shade700 !default;
 $menuitemHoverBg: $shade100 !default;
-$menuitemFocusBorderColor: $shade500 !default;
+$menuitemTextFocusColor: $shade700 !default;
+$menuitemIconFocusColor: $shade700 !default;
+$menuitemFocusBg: $shade300 !default;
 $menuitemTextActiveColor: $shade700 !default;
 $menuitemIconActiveColor: $shade700 !default;
-$menuitemActiveBg: $shade100 !default;
+$menuitemActiveBg: $highlightBg !default;
+$menuitemActiveFocusBg: $highlightFocusBg !default;
 $menuitemSubmenuIconFontSize: 0.875rem !default;
 $submenuHeaderMargin: 0 !default;
 $submenuHeaderPadding: 0.571rem 0.429rem !default;
@@ -717,16 +702,12 @@ $submenuHeaderBg: transparent !default;
 $submenuHeaderTextColor: $shade500 !default;
 $submenuHeaderBorderRadius: $borderRadius !default;
 $submenuHeaderFontWeight: 500 !default;
-$submenuHeaderFontSize: 0.857rem !default;
 $overlayMenuBg: white !default;
 $overlayMenuBorder: 1px solid transparent !default;
 $overlayMenuShadow: 0px 9px 30px rgba(68, 72, 109, 0.06) !default;
 $verticalMenuPadding: 0.429rem !default;
-$verticalMenuitemMargin: 0 !default;
 $menuSeparatorMargin: 0.25rem 0 !default;
 
-$panelmenuHeaderTextColor: $shade500;
-
 $breadcrumbPadding: 0.857rem !default;
 $breadcrumbBg: $menuBg !default;
 $breadcrumbBorder: $menuBorder !default;
@@ -768,8 +749,6 @@ $carouselIndicatorHoverBg: rgba(68, 72, 109, 0.15) !default;
 $carouselIndicatorBorderRadius: 3px !default;
 $carouselIndicatorWidth: 1.429rem !default;
 $carouselIndicatorHeight: 0.572rem !default;
-$carouselIndicatorActiveBg: $shade600 !default;
-$carouselIndicatorActiveTextColor: $shade700 !default;
 
 //galleria
 $galleriaMaskBg: rgba(0, 0, 0, 0.9) !default;
@@ -806,8 +785,6 @@ $galleriaIndicatorHeight: 0.286rem !default;
 $galleriaIndicatorsBgOnItem: rgba(0, 0, 0, 0.5) !default;
 $galleriaIndicatorBgOnItem: $shade600 !default;
 $galleriaIndicatorHoverBgOnItem: $shade700 !default;
-$galleriaIndicatorActiveBg: $shade500 !default;
-$galleriaIndicatorActiveTextColor: $shade600 !default;
 
 $galleriaThumbnailContainerBg: $solidSurfaceColor !default;
 $galleriaThumbnailContainerPadding: 1rem 0.25rem !default;
@@ -835,6 +812,8 @@ $avatarTextColor: $textColor !default;
 $chipBg: $shade300 !default;
 $chipTextColor: $textColor !default;
 $chipBorderRadius: 16px !default;
+$chipFocusBg: $shade400 !default;
+$chipFocusTextColor: $textColor !default;
 
 //scrollTop
 $scrollTopBg: rgba(0, 0, 0, 0.7) !default;
@@ -843,14 +822,14 @@ $scrollTopWidth: 3rem !default;
 $scrollTopHeight: 3rem !default;
 $scrollTopBorderRadius: 50% !default;
 $scrollTopFontSize: 1.5rem !default;
-$scrollTopTextColor: $shade000 !default;
+$scrollTopTextColor: $shade100 !default;
 
 //skeleton
-$skeletonBg: $shade100 !default;
+$skeletonBg: $shade300 !default;
 $skeletonAnimationBg: rgba(255, 255, 255, 0.4) !default;
 
 //splitter
-$splitterGutterBg: $shade300 !default;
+$splitterGutterBg: $shade100 !default;
 $splitterGutterHandleBg: $shade300 !default;
 
 //speeddial
@@ -868,6 +847,7 @@ $speedDialActionTextHoverColor: #fff !default;
 $dockActionWidth: 4rem !default;
 $dockActionHeight: 4rem !default;
 $dockItemPadding: 0.5rem !default;
+$dockItemBorderRadius: $borderRadius !default;
 $dockCurrentItemMargin: 1.5rem !default;
 $dockFirstItemsMargin: 1.3rem !default;
 $dockSecondItemsMargin: 0.9rem !default;
@@ -891,6 +871,11 @@ $imagePreviewActionIconFontSize: 1.5rem !default;
 $imagePreviewActionIconBorderRadius: 50% !default;
 
 :root {
+    font-family: 'Inter var', sans-serif;
+    font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11';
+    font-variation-settings: normal;
+    --font-family: 'Inter var', sans-serif;
+    --font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11';
     --surface-a: #{$shade000};
     --surface-b: #{$shade100};
     --surface-c: #{$shade200};
@@ -901,7 +886,6 @@ $imagePreviewActionIconBorderRadius: 50% !default;
     --text-color-secondary: #{$shade600};
     --primary-color: #{$primaryColor};
     --primary-color-text: #{$primaryTextColor};
-    --font-family: #{$fontFamily};
     --surface-0: #ffffff;
     --surface-50: #e1e2e8;
     --surface-100: #cbccd6;
@@ -932,6 +916,9 @@ $imagePreviewActionIconBorderRadius: 50% !default;
     --surface-overlay: #ececf9;
     --surface-border: rgba(68, 72, 109, 0.2);
     --surface-hover: rgba(68, 72, 109, 0.07);
-    --maskbg: #{$maskBg};
     --focus-ring: #{$focusShadow};
+    --maskbg: #{$maskBg};
+    --highlight-bg: #{$highlightBg};
+    --highlight-text-color: #{$highlightTextColor};
+    color-scheme: light;
 }

package/scss/v2/theme/theme-light/blue/theme.scss

@@ -11,3 +11,4 @@ $highlightTextColor: $primaryTextColor;
 @import '../_variables';
 @import '../../theme-base/_components';
 @import '../_extensions';
+@import '../../extensions/_fullcalendar';

package/esm2022/lib/api/models/mappers.mjs

@@ -1,13 +0,0 @@
-import { MediusFilterMatchType } from './filter-match-type.model';
-import { MediusFilterParam } from './filter-param.model';
-import { MediusQueryMode } from './query-mode.model';
-import { MediusQueryParam } from './query-param.model';
-export const enumsMapBase = {
-    FilterMatchType: MediusFilterMatchType,
-    QueryMode: MediusQueryMode
-};
-export const typeMapBase = {
-    FilterParam: MediusFilterParam,
-    QueryParam: MediusQueryParam
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFwcGVycy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvYXBpL21vZGVscy9tYXBwZXJzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxxQkFBcUIsRUFBQyxNQUFNLDJCQUEyQixDQUFDO0FBQ2hFLE9BQU8sRUFBQyxpQkFBaUIsRUFBQyxNQUFNLHNCQUFzQixDQUFDO0FBQ3ZELE9BQU8sRUFBQyxlQUFlLEVBQUMsTUFBTSxvQkFBb0IsQ0FBQztBQUNuRCxPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQztBQUVyRCxNQUFNLENBQUMsTUFBTSxZQUFZLEdBQTJCO0lBQ2hELGVBQWUsRUFBRSxxQkFBcUI7SUFDdEMsU0FBUyxFQUFFLGVBQWU7Q0FDN0IsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBMkI7SUFDL0MsV0FBVyxFQUFFLGlCQUFpQjtJQUM5QixVQUFVLEVBQUUsZ0JBQWdCO0NBQy9CLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge01lZGl1c0ZpbHRlck1hdGNoVHlwZX0gZnJvbSAnLi9maWx0ZXItbWF0Y2gtdHlwZS5tb2RlbCc7XG5pbXBvcnQge01lZGl1c0ZpbHRlclBhcmFtfSBmcm9tICcuL2ZpbHRlci1wYXJhbS5tb2RlbCc7XG5pbXBvcnQge01lZGl1c1F1ZXJ5TW9kZX0gZnJvbSAnLi9xdWVyeS1tb2RlLm1vZGVsJztcbmltcG9ydCB7TWVkaXVzUXVlcnlQYXJhbX0gZnJvbSAnLi9xdWVyeS1wYXJhbS5tb2RlbCc7XG5cbmV4cG9ydCBjb25zdCBlbnVtc01hcEJhc2U6IHtbaW5kZXg6IHN0cmluZ106IGFueX0gPSB7XG4gICAgRmlsdGVyTWF0Y2hUeXBlOiBNZWRpdXNGaWx0ZXJNYXRjaFR5cGUsXG4gICAgUXVlcnlNb2RlOiBNZWRpdXNRdWVyeU1vZGVcbn07XG5cbmV4cG9ydCBjb25zdCB0eXBlTWFwQmFzZToge1tpbmRleDogc3RyaW5nXTogYW55fSA9IHtcbiAgICBGaWx0ZXJQYXJhbTogTWVkaXVzRmlsdGVyUGFyYW0sXG4gICAgUXVlcnlQYXJhbTogTWVkaXVzUXVlcnlQYXJhbVxufTtcbiJdfQ==

package/esm2022/lib/api/models/serialization.model.mjs

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VyaWFsaXphdGlvbi5tb2RlbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvYXBpL21vZGVscy9zZXJpYWxpemF0aW9uLm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgaW50ZXJmYWNlIEF0dHJpYnV0ZURlZiB7XG4gICAgbmFtZTogc3RyaW5nO1xuICAgIGJhc2VOYW1lOiBzdHJpbmc7XG4gICAgdHlwZTogc3RyaW5nO1xuICAgIHN1YnR5cGU/OiBzdHJpbmc7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgU2VyaWFsaXphYmxlVHlwZU1hcCB7XG4gICAgW2luZGV4OiBzdHJpbmddOiBhbnk7XG59XG4iXX0=