@fullcalendar/theme-breezy 7.0.0-beta.5

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/LICENSE.md ADDED
@@ -0,0 +1,22 @@
1
+ MIT License
2
+
3
+ Copyright (c) 2025 Adam Shaw
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining
6
+ a copy of this software and associated documentation files (the
7
+ "Software"), to deal in the Software without restriction, including
8
+ without limitation the rights to use, copy, modify, merge, publish,
9
+ distribute, sublicense, and/or sell copies of the Software, and to
10
+ permit persons to whom the Software is furnished to do so, subject to
11
+ the following conditions:
12
+
13
+ The above copyright notice and this permission notice shall be
14
+ included in all copies or substantial portions of the Software.
15
+
16
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
17
+ EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
18
+ MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
19
+ NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
20
+ LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
21
+ OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
22
+ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
package/README.md ADDED
@@ -0,0 +1,45 @@
1
+
2
+ # FullCalendar Breezy Theme
3
+
4
+ Display an event calendar with a [Tailwind Plus](https://tailwindcss.com/plus/ui-blocks/application-ui/data-display/calendars) inspired theme.
5
+
6
+ ## Installation
7
+
8
+ Install FullCalendar's core, the theme, and any other plugins you plan to use:
9
+
10
+ ```sh
11
+ npm install @fullcalendar/core @fullcalendar/theme-breezy @fullcalendar/daygrid
12
+ ```
13
+
14
+ ## Usage
15
+
16
+ Instantiate a Calendar with the necessary plugin:
17
+
18
+ ```js
19
+ import { Calendar } from '@fullcalendar/core'
20
+ import breezyThemePlugin from '@fullcalendar/theme-breezy'
21
+ import dayGridPlugin from '@fullcalendar/daygrid'
22
+
23
+ import '@fullcalendar/core/skeleton.css'
24
+ import '@fullcalendar/theme-breezy/theme.css'
25
+ import '@fullcalendar/theme-breezy/palettes/indigo.css'
26
+
27
+ const calendarEl = document.getElementById('calendar')
28
+ const calendar = new Calendar(calendarEl, {
29
+ plugins: [breezyThemePlugin, dayGridPlugin],
30
+ initialView: 'dayGridMonth',
31
+ events: [
32
+ { title: 'Meeting', start: new Date() }
33
+ ]
34
+ })
35
+
36
+ calendar.render()
37
+ ```
38
+
39
+ ## Colors
40
+
41
+ Future docs will explain how to customize this theme's colors, as well as light/dark mode.
42
+
43
+ ## React/Vue/Angular Usage
44
+
45
+ Future docs will explain how to use this theme with various front-end frameworks.
package/cjs/index.cjs ADDED
@@ -0,0 +1,352 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var core = require('@fullcalendar/core');
6
+ var preact = require('@fullcalendar/core/preact');
7
+
8
+ // usually 11px font / 12px line-height
9
+ const xxsTextClass = "fc-breezy-vQz";
10
+ // outline
11
+ const outlineWidthClass = "fc-breezy-0Bj";
12
+ const outlineWidthFocusClass = "fc-breezy-uqo";
13
+ const outlineWidthGroupFocusClass = "fc-breezy-nPR";
14
+ const outlineOffsetClass = "fc-breezy-3Xj";
15
+ const primaryOutlineColorClass = "fc-breezy-yg7";
16
+ const primaryOutlineFocusClass = `${outlineWidthFocusClass} ${primaryOutlineColorClass}`;
17
+ // neutral buttons
18
+ const strongSolidPressableClass = core.joinClassNames("fc-breezy-hJa", "fc-breezy-AT7", "fc-breezy-b3B");
19
+ const mutedHoverClass = "fc-breezy-qiG";
20
+ const mutedHoverPressableClass = `${mutedHoverClass} fc-breezy-WfX`;
21
+ const faintHoverClass = "fc-breezy-1EL";
22
+ const faintHoverPressableClass = `${faintHoverClass} fc-breezy-qWF fc-breezy-UTk`;
23
+ // controls
24
+ const selectedClass = `fc-breezy-GfU fc-breezy-Oiq ${primaryOutlineFocusClass}`;
25
+ const unselectedClass = `fc-breezy-t4l fc-breezy-hnE ${primaryOutlineFocusClass}`;
26
+ // primary
27
+ const primaryClass = "fc-breezy-Anp fc-breezy-ECg";
28
+ const primaryPressableClass = `${primaryClass} fc-breezy-8mf`;
29
+ const primaryPressableGroupClass = `${primaryClass} fc-breezy-t8l`;
30
+ const primaryButtonClass = `${primaryPressableClass} fc-breezy-d0j ${primaryOutlineFocusClass} ${outlineOffsetClass}`;
31
+ // secondary
32
+ const secondaryClass = "fc-breezy-nyY fc-breezy-NK3";
33
+ const secondaryPressableClass = `${secondaryClass} fc-breezy-StK`;
34
+ const secondaryButtonClass = `${secondaryPressableClass} fc-breezy-nuP ${primaryOutlineFocusClass} fc-breezy-07j`;
35
+ const secondaryButtonIconClass = "fc-breezy-XUJ fc-breezy-J7Y fc-breezy-b7A fc-breezy-tRE";
36
+ // event content
37
+ const eventMutedFgClass = "fc-breezy-WLU";
38
+ const eventFaintBgClass = "fc-breezy-GjO";
39
+ const eventFaintPressableClass = core.joinClassNames(eventFaintBgClass, "fc-breezy-yE8", "fc-breezy-x2T");
40
+ // interactive neutral foregrounds
41
+ const mutedFgPressableGroupClass = "fc-breezy-t4l fc-breezy-Wxh fc-breezy-x7E";
42
+ // transparent resizer for mouse
43
+ const blockPointerResizerClass = "fc-breezy-1EY fc-breezy-pps fc-breezy-vs6";
44
+ const rowPointerResizerClass = `${blockPointerResizerClass} fc-breezy-AWB fc-breezy-hza`;
45
+ const columnPointerResizerClass = `${blockPointerResizerClass} fc-breezy-MaV fc-breezy-uuA`;
46
+ // circle resizer for touch
47
+ const blockTouchResizerClass = "fc-breezy-1EY fc-breezy-3wQ fc-breezy-wsy fc-breezy-lNM fc-breezy-gmc fc-breezy-AAA";
48
+ const rowTouchResizerClass = `${blockTouchResizerClass} fc-breezy-ERR fc-breezy-Dq8`;
49
+ const columnTouchResizerClass = `${blockTouchResizerClass} fc-breezy-1V6 fc-breezy-F99`;
50
+ const getNormalDayHeaderBorderClass = (data) => core.joinClassNames(!data.inPopover && (data.isMajor ? "fc-breezy-wsy fc-breezy-OFc" :
51
+ !data.isNarrow && "fc-breezy-wsy fc-breezy-EAo"));
52
+ const getMutedDayHeaderBorderClass = (data) => core.joinClassNames(!data.inPopover && (data.isMajor ? "fc-breezy-wsy fc-breezy-OFc" :
53
+ !data.isNarrow && "fc-breezy-wsy fc-breezy-tTN"));
54
+ const getNormalDayCellBorderColorClass = (data) => (data.isMajor ? "fc-breezy-OFc" : "fc-breezy-EAo");
55
+ const getMutedDayCellBorderColorClass = (data) => (data.isMajor ? "fc-breezy-OFc" : "fc-breezy-tTN");
56
+ const tallDayCellBottomClass = "fc-breezy-mhE";
57
+ const getShortDayCellBottomClass = (data) => core.joinClassNames(!data.isNarrow && "fc-breezy-toR");
58
+ const mutedHoverButtonClass = core.joinClassNames(mutedHoverPressableClass, outlineWidthFocusClass, primaryOutlineColorClass);
59
+ const dayRowCommonClasses = {
60
+ /* Day Row > List-Item Event
61
+ ----------------------------------------------------------------------------------------------- */
62
+ listItemEventClass: (data) => core.joinClassNames("fc-breezy-Ika fc-breezy-7A6", data.isNarrow
63
+ ? "fc-breezy-148 fc-breezy-Fvv"
64
+ : "fc-breezy-rVY fc-breezy-KzJ", data.isSelected
65
+ ? "fc-breezy-pZQ"
66
+ : data.isInteractive
67
+ ? mutedHoverPressableClass
68
+ : mutedHoverClass),
69
+ listItemEventInnerClass: (data) => core.joinClassNames("fc-breezy-dl1 fc-breezy-1sP fc-breezy-XpK fc-breezy-N2M", data.isNarrow
70
+ ? `fc-breezy-z5u ${xxsTextClass}`
71
+ : "fc-breezy-2rx fc-breezy-a3B"),
72
+ listItemEventTimeClass: (data) => core.joinClassNames(data.isNarrow ? "fc-breezy-F1o" : "fc-breezy-oQ2", "fc-breezy-t4l fc-breezy-NPw fc-breezy-TZ4 fc-breezy-pKG fc-breezy-1Zl"),
73
+ listItemEventTitleClass: (data) => core.joinClassNames(data.isNarrow ? "fc-breezy-F1o" : "fc-breezy-oQ2", "fc-breezy-Oiq fc-breezy-1OT fc-breezy-TZ4 fc-breezy-pKG fc-breezy-OLq", data.timeText && "fc-breezy-IPx"),
74
+ /* Day Row > Row Event
75
+ ----------------------------------------------------------------------------------------------- */
76
+ rowEventClass: (data) => core.joinClassNames(data.isStart && (data.isNarrow ? "fc-breezy-Jzj" : "fc-breezy-Wga"), data.isEnd && (data.isNarrow ? "fc-breezy-3e1" : "fc-breezy-KYn")),
77
+ rowEventInnerClass: (data) => data.isNarrow ? "fc-breezy-z5u" : "fc-breezy-2rx",
78
+ /* Day Row > More-Link
79
+ ----------------------------------------------------------------------------------------------- */
80
+ rowMoreLinkClass: (data) => core.joinClassNames("fc-breezy-Ika fc-breezy-wsy", data.isNarrow
81
+ ? "fc-breezy-148 fc-breezy-UIT fc-breezy-Fvv"
82
+ : "fc-breezy-sI7 fc-breezy-rVY fc-breezy-d0j fc-breezy-KzJ", mutedHoverPressableClass),
83
+ rowMoreLinkInnerClass: (data) => core.joinClassNames(data.isNarrow
84
+ ? `fc-breezy-7A6 ${xxsTextClass}`
85
+ : "fc-breezy-KUX fc-breezy-a3B", "fc-breezy-Oiq"),
86
+ };
87
+ var index = core.createPlugin({
88
+ name: "@fullcalendar/theme-breezy",
89
+ optionDefaults: {
90
+ className: "fc-breezy-gmc fc-breezy-wsy fc-breezy-EAo fc-breezy-hny fc-breezy-pKG fc-breezy-R1q",
91
+ /* Toolbar
92
+ --------------------------------------------------------------------------------------------- */
93
+ headerToolbarClass: "fc-breezy-zi1 fc-breezy-EAo",
94
+ footerToolbarClass: "fc-breezy-ku3 fc-breezy-EAo",
95
+ toolbarClass: "fc-breezy-KRz fc-breezy-OEz fc-breezy-nYK fc-breezy-dl1 fc-breezy-1sP fc-breezy-dNl fc-breezy-XpK fc-breezy-N2M fc-breezy-Pms",
96
+ toolbarSectionClass: "fc-breezy-yi0 fc-breezy-dl1 fc-breezy-1sP fc-breezy-XpK fc-breezy-Pms",
97
+ toolbarTitleClass: "fc-breezy-9ZS fc-breezy-C8a fc-breezy-Oiq",
98
+ buttonGroupClass: (data) => core.joinClassNames("fc-breezy-dl1 fc-breezy-1sP fc-breezy-XpK", !data.isSelectGroup && "fc-breezy-KzJ fc-breezy-eSM"),
99
+ buttonClass: (data) => core.joinClassNames("fc-breezy-bCs fc-breezy-dl6 fc-breezy-dl1 fc-breezy-1sP fc-breezy-XpK fc-breezy-9yp fc-breezy-Z9U", data.isIconOnly ? "fc-breezy-Nca" : "fc-breezy-Apf", data.inSelectGroup ? core.joinClassNames("fc-breezy-KzJ fc-breezy-1OT", data.isSelected
100
+ ? selectedClass
101
+ : unselectedClass) : core.joinClassNames("fc-breezy-C8a", data.isPrimary
102
+ ? primaryButtonClass
103
+ : secondaryButtonClass, data.inGroup
104
+ ? "fc-breezy-Ps8 fc-breezy-H1W fc-breezy-g3A fc-breezy-7ss fc-breezy-JIC"
105
+ : "fc-breezy-KzJ fc-breezy-eSM fc-breezy-wsy")),
106
+ buttons: {
107
+ prev: {
108
+ iconContent: () => chevronDown(core.joinClassNames(secondaryButtonIconClass, "fc-breezy-z44 fc-breezy-keW")),
109
+ },
110
+ next: {
111
+ iconContent: () => chevronDown(core.joinClassNames(secondaryButtonIconClass, "fc-breezy-KxI fc-breezy-ZW3")),
112
+ },
113
+ prevYear: {
114
+ iconContent: () => chevronDoubleLeft(core.joinClassNames(secondaryButtonIconClass, "fc-breezy-asP"))
115
+ },
116
+ nextYear: {
117
+ iconContent: () => chevronDoubleLeft(core.joinClassNames(secondaryButtonIconClass, "fc-breezy-jmT fc-breezy-jY6"))
118
+ },
119
+ },
120
+ /* Abstract Event
121
+ --------------------------------------------------------------------------------------------- */
122
+ eventShortHeight: 50,
123
+ eventColor: "var(--fc-breezy-event)",
124
+ eventClass: (data) => core.joinClassNames(data.isSelected
125
+ ? core.joinClassNames(outlineWidthClass, data.isDragging && "fc-breezy-tkw")
126
+ : outlineWidthFocusClass, primaryOutlineColorClass),
127
+ /* Background Event
128
+ --------------------------------------------------------------------------------------------- */
129
+ backgroundEventColor: "var(--fc-breezy-background-event)",
130
+ backgroundEventClass: "fc-breezy-AhZ",
131
+ backgroundEventTitleClass: (data) => core.joinClassNames("fc-breezy-lMo fc-breezy-L1Y", data.isNarrow
132
+ ? `fc-breezy-iS4 ${xxsTextClass}`
133
+ : "fc-breezy-3N5 fc-breezy-a3B", "fc-breezy-sI1"),
134
+ /* Block Event
135
+ --------------------------------------------------------------------------------------------- */
136
+ blockEventClass: (data) => core.joinClassNames("fc-breezy-bCs fc-breezy-eYX fc-breezy-vwH fc-breezy-d0j fc-breezy-DO7", data.isInteractive ? eventFaintPressableClass : eventFaintBgClass, (data.isDragging && !data.isSelected) && "fc-breezy-iTG"),
137
+ blockEventInnerClass: eventMutedFgClass,
138
+ blockEventTimeClass: "fc-breezy-TZ4 fc-breezy-pKG fc-breezy-1Zl",
139
+ blockEventTitleClass: "fc-breezy-TZ4 fc-breezy-pKG fc-breezy-OLq",
140
+ /* Row Event
141
+ --------------------------------------------------------------------------------------------- */
142
+ rowEventClass: (data) => core.joinClassNames("fc-breezy-Ika fc-breezy-JIC", data.isStart && core.joinClassNames("fc-breezy-3J4", data.isNarrow ? "fc-breezy-kmj" : "fc-breezy-QUg"), data.isEnd && core.joinClassNames("fc-breezy-USt", data.isNarrow ? "fc-breezy-Skl" : "fc-breezy-RNO")),
143
+ rowEventBeforeClass: (data) => core.joinClassNames(data.isStartResizable && core.joinClassNames(data.isSelected ? rowTouchResizerClass : rowPointerResizerClass, "fc-breezy-11a")),
144
+ rowEventAfterClass: (data) => core.joinClassNames(data.isEndResizable && core.joinClassNames(data.isSelected ? rowTouchResizerClass : rowPointerResizerClass, "fc-breezy-Tuc")),
145
+ rowEventInnerClass: (data) => core.joinClassNames("fc-breezy-dl1 fc-breezy-1sP fc-breezy-XpK", data.isNarrow ? xxsTextClass : "fc-breezy-a3B"),
146
+ rowEventTimeClass: (data) => core.joinClassNames(data.isNarrow ? "fc-breezy-a7i" : "fc-breezy-C2j", "fc-breezy-1OT"),
147
+ rowEventTitleClass: (data) => (data.isNarrow ? "fc-breezy-oQ2" : "fc-breezy-aCI"),
148
+ /* Column Event
149
+ --------------------------------------------------------------------------------------------- */
150
+ columnEventClass: (data) => core.joinClassNames("fc-breezy-1Wx fc-breezy-A3h fc-breezy-9Iz", data.isStart && core.joinClassNames("fc-breezy-ku3 fc-breezy-wko", data.isNarrow ? "fc-breezy-sEX" : "fc-breezy-zZM"), data.isEnd && core.joinClassNames("fc-breezy-zi1 fc-breezy-L2o", data.isNarrow ? "fc-breezy-Ika" : "fc-breezy-vUo")),
151
+ columnEventBeforeClass: (data) => core.joinClassNames(data.isStartResizable && core.joinClassNames(data.isSelected ? columnTouchResizerClass : columnPointerResizerClass, "fc-breezy-YDC")),
152
+ columnEventAfterClass: (data) => core.joinClassNames(data.isEndResizable && core.joinClassNames(data.isSelected ? columnTouchResizerClass : columnPointerResizerClass, "fc-breezy-fJL")),
153
+ columnEventInnerClass: (data) => core.joinClassNames("fc-breezy-dl1", data.isShort
154
+ ? "fc-breezy-1sP fc-breezy-XpK fc-breezy-NWN fc-breezy-iS4"
155
+ : core.joinClassNames("fc-breezy-sgX", data.isNarrow ? "fc-breezy-aCI fc-breezy-2rx" : "fc-breezy-Nca fc-breezy-Jhn"), (data.isShort || data.isNarrow) ? xxsTextClass : "fc-breezy-a3B"),
156
+ columnEventTimeClass: (data) => (!data.isShort && (data.isNarrow ? "fc-breezy-166" : "fc-breezy-4dx")),
157
+ columnEventTitleClass: (data) => core.joinClassNames(!data.isShort && (data.isNarrow ? "fc-breezy-2rx" : "fc-breezy-Jhn"), "fc-breezy-C8a"),
158
+ /* More-Link
159
+ --------------------------------------------------------------------------------------------- */
160
+ moreLinkClass: `${outlineWidthFocusClass} ${primaryOutlineColorClass}`,
161
+ moreLinkInnerClass: "fc-breezy-TZ4 fc-breezy-pKG",
162
+ columnMoreLinkClass: (data) => core.joinClassNames(data.isNarrow ? "fc-breezy-SEP" : "fc-breezy-V9v", `fc-breezy-wsy fc-breezy-d0j fc-breezy-4MR fc-breezy-KzJ ${strongSolidPressableClass} fc-breezy-vwH fc-breezy-A3h fc-breezy-9Iz`),
163
+ columnMoreLinkInnerClass: (data) => core.joinClassNames(data.isNarrow
164
+ ? `fc-breezy-KUX ${xxsTextClass}`
165
+ : "fc-breezy-iS4 fc-breezy-a3B", "fc-breezy-sI1"),
166
+ /* Day Header
167
+ --------------------------------------------------------------------------------------------- */
168
+ dayHeaderAlign: (data) => data.inPopover ? "start" : "center",
169
+ dayHeaderClass: (data) => core.joinClassNames("fc-breezy-E9P", data.inPopover && "fc-breezy-zi1 fc-breezy-EAo fc-breezy-nYK"),
170
+ dayHeaderInnerClass: (data) => core.joinClassNames("fc-breezy-dl1 fc-breezy-1sP fc-breezy-XpK", (!data.dayNumberText && !data.inPopover)
171
+ ? core.joinClassNames("fc-breezy-Jhn fc-breezy-Fvv fc-breezy-a3B", data.isNarrow
172
+ ? "fc-breezy-aCI fc-breezy-gMS fc-breezy-t4l"
173
+ : "fc-breezy-ZrE fc-breezy-bvX fc-breezy-C8a fc-breezy-sI1", data.hasNavLink && mutedHoverButtonClass)
174
+ : (data.isToday && data.dayNumberText && !data.inPopover)
175
+ ? core.joinClassNames("fc-breezy-bCs fc-breezy-bvX fc-breezy-hS8", data.isNarrow ? "fc-breezy-TFV" : "fc-breezy-I1A")
176
+ : core.joinClassNames("fc-breezy-Fvv", data.inPopover
177
+ ? "fc-breezy-bvX fc-breezy-aCI fc-breezy-2rx"
178
+ : core.joinClassNames("fc-breezy-fn8 fc-breezy-TFV fc-breezy-ZrE", data.isNarrow ? "fc-breezy-2tF" : "fc-breezy-X6C"), data.hasNavLink && mutedHoverButtonClass)),
179
+ dayHeaderContent: (data) => ((!data.dayNumberText && !data.inPopover) ? (preact.createElement(preact.Fragment, null, data.text)) : (preact.createElement(preact.Fragment, null, data.textParts.map((textPart, i) => (preact.createElement("span", { key: i, className: core.joinClassNames("fc-breezy-jm6", data.isNarrow ? "fc-breezy-a3B" : "fc-breezy-9yp", textPart.type === "day"
180
+ ? core.joinClassNames("fc-breezy-dl1 fc-breezy-1sP fc-breezy-XpK", !data.isNarrow && "fc-breezy-C8a", (data.isToday && !data.inPopover)
181
+ ? core.joinClassNames("fc-breezy-cKZ fc-breezy-AAA fc-breezy-E9P", data.isNarrow ? "fc-breezy-MSG" : "fc-breezy-n6w", data.hasNavLink
182
+ ? `${primaryPressableGroupClass} ${outlineWidthGroupFocusClass} ${outlineOffsetClass} ${primaryOutlineColorClass}`
183
+ : primaryClass)
184
+ : "fc-breezy-Oiq")
185
+ : "fc-breezy-t4l") }, textPart.value)))))),
186
+ /* Day Cell
187
+ --------------------------------------------------------------------------------------------- */
188
+ dayCellClass: (data) => core.joinClassNames("fc-breezy-wsy", ((data.isOther || data.isDisabled) && !data.options.businessHours) && "fc-breezy-nYK"),
189
+ dayCellTopClass: (data) => core.joinClassNames(data.isNarrow ? "fc-breezy-84e" : "fc-breezy-p7s", "fc-breezy-dl1 fc-breezy-1sP"),
190
+ dayCellTopInnerClass: (data) => core.joinClassNames("fc-breezy-dl1 fc-breezy-1sP fc-breezy-XpK fc-breezy-E9P fc-breezy-TZ4", data.isNarrow
191
+ ? `fc-breezy-SEP fc-breezy-oM6 ${xxsTextClass}`
192
+ : "fc-breezy-V9v fc-breezy-TFV fc-breezy-a3B", data.isToday
193
+ ? core.joinClassNames("fc-breezy-AAA fc-breezy-C8a", data.isNarrow ? "fc-breezy-qvL" : "fc-breezy-Wga", data.text === data.dayNumberText
194
+ ? (data.isNarrow ? "fc-breezy-79F" : "fc-breezy-ilz")
195
+ : (data.isNarrow ? "fc-breezy-aCI" : "fc-breezy-Nca"), data.hasNavLink
196
+ ? `${primaryPressableClass} ${outlineOffsetClass}`
197
+ : primaryClass)
198
+ : core.joinClassNames("fc-breezy-Skl", data.isNarrow ? "fc-breezy-aCI" : "fc-breezy-Nca", data.hasNavLink && mutedHoverPressableClass, data.isOther
199
+ ? "fc-breezy-mNS"
200
+ : (data.monthText ? "fc-breezy-sI1" : "fc-breezy-t4l"), data.monthText && "fc-breezy-DIS")),
201
+ dayCellInnerClass: (data) => core.joinClassNames(data.inPopover && "fc-breezy-3N5"),
202
+ /* Popover
203
+ --------------------------------------------------------------------------------------------- */
204
+ popoverClass: "fc-breezy-uhF fc-breezy-wsy fc-breezy-LDJ fc-breezy-hny fc-breezy-pKG fc-breezy-1kP fc-breezy-gMS fc-breezy-aNc fc-breezy-R1q",
205
+ popoverCloseClass: `fc-breezy-bCs fc-breezy-1EY fc-breezy-SKv fc-breezy-aYN fc-breezy-KUX fc-breezy-Fvv ${mutedHoverButtonClass} fc-breezy-Z9U`,
206
+ popoverCloseContent: () => x(`fc-breezy-XUJ ${mutedFgPressableGroupClass}`),
207
+ /* Lane
208
+ --------------------------------------------------------------------------------------------- */
209
+ dayLaneClass: (data) => core.joinClassNames("fc-breezy-wsy", data.isMajor ? "fc-breezy-OFc" : "fc-breezy-tTN", data.isDisabled && "fc-breezy-nYK"),
210
+ dayLaneInnerClass: (data) => (data.isStack
211
+ ? "fc-breezy-gMS"
212
+ : data.isNarrow ? "fc-breezy-148" : "fc-breezy-rVY"),
213
+ slotLaneClass: (data) => core.joinClassNames("fc-breezy-wsy fc-breezy-tTN", data.isMinor && "fc-breezy-TN2"),
214
+ /* List Day
215
+ --------------------------------------------------------------------------------------------- */
216
+ listDaysClass: "fc-breezy-8T7 fc-breezy-g0K fc-breezy-6u7 fc-breezy-E7b fc-breezy-KRz",
217
+ listDayClass: "fc-breezy-iCr fc-breezy-tTN fc-breezy-dl1 fc-breezy-1sP fc-breezy-EF4 fc-breezy-tgZ",
218
+ listDayHeaderClass: "fc-breezy-SEP fc-breezy-yi0 fc-breezy-vVE fc-breezy-kMV fc-breezy-MKw fc-breezy-dl1 fc-breezy-sgX fc-breezy-EF4",
219
+ listDayHeaderInnerClass: (data) => core.joinClassNames("fc-breezy-cJ3 fc-breezy-2rx fc-breezy-Nca fc-breezy-PtF fc-breezy-AAA fc-breezy-9yp", !data.level
220
+ ? core.joinClassNames(data.isToday
221
+ ? core.joinClassNames("fc-breezy-C8a", data.hasNavLink ? primaryPressableClass : primaryClass)
222
+ : core.joinClassNames("fc-breezy-1OT fc-breezy-Oiq", data.hasNavLink && mutedHoverPressableClass))
223
+ : core.joinClassNames("fc-breezy-mNS", data.hasNavLink && `${mutedHoverPressableClass} fc-breezy-i3P`)),
224
+ listDayEventsClass: "fc-breezy-9Qs fc-breezy-1El fc-breezy-2KU fc-breezy-wsy fc-breezy-EAo fc-breezy-KzJ",
225
+ /* Single Month (in Multi-Month)
226
+ --------------------------------------------------------------------------------------------- */
227
+ singleMonthClass: "fc-breezy-jD5",
228
+ singleMonthHeaderClass: (data) => core.joinClassNames(data.isSticky && "fc-breezy-gmc fc-breezy-zi1 fc-breezy-EAo", data.colCount > 1 ? "fc-breezy-x96" : "fc-breezy-Jhn", "fc-breezy-XpK"),
229
+ singleMonthHeaderInnerClass: (data) => core.joinClassNames("fc-breezy-Jhn fc-breezy-Nca fc-breezy-KzJ fc-breezy-9yp fc-breezy-Oiq fc-breezy-C8a", data.hasNavLink && mutedHoverPressableClass),
230
+ /* Misc Table
231
+ --------------------------------------------------------------------------------------------- */
232
+ fillerClass: "fc-breezy-wsy fc-breezy-tTN",
233
+ dayNarrowWidth: 100,
234
+ dayHeaderRowClass: "fc-breezy-wsy fc-breezy-tTN",
235
+ dayRowClass: "fc-breezy-wsy fc-breezy-EAo",
236
+ slotHeaderRowClass: "fc-breezy-wsy fc-breezy-EAo",
237
+ slotHeaderInnerClass: "fc-breezy-mNS fc-breezy-XHd",
238
+ /* Misc Content
239
+ --------------------------------------------------------------------------------------------- */
240
+ navLinkClass: `${outlineWidthFocusClass} ${primaryOutlineColorClass}`,
241
+ inlineWeekNumberClass: (data) => core.joinClassNames("fc-breezy-1EY fc-breezy-n9G fc-breezy-iD1 fc-breezy-gmc fc-breezy-t4l fc-breezy-TZ4 fc-breezy-4In fc-breezy-zi1 fc-breezy-k8g fc-breezy-3J4 fc-breezy-Hhp", data.isNarrow
242
+ ? `fc-breezy-KUX ${xxsTextClass}`
243
+ : "fc-breezy-XJa fc-breezy-a3B", data.hasNavLink
244
+ ? `${mutedHoverPressableClass} fc-breezy-07j`
245
+ : mutedHoverClass),
246
+ highlightClass: "fc-breezy-xAy",
247
+ nonBusinessClass: "fc-breezy-nYK",
248
+ nowIndicatorLineClass: "fc-breezy-CH7 fc-breezy-qQW fc-breezy-D9l",
249
+ nowIndicatorDotClass: "fc-breezy-aAW fc-breezy-Vpk fc-breezy-D9l fc-breezy-63n fc-breezy-AAA fc-breezy-GBJ fc-breezy-9Iz",
250
+ /* Resource Day Header
251
+ --------------------------------------------------------------------------------------------- */
252
+ resourceDayHeaderAlign: "center",
253
+ resourceDayHeaderClass: "fc-breezy-wsy",
254
+ resourceDayHeaderInnerClass: (data) => core.joinClassNames("fc-breezy-3N5 fc-breezy-sI1 fc-breezy-C8a", data.isNarrow ? "fc-breezy-a3B" : "fc-breezy-9yp"),
255
+ /* Resource Data Grid
256
+ --------------------------------------------------------------------------------------------- */
257
+ resourceColumnHeaderClass: "fc-breezy-wsy fc-breezy-tTN fc-breezy-E9P",
258
+ resourceColumnHeaderInnerClass: "fc-breezy-3N5 fc-breezy-sI1 fc-breezy-9yp",
259
+ resourceColumnResizerClass: "fc-breezy-1EY fc-breezy-AWB fc-breezy-4Tv fc-breezy-dnf",
260
+ resourceGroupHeaderClass: "fc-breezy-wsy fc-breezy-EAo fc-breezy-pZQ",
261
+ resourceGroupHeaderInnerClass: "fc-breezy-3N5 fc-breezy-sI1 fc-breezy-9yp",
262
+ resourceCellClass: "fc-breezy-wsy fc-breezy-tTN",
263
+ resourceCellInnerClass: "fc-breezy-3N5 fc-breezy-sI1 fc-breezy-9yp",
264
+ resourceIndentClass: "fc-breezy-Wga fc-breezy-p9t fc-breezy-E9P",
265
+ resourceExpanderClass: `fc-breezy-bCs fc-breezy-KUX fc-breezy-AAA ${mutedHoverPressableClass} ${outlineWidthFocusClass} ${primaryOutlineColorClass}`,
266
+ resourceExpanderContent: (data) => chevronDown(core.joinClassNames(`fc-breezy-XUJ ${mutedFgPressableGroupClass}`, !data.isExpanded && "fc-breezy-KxI fc-breezy-ZW3")),
267
+ resourceHeaderRowClass: "fc-breezy-wsy fc-breezy-EAo",
268
+ resourceRowClass: "fc-breezy-wsy fc-breezy-EAo",
269
+ resourceColumnDividerClass: "fc-breezy-USt fc-breezy-OFc",
270
+ /* Timeline Lane
271
+ --------------------------------------------------------------------------------------------- */
272
+ resourceGroupLaneClass: "fc-breezy-wsy fc-breezy-EAo fc-breezy-pZQ",
273
+ resourceLaneClass: "fc-breezy-wsy fc-breezy-EAo",
274
+ resourceLaneBottomClass: (data) => core.joinClassNames(data.options.eventOverlap && "fc-breezy-uuA"),
275
+ timelineBottomClass: "fc-breezy-uuA",
276
+ },
277
+ views: {
278
+ dayGrid: Object.assign(Object.assign({}, dayRowCommonClasses), { dayHeaderClass: getNormalDayHeaderBorderClass, dayHeaderDividerClass: "fc-breezy-zi1 fc-breezy-OFc", dayCellClass: getNormalDayCellBorderColorClass, dayCellBottomClass: getShortDayCellBottomClass, backgroundEventInnerClass: "fc-breezy-dl1 fc-breezy-1sP fc-breezy-LMv" }),
279
+ multiMonth: Object.assign(Object.assign({}, dayRowCommonClasses), { dayHeaderClass: getNormalDayHeaderBorderClass, dayHeaderDividerClass: (data) => data.isSticky && "fc-breezy-zi1 fc-breezy-OFc fc-breezy-qNs", dayCellClass: getNormalDayCellBorderColorClass, dayCellBottomClass: getShortDayCellBottomClass, tableHeaderClass: (data) => data.isSticky && "fc-breezy-gmc", tableBodyClass: "fc-breezy-wsy fc-breezy-EAo fc-breezy-KzJ fc-breezy-eSM fc-breezy-pKG" }),
280
+ timeGrid: Object.assign(Object.assign({}, dayRowCommonClasses), { dayHeaderClass: getMutedDayHeaderBorderClass, dayHeaderDividerClass: (data) => core.joinClassNames("fc-breezy-zi1", data.options.allDaySlot
281
+ ? "fc-breezy-EAo"
282
+ : "fc-breezy-OFc fc-breezy-qNs"), dayCellClass: getMutedDayCellBorderColorClass, dayCellBottomClass: tallDayCellBottomClass,
283
+ /* TimeGrid > Week Number Header
284
+ ------------------------------------------------------------------------------------------- */
285
+ weekNumberHeaderClass: "fc-breezy-XpK fc-breezy-LMv", weekNumberHeaderInnerClass: (data) => core.joinClassNames("fc-breezy-cGD fc-breezy-TFV fc-breezy-ZrE fc-breezy-t4l fc-breezy-Fvv fc-breezy-dl1 fc-breezy-1sP fc-breezy-XpK", data.hasNavLink && mutedHoverPressableClass, data.isNarrow ? "fc-breezy-a3B" : "fc-breezy-9yp"),
286
+ /* TimeGrid > All-Day Header
287
+ ------------------------------------------------------------------------------------------- */
288
+ allDayHeaderClass: "fc-breezy-XpK", allDayHeaderInnerClass: (data) => core.joinClassNames("fc-breezy-IJJ fc-breezy-mNS", data.isNarrow ? xxsTextClass : "fc-breezy-a3B"), allDayDividerClass: "fc-breezy-zi1 fc-breezy-OFc fc-breezy-qNs",
289
+ /* TimeGrid > Slot Header
290
+ ------------------------------------------------------------------------------------------- */
291
+ slotHeaderClass: "fc-breezy-LMv", slotHeaderInnerClass: (data) => core.joinClassNames("fc-breezy-eYX fc-breezy-Apf fc-breezy-dl6", data.isNarrow
292
+ ? `fc-breezy-Cy2 ${xxsTextClass}`
293
+ : "fc-breezy-uqG fc-breezy-a3B", data.isFirst && "fc-breezy-pps"), slotHeaderDividerClass: "fc-breezy-USt fc-breezy-tTN" }),
294
+ list: {
295
+ /* List-View > List-Item Event
296
+ ------------------------------------------------------------------------------------------- */
297
+ listItemEventClass: (data) => core.joinClassNames("fc-breezy-bCs fc-breezy-iCr fc-breezy-tTN fc-breezy-lqx fc-breezy-XpK fc-breezy-wwb", data.isInteractive
298
+ ? faintHoverPressableClass
299
+ : faintHoverClass),
300
+ listItemEventBeforeClass: "fc-breezy-5JF fc-breezy-lNM fc-breezy-AAA",
301
+ listItemEventInnerClass: "fc-breezy-dl1 fc-breezy-1sP fc-breezy-XpK fc-breezy-wwb fc-breezy-9yp",
302
+ listItemEventTimeClass: "fc-breezy-yi0 fc-breezy-roZ fc-breezy-kMV fc-breezy-TZ4 fc-breezy-pKG fc-breezy-IPx fc-breezy-t4l",
303
+ listItemEventTitleClass: (data) => core.joinClassNames("fc-breezy-1El fc-breezy-2KU fc-breezy-1OT fc-breezy-TZ4 fc-breezy-pKG fc-breezy-sI1", data.event.url && "fc-breezy-Ogp"),
304
+ /* No-Events Screen
305
+ ------------------------------------------------------------------------------------------- */
306
+ noEventsClass: "fc-breezy-1El fc-breezy-dl1 fc-breezy-sgX fc-breezy-XpK fc-breezy-E9P",
307
+ noEventsInnerClass: "fc-breezy-P9h",
308
+ },
309
+ resourceDayGrid: {
310
+ resourceDayHeaderClass: (data) => (data.isMajor
311
+ ? "fc-breezy-OFc"
312
+ : "fc-breezy-EAo"),
313
+ },
314
+ resourceTimeGrid: {
315
+ resourceDayHeaderClass: (data) => (data.isMajor
316
+ ? "fc-breezy-OFc"
317
+ : "fc-breezy-tTN"),
318
+ },
319
+ timeline: {
320
+ /* Timeline > Row Event
321
+ ------------------------------------------------------------------------------------------- */
322
+ rowEventClass: (data) => data.isEnd && "fc-breezy-9hC",
323
+ rowEventInnerClass: (data) => data.options.eventOverlap ? "fc-breezy-Jhn" : "fc-breezy-dl6",
324
+ /* Timeline > More-Link
325
+ ------------------------------------------------------------------------------------------- */
326
+ rowMoreLinkClass: `fc-breezy-9hC fc-breezy-Ika fc-breezy-wsy fc-breezy-d0j fc-breezy-4MR fc-breezy-KzJ ${strongSolidPressableClass} fc-breezy-vwH`,
327
+ rowMoreLinkInnerClass: "fc-breezy-iS4 fc-breezy-sI1 fc-breezy-a3B",
328
+ /* Timeline > Slot Header
329
+ ------------------------------------------------------------------------------------------- */
330
+ slotHeaderAlign: (data) => data.isTime ? "start" : "center",
331
+ slotHeaderClass: (data) => core.joinClassNames(data.level > 0 && "fc-breezy-wsy fc-breezy-tTN", "fc-breezy-LMv"),
332
+ slotHeaderInnerClass: (data) => core.joinClassNames("fc-breezy-Apf fc-breezy-dl6 fc-breezy-a3B", data.isTime && core.joinClassNames("fc-breezy-eYX fc-breezy-OAt", data.isFirst && "fc-breezy-pps"), data.hasNavLink && "fc-breezy-Eu0"),
333
+ slotHeaderDividerClass: "fc-breezy-zi1 fc-breezy-OFc fc-breezy-qNs",
334
+ },
335
+ },
336
+ });
337
+ /* SVGs
338
+ ------------------------------------------------------------------------------------------------- */
339
+ function chevronDown(className) {
340
+ return preact.createElement("svg", { className: className, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor" },
341
+ preact.createElement("path", { "fill-rule": "evenodd", d: "M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z", "clip-rule": "evenodd" }));
342
+ }
343
+ function chevronDoubleLeft(className) {
344
+ return preact.createElement("svg", { className: className, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor" },
345
+ preact.createElement("path", { "fill-rule": "evenodd", d: "M4.72 9.47a.75.75 0 0 0 0 1.06l4.25 4.25a.75.75 0 1 0 1.06-1.06L6.31 10l3.72-3.72a.75.75 0 1 0-1.06-1.06L4.72 9.47Zm9.25-4.25L9.72 9.47a.75.75 0 0 0 0 1.06l4.25 4.25a.75.75 0 1 0 1.06-1.06L11.31 10l3.72-3.72a.75.75 0 0 0-1.06-1.06Z", "clip-rule": "evenodd" }));
346
+ }
347
+ function x(className) {
348
+ return preact.createElement("svg", { className: className, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor" },
349
+ preact.createElement("path", { d: "M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" }));
350
+ }
351
+
352
+ exports["default"] = index;
package/esm/index.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ import { PluginDef } from '@fullcalendar/core';
2
+
3
+ declare const _default: PluginDef;
4
+ //# sourceMappingURL=index.d.ts.map
5
+
6
+ export { _default as default };