accomadesc 0.1.19 → 0.1.21

package/dist/basic/Button.svelte

@@ -81,11 +81,11 @@
 
   let shadowColor = $derived.by(() => {
     if (focussed) {
-      return 'var(--focussed-border-color-triplet)';
+      return 'var(--focussed-border-color)';
     } else if (!enabled) {
-      return 'var(--disabled-border-color-triplet)';
+      return 'var(--disabled-border-color)';
     } else {
-      return 'var(--border-color-triplet)';
+      return 'var(--border-color)';
     }
   });
 
@@ -178,8 +178,8 @@
     border: {borderWidth}rem solid {borderColor};
     box-shadow: 
         {inset}
-        0 0 {outerShadowWidth}rem rgba({shadowColor}, 0.5),
-        0 0 {innerShadowWidth}rem rgba({shadowColor}, 0.4)
+        0 0 {outerShadowWidth}rem rgba(from {shadowColor} r g b / 0.5),
+        0 0 {innerShadowWidth}rem rgba(from {shadowColor} r g b / 0.4)
         ;
     font-size: {fontSize};
     "
@@ -230,8 +230,8 @@
     border: 0 solid rgba(0,0,0,0);
     box-shadow: 
         {inset}
-        0 0 {outerShadowWidth}rem rgba({shadowColor}, 0.5),
-        0 0 {innerShadowWidth}rem rgba({shadowColor}, 0.4)
+        0 0 {outerShadowWidth}rem rgba(from {shadowColor} r g b / 0.5),
+        0 0 {innerShadowWidth}rem rgba(from {shadowColor} r g b / 0.4)
         ;
     "
     class="button"

package/dist/index.d.ts

@@ -24,6 +24,6 @@ import Text from './Text.svelte';
 import Weather from './Weather.svelte';
 import PageComponent from './PageComponent.svelte';
 export type { OccuplanTranslations } from './occuplan/state.svelte.ts';
-export type { GridPhoto, LeafletMap as LeafletMapI, LeafletMapContent, Calendar as CalendarI, CalendarContent, CalendarAvailable as CalendarAvailableI, CalendarAvailableContent, CalendarGrid as CalendarGridI, CalendarGridContent, CalendarRows as CalendarRowsI, CalendarRowsContent, Text as TextI, TextContent, Weather as WeatherI, WeatherContent, Photo as PhotoI, PhotoContent, PhotoGallery as PhotoGalleryI, PhotoGalleryContent, Pricing as PricingI, PricingContent, PricingShort as PricingShortI, PricingShortContent, PricingEntry, PricingRange, PricingColumn, StaticRangeDate, StaticPricingRange, AmenitiesCore as AmenitiesCoreI, AmenitiesCoreContent, AccoCard as AccoCardI, AccoCardContent, ContactForm as ContactFormI, ContactFormContent, BookingRequest as BookingRequestI, BookingRequestContent, CardContent, AccoDescription as AccoDescriptionI, AccoDescriptionContent, Section as SectionI, I18nFacade, Block, PageProps, Nav as NavI, FormatSpec, FormatTemplateName, SiteConfig, SiteTranslation, FontSpec, } from './types.js';
+export type { GridPhoto, LeafletMap as LeafletMapI, LeafletMapContent, Calendar as CalendarI, CalendarContent, CalendarAvailable as CalendarAvailableI, CalendarAvailableContent, CalendarGrid as CalendarGridI, CalendarGridContent, CalendarRows as CalendarRowsI, CalendarRowsContent, Text as TextI, TextContent, Weather as WeatherI, WeatherContent, Photo as PhotoI, PhotoContent, PhotoGallery as PhotoGalleryI, PhotoGalleryContent, Pricing as PricingI, PricingContent, PricingShort as PricingShortI, PricingShortContent, PricingEntry, PricingRange, PricingColumn, StaticRangeDate, StaticPricingRange, AmenitiesCore as AmenitiesCoreI, AmenitiesCoreContent, AccoCard as AccoCardI, AccoCardContent, ContactForm as ContactFormI, ContactFormContent, BookingRequest as BookingRequestI, BookingRequestContent, CardContent, AccoDescription as AccoDescriptionI, AccoDescriptionContent, Section as SectionI, I18nFacade, Block, PageProps, Nav as NavI, FormatSpec, FormatTemplateName, SiteConfig, SiteFonts, SiteTranslation, FontSpec, } from './types.js';
 export { PRICING_COLUMNS, isAccoCard, isText, isPhoto, isGallery, isLeafletMap, isWeather, isAmenitiesCore, isCalendarAvailable, isCalendar, isCalendarGrid, isCalendarRows, isPricing, isPricingShort, isAccoDescription, isBookingRequest, isContactForm, } from './types.js';
 export { randomID, randomName, Avatar, Button, Icon, Spinner, TextInput, AccoCard, AccoDescription, AmenitiesCore, Calendar, CalendarAvailable, LeafletMap, Photo, PhotoGallery, Pricing, PricingShort, Section, Text, Weather, BookingRequest, ContactForm, CalendarRows, CalendarGrid, Notes, PageComponent, };

package/dist/occuplan/OccuPlanPicker.svelte

@@ -355,7 +355,7 @@
         <span>{typeLabels['three']}</span>
         <div
           class="legend-entry-marker"
-          style="background-color: rgb(from var(--occupation-type-3-bg-color) r g b / 0.2);"
+          style="background-color: rgba(from var(--occupation-type-3-bg-color) r g b / 0.2);"
         >
           &nbsp;
         </div>
@@ -536,9 +536,9 @@
     right: 0;
     bottom: 0;
 
-    background-color: rgb(from var(--occupation-type-3-bg-color) r g b / 0.1);
+    background-color: rgba(from var(--occupation-type-3-bg-color) r g b / 0.1);
     color: var(--occupation-type-3-bg-color);
-    border: 1px solid rgb(from var(--occupation-type-3-font-color) r g b / 0.1);
+    border: 1px solid rgba(from var(--occupation-type-3-font-color) r g b / 0.1);
   }
   .request-button:hover {
     background-color: var(--occupation-type-3-font-color);

package/dist/types.d.ts

@@ -297,6 +297,13 @@ export interface FormatSpec {
     locale: string;
     [tmpl: FormatTemplateName]: string;
 }
+export interface SiteFonts {
+    main: FontSpec;
+    nav: FontSpec;
+    pageTitle: FontSpec;
+    landingTitle: FontSpec;
+    header: FontSpec;
+}
 export interface SiteConfig {
     settings: {
         ACCOMADE_USER_ID: string;
@@ -306,13 +313,7 @@ export interface SiteConfig {
         types: CookieType[];
         showIcon: boolean;
     };
-    fonts: {
-        main: FontSpec;
-        nav: FontSpec;
-        pageTitle: FontSpec;
-        landingTitle: FontSpec;
-        header: FontSpec;
-    };
+    fonts: SiteFonts;
     nav: Nav;
     pages: {
         '/': PageProps;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "accomadesc",
-	"version": "0.1.19",
+	"version": "0.1.21",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run package",