@dbcdk/react-components 0.0.174 → 0.0.176

package/dist/styles/themes/types.js

@@ -1,7 +1,8 @@
-const THEME_IDS = ["dbc", "filmstriben"];
+const THEME_IDS = ["dbc", "filmstriben", "valentines"];
 const THEME_LABELS = {
   dbc: "DBC",
-  filmstriben: "Filmstriben"
+  filmstriben: "Filmstriben",
+  valentines: "Valentines"
 };
 
 export { THEME_IDS, THEME_LABELS };

package/dist/utils/sessionStorage.utils.cjs

@@ -0,0 +1,53 @@
+'use strict';
+
+function isBrowser() {
+  return typeof window !== "undefined" && typeof window.sessionStorage !== "undefined";
+}
+function readSessionStorage(key) {
+  if (!isBrowser()) return void 0;
+  try {
+    const raw = window.sessionStorage.getItem(key);
+    if (raw == null) return void 0;
+    try {
+      const parsed = JSON.parse(raw);
+      if (typeof parsed === "string") {
+        try {
+          return JSON.parse(parsed);
+        } catch {
+          return parsed;
+        }
+      }
+      return parsed;
+    } catch {
+      return raw;
+    }
+  } catch {
+    return void 0;
+  }
+}
+function writeSessionStorage(key, value) {
+  if (!isBrowser()) return;
+  try {
+    if (value === void 0) {
+      window.sessionStorage.removeItem(key);
+      return;
+    }
+    if (typeof value === "string") {
+      window.sessionStorage.setItem(key, value);
+    } else {
+      window.sessionStorage.setItem(key, JSON.stringify(value));
+    }
+  } catch {
+  }
+}
+function removeSessionStorage(key) {
+  if (!isBrowser()) return;
+  try {
+    window.sessionStorage.removeItem(key);
+  } catch {
+  }
+}
+
+exports.readSessionStorage = readSessionStorage;
+exports.removeSessionStorage = removeSessionStorage;
+exports.writeSessionStorage = writeSessionStorage;

package/dist/utils/sessionStorage.utils.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Safely read from sessionStorage.
+ * - Returns undefined if not in browser
+ * - Returns parsed JSON if value is JSON
+ * - Returns plain string if not JSON
+ * - Never throws
+ */
+export declare function readSessionStorage<T = unknown>(key: string): T | string | undefined;
+/**
+ * Safely write to sessionStorage.
+ * - Automatically JSON.stringifies objects/arrays
+ * - Stores plain strings as-is
+ * - Never throws
+ */
+export declare function writeSessionStorage(key: string, value: unknown): void;
+/**
+ * Remove key safely
+ */
+export declare function removeSessionStorage(key: string): void;

package/dist/utils/sessionStorage.utils.js

@@ -0,0 +1,49 @@
+function isBrowser() {
+  return typeof window !== "undefined" && typeof window.sessionStorage !== "undefined";
+}
+function readSessionStorage(key) {
+  if (!isBrowser()) return void 0;
+  try {
+    const raw = window.sessionStorage.getItem(key);
+    if (raw == null) return void 0;
+    try {
+      const parsed = JSON.parse(raw);
+      if (typeof parsed === "string") {
+        try {
+          return JSON.parse(parsed);
+        } catch {
+          return parsed;
+        }
+      }
+      return parsed;
+    } catch {
+      return raw;
+    }
+  } catch {
+    return void 0;
+  }
+}
+function writeSessionStorage(key, value) {
+  if (!isBrowser()) return;
+  try {
+    if (value === void 0) {
+      window.sessionStorage.removeItem(key);
+      return;
+    }
+    if (typeof value === "string") {
+      window.sessionStorage.setItem(key, value);
+    } else {
+      window.sessionStorage.setItem(key, JSON.stringify(value));
+    }
+  } catch {
+  }
+}
+function removeSessionStorage(key) {
+  if (!isBrowser()) return;
+  try {
+    window.sessionStorage.removeItem(key);
+  } catch {
+  }
+}
+
+export { readSessionStorage, removeSessionStorage, writeSessionStorage };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dbcdk/react-components",
-  "version": "0.0.174",
+  "version": "0.0.176",
   "description": "Reusable React components for DBC projects",
   "license": "ISC",
   "author": "",

