accomadesc 0.0.7 → 0.0.9

package/dist/AccoCard.svelte

@@ -22,11 +22,13 @@
   {#if cardContent}
     <div class="title-with-slug">
       <h2>{displayName}</h2>
-      <div class="slug">{@html translatedSlug}</div>
+      {#if cardContent.slug}
+        <div class="slug">{@html translatedSlug}</div>
+      {/if}
     </div>
     {#if cardContent.coverPhoto}
       <div class="photo">
-        <Photo {...cardContent.coverPhoto.content} {translateFunc} />
+        <Photo {...cardContent.coverPhoto} {translateFunc} />
       </div>
     {/if}
     {#if cardContent.blocks}
@@ -39,7 +41,7 @@
           {:else if isCalendarAvailable(b)}
             <CalendarAvailable {...b.content} {translateFunc} {formatFunc} />
           {:else}
-            <span class="wart">Unsupported</span>
+            <span>Unsupported</span>
           {/if}
         </div>
       {/each}
@@ -82,15 +84,17 @@
     padding: 2rem;
     margin: 2rem;
     border-radius: 2rem;
-    box-shadow:
-      -1.2px -3.7px 4.5px rgba(0, 0, 0, 0.017),
-      -1.4px -4.4px 8.9px rgba(0, 0, 0, 0.024),
-      -0.4px -1.3px 13.3px rgba(0, 0, 0, 0.03),
-      1.7px 5.5px 17.9px rgba(0, 0, 0, 0.035),
-      4.9px 15.5px 23.3px rgba(0, 0, 0, 0.04),
-      8.9px 28.2px 30.7px rgba(0, 0, 0, 0.046),
-      13.7px 43.1px 43.8px rgba(0, 0, 0, 0.053),
-      19px 60px 80px rgba(0, 0, 0, 0.07);
+    box-shadow: var(--acco-card-shadow);
+
+    background-color: var(--acco-card-bg);
+    color: var(--acco-card-font);
+
+    * {
+      --main-font-color: var(--acco-card-font);
+      --main-bg-color: var(--acco-card-bg);
+      background-color: var(--acco-card-bg);
+      color: var(--acco-card-font);
+    }
   }
 
   .accocard-wrapper h2 {

package/dist/CalendarAvailable.svelte

@@ -52,10 +52,16 @@
 
 <style>
   .cal-wrapper {
+    color: var(--main-font-color);
+    background-color: var(--main-bg-color);
     position: relative;
     display: flex;
     flex-direction: column;
     align-content: center;
+    * {
+      color: var(--main-font-color);
+      background-color: var(--main-bg-color);
+    }
   }
 
   h3 {
@@ -75,4 +81,3 @@
     font-size: 1.2rem;
   }
 </style>
-

package/dist/PricingShort.svelte

@@ -92,9 +92,17 @@
 
 <style>
   .pricing-short-wrapper {
+    color: var(--main-font-color);
+    background-color: var(--main-bg-color);
+
     display: flex;
     flex-direction: column;
     align-items: center;
+
+    * {
+      color: var(--main-font-color);
+      background-color: var(--main-bg-color);
+    }
   }
 
   .pricing-short-wrapper h3 {

package/dist/Section.svelte

@@ -13,7 +13,7 @@
   import AccoDescription from './AccoDescription.svelte';
 
   import {
-    type Section,
+    type Section as SectionI,
     type I18nFacade,
     isAmenitiesCore,
     isLeafletMap,
@@ -40,7 +40,7 @@
     formatFunc,
     currentLang,
     calendarTranslation,
-  }: Section & I18nFacade = $props();
+  }: SectionI & I18nFacade = $props();
 
   let translatedHeader = $derived(header && translateFunc ? translateFunc(header) : '');
 

package/dist/Section.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type Section } from './types.ts';
-declare const Section: any;
+import { type Section as SectionI, type I18nFacade } from './types.ts';
+declare const Section: import("svelte").Component<SectionI & I18nFacade, {}, "padding">;
 type Section = ReturnType<typeof Section>;
 export default Section;

package/dist/types.d.ts

@@ -1,12 +1,6 @@
 import { type Dinero, type DineroSnapshot } from 'dinero.js';
 import type { DateTime } from 'luxon';
 import type { I18n } from 'occuplan';
-export interface Acco {
-    path: string;
-    displayName: string;
-    cardContent?: AccoCardContent;
-    siteContent?: Section[];
-}
 export interface GridPhoto {
     photo: Photo;
     zoomed: boolean;
@@ -39,7 +33,7 @@ export interface CalendarAvailable {
 export interface CalendarAvailableContent {
     calUrl: string;
     search: number[];
-    maxFutureDate: string;
+    maxFutureDate?: string;
 }
 export interface Text {
     id: string;
@@ -170,6 +164,12 @@ export interface AmenitiesCoreContent {
     parking: boolean;
     showParking?: boolean;
 }
+export interface Acco {
+    path: string;
+    displayName: string;
+    cardContent?: AccoCardContent;
+    siteContent?: Section[];
+}
 export interface AccoCard {
     id: string;
     kind: 'acco-card';
@@ -180,7 +180,7 @@ export interface AccoCardContent {
     displayName: string;
 }
 export interface CardContent {
-    coverPhoto: Photo;
+    coverPhoto: PhotoContent;
     slug?: string;
     blocks: Block[];
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "accomadesc",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "files": [
     "dist",
     "!dist/**/*.test.*",
@@ -24,18 +24,18 @@
   },
   "devDependencies": {
     "@sveltejs/adapter-auto": "^3.3.1",
-    "@sveltejs/kit": "^2.8.0",
+    "@sveltejs/kit": "^2.8.1",
     "@sveltejs/package": "^2.3.7",
     "@sveltejs/vite-plugin-svelte": "^4.0.0",
     "@types/luxon": "^3.4.2",
     "prettier": "^3.3.3",
     "prettier-plugin-svelte": "^3.2.8",
     "publint": "^0.2.12",
-    "svelte": "^5.1.15",
+    "svelte": "^5.1.16",
     "svelte-check": "^4.0.7",
     "typescript": "^5.6.3",
     "vite": "^5.4.11",
-    "vitest": "^2.1.4"
+    "vitest": "^2.1.5"
   },
   "dependencies": {
     "@dinero.js/currencies": "2.0.0-alpha.14",