@dbcdk/react-components 0.0.175 → 0.0.177

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.175",
+  "version": "0.0.177",
   "description": "Reusable React components for DBC projects",
   "license": "ISC",
   "author": "",

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

@@ -1,108 +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.
- *
- * Uses a split brand strategy:
- * - light theme: semantic UI primary stays on blue for contrast and clarity
- * - dark theme: the real Filmstriben yellow, which has enough contrast there
- *
- * Navbar/header identity still uses the raw yellow directly because it always
- * sits on its own guaranteed dark background.
- */
-
-: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);
-
-  /* Light-theme UI primary stays semantic and high-contrast; Filmstriben's
-     real yellow remains available for identity-bearing accents instead. */
-  --color-brand: var(--dbc-blue-500);
-  --color-brand-hover: var(--dbc-blue-600);
-  --color-brand-strong: var(--dbc-blue-600);
-  --color-fg-on-brand: #ffffff;
-  --color-border-selected: var(--color-brand);
-  --color-field-focus: var(--dbc-blue-500);
-  --color-focus-ring: var(--dbc-blue-300);
-  --focus-ring: 0 0 0 3px rgba(12, 62, 227, 0.25);
-  --color-link: var(--dbc-blue-500);
-  --color-link-hover: var(--dbc-blue-600);
-  --color-bg-selected: var(--dbc-blue-100);
-  --color-bg-selected-hover: var(--dbc-blue-150);
-  --color-chart-primary: color-mix(in srgb, var(--color-brand) 75%, rgb(255 255 255 / 0));
-}
-
-:root[data-product-theme='filmstriben'][data-theme='dark'] {
-  /* Dark surfaces tuned to the navbar's grey-black identity instead of dbc's cooler blue darks. */
-  --filmstriben-surface-page: #212529;
-  --filmstriben-surface-subtle: #2a2f34;
-  --filmstriben-surface-strong: #161a1d;
-  --filmstriben-surface-hover: #343a40;
-  --filmstriben-surface-inverse: #34393f;
-  --filmstriben-table-row-alt: #1c2024;
-  --filmstriben-yellow-hover: #ffca2c;
-  --filmstriben-yellow-strong: #ffcd39;
-  --filmstriben-yellow-soft: #4a3a06;
-  --filmstriben-yellow-soft-hover: #5b4707;
-
-  --color-bg-page: var(--filmstriben-surface-page);
-  --color-bg-surface: var(--filmstriben-surface-page);
-  --color-bg-surface-subtle: var(--filmstriben-surface-subtle);
-  --color-bg-surface-strong: var(--filmstriben-surface-strong);
-  --color-bg-inverse: var(--filmstriben-surface-inverse);
-  --color-bg-toolbar: var(--filmstriben-surface-subtle);
-  --color-bg-toolbar-hover: var(--filmstriben-surface-hover);
-
-  --table-header-bg: var(--filmstriben-surface-subtle);
-  --table-row-bg: var(--filmstriben-surface-page);
-  --table-row-bg-alt: var(--filmstriben-table-row-alt);
-  --table-row-bg-hover: var(--filmstriben-surface-subtle);
-
-  /* In dark mode the Filmstriben yellow has enough contrast to become the primary brand color. */
-  --color-brand: var(--filmstriben-yellow);
-  --color-brand-hover: var(--filmstriben-yellow-hover);
-  --color-brand-strong: var(--filmstriben-yellow-strong);
-  --color-fg-on-brand: var(--filmstriben-black);
-  --color-border-selected: var(--color-brand);
-  --color-field-focus: var(--dbc-blue-300);
-  --color-focus-ring: var(--filmstriben-yellow);
-  --focus-ring: 0 0 0 3px color-mix(in srgb, var(--filmstriben-yellow) 35%, transparent);
-
-  --color-bg-selected: var(--filmstriben-yellow-soft);
-  --color-bg-selected-hover: var(--filmstriben-yellow-soft-hover);
-  --color-chart-primary: color-mix(in srgb, var(--color-brand) 75%, rgb(255 255 255 / 0));
-}

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 @@
-