@nomideusz/svelte-calendar 0.7.2 → 0.7.4

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.
Files changed (3) hide show
  1. package/dist/views/planner/PlannerDay.svelte +6 -2
  2. package/package.json +1 -1
  3. package/widget/svelte-calendar.css +6 -2
package/dist/views/planner/PlannerDay.svelte CHANGED
@@ -949,7 +949,11 @@
949
949
  z-index: 6;
950
950
  border-radius: 6px;
951
951
  cursor: pointer;
952
- background: color-mix(in srgb, var(--ev-color) 15%, var(--dt-surface, var(--dt-bg, #ffffff)));
952
+ background: color-mix(in srgb, var(--ev-color) 22%, var(--dt-surface, var(--dt-bg, #ffffff)));
953
+ border: 1px solid color-mix(in srgb, var(--ev-color) 40%, transparent);
954
+ /* Solid stripe at the start edge — matches the week view, keeps the
955
+ pure tour color visible while the body stays a readable tint. */
956
+ border-left: 3px solid var(--ev-color);
953
957
  overflow: hidden;
954
958
  display: flex;
955
959
  align-items: center;
@@ -960,7 +964,7 @@
960
964
  top 180ms cubic-bezier(0.2, 0.8, 0.2, 1), height 180ms cubic-bezier(0.2, 0.8, 0.2, 1);
961
965
  }
962
966
  .fs-event:hover {
963
- background: color-mix(in srgb, var(--ev-color) 25%, var(--dt-surface, var(--dt-bg, #ffffff)));
967
+ background: color-mix(in srgb, var(--ev-color) 32%, var(--dt-surface, var(--dt-bg, #ffffff)));
964
968
  box-shadow: 0 2px 12px color-mix(in srgb, var(--ev-color) 25%, transparent);
965
969
  }
966
970
  .fs-event--selected {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nomideusz/svelte-calendar",
3
- "version": "0.7.2",
3
+ "version": "0.7.4",
4
4
  "description": "A themeable Svelte 5 calendar with Day and Week views — Planner and Agenda.",
5
5
  "type": "module",
6
6
  "license": "MIT",
package/widget/svelte-calendar.css CHANGED
@@ -242,7 +242,11 @@
242
242
  z-index: 6;
243
243
  border-radius: 6px;
244
244
  cursor: pointer;
245
- background: color-mix(in srgb, var(--ev-color) 15%, var(--dt-surface, var(--dt-bg, #ffffff)));
245
+ background: color-mix(in srgb, var(--ev-color) 22%, var(--dt-surface, var(--dt-bg, #ffffff)));
246
+ border: 1px solid color-mix(in srgb, var(--ev-color) 40%, transparent);
247
+ /* Solid stripe at the start edge — matches the week view, keeps the
248
+ pure tour color visible while the body stays a readable tint. */
249
+ border-left: 3px solid var(--ev-color);
246
250
  overflow: hidden;
247
251
  display: flex;
248
252
  align-items: center;
@@ -253,7 +257,7 @@
253
257
  top 180ms cubic-bezier(0.2, 0.8, 0.2, 1), height 180ms cubic-bezier(0.2, 0.8, 0.2, 1);
254
258
  }
255
259
  .fs-event.svelte-mrwdy7:hover {
256
- background: color-mix(in srgb, var(--ev-color) 25%, var(--dt-surface, var(--dt-bg, #ffffff)));
260
+ background: color-mix(in srgb, var(--ev-color) 32%, var(--dt-surface, var(--dt-bg, #ffffff)));
257
261
  box-shadow: 0 2px 12px color-mix(in srgb, var(--ev-color) 25%, transparent);
258
262
  }
259
263
  .fs-event--selected.svelte-mrwdy7 {