@supersoniks/concorde 3.1.40 → 3.1.42

package/src/core/components/ui/theme/theme-collection/core-variables.ts

@@ -2,43 +2,44 @@ import { css } from "lit";
 
 export const coreVariables = css`
   :host {
-    /* polices*/
+    /* POLICES */
+    /*
     --sc-font-family-base: "Inter var", "Inter", -apple-system, system-ui,
       BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
-      sans-serif;
-    --sc-font-weight-base: 400;
-    --sc-font-style-base: normal;
+      sans-serif; 
+    --sc-font-weight-base: 400; 
+    --sc-font-style-base: normal; 
 
-    --sc-headings-font-family: var(--sc-font-family-base), sans-serif;
-    --sc-headings-font-style: var(--sc-font-style-base);
-    --sc-headings-line-height: 1.1;
-    --sc-headings-font-weight: 700;
-    --sc-headings-text-transform: none;
-
-    /* Button*/
-    --sc-btn-font-weight: var(--sc-font-weight-base);
-    --sc-btn-font-family: var(--sc-font-family-base);
-    --sc-btn-font-style: var(--sc-font-style-base);
+    --sc-headings-font-family: var(--sc-font-family-base, sans-serif); 
+    --sc-headings-font-style: var(--sc-font-style-base, normal); 
+    --sc-headings-line-height: 1.1; 
+    --sc-headings-font-weight: 700; 
+    */
 
     /* ROUNDED*/
-    --sc-rounded-sm: calc(var(--sc-rounded) * 0.5);
+    --sc-rounded-sm: calc(var(--sc-rounded, 0px) * 0.5);
     --sc-rounded: 0.375rem;
-    --sc-rounded-md: calc(var(--sc-rounded) * 1.8);
-    --sc-rounded-lg: calc(var(--sc-rounded) * 3);
-    --sc-rounded-xl: calc(var(--sc-rounded) * 7);
-    --sc-rounded-size-intensity: calc((1em - 1rem) * 0.4);
+    --sc-rounded-md: calc(var(--sc-rounded, 0px) * 1.8);
+    --sc-rounded-lg: calc(var(--sc-rounded, 0px) * 3);
+    --sc-rounded-xl: calc(var(--sc-rounded, 0px) * 7);
+
+    /* BOUTONS */
+    /*
+    --sc-btn-font-family: var(--sc-font-family-base, sans-serif); *
+    --sc-btn-font-weight: 500;
+    */
+
+    /* Placeholder */
+    /*--sc-placeholder-bg: rgba(17, 24, 39, 0.05);  */
 
     /* 4 for rounded full*/
     --sc-btn-rounded-intensity: 1.4;
-    --sc-btn-font-weight: 500;
+    --sc-rounded-size-intensity: calc((1em - 1rem) * 0.4);
     --sc-btn-rounded: calc(
-      (var(--sc-rounded) + var(--sc-rounded-size-intensity)) *
+      (var(--sc-rounded, 0px) + var(--sc-rounded-size-intensity)) *
         var(--sc-btn-rounded-intensity)
     );
 
-    /* Placeholder */
-    --sc-placeholder-bg: rgba(17, 24, 39, 0.05);
-
     /* OMBRES */
     --sc-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1),
       0 1px 2px -1px rgb(0 0 0 / 0.1);
@@ -52,23 +53,22 @@ export const coreVariables = css`
 
     /* Forms */
     --sc-border-width: max(1px, 0.12rem);
