Refactor calendar themes to use correct variables (#1899)

---------

Co-authored-by: Silvia Ivanova <[email protected]>
Co-authored-by: Simeon Simeonoff <[email protected]>
Co-authored-by: Radoslav Karaivanov <[email protected]>

Author: 4 people

src/components/calendar/days-view/days-view.ts

@@ -276,7 +276,7 @@ export default class IgcDaysViewComponent extends EventEmitterMixin<
   // XXX: Ranges
 
   private isFirstInRange(day: CalendarDay) {
-    if (this._isSingle || !this._hasValues) {
+    if (!this._isRange || !this._hasValues) {
       return false;
     }
 
@@ -288,7 +288,7 @@ export default class IgcDaysViewComponent extends EventEmitterMixin<
   }
 
   private isLastInRange(day: CalendarDay) {
-    if (this._isSingle || !this._hasValues) {
+    if (!this._isRange || !this._hasValues) {
       return false;
     }
 

src/components/calendar/themes/days.ts

@@ -1,56 +1,38 @@
 import { css } from 'lit';
 
 import type { Themes } from '../../../theming/types.js';
-// Dark Overrides
-import { styles as bootstrapDark } from './dark/calendar.bootstrap.css.js';
-import { styles as fluentDark } from './dark/calendar.fluent.css.js';
-import { styles as indigoDark } from './dark/calendar.indigo.css.js';
-import { styles as materialDark } from './dark/calendar.material.css.js';
-// Light Overrides
-import { styles as bootstrapLight } from './light/calendar.bootstrap.css.js';
-import { styles as fluentLight } from './light/calendar.fluent.css.js';
-import { styles as indigoLight } from './light/calendar.indigo.css.js';
-import { styles as materialLight } from './light/calendar.material.css.js';
-import { styles as shared } from './light/calendar.shared.css.js';
-// Shared Styles
 import { styles as bootstrap } from './shared/bootstrap/days-view.bootstrap.css.js';
 import { styles as fluent } from './shared/fluent/days-view.fluent.css.js';
 import { styles as indigo } from './shared/indigo/days-view.indigo.css.js';
 import { styles as material } from './shared/material/days-view.material.css.js';
 
 const light = {
-  shared: css`
-    ${shared}
-  `,
   bootstrap: css`
-    ${bootstrap} ${bootstrapLight}
+    ${bootstrap}
   `,
   material: css`
-    ${material} ${materialLight}
+    ${material}
   `,
   fluent: css`
-    ${fluent} ${fluentLight}
+    ${fluent}
   `,
   indigo: css`
-    ${indigo} ${indigoLight}
+    ${indigo}
   `,
 };
 
 const dark = {
-  shared: css`
-    ${shared}
-  `,
   bootstrap: css`
-    ${bootstrap} ${bootstrapDark}
+    ${bootstrap}
   `,
   material: css`
-    ${material} ${materialDark}
+    ${material}
   `,
   fluent: css`
-    ${fluent} ${fluentDark}
+    ${fluent}
   `,
   indigo: css`
-    ${indigo} ${indigoDark}
+    ${indigo}
   `,
 };