@odx/foundation 1.0.0-beta.245 → 1.0.0-beta.246

package/dist/lib/dark-mode.d.ts

@@ -1,8 +1,6 @@
 import { OdxIconName } from '@odx/icons';
 export declare const userPrefersDarkMode: boolean;
-export declare const darkModeClass = "odx-dark-mode";
 export declare const darkModeIcon = "core::night-mode";
-export declare const lightModeClass = "odx-light-mode";
 export declare const lightModeIcon = "core::brightness";
 export declare function isDarkModeEnabled(): boolean;
 export declare function toggleDarkMode(enabled?: boolean | 'auto', root?: HTMLElement): void;

package/dist/main.js

@@ -4,6 +4,7 @@ import { toAriaBooleanAttribute, booleanAttributeDirective, getKeyInfo, setFocus
 import { unsafeCSS, LitElement, html, isServer, render } from 'lit';
 import { u as uniqBy, R as RovingTabindexController, p as pick, m as minBy } from './vendor.js';
 export { e as SignalWatcher } from './vendor.js';
+import { applyDarkMode } from '@odx/design-tokens';
 import { signal, effect } from '@preact/signals-core';
 export { computed, effect, signal } from '@preact/signals-core';
 
@@ -1091,9 +1092,7 @@ class ExpandableItemManager {
 }
 
 const { matches: userPrefersDarkMode = false } = globalThis.matchMedia?.("(prefers-color-scheme: dark)") ?? {};
-const darkModeClass = "odx-dark-mode";
 const darkModeIcon = "core::night-mode";
-const lightModeClass = "odx-light-mode";
 const lightModeIcon = "core::brightness";
 let unobserveMedia;
 const darkModeEnabled = signal(userPrefersDarkMode, {
@@ -1113,12 +1112,10 @@ function isDarkModeEnabled() {
 function toggleDarkMode(enabled, root = document.documentElement) {
   if (enabled === "auto") {
     darkModeEnabled.value = userPrefersDarkMode;
-    root.classList.remove(darkModeClass);
-    root.classList.remove(lightModeClass);
+    applyDarkMode(root, "auto");
   } else {
     darkModeEnabled.value = enabled ?? !darkModeEnabled.value;
-    root.classList.toggle(darkModeClass, darkModeEnabled.value);
-    root.classList.toggle(lightModeClass, !darkModeEnabled.value);
+    applyDarkMode(root, darkModeEnabled.value);
   }
 }
 function attachDarkModeToggle(host, options) {
@@ -1423,4 +1420,4 @@ const Variant = {
   GHOST: "ghost"
 };
 
-export { ActiveDescendantsController, Alignment, CanBeCollapsed, CanBeDisabled, CanBeExpanded, CheckboxControl, CheckboxControlGroup, CollapseEvent, ControlElement, ControlSize, CustomElement, DialogCloseCommand, DialogCloseEvent, DialogElement, DialogLayer, DialogShowCommand, DialogShowEvent, DialogSize, DragController, DragControllerOptions, ExpandEvent, ExpandableItemManager, FormAssociated, InteractiveControlElement, IsDraggable, Justify, LinkControlElement, ListboxControl, NumberFormControl, OptionControl, OptionType, Placement, RadioGroupControl, Shape, Size, Spacing, Variant, WithPresets, activeDirective, attachDarkModeToggle, checkboxControlDirective, controlDirective, customElement, darkModeClass, darkModeIcon, dialogDirective, dragActiveDirective, isDarkModeEnabled, lightModeClass, lightModeIcon, loadCustomElements, optionControlDirection, toggleDarkMode, userPrefersDarkMode };
+export { ActiveDescendantsController, Alignment, CanBeCollapsed, CanBeDisabled, CanBeExpanded, CheckboxControl, CheckboxControlGroup, CollapseEvent, ControlElement, ControlSize, CustomElement, DialogCloseCommand, DialogCloseEvent, DialogElement, DialogLayer, DialogShowCommand, DialogShowEvent, DialogSize, DragController, DragControllerOptions, ExpandEvent, ExpandableItemManager, FormAssociated, InteractiveControlElement, IsDraggable, Justify, LinkControlElement, ListboxControl, NumberFormControl, OptionControl, OptionType, Placement, RadioGroupControl, Shape, Size, Spacing, Variant, WithPresets, activeDirective, attachDarkModeToggle, checkboxControlDirective, controlDirective, customElement, darkModeIcon, dialogDirective, dragActiveDirective, isDarkModeEnabled, lightModeIcon, loadCustomElements, optionControlDirection, toggleDarkMode, userPrefersDarkMode };

package/package.json

@@ -2,7 +2,7 @@
   "name": "@odx/foundation",
   "displayName": "ODX Design System Foundation",
   "description": "A library of Web Component building blocks for ODX",
-  "version": "1.0.0-beta.245",
+  "version": "1.0.0-beta.246",
   "author": "Drägerwerk AG & Co.KGaA",
   "license": "SEE LICENSE IN LICENSE",
   "homepage": "https://odx.draeger.com",
@@ -21,7 +21,7 @@
   },
   "peerDependencies": {
     "@odx/icons": "^4.0.0-rc.49",
-    "@odx/design-tokens": "^2.3.0"
+    "@odx/design-tokens": "^2.4.0"
   },
   "devDependencies": {
     "@lit-labs/preact-signals": "1.0.3",
@@ -33,10 +33,10 @@
     "stylelint": "16.25.0",
     "tinyglobby": "0.2.15",
     "@odx-internal/config-stylelint": "0.0.0",
-    "@odx-internal/utils-storybook": "0.0.0",
-    "@odx-internal/config-vite": "0.0.0",
     "@odx-internal/config-typescript": "0.0.0",
-    "@odx/design-tokens": "2.3.0"
+    "@odx-internal/config-vite": "0.0.0",
+    "@odx-internal/utils-storybook": "0.0.0",
+    "@odx/design-tokens": "2.4.0"
   },
   "sideEffects": [
     "dist/components-loader.js",