-    --sc-border-color: var(--sc-base-100);
-    --sc-form-height: 2.5em;
+    --sc-border-color: var(--sc-base-100, var(--sc-base-content, #000));
+    /*--sc-form-height: 2.5em; */ /*ok*/
     --sc-form-border-width: var(--sc-border-width);
-    --sc-input-bg: var(--sc-base-100);
-    --sc-input-border-color: var(--sc-input-bg);
+    /*--sc-input-bg: var(--sc-base-100, rgba(0, 0, 0, 0.07));*/
+    /*--sc-input-border-color: var(--sc-input-bg);*/
     --sc-input-rounded-intensity: 1.4;
     --sc-input-rounded: calc(
-      (var(--sc-rounded) + var(--sc-rounded-size-intensity)) *
+      (var(--sc-rounded, 0px) + var(--sc-rounded-size-intensity)) *
         var(--sc-input-rounded-intensity)
     );
-    --sc-label-font-weight: 500;
+    /*formulaires*/
+    --sc-input-color: var(--sc-base-content, #000);
 
-    /* Contrast -- ex : Text on images */
+    /* CONTRAST */
+    /* -- ex : Text on images */
     --sc-contrast-content: #fff;
     --sc-contrast: #000000;
-
-    /*Body*/
-    --sc-body-bg: var(--sc-base);
   }
 `;

package/src/core/components/ui/theme/theme-collection/dark.ts

@@ -1,4 +1,4 @@
-import {css} from "lit";
+import { css } from "lit";
 
 const darkCss = css`
   --sc-primary: var(--sc-dark-primary, var(--sc-base-700));

package/src/core/components/ui/theme/theme-collection/light.ts

@@ -1,7 +1,7 @@
-import {css} from "lit";
+import { css } from "lit";
 
 export const light = css`
-  :host {
+  :host([theme="light"]) {
     /*Boutons*/
     --sc-primary: var(--sc-base-800);
     --sc-info: #2563eb;
@@ -9,11 +9,11 @@ export const light = css`
     --sc-warning: #f97316;
     --sc-success: #14b8a6;
 
-    --sc-primary-content: var(--sc-base);
-    --sc-info-content: var(--sc-base);
-    --sc-danger-content: var(--sc-base);
-    --sc-warning-content: var(--sc-base);
-    --sc-success-content: var(--sc-base);
+    --sc-primary-content: var(--sc-base, #fff);
+    --sc-info-content: var(--sc-base, #fff);
+    --sc-danger-content: var(--sc-base, #fff);
+    --sc-warning-content: var(--sc-base, #fff);
+    --sc-success-content: var(--sc-base, #fff);
 
     /*Bases*/
     --sc-base: #fff;
@@ -28,9 +28,5 @@ export const light = css`
     --sc-base-800: #1e293b;
     --sc-base-900: #0f172a;
     --sc-base-content: var(--sc-base-700);
-
-    /*formulaires*/
-    --sc-input-bg: var(--sc-base-100);
-    --sc-input-color: var(--sc-base-content);
   }
 `;

package/src/core/components/ui/theme/theme.ts

@@ -15,17 +15,17 @@ export class Theme extends LitElement {
     coreVariables,
     css`
       :host([color]) {
-        color: var(--sc-base-content);
+        color: var(--sc-base-content, #000);
       }
 
       :host([font]) {
-        font-family: var(--sc-font-family-base), sans-serif;
-        font-weight: var(--sc-font-weight-base);
-        font-style: var(--sc-font-style-base);
+        font-family: var(--sc-font-family-base, sans-serif);
+        font-weight: var(--sc-font-weight-base, 400);
+        font-style: var(--sc-font-style-base, normal);
       }
       ::slotted(.sonic-pop-content) {
         max-width: 80vw;
-        background-color: var(--sc-base);
+        background-color: var(--sc-base, #fff);
         position: fixed;
         z-index: 99999;
         display: block;
@@ -63,7 +63,7 @@ export class Theme extends LitElement {
   }
 
   @property({ type: String, reflect: true })
-  theme = "light";
+  theme?: "light" | "dark";
 
   @property({ type: Boolean, reflect: true }) background = false;
   @property({ type: Boolean, reflect: true }) color = false;

package/src/core/components/ui/toast/toast-item.ts

@@ -27,8 +27,8 @@ export class SonicToastItem extends LitElement {
         pointer-events: auto;
         position: relative;
         --sc-toast-status-color: transparent;
-        --sc-toast-color: var(--sc-base-content);
-        --sc-toast-bg: var(--sc-base);
+        --sc-toast-color: var(--sc-base-content, #000);
+        --sc-toast-bg: var(--sc-base, #fff);
         --sc-toast-rounded: var(--sc-rounded-md);
         --sc-toast-shadow: var(--sc-shadow-lg);
       }
@@ -135,23 +135,25 @@ export class SonicToastItem extends LitElement {
 
       /*STATUS*/
       .success {
-        --sc-toast-status-color: var(--sc-success);
-        --sc-toast-title-color: var(--sc-toast-status-color);
+        --sc-toast-status-color: var(
+          --sc-success,
+          var(--sc-base-content, #000)
+        );
       }
 
       .error {
-        --sc-toast-status-color: var(--sc-danger);
-        --sc-toast-title-color: var(--sc-toast-status-color);
+        --sc-toast-status-color: var(--sc-danger, var(--sc-base-content, #000));
       }
 
       .warning {
-        --sc-toast-status-color: var(--sc-warning);
-        --sc-toast-title-color: var(--sc-toast-status-color);
+        --sc-toast-status-color: var(
+          --sc-warning,
+          var(--sc-base-content, #000)
+        );
       }
 
       .info {
-        --sc-toast-status-color: var(--sc-info);
-        --sc-toast-title-color: var(--sc-toast-status-color);
+        --sc-toast-status-color: var(--sc-info, var(--sc-base-content, #000));
       }
 
       .success,

package/src/core/components/ui/tooltip/tooltip.ts

@@ -10,7 +10,7 @@ export class Tooltip extends LitElement {
         display: inline-flex;
         align-items: center;
         text-align: center;
-        --sc-tooltip-fw: var(--sc-font-weight-base);
+        --sc-tooltip-fw: var(--sc-font-weight-base, 400);
         --sc-tooltip-position: calc(100% + 0.25rem);
       }
 
@@ -21,7 +21,7 @@ export class Tooltip extends LitElement {
         display: block;
         opacity: 0;
         pointer-events: none;
-        background: var(--sc-base-content, #111827);
+        background: var(--sc-base-content, #000);
         padding: 0.32rem 0.55rem;
         border-radius: var(--sc-rounded);
         color: var(--sc-base, #fff);

package/src/core/directives/DataProvider.ts

@@ -97,22 +97,23 @@ export const sub = dir;
 
 // get value
 export const get = (id: Observable) => {
-  return getObservables(id).values().next().value.get();
+  return getObservables(id).values().next().value?.get();
 };
 
 const deepee = (id: Observable, defaultValue?: any) => {
   const value = getObservables(id).values().next().value;
-  if (defaultValue !== undefined) {
+  if (defaultValue !== undefined && value) {
     const innerValue = value.get();
     if (Objects.isEmpty(innerValue)) {
       value.set(defaultValue);
     }
   }
-  return value;
+  return value || new Publisher({});
 };
+
 export const dataProvider = deepee;
 export const dp = deepee;
 
 export const set = (id: Observable, value: unknown) => {
-  getObservables(id).values().next().value.set(value);
+  getObservables(id).values().next().value?.set(value);
 };

package/src/core/directives/Wording.ts

@@ -8,7 +8,7 @@ import API from "@supersoniks/concorde/core/utils/api";
 import Objects from "../utils/Objects";
 import HTML, { SearchableDomElement } from "../utils/HTML";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
-import {detecHTMLLanguageChange} from "../utils/HTML";
+import { detecHTMLLanguageChange } from "../utils/HTML";
 type ApiCallKey = {
   apiConfiguration: APIConfiguration;
   wordingProvider: string | null;
@@ -184,24 +184,26 @@ export default class WordingDirective extends AsyncDirective {
     });
   }
 
-  static  reloadWordings() {
+  static reloadWordings() {
     for (const apiCall of apiCalls.values()) {
-
       apiCall.keysToTranslate = new Set(apiCall.translatedKeys);
       if (apiCall.keysToTranslate.size > 0) {
         WordingDirective.callApi(null, "", false, apiCall);
       }
     }
-  } 
+  }
 
   static versionProviderHandlers: Map<ApiCallValue, (v: number) => void> =
     new Map();
   //check if the wording version has changed
   static handleVersionProvider(node: SearchableDomElement) {
     const apiCall = getApiCall(node);
-    if (!apiCall) return;
+    const defaultReturn = (_v: number) => {};
+    if (!apiCall) return defaultReturn;
     if (WordingDirective.versionProviderHandlers.has(apiCall)) {
-      return WordingDirective.versionProviderHandlers.get(apiCall);
+      return (
+        WordingDirective.versionProviderHandlers.get(apiCall) || defaultReturn
+      );
     }
 
     const versionProviderHandler = function (version: number) {

package/src/docs/docs.ts

@@ -1,3 +1,4 @@
+import "./layout";
 import "./search/search";
 import "./search/page";
 import "./search/markdown-renderer";

package/src/docs/header/header.ts

@@ -43,7 +43,6 @@ export class SonicComponent extends Subscriber(LitElement) {
   }
 
   handleColorScheme() {
-    const themeComponent = document.querySelector("sonic-theme") as Theme;
     if (
       localStorage.sonicTheme === "dark" ||
       (!("sonicTheme" in localStorage) &&
@@ -52,12 +51,10 @@ export class SonicComponent extends Subscriber(LitElement) {
       document.documentElement.setAttribute("data-concorde-theme", "dark");
       document.documentElement.classList.add("dark");
       this.theme = "dark";
-      themeComponent.theme = "dark";
     } else {
       document.documentElement.classList.remove("dark");
       document.documentElement.setAttribute("data-concorde-theme", "light");
       this.theme = "light";
-      themeComponent.theme = "light";
     }
   }
 
@@ -86,10 +83,10 @@ export class SonicComponent extends Subscriber(LitElement) {
               xmlns="http://www.w3.org/2000/svg"
 
             >
-              <circle cx="33" cy="33" r="30" fill="var(--sc-base-content)"  />
+              <circle cx="33" cy="33" r="30" fill="var(--sc-base-content, #000)"  />
               <path
                 d="M33.2499 62.03C33.8799 59.24 34.26 56.17 34.39 53.08C34.57 52.78 34.9099 52.6 35.2599 52.64H35.39C35.48 52.64 35.5799 52.64 35.6899 52.64H35.7599C35.7599 52.64 35.7999 52.64 35.8299 52.64C36.2499 52.62 36.6799 52.58 36.9099 52.56C36.9399 52.56 36.9599 52.56 36.9799 52.56C37.0099 52.56 37.0299 52.56 37.0499 52.56H37.0899L37.2099 51.93H37.4799L37.5799 52.4L37.6899 52.49H39.2699L39.39 52.38L39.5099 51.93H39.7899L39.8399 52.21L39.9999 52.29L45.2099 51.86L46.2799 51.29C46.2799 51.29 46.2799 50.85 46.2399 50.25V50.18C46.2399 50.18 46.2399 50.13 46.2399 50.11C46.2099 49.62 46.1399 49.13 46.0399 48.65C45.7899 47.45 45.29 46 42.2 41.58C39.11 37.16 38.04 35.52 35.89 27.63C35.85 27.48 35.8199 27.35 35.7899 27.2C35.1399 24.53 34.6899 22.95 34.5199 22.38V10.89C34.4999 9.60996 34.3999 8.33996 34.2099 7.07996C34.0499 5.97996 33.6099 4.89996 33.3499 3.95996H32.6299C32.3599 4.89996 31.9299 5.97996 31.7699 7.06996C31.5799 8.33996 31.4799 9.60996 31.4599 10.89V22.38C31.2899 22.95 30.8299 24.52 30.1899 27.2C30.1599 27.35 30.1199 27.49 30.0899 27.63C27.9499 35.52 26.8699 37.16 23.7799 41.58C20.6899 46 20.1899 47.45 19.9399 48.65C19.8399 49.13 19.7799 49.62 19.7399 50.11C19.7399 50.13 19.7399 50.16 19.7399 50.18V50.25C19.6999 50.85 19.7 51.29 19.7 51.29L20.7699 51.86L25.9799 52.29L26.14 52.21L26.1899 51.93H26.4799L26.5999 52.38L26.7299 52.49H28.2999L28.4099 52.4L28.5099 51.93H28.7699L28.89 52.56H28.9399C28.9399 52.56 28.9799 52.56 29.0099 52.56C29.0299 52.56 29.0499 52.56 29.0799 52.56C29.3099 52.58 29.7499 52.63 30.1599 52.64C30.1799 52.64 30.2099 52.64 30.2299 52.64H30.2999C30.4099 52.64 30.5099 52.64 30.5999 52.64H30.7299C31.0799 52.6 31.4299 52.77 31.6099 53.08C31.7299 56.17 32.1099 59.24 32.7399 62.03H33.2499Z"
-                fill="var(--sc-base)"
+                fill="var(--sc-base, #fff)"
               />
             </svg>
 

package/src/docs/layout.ts

@@ -0,0 +1,18 @@
+const onLocationChange = (location: Location) => {
+  if (location.pathname === "/" && location.hash === "") {
+    document.documentElement.setAttribute("data-home", "");
+  } else {
+    document.documentElement.removeAttribute("data-home");
+  }
+};
+const getCurrentLocation = () => document.location;
+const currentLocation: Location = getCurrentLocation();
+onLocationChange(currentLocation);
+window.addEventListener("popstate", (event) => {
+  onLocationChange(getCurrentLocation());
+});
+
+// Listen for changes in the URL hash
+window.addEventListener("hashchange", () => {
+  onLocationChange(getCurrentLocation());
+});

package/src/docs/search/page.ts

@@ -1,4 +1,4 @@
-import { html, LitElement, nothing } from "lit";
+import { html, LitElement, nothing, PropertyValues } from "lit";
 import { customElement, property } from "lit/decorators.js";
 import { Subscriber } from "@supersoniks/concorde/mixins";
 import { LocationHandler } from "@supersoniks/concorde/utils";
@@ -20,16 +20,18 @@ export class DocsPage extends Subscriber(LitElement) {
   @property() location = "";
   markDownsURL = "";
   noShadowDom = "";
-  willUpdate() {
+  url = "";
+  anchor = "";
+
+  willUpdate(changedProperties: PropertyValues) {
     const sharpIdx = this.location.indexOf("#");
     if (sharpIdx) {
       const split = this.location.substring(sharpIdx + 1).split("/");
       this.anchor = decodeURI(split.pop());
       this.url = split.join("/");
     }
+    super.willUpdate(changedProperties);
   }
-  url = "";
-  anchor = "";
 
   render() {
     if (!this.url) return nothing;

package/src/docs/tailwind/css/tailwind.css

@@ -12,37 +12,29 @@
   font-style: normal;
 }
 
-:root,
-sonic-theme {
-  --sc-rounded: 0.5rem;
-  --sc-border-width: max(2px, 0.18rem);
+:root {
   --sc-headings-font-family: "ClashGrotesk-Variable", sans-serif;
   --sc-font-family-base: "ClashGrotesk-Variable", sans-serif;
   --sc-headings-font-weight: 400;
-  --sc-dark-base: #0a0a0a;
-  --sc-dark-base-content: #dadad9;
-  --sc-light-base: #fffcf0;
-  --sc-light-base-content: #111111;
-}
-html {
-  font-family: var(--sc-font-family-base);
+  --sc-rounded: 0.5rem;
+  --sc-border-width: max(2px, 0.18rem);
+ 
 }
 
-h2 {
-  border-bottom: var(--sc-border-width) solid;
-  padding-bottom: 0.1em;
-}
-p,
-ul,
-ol {
-  font-family: Arial, Helvetica, sans-serif;
-}
+/*duotone*/
+/* :root{
+  --sc-base: yellow;
+  --sc-base-content: red;
+  --sc-primary: blue;
+  --sc-primary-content: white;
+} */
+
 
-sonic-theme[theme="light"] {
-  --sc-base: var(--sc-light-base);
-  --sc-base-content: var(--sc-light-base-content);
+[data-concorde-theme="light"] {
+  --sc-base: #fffcf0;
+  --sc-base-content: #111111;
   --sc-primary: #111111;
-  --sc-primary-content: #ffffff;
+  --sc-primary-content: #fffcf0;
   --sc-base-50: #f4f1e6;
   --sc-base-100: #e9e6dc;
   --sc-base-200: #ceccc3;
@@ -61,11 +53,12 @@ sonic-theme[theme="light"] {
   --sc-warning-content: #111827;
   --sc-danger: #dc2626;
   --sc-danger-content: #ffffff;
+
 }
 
-sonic-theme[theme="dark"] {
-  --sc-base: var(--sc-dark-base);
-  --sc-base-content: var(--sc-dark-base-content);
+[data-concorde-theme="dark"] {
+  --sc-base: #0a0a0a;
+  --sc-base-content: #dadad9;
   --sc-primary: #ffef8a;
   --sc-primary-content: #111827;
   --sc-base-50: #141414;
@@ -86,20 +79,36 @@ sonic-theme[theme="dark"] {
   --sc-warning-content: #111827;
   --sc-danger: #dd2528;
   --sc-danger-content: #ffffff;
+} 
+[data-concorde-theme="light"],
+[data-concorde-theme="dark"] {
+  --sc-input-bg: var(--sc-base-100);
+  --sc-input-border-color: var(--sc-base-100);
 }
 
+
 html {
-  scroll-behavior: smooth;
+  font-family: var(--sc-font-family-base, sans-serif);
+}
+
+h2 {
+  border-bottom: var(--sc-border-width) solid;
+  padding-bottom: 0.1em;
+}
+
+p,
+ul,
+ol {
+  font-family: Arial, Helvetica, sans-serif;
 }
 
 body {
-  background: var(--sc-light-base);
-  color: var(--sc-light-base-content);
+  background: var(--sc-base);
+  color: var(--sc-base-content);
 }
 
-[data-concorde-theme="dark"] body {
-  background: var(--sc-dark-base);
-  color: var(--sc-dark-base-content);
+html {
+  scroll-behavior: smooth;
 }
 
 /* HOME PAGE */

package/src/index.ts

@@ -5,5 +5,3 @@ import "./decorators";
 import "./directives";
 import "./components";
 import "./concorde-loaded";
-
-

package/src/tsconfig.json

@@ -136,6 +136,12 @@
       "./functional/subscriber": [
         "/sites/concorde/src/core/components/functional/subscriber/subscriber.ts"
       ],
+      "./translation": [
+        "/sites/concorde/src/core/components/functional/translation/translation.ts"
+      ],
+      "./functional/translation": [
+        "/sites/concorde/src/core/components/functional/translation/translation.ts"
+      ],
       "./value": [
         "/sites/concorde/src/core/components/functional/value/value.ts"
       ],
@@ -151,6 +157,15 @@
       "./ui/_css/scroll": [
         "/sites/concorde/src/core/components/ui/_css/scroll.ts"
       ],
+      "./shadow": [
+        "/sites/concorde/src/core/components/ui/_css/shadow.ts"
+      ],
+      "./ui/shadow": [
+        "/sites/concorde/src/core/components/ui/_css/shadow.ts"
+      ],
+      "./ui/_css/shadow": [
+        "/sites/concorde/src/core/components/ui/_css/shadow.ts"
+      ],
       "./size": [
         "/sites/concorde/src/core/components/ui/_css/size.ts"
       ],
@@ -763,6 +778,9 @@
       "./header/header": [
         "/sites/concorde/src/docs/header/header.ts"
       ],
+      "./layout": [
+        "/sites/concorde/src/docs/layout.ts"
+      ],
       "./navigation/navigation": [
         "/sites/concorde/src/docs/navigation/navigation.ts"
       ],

package/src/tsconfig.tsbuildinfo

@@ -0,0 +1 @@
+{"root":["./components.ts","./concorde-loaded.ts","./decorators.ts","./directives.ts","./index.ts","./mixins.ts","./utils.ts","./core/core.ts","./core/_types/types.ts","./core/components/functional/functional.ts","./core/components/functional/date/date.ts","./core/components/functional/example/example.ts","./core/components/functional/fetch/fetch.ts","./core/components/functional/if/if.test.ts","./core/components/functional/if/if.ts","./core/components/functional/list/list.ts","./core/components/functional/mix/mix.ts","./core/components/functional/queue/queue.ts","./core/components/functional/router/redirect.ts","./core/components/functional/router/router.ts","./core/components/functional/sdui/SDUIDescriptorTransformer.ts","./core/components/functional/sdui/sdui-utils.ts","./core/components/functional/sdui/sdui.ts","./core/components/functional/sdui/types.ts","./core/components/functional/sonic-scope/sonic-scope.ts","./core/components/functional/states/states.ts","./core/components/functional/submit/submit.ts","./core/components/functional/subscriber/subscriber.ts","./core/components/functional/translation/translation.ts","./core/components/functional/value/value.ts","./core/components/ui/ui.ts","./core/components/ui/_css/scroll.ts","./core/components/ui/_css/shadow.ts","./core/components/ui/_css/size.ts","./core/components/ui/_css/type.ts","./core/components/ui/alert/alert.ts","./core/components/ui/alert-messages/alert-messages.ts","./core/components/ui/badge/badge.ts","./core/components/ui/button/button.ts","./core/components/ui/captcha/captcha.ts","./core/components/ui/card/card-footer.ts","./core/components/ui/card/card-header-descripton.ts","./core/components/ui/card/card-header.ts","./core/components/ui/card/card-main.ts","./core/components/ui/card/card.ts","./core/components/ui/divider/divider.ts","./core/components/ui/form/checkbox/checkbox.ts","./core/components/ui/form/css/form-control.ts","./core/components/ui/form/fieldset/fieldset.ts","./core/components/ui/form/fieldset/legend-description.ts","./core/components/ui/form/fieldset/legend.ts","./core/components/ui/form/form-actions/form-actions.ts","./core/components/ui/form/form-layout/form-layout.ts","./core/components/ui/form/input/input.ts","./core/components/ui/form/input/password-helper.ts","./core/components/ui/form/input/same-value-helper.ts","./core/components/ui/form/input-autocomplete/input-autocomplete.ts","./core/components/ui/form/radio/radio.ts","./core/components/ui/form/select/select.ts","./core/components/ui/form/textarea/textarea.ts","./core/components/ui/group/group.ts","./core/components/ui/icon/icon.stories.ts","./core/components/ui/icon/icon.ts","./core/components/ui/icon/icons.ts","./core/components/ui/image/image.ts","./core/components/ui/link/link.ts","./core/components/ui/loader/loader.stories.ts","./core/components/ui/loader/loader.ts","./core/components/ui/loader/styles/fixed.ts","./core/components/ui/loader/styles/inline.ts","./core/components/ui/menu/menu-item.ts","./core/components/ui/menu/menu.ts","./core/components/ui/modal/modal-actions.ts","./core/components/ui/modal/modal-close.ts","./core/components/ui/modal/modal-content.ts","./core/components/ui/modal/modal-subtitle.ts","./core/components/ui/modal/modal-title.ts","./core/components/ui/modal/modal.stories.ts","./core/components/ui/modal/modal.ts","./core/components/ui/pop/pop.ts","./core/components/ui/progress/progress.ts","./core/components/ui/table/table-caption.ts","./core/components/ui/table/table-tbody.ts","./core/components/ui/table/table-td.ts","./core/components/ui/table/table-tfoot.ts","./core/components/ui/table/table-th.ts","./core/components/ui/table/table-thead.ts","./core/components/ui/table/table-tr.ts","./core/components/ui/table/table.ts","./core/components/ui/theme/theme.ts","./core/components/ui/theme/theme-collection/core-variables.ts","./core/components/ui/theme/theme-collection/dark.ts","./core/components/ui/theme/theme-collection/light.ts","./core/components/ui/toast/message-subscriber.stories.ts","./core/components/ui/toast/message-subscriber.ts","./core/components/ui/toast/toast-item.ts","./core/components/ui/toast/toast.ts","./core/components/ui/toast/types.ts","./core/components/ui/tooltip/tooltip.ts","./core/decorators/Subscriber.ts","./core/directives/DataProvider.ts","./core/directives/Wording.ts","./core/mixins/Fetcher.ts","./core/mixins/FormCheckable.ts","./core/mixins/FormElement.ts","./core/mixins/FormInput.ts","./core/mixins/Subscriber.ts","./core/mixins/TemplatesContainer.ts","./core/mixins/mixins.ts","./core/utils/Arrays.ts","./core/utils/DataBindObserver.ts","./core/utils/Electron.ts","./core/utils/Format.ts","./core/utils/HTML.ts","./core/utils/LocationHandler.ts","./core/utils/Objects.ts","./core/utils/PublisherProxy.ts","./core/utils/Utils.ts","./core/utils/api.ts","./core/utils/route.ts","./core/utils/url-pattern.ts","./test-utils/TestUtils.ts"],"version":"5.6.3"}

package/tailwind.config.js

@@ -62,7 +62,7 @@ module.exports = {
         DEFAULT: "var(--sc-border-width)",
       },
       fontFamily: {
-        headings: ["var(--sc-headings-font-family)"],
+        headings: ["var(--sc-headings-font-family, var(--sc-font-family-base, sans-serif))"],
         body: ["var(--sc-font-family-base)"],
         monospace: ["var(--sc-font-family-monospace, monospace)"],
       },