package/dist/styles/themes/filmstriben/theme.css

@@ -1,55 +0,0 @@
-/* Filmstriben theme entrypoint.
- *
- * Usage in the consuming app:
- *   - Simplest: import the convenience bundle instead of this file directly —
- *     @import '@dbcdk/react-components/themes/filmstriben.css';
- *     (bundles dbc/base.css + dbc/colors.css + this file + the shared index.css)
- *   - Or, for runtime theme switching (see useTheme/ThemeScript), import
- *     dbc's base + colors as your permanent foundation, then load this
- *     file — just the delta below — only when this theme is actually active:
- *       @import '@dbcdk/react-components/styles/themes/dbc/base.css';
- *       @import '@dbcdk/react-components/styles/themes/dbc/colors.css';
- *       @import '@dbcdk/react-components/styles/themes/filmstriben/theme.css';
- *
- * This file deliberately does NOT import dbc/colors.css itself (unlike a
- * typical single-theme entrypoint) and scopes every override behind
- * [data-product-theme='filmstriben'] instead of a bare :root — both are what
- * let it be safely loaded *alongside* dbc's palette and toggled at runtime by
- * flipping that attribute, without re-declaring or clobbering the whole dbc
- * palette a second time.
- *
- * Only overrides the navbar/header identity (fixed dark bar + logo lockup).
- * General-purpose brand tokens (--color-brand and everything derived from it
- * — buttons, links, tabs, chips, alerts, focus rings, charts) are
- * deliberately left on the shared DBC blue: #ffc107 doesn't have a value
- * that works well both as flat text/borders on white AND as a vivid identity
- * color (see TASK_filmstriben_theme.md for the contrast math and the
- * earlier, abandoned attempt at a mixed "text-safe gold"). Scoping the
- * yellow to the navbar/logo — where it always sits on its own guaranteed
- * background — sidesteps that tradeoff entirely instead of picking a
- * compromise shade.
- */
-
-:root[data-product-theme='filmstriben'] {
-  --filmstriben-yellow: #ffc107;
-  --filmstriben-black: #212529;
-
-  /* Navbar — fixed dark bar regardless of light/dark color-scheme */
-  --color-navbar-bg: var(--filmstriben-black);
-  --color-navbar-fg: #ffffff;
-  --color-navbar-fg-muted: rgba(255, 255, 255, 0.9);
-  /* Softer than full navbar-fg at rest — header components escalate to full
-     strength on hover/focus (see Button/Input/FormSelect's .header variant) */
-  --color-navbar-border: color-mix(in srgb, var(--color-navbar-fg) 25%, transparent);
-  /* Active nav-link accent — the raw vivid yellow is safe here specifically
-     because it always sits on this fixed dark bar, unlike --color-brand
-     (which follows light-dark() for the page's own background) */
-  --color-navbar-brand: var(--filmstriben-yellow);
-
-  /* Logo lockup — sits on the light page surface (via --color-logo-bg's
-     tint) or the dark navbar, never as flat text on a plain white bg, so
-     the raw vivid yellow is safe here unlike a general --color-brand value */
-  --color-logo: var(--filmstriben-yellow);
-  --color-logo-bg: color-mix(in srgb, var(--color-logo) 10%, var(--color-bg-surface));
-  --color-logo-fg: var(--filmstriben-black);
-}

package/dist/themes/filmstriben.css

@@ -1,4 +0,0 @@
-@import '../styles/themes/dbc/base.css';
-@import '../styles/themes/dbc/colors.css';
-@import '../styles/themes/filmstriben/theme.css';
-@import '../index.css';

package/dist/types/assets.d.cjs

@@ -1,2 +0,0 @@
-'use strict';
-

package/dist/types/assets.d.js

@@ -1 +0,0 @@
-