@jpahd/kalendus 0.1.1 → 0.6.0
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.
- package/custom-elements.json +156 -131
- package/dist/components/Day.d.ts +25 -0
- package/dist/components/Day.d.ts.map +1 -1
- package/dist/components/Entry.d.ts +0 -2
- package/dist/components/Entry.d.ts.map +1 -1
- package/dist/components/Header.d.ts.map +1 -1
- package/dist/components/Menu.d.ts.map +1 -1
- package/dist/components/Month.d.ts +2 -1
- package/dist/components/Month.d.ts.map +1 -1
- package/dist/components/Week.d.ts +20 -1
- package/dist/components/Week.d.ts.map +1 -1
- package/dist/components/Year.d.ts.map +1 -1
- package/dist/kalendus.js +407 -237
- package/dist/kalendus.js.map +1 -1
- package/dist/lib/LayoutCalculator.d.ts +1 -1
- package/dist/lib/LayoutCalculator.d.ts.map +1 -1
- package/dist/lib/SlotManager.d.ts +1 -17
- package/dist/lib/SlotManager.d.ts.map +1 -1
- package/dist/lib/colorParser.d.ts +18 -0
- package/dist/lib/colorParser.d.ts.map +1 -0
- package/dist/lib/getColorTextWithContrast.d.ts +1 -1
- package/dist/lib/getColorTextWithContrast.d.ts.map +1 -1
- package/dist/lib/localization.d.ts.map +1 -1
- package/dist/lib/weekDisplayContext.d.ts.map +1 -1
- package/dist/lib/weekStartHelper.d.ts.map +1 -1
- package/dist/lms-calendar.d.ts +11 -3
- package/dist/lms-calendar.d.ts.map +1 -1
- package/dist/themes/brutalist.css +100 -0
- package/dist/themes/default.css +100 -0
- package/dist/themes/ink.css +98 -0
- package/dist/themes/midnight.css +110 -0
- package/dist/themes/soft.css +97 -0
- package/package.json +13 -3
- package/dist/lib/catchError.d.ts +0 -2
- package/dist/lib/catchError.d.ts.map +0 -1
- package/dist/lib/getOverlappingEntitiesIndices.d.ts +0 -8
- package/dist/lib/getOverlappingEntitiesIndices.d.ts.map +0 -1
- package/dist/lib/getSortedGradingsByIndex.d.ts +0 -2
- package/dist/lib/getSortedGradingsByIndex.d.ts.map +0 -1
- package/dist/lib/partitionOverlappingIntervals.d.ts +0 -6
- package/dist/lib/partitionOverlappingIntervals.d.ts.map +0 -1
|
@@ -35,7 +35,7 @@ export interface LayoutResult {
|
|
|
35
35
|
}
|
|
36
36
|
export declare class LayoutCalculator {
|
|
37
37
|
private config;
|
|
38
|
-
constructor(config?: Partial<GridConfig
|
|
38
|
+
constructor(config?: Partial<GridConfig>);
|
|
39
39
|
calculateLayout(events: CalendarEvent[]): LayoutResult;
|
|
40
40
|
private eventsToIntervals;
|
|
41
41
|
private calculateGrading;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LayoutCalculator.d.ts","sourceRoot":"","sources":["../../src/lib/LayoutCalculator.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,UAAU,aAAa;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5C,OAAO,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAC1C,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,UAAU;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,SAAS;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,YAAY;IACzB,KAAK,EAAE,SAAS,EAAE,CAAC;CACtB;AAED,qBAAa,gBAAgB;IACzB,OAAO,CAAC,MAAM,CAAa;gBAEf,MAAM,GAAE,OAAO,CAAC,UAAU,
|
|
1
|
+
{"version":3,"file":"LayoutCalculator.d.ts","sourceRoot":"","sources":["../../src/lib/LayoutCalculator.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,UAAU,aAAa;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5C,OAAO,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAC1C,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,UAAU;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,SAAS;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,YAAY;IACzB,KAAK,EAAE,SAAS,EAAE,CAAC;CACtB;AAED,qBAAa,gBAAgB;IACzB,OAAO,CAAC,MAAM,CAAa;gBAEf,MAAM,GAAE,OAAO,CAAC,UAAU,CAAM;IAO5C,eAAe,CAAC,MAAM,EAAE,aAAa,EAAE,GAAG,YAAY;IAQtD,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,gBAAgB;IA2CxB,OAAO,CAAC,iBAAiB;IAkCzB,OAAO,CAAC,gBAAgB;IAOxB,OAAO,CAAC,cAAc;CAiEzB"}
|
|
@@ -11,23 +11,6 @@
|
|
|
11
11
|
*/
|
|
12
12
|
import type { ViewMode } from './ViewStateController.js';
|
|
13
13
|
import { type FirstDayOfWeek } from './weekStartHelper.js';
|
|
14
|
-
declare global {
|
|
15
|
-
type CalendarDate = {
|
|
16
|
-
day: number;
|
|
17
|
-
month: number;
|
|
18
|
-
year: number;
|
|
19
|
-
};
|
|
20
|
-
type CalendarTimeInterval = {
|
|
21
|
-
start: {
|
|
22
|
-
hour: number;
|
|
23
|
-
minute: number;
|
|
24
|
-
};
|
|
25
|
-
end: {
|
|
26
|
-
hour: number;
|
|
27
|
-
minute: number;
|
|
28
|
-
};
|
|
29
|
-
};
|
|
30
|
-
}
|
|
31
14
|
export type { ViewMode };
|
|
32
15
|
export type { FirstDayOfWeek };
|
|
33
16
|
export interface PositionConfig {
|
|
@@ -38,6 +21,7 @@ export interface PositionConfig {
|
|
|
38
21
|
activeDate?: CalendarDate;
|
|
39
22
|
firstDayOfWeek?: FirstDayOfWeek;
|
|
40
23
|
weekDates?: CalendarDate[];
|
|
24
|
+
locale?: string;
|
|
41
25
|
}
|
|
42
26
|
export interface LayoutDimensions {
|
|
43
27
|
width: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SlotManager.d.ts","sourceRoot":"","sources":["../../src/lib/SlotManager.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;
|
|
1
|
+
{"version":3,"file":"SlotManager.d.ts","sourceRoot":"","sources":["../../src/lib/SlotManager.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,KAAK,cAAc,EAAgB,MAAM,sBAAsB,CAAC;AAEzE,YAAY,EAAE,QAAQ,EAAE,CAAC;AACzB,YAAY,EAAE,cAAc,EAAE,CAAC;AAE/B,MAAM,WAAW,cAAc;IAC3B,QAAQ,EAAE,QAAQ,CAAC;IACnB,IAAI,EAAE,YAAY,CAAC;IACnB,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,SAAS,CAAC,EAAE,YAAY,EAAE,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,gBAAgB;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,CAAC,EAAE,MAAM,CAAC;IACV,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,iBAAiB;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,QAAQ,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,YAAY;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,OAAO,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,qBAAa,WAAW;IACpB,0EAA0E;IAC1E,OAAO,CAAC,eAAe,CAGP;IAEhB;;OAEG;IACI,iBAAiB,CAAC,MAAM,EAAE,cAAc,GAAG,YAAY;IAsB9D;;OAEG;IACI,mBAAmB,CACtB,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,gBAAgB,EACxB,IAAI,CAAC,EAAE,oBAAoB,GAC5B,MAAM;IA8BT;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAuB7B;;OAEG;IACH,OAAO,CAAC,sBAAsB;IAsC9B;;OAEG;IACH,OAAO,CAAC,uBAAuB;IAO/B;;;OAGG;IACI,QAAQ,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,GAAG;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE;IAQ9E;;;;OAIG;IACI,eAAe,CAClB,SAAS,EAAE,YAAY,EACvB,UAAU,EAAE,YAAY,EACxB,cAAc,GAAE,cAAkB,GACnC,MAAM;IAeT;;OAEG;IACI,eAAe,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,MAAM;IAOzE;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAW1B;;OAEG;IACI,sBAAsB,CAAC,MAAM,EAAE,cAAc,GAAG,iBAAiB;IA8BxE;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAc1B;;OAEG;IACI,sBAAsB,CAAC,MAAM,EAAE,cAAc,GAAG,MAAM;IAU7D;;OAEG;IACI,gBAAgB,CAAC,MAAM,EAAE,cAAc,GAAG;QAC7C,KAAK,EAAE,OAAO,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;KAClB;CAWJ;AAGD,eAAO,MAAM,WAAW,aAAoB,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Pure-math CSS color parser. Handles all CSS Color Level 4 formats:
|
|
3
|
+
* hex, rgb(), hsl(), hwb(), lab(), lch(), oklab(), oklch(),
|
|
4
|
+
* color(srgb), color(xyz-d50), color(xyz-d65), and named CSS colors.
|
|
5
|
+
* No DOM dependency — works in both Node and browser environments.
|
|
6
|
+
*/
|
|
7
|
+
export type RGBTuple = [number, number, number];
|
|
8
|
+
/**
|
|
9
|
+
* Parse any common CSS color string into an RGB tuple.
|
|
10
|
+
* Returns `undefined` for invalid input or `transparent`.
|
|
11
|
+
*/
|
|
12
|
+
export declare function parseColor(input?: string): RGBTuple | undefined;
|
|
13
|
+
/**
|
|
14
|
+
* Parse a CSS color string, returning a fallback if parsing fails.
|
|
15
|
+
* Default fallback is Material Blue 700 `[25, 118, 210]`.
|
|
16
|
+
*/
|
|
17
|
+
export declare function parseColorWithDefault(input?: string, fallback?: RGBTuple): RGBTuple;
|
|
18
|
+
//# sourceMappingURL=colorParser.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"colorParser.d.ts","sourceRoot":"","sources":["../../src/lib/colorParser.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,MAAM,QAAQ,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AA6ehD;;;GAGG;AACH,wBAAgB,UAAU,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,CAwD/D;AAID;;;GAGG;AACH,wBAAgB,qBAAqB,CACjC,KAAK,CAAC,EAAE,MAAM,EACd,QAAQ,GAAE,QAAyB,GACpC,QAAQ,CAEV"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Calculates the text color and background color based on the given color.
|
|
3
3
|
*
|
|
4
|
-
* @param {string} color - The color to process.
|
|
4
|
+
* @param {string} color - The color to process (hex, rgb, hsl, or named CSS color).
|
|
5
5
|
* @returns {[string, string]} An array containing the text color and background color.
|
|
6
6
|
*/
|
|
7
7
|
export default function getColorTextWithContrast(color?: string): [string, string];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getColorTextWithContrast.d.ts","sourceRoot":"","sources":["../../src/lib/getColorTextWithContrast.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"getColorTextWithContrast.d.ts","sourceRoot":"","sources":["../../src/lib/getColorTextWithContrast.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAuBjF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"localization.d.ts","sourceRoot":"","sources":["../../src/lib/localization.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAwEjC;;GAEG;AACH,wBAAgB,cAAc,CAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,SAAO,GAAG,MAAM,CAExF;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,SAAO,GAAG,MAAM,CAEtE;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,
|
|
1
|
+
{"version":3,"file":"localization.d.ts","sourceRoot":"","sources":["../../src/lib/localization.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAwEjC;;GAEG;AACH,wBAAgB,cAAc,CAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,SAAO,GAAG,MAAM,CAExF;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,SAAO,GAAG,MAAM,CAEtE;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAChC,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,MAAM,EACZ,MAAM,SAAO,GACd,MAAM,CAGR;AAED;;GAEG;AACH,wBAAgB,wBAAwB,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,SAAO,GAAG,MAAM,CAE/E;AAeD;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,SAAO,GAAG,MAAM,CAGvF;AAED;;;GAGG;AACH,wBAAgB,wBAAwB,CACpC,SAAS,EAAE,MAAM,EACjB,WAAW,EAAE,MAAM,EACnB,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,MAAM,EACjB,MAAM,SAAO,GACd,MAAM,CAIR;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAC/B,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,MAAM,EACZ,MAAM,SAAO,GACd,MAAM,CAQR"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"weekDisplayContext.d.ts","sourceRoot":"","sources":["../../src/lib/weekDisplayContext.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,cAAc,EAAgB,MAAM,sBAAsB,CAAC;AAEzE,MAAM,WAAW,kBAAkB;IAC/B,6BAA6B;IAC7B,SAAS,EAAE,YAAY,EAAE,CAAC;IAC1B,oEAAoE;IACpE,YAAY,EAAE,YAAY,EAAE,CAAC;IAC7B,uDAAuD;IACvD,iBAAiB,EAAE,MAAM,CAAC;IAC1B,oCAAoC;IACpC,aAAa,EAAE,MAAM,CAAC;IACtB,2CAA2C;IAC3C,WAAW,EAAE,OAAO,CAAC;IACrB,yDAAyD;IACzD,WAAW,EAAE,MAAM,CAAC;CACvB;
|
|
1
|
+
{"version":3,"file":"weekDisplayContext.d.ts","sourceRoot":"","sources":["../../src/lib/weekDisplayContext.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,cAAc,EAAgB,MAAM,sBAAsB,CAAC;AAEzE,MAAM,WAAW,kBAAkB;IAC/B,6BAA6B;IAC7B,SAAS,EAAE,YAAY,EAAE,CAAC;IAC1B,oEAAoE;IACpE,YAAY,EAAE,YAAY,EAAE,CAAC;IAC7B,uDAAuD;IACvD,iBAAiB,EAAE,MAAM,CAAC;IAC1B,oCAAoC;IACpC,aAAa,EAAE,MAAM,CAAC;IACtB,2CAA2C;IAC3C,WAAW,EAAE,OAAO,CAAC;IACrB,yDAAyD;IACzD,WAAW,EAAE,MAAM,CAAC;CACvB;AAqCD;;;;;;;GAOG;AACH,wBAAgB,yBAAyB,CACrC,UAAU,EAAE,YAAY,EACxB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,MAAM,EACrB,MAAM,EAAE,OAAO,GAChB,kBAAkB,CAwCpB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"weekStartHelper.d.ts","sourceRoot":"","sources":["../../src/lib/weekStartHelper.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEvD;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,GAAG,MAAM,CAExF;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,cAAc,GAAG,YAAY,EAAE,CAW/F;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,cAAc,GAAG,MAAM,CAGtF;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,QAAQ,EAAE,cAAc,GAAG,MAAM,EAAE,CAKlE;
|
|
1
|
+
{"version":3,"file":"weekStartHelper.d.ts","sourceRoot":"","sources":["../../src/lib/weekStartHelper.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEvD;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,GAAG,MAAM,CAExF;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,cAAc,GAAG,YAAY,EAAE,CAW/F;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,cAAc,GAAG,MAAM,CAGtF;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,QAAQ,EAAE,cAAc,GAAG,MAAM,EAAE,CAKlE;AAyFD;;;;;;;;;;;;GAYG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,MAAM,GAAG,cAAc,CAcnE"}
|
package/dist/lms-calendar.d.ts
CHANGED
|
@@ -55,8 +55,7 @@ export default class LMSCalendar extends LitElement {
|
|
|
55
55
|
/** Day/week view: cached all-day row assignments keyed by week/day key. */
|
|
56
56
|
private _allDayLayoutCache;
|
|
57
57
|
private _layoutCalculator;
|
|
58
|
-
private
|
|
59
|
-
private _resizeController;
|
|
58
|
+
private _resizeObserver?;
|
|
60
59
|
static styles: import("lit").CSSResult;
|
|
61
60
|
disconnectedCallback(): void;
|
|
62
61
|
protected updated(changedProperties: PropertyValueMap<never> | Map<PropertyKey, unknown>): void;
|
|
@@ -119,13 +118,22 @@ declare global {
|
|
|
119
118
|
'lms-calendar-day': LMSCalendarDay;
|
|
120
119
|
'lms-calendar-context': LMSCalendarContext;
|
|
121
120
|
'lms-calendar-entry': LMSCalendarEntry;
|
|
122
|
-
'lms-
|
|
121
|
+
'lms-menu': LMSCalendarMenu;
|
|
123
122
|
'lms-calendar-year': LMSCalendarYear;
|
|
124
123
|
}
|
|
124
|
+
type CalendarDate = {
|
|
125
|
+
day: number;
|
|
126
|
+
month: number;
|
|
127
|
+
year: number;
|
|
128
|
+
};
|
|
125
129
|
type CalendarTime = {
|
|
126
130
|
hour: number;
|
|
127
131
|
minute: number;
|
|
128
132
|
};
|
|
133
|
+
type CalendarTimeInterval = {
|
|
134
|
+
start: CalendarTime;
|
|
135
|
+
end: CalendarTime;
|
|
136
|
+
};
|
|
129
137
|
type CalendarDateInterval = {
|
|
130
138
|
start: CalendarDate;
|
|
131
139
|
end: CalendarDate;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lms-calendar.d.ts","sourceRoot":"","sources":["../src/lms-calendar.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"lms-calendar.d.ts","sourceRoot":"","sources":["../src/lms-calendar.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Kalendus — Brutalist Theme
|
|
3
|
+
*
|
|
4
|
+
* Bold borders, stark contrast, no radii, no shadows.
|
|
5
|
+
* Raw, architectural, unapologetically structural.
|
|
6
|
+
*
|
|
7
|
+
* Usage:
|
|
8
|
+
* import '@jpahd/kalendus/themes/brutalist.css';
|
|
9
|
+
*/
|
|
10
|
+
|
|
11
|
+
lms-calendar {
|
|
12
|
+
/* ── Colors ─────────────────────────────────── */
|
|
13
|
+
--background-color: #fff;
|
|
14
|
+
--primary-color: #e60000;
|
|
15
|
+
--separator-light: #000;
|
|
16
|
+
--separator-mid: #000;
|
|
17
|
+
--separator-dark: #000;
|
|
18
|
+
|
|
19
|
+
/* ── Typography ─────────────────────────────── */
|
|
20
|
+
--system-ui: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
21
|
+
--monospace-ui: 'Courier New', Courier, monospace;
|
|
22
|
+
--header-text-color: #000;
|
|
23
|
+
--indicator-color: #e60000;
|
|
24
|
+
--indicator-font-weight: 900;
|
|
25
|
+
--day-label-font-weight: 700;
|
|
26
|
+
--day-label-number-font-weight: 900;
|
|
27
|
+
--menu-item-font-weight: 700;
|
|
28
|
+
--menu-title-font-weight: 900;
|
|
29
|
+
--entry-title-weight: 700;
|
|
30
|
+
--entry-time-opacity: 1;
|
|
31
|
+
--title-column-weight: 700;
|
|
32
|
+
--month-label-font-weight: 900;
|
|
33
|
+
--year-weekday-font-weight: 700;
|
|
34
|
+
|
|
35
|
+
/* ── Border Radius ──────────────────────────── */
|
|
36
|
+
--border-radius-sm: 0;
|
|
37
|
+
--border-radius-md: 0;
|
|
38
|
+
--border-radius-lg: 0;
|
|
39
|
+
--entry-border-radius: 0;
|
|
40
|
+
--month-indicator-border-radius: 0;
|
|
41
|
+
--year-day-cell-border-radius: 0;
|
|
42
|
+
--float-text-border-radius: 0;
|
|
43
|
+
|
|
44
|
+
/* ── Shadows ─────────────────────────────────── */
|
|
45
|
+
--shadow-sm: 3px 3px 0 #000;
|
|
46
|
+
--shadow-md: 4px 4px 0 #000;
|
|
47
|
+
--shadow-lg: 5px 5px 0 #000;
|
|
48
|
+
--shadow-hv: 6px 6px 0 #000;
|
|
49
|
+
--active-indicator-shadow: 2px 2px 0 #000;
|
|
50
|
+
--float-text-shadow: 3px 3px 0 #000;
|
|
51
|
+
|
|
52
|
+
/* ── Transitions ────────────────────────────── */
|
|
53
|
+
--transition-speed: 0s;
|
|
54
|
+
|
|
55
|
+
/* ── Hover / Focus / Active ─────────────────── */
|
|
56
|
+
--hover-bg: #e60000;
|
|
57
|
+
--hover-color: #fff;
|
|
58
|
+
--focus-bg: #e60000;
|
|
59
|
+
--peek-active-bg: #000;
|
|
60
|
+
--current-day-hover-opacity: 1;
|
|
61
|
+
--export-hover-opacity: 1;
|
|
62
|
+
|
|
63
|
+
/* ── Entry ───────────────────────────────────── */
|
|
64
|
+
--entry-background-color: #fff;
|
|
65
|
+
--entry-color: #000;
|
|
66
|
+
--entry-highlight-color: #ff0;
|
|
67
|
+
|
|
68
|
+
/* ── Header ──────────────────────────────────── */
|
|
69
|
+
--context-bg: #000;
|
|
70
|
+
--context-text-color: #fff;
|
|
71
|
+
--active-indicator-bg: #fff;
|
|
72
|
+
|
|
73
|
+
/* ── Month ───────────────────────────────────── */
|
|
74
|
+
--indicator-backdrop-filter: none;
|
|
75
|
+
|
|
76
|
+
/* ── Week ────────────────────────────────────── */
|
|
77
|
+
--multi-day-separator: 3px solid #000;
|
|
78
|
+
|
|
79
|
+
/* ── Year ────────────────────────────────────── */
|
|
80
|
+
--year-month-label-hover-color: #e60000;
|
|
81
|
+
--cw-hover-color: #e60000;
|
|
82
|
+
--cw-hover-bg: transparent;
|
|
83
|
+
--current-day-bg: #e60000;
|
|
84
|
+
--current-day-color: #fff;
|
|
85
|
+
--current-day-font-weight: 900;
|
|
86
|
+
--current-dot-bg: #fff;
|
|
87
|
+
--year-heatmap-4-text: #fff;
|
|
88
|
+
--year-heatmap-1: rgba(230, 0, 0, 0.15);
|
|
89
|
+
--year-heatmap-2: rgba(230, 0, 0, 0.35);
|
|
90
|
+
--year-heatmap-3: rgba(230, 0, 0, 0.55);
|
|
91
|
+
--year-heatmap-4: rgba(230, 0, 0, 0.8);
|
|
92
|
+
--year-dot-color: #e60000;
|
|
93
|
+
|
|
94
|
+
/* ── Float Text ──────────────────────────────── */
|
|
95
|
+
--float-text-bg: #fff;
|
|
96
|
+
|
|
97
|
+
/* ── Menu ────────────────────────────────────── */
|
|
98
|
+
--menu-transform-origin: scale(1);
|
|
99
|
+
--menu-transform-active: scale(1);
|
|
100
|
+
}
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Kalendus — Default Theme
|
|
3
|
+
*
|
|
4
|
+
* Import this file to restore the polished, opinionated look.
|
|
5
|
+
* Without it the component renders with a neutral / unstyled base
|
|
6
|
+
* that respects OS light/dark mode via CSS system colors.
|
|
7
|
+
*
|
|
8
|
+
* Usage:
|
|
9
|
+
* import '@jpahd/kalendus/themes/default.css';
|
|
10
|
+
*
|
|
11
|
+
* All tokens are set on the `lms-calendar` selector and cascade
|
|
12
|
+
* into every Shadow DOM child via CSS custom properties.
|
|
13
|
+
*/
|
|
14
|
+
|
|
15
|
+
lms-calendar {
|
|
16
|
+
/* ── Colors ─────────────────────────────────── */
|
|
17
|
+
--background-color: white;
|
|
18
|
+
--primary-color: #3b82f6;
|
|
19
|
+
|
|
20
|
+
/* ── Typography ─────────────────────────────── */
|
|
21
|
+
--system-ui:
|
|
22
|
+
system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji',
|
|
23
|
+
'Segoe UI Emoji', 'Segoe UI Symbol';
|
|
24
|
+
--monospace-ui:
|
|
25
|
+
'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace;
|
|
26
|
+
|
|
27
|
+
--header-text-color: rgba(0, 0, 0, 0.6);
|
|
28
|
+
--indicator-color: var(--primary-color);
|
|
29
|
+
--indicator-font-weight: 600;
|
|
30
|
+
--day-label-font-weight: 500;
|
|
31
|
+
--day-label-number-font-weight: 600;
|
|
32
|
+
--menu-item-font-weight: 500;
|
|
33
|
+
--menu-title-font-weight: 500;
|
|
34
|
+
|
|
35
|
+
/* ── Border Radius ──────────────────────────── */
|
|
36
|
+
--border-radius-sm: 5px;
|
|
37
|
+
--border-radius-md: 7px;
|
|
38
|
+
--border-radius-lg: 12px;
|
|
39
|
+
|
|
40
|
+
--entry-border-radius: var(--border-radius-sm);
|
|
41
|
+
--month-indicator-border-radius: 1em;
|
|
42
|
+
--year-day-cell-border-radius: 50%;
|
|
43
|
+
--float-text-border-radius: 3px;
|
|
44
|
+
|
|
45
|
+
/* ── Shadows ─────────────────────────────────── */
|
|
46
|
+
--shadow-sm: rgba(0, 0, 0, 0.18) 0px 2px 4px;
|
|
47
|
+
--shadow-md: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;
|
|
48
|
+
--shadow-lg: rgba(0, 0, 0, 0.15) 0px 2px 8px;
|
|
49
|
+
--shadow-hv: rgba(0, 0, 0, 0.08) 0px 4px 12px;
|
|
50
|
+
|
|
51
|
+
--active-indicator-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
|
|
52
|
+
--float-text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
|
|
53
|
+
|
|
54
|
+
/* ── Transitions ────────────────────────────── */
|
|
55
|
+
--transition-speed: 0.15s;
|
|
56
|
+
|
|
57
|
+
/* ── Hover / Focus / Active ─────────────────── */
|
|
58
|
+
--hover-bg: var(--separator-light, rgba(0, 0, 0, 0.1));
|
|
59
|
+
--focus-bg: var(--separator-light, rgba(0, 0, 0, 0.1));
|
|
60
|
+
--peek-active-bg: var(--separator-mid, rgba(0, 0, 0, 0.12));
|
|
61
|
+
--current-day-hover-opacity: 0.85;
|
|
62
|
+
--export-hover-opacity: 0.7;
|
|
63
|
+
|
|
64
|
+
/* ── Entry ───────────────────────────────────── */
|
|
65
|
+
--entry-background-color: var(--background-color);
|
|
66
|
+
--entry-color: var(--primary-color);
|
|
67
|
+
--entry-highlight-color: var(--separator-light);
|
|
68
|
+
--entry-title-weight: 500;
|
|
69
|
+
--entry-time-opacity: 0.8;
|
|
70
|
+
--title-column-weight: 500;
|
|
71
|
+
|
|
72
|
+
/* ── Header ──────────────────────────────────── */
|
|
73
|
+
--context-bg: var(--separator-light, rgba(0, 0, 0, 0.06));
|
|
74
|
+
--active-indicator-bg: var(--background-color, white);
|
|
75
|
+
|
|
76
|
+
/* ── Month ───────────────────────────────────── */
|
|
77
|
+
--indicator-backdrop-filter: blur(10px);
|
|
78
|
+
|
|
79
|
+
/* ── Week ────────────────────────────────────── */
|
|
80
|
+
--multi-day-separator: 3px solid rgba(255, 255, 255, 0.4);
|
|
81
|
+
|
|
82
|
+
/* ── Year ────────────────────────────────────── */
|
|
83
|
+
--month-label-font-weight: 600;
|
|
84
|
+
--year-weekday-font-weight: 500;
|
|
85
|
+
--year-month-label-hover-color: var(--primary-color, #3b82f6);
|
|
86
|
+
--cw-hover-color: var(--primary-color, #3b82f6);
|
|
87
|
+
--cw-hover-bg: var(--separator-light, rgba(0, 0, 0, 0.06));
|
|
88
|
+
--current-day-bg: var(--primary-color, #3b82f6);
|
|
89
|
+
--current-day-color: white;
|
|
90
|
+
--current-day-font-weight: 600;
|
|
91
|
+
--current-dot-bg: rgba(255, 255, 255, 0.9);
|
|
92
|
+
--year-heatmap-4-text: white;
|
|
93
|
+
|
|
94
|
+
/* ── Float Text ──────────────────────────────── */
|
|
95
|
+
--float-text-bg: rgba(255, 255, 255, 0.95);
|
|
96
|
+
|
|
97
|
+
/* ── Menu ────────────────────────────────────── */
|
|
98
|
+
--menu-transform-origin: scale(0.95);
|
|
99
|
+
--menu-transform-active: scale(1);
|
|
100
|
+
}
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Kalendus — Ink Theme
|
|
3
|
+
*
|
|
4
|
+
* Monochrome black & white. High contrast, no accent color.
|
|
5
|
+
* Clean editorial feel like a printed planner.
|
|
6
|
+
*
|
|
7
|
+
* Usage:
|
|
8
|
+
* import '@jpahd/kalendus/themes/ink.css';
|
|
9
|
+
*/
|
|
10
|
+
|
|
11
|
+
lms-calendar {
|
|
12
|
+
/* ── Colors ─────────────────────────────────── */
|
|
13
|
+
--background-color: #fff;
|
|
14
|
+
--primary-color: #111;
|
|
15
|
+
--separator-light: rgba(0, 0, 0, 0.12);
|
|
16
|
+
--separator-mid: rgba(0, 0, 0, 0.4);
|
|
17
|
+
--separator-dark: #111;
|
|
18
|
+
|
|
19
|
+
/* ── Typography ─────────────────────────────── */
|
|
20
|
+
--system-ui: 'Georgia', 'Times New Roman', serif;
|
|
21
|
+
--monospace-ui: 'Courier New', Courier, monospace;
|
|
22
|
+
--header-text-color: #444;
|
|
23
|
+
--indicator-color: #111;
|
|
24
|
+
--indicator-font-weight: 700;
|
|
25
|
+
--day-label-font-weight: 400;
|
|
26
|
+
--day-label-number-font-weight: 700;
|
|
27
|
+
--menu-item-font-weight: 400;
|
|
28
|
+
--menu-title-font-weight: 600;
|
|
29
|
+
--entry-title-weight: 600;
|
|
30
|
+
--entry-time-opacity: 0.6;
|
|
31
|
+
--title-column-weight: 600;
|
|
32
|
+
--month-label-font-weight: 700;
|
|
33
|
+
--year-weekday-font-weight: 400;
|
|
34
|
+
|
|
35
|
+
/* ── Border Radius ──────────────────────────── */
|
|
36
|
+
--border-radius-sm: 0;
|
|
37
|
+
--border-radius-md: 0;
|
|
38
|
+
--border-radius-lg: 0;
|
|
39
|
+
--entry-border-radius: 0;
|
|
40
|
+
--month-indicator-border-radius: 0;
|
|
41
|
+
--year-day-cell-border-radius: 0;
|
|
42
|
+
--float-text-border-radius: 0;
|
|
43
|
+
|
|
44
|
+
/* ── Shadows ─────────────────────────────────── */
|
|
45
|
+
--shadow-sm: none;
|
|
46
|
+
--shadow-md: none;
|
|
47
|
+
--shadow-lg: none;
|
|
48
|
+
--shadow-hv: none;
|
|
49
|
+
--active-indicator-shadow: none;
|
|
50
|
+
--float-text-shadow: none;
|
|
51
|
+
|
|
52
|
+
/* ── Transitions ────────────────────────────── */
|
|
53
|
+
--transition-speed: 0.1s;
|
|
54
|
+
|
|
55
|
+
/* ── Hover / Focus / Active ─────────────────── */
|
|
56
|
+
--hover-bg: rgba(0, 0, 0, 0.05);
|
|
57
|
+
--focus-bg: rgba(0, 0, 0, 0.05);
|
|
58
|
+
--peek-active-bg: rgba(0, 0, 0, 0.1);
|
|
59
|
+
--current-day-hover-opacity: 0.8;
|
|
60
|
+
--export-hover-opacity: 0.6;
|
|
61
|
+
|
|
62
|
+
/* ── Entry ───────────────────────────────────── */
|
|
63
|
+
--entry-background-color: #f8f8f8;
|
|
64
|
+
--entry-color: #111;
|
|
65
|
+
--entry-highlight-color: rgba(0, 0, 0, 0.06);
|
|
66
|
+
|
|
67
|
+
/* ── Header ──────────────────────────────────── */
|
|
68
|
+
--context-bg: rgba(0, 0, 0, 0.04);
|
|
69
|
+
--active-indicator-bg: #fff;
|
|
70
|
+
|
|
71
|
+
/* ── Month ───────────────────────────────────── */
|
|
72
|
+
--indicator-backdrop-filter: none;
|
|
73
|
+
|
|
74
|
+
/* ── Week ────────────────────────────────────── */
|
|
75
|
+
--multi-day-separator: 1px solid rgba(0, 0, 0, 0.15);
|
|
76
|
+
|
|
77
|
+
/* ── Year ────────────────────────────────────── */
|
|
78
|
+
--year-month-label-hover-color: #000;
|
|
79
|
+
--cw-hover-color: #000;
|
|
80
|
+
--cw-hover-bg: rgba(0, 0, 0, 0.04);
|
|
81
|
+
--current-day-bg: #111;
|
|
82
|
+
--current-day-color: #fff;
|
|
83
|
+
--current-day-font-weight: 700;
|
|
84
|
+
--current-dot-bg: #fff;
|
|
85
|
+
--year-heatmap-4-text: #fff;
|
|
86
|
+
--year-heatmap-1: rgba(0, 0, 0, 0.08);
|
|
87
|
+
--year-heatmap-2: rgba(0, 0, 0, 0.2);
|
|
88
|
+
--year-heatmap-3: rgba(0, 0, 0, 0.35);
|
|
89
|
+
--year-heatmap-4: rgba(0, 0, 0, 0.55);
|
|
90
|
+
--year-dot-color: #111;
|
|
91
|
+
|
|
92
|
+
/* ── Float Text ──────────────────────────────── */
|
|
93
|
+
--float-text-bg: #fff;
|
|
94
|
+
|
|
95
|
+
/* ── Menu ────────────────────────────────────── */
|
|
96
|
+
--menu-transform-origin: scale(1);
|
|
97
|
+
--menu-transform-active: scale(1);
|
|
98
|
+
}
|
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Kalendus — Midnight Theme
|
|
3
|
+
*
|
|
4
|
+
* Dark mode. Deep charcoal background, soft glowing accents,
|
|
5
|
+
* muted separators. Easy on the eyes.
|
|
6
|
+
*
|
|
7
|
+
* Usage:
|
|
8
|
+
* import '@jpahd/kalendus/themes/midnight.css';
|
|
9
|
+
*/
|
|
10
|
+
|
|
11
|
+
lms-calendar {
|
|
12
|
+
/* ── Base text color — must be explicit for dark themes since
|
|
13
|
+
the unstyled base uses `color: inherit` from the page ──── */
|
|
14
|
+
color: rgba(255, 255, 255, 0.85);
|
|
15
|
+
|
|
16
|
+
/* ── Colors ─────────────────────────────────── */
|
|
17
|
+
--background-color: #1a1b2e;
|
|
18
|
+
--primary-color: #818cf8;
|
|
19
|
+
--separator-light: rgba(255, 255, 255, 0.08);
|
|
20
|
+
--separator-mid: rgba(255, 255, 255, 0.2);
|
|
21
|
+
--separator-dark: rgba(255, 255, 255, 0.85);
|
|
22
|
+
|
|
23
|
+
/* ── Typography ─────────────────────────────── */
|
|
24
|
+
--system-ui: system-ui, -apple-system, 'Segoe UI', sans-serif;
|
|
25
|
+
--monospace-ui: 'JetBrains Mono', 'Fira Code', monospace;
|
|
26
|
+
--header-text-color: rgba(255, 255, 255, 0.5);
|
|
27
|
+
--indicator-color: var(--primary-color);
|
|
28
|
+
--indicator-font-weight: 600;
|
|
29
|
+
--day-label-font-weight: 500;
|
|
30
|
+
--day-label-number-font-weight: 600;
|
|
31
|
+
--menu-item-font-weight: 500;
|
|
32
|
+
--menu-title-font-weight: 600;
|
|
33
|
+
--entry-title-weight: 500;
|
|
34
|
+
--entry-time-opacity: 0.7;
|
|
35
|
+
--title-column-weight: 500;
|
|
36
|
+
--month-label-font-weight: 600;
|
|
37
|
+
--year-weekday-font-weight: 500;
|
|
38
|
+
|
|
39
|
+
/* ── Border Radius ──────────────────────────── */
|
|
40
|
+
--border-radius-sm: 6px;
|
|
41
|
+
--border-radius-md: 8px;
|
|
42
|
+
--border-radius-lg: 12px;
|
|
43
|
+
--entry-border-radius: 4px;
|
|
44
|
+
--month-indicator-border-radius: 1em;
|
|
45
|
+
--year-day-cell-border-radius: 50%;
|
|
46
|
+
--float-text-border-radius: 4px;
|
|
47
|
+
|
|
48
|
+
/* ── Shadows ─────────────────────────────────── */
|
|
49
|
+
--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
|
|
50
|
+
--shadow-md: 0 2px 6px rgba(0, 0, 0, 0.4);
|
|
51
|
+
--shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.5);
|
|
52
|
+
--shadow-hv: 0 8px 24px rgba(0, 0, 0, 0.4);
|
|
53
|
+
--active-indicator-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
|
|
54
|
+
--float-text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
|
|
55
|
+
|
|
56
|
+
/* ── Transitions ────────────────────────────── */
|
|
57
|
+
--transition-speed: 0.2s;
|
|
58
|
+
|
|
59
|
+
/* ── Hover / Focus / Active ─────────────────── */
|
|
60
|
+
--hover-bg: rgba(255, 255, 255, 0.06);
|
|
61
|
+
--focus-bg: rgba(255, 255, 255, 0.08);
|
|
62
|
+
--peek-active-bg: rgba(255, 255, 255, 0.12);
|
|
63
|
+
--current-day-hover-opacity: 0.85;
|
|
64
|
+
--export-hover-opacity: 0.7;
|
|
65
|
+
|
|
66
|
+
/* ── Entry ───────────────────────────────────── */
|
|
67
|
+
--entry-background-color: rgba(255, 255, 255, 0.06);
|
|
68
|
+
--entry-color: var(--primary-color);
|
|
69
|
+
--entry-highlight-color: rgba(129, 140, 248, 0.1);
|
|
70
|
+
--entry-focus-color: var(--primary-color);
|
|
71
|
+
|
|
72
|
+
/* ── Header ──────────────────────────────────── */
|
|
73
|
+
--context-bg: rgba(255, 255, 255, 0.06);
|
|
74
|
+
--active-indicator-bg: rgba(255, 255, 255, 0.1);
|
|
75
|
+
|
|
76
|
+
/* ── Month ───────────────────────────────────── */
|
|
77
|
+
--indicator-backdrop-filter: blur(10px);
|
|
78
|
+
|
|
79
|
+
/* ── Week ────────────────────────────────────── */
|
|
80
|
+
--multi-day-separator: 2px solid rgba(255, 255, 255, 0.1);
|
|
81
|
+
|
|
82
|
+
/* ── Year ────────────────────────────────────── */
|
|
83
|
+
--year-month-label-hover-color: var(--primary-color);
|
|
84
|
+
--year-cw-color: rgba(255, 255, 255, 0.3);
|
|
85
|
+
--cw-hover-color: var(--primary-color);
|
|
86
|
+
--cw-hover-bg: rgba(255, 255, 255, 0.06);
|
|
87
|
+
--current-day-bg: var(--primary-color);
|
|
88
|
+
--current-day-color: #1a1b2e;
|
|
89
|
+
--current-day-font-weight: 600;
|
|
90
|
+
--current-dot-bg: #1a1b2e;
|
|
91
|
+
--year-heatmap-4-text: #1a1b2e;
|
|
92
|
+
--year-heatmap-1: rgba(129, 140, 248, 0.12);
|
|
93
|
+
--year-heatmap-2: rgba(129, 140, 248, 0.25);
|
|
94
|
+
--year-heatmap-3: rgba(129, 140, 248, 0.4);
|
|
95
|
+
--year-heatmap-4: rgba(129, 140, 248, 0.6);
|
|
96
|
+
--year-dot-color: var(--primary-color);
|
|
97
|
+
|
|
98
|
+
/* ── Float Text ──────────────────────────────── */
|
|
99
|
+
--float-text-bg: #252640;
|
|
100
|
+
|
|
101
|
+
/* ── Hour indicator ──────────────────────────── */
|
|
102
|
+
--hour-indicator-color: rgba(255, 255, 255, 0.35);
|
|
103
|
+
|
|
104
|
+
/* ── Month view ──────────────────────────────── */
|
|
105
|
+
--entry-month-text-color: rgba(255, 255, 255, 0.7);
|
|
106
|
+
|
|
107
|
+
/* ── Menu ────────────────────────────────────── */
|
|
108
|
+
--menu-transform-origin: scale(0.96);
|
|
109
|
+
--menu-transform-active: scale(1);
|
|
110
|
+
}
|