@africanies/angular-web-sdk 0.1.11 → 0.1.13

package/.nx/cache/{13466509747676776487 → 13293303228070520113}/dist/libs/africanies-core/types/africanies-africanies-core.d.ts

@@ -2241,7 +2241,10 @@ declare class NotificationService {
     static ɵprov: i0.ɵɵInjectableDeclaration<NotificationService>;
 }
 
-/** Signed export downloads and other hosts that must not be rewritten in-app. */
+/**
+ * Signed export downloads and other hosts that must not be rewritten in-app.
+ * @param link
+ */
 declare function isNotificationExternalLink(link: string): boolean;
 /**
  * Rewrite a notification href for the active {@link ShippingMode}.
@@ -2250,6 +2253,8 @@ declare function isNotificationExternalLink(link: string): boolean;
  * - Legacy portal hosts become relative `/portal/...` paths with query preserved.
  * - When the notification already includes `shipment_app`, it is kept as-is.
  * - Otherwise classic host / `shipment_app` rewriting applies for portal URLs.
+ * @param link
+ * @param mode
  */
 declare function resolveNotificationLinkForMode(link: string | null | undefined, mode: ShippingMode): string;
 

package/.nx/cache/{6673686859704879504 → 13387631073062967069}/dist/libs/africanies-theme/fesm2022/africanies-africanies-theme.mjs

@@ -15,38 +15,50 @@ import { STORAGE_TOKEN, AFRICANIES_THEME_KEY } from '@africanies/africanies-stor
  * Do not rename these strings without updating ModeColorService and THEME.md.
  *
  * SFN (export / green):
+ * text-export-strong bg-export-strong hover:bg-export-hover border-export-strong
  * text-export bg-export bg-export-subtle bg-export-light border-export
  * hover:bg-export-light hover:bg-export-subtle dark:bg-export/15 dark:hover:bg-export/15
- * dark:bg-[color-mix(in_srgb,#1cbd5d_15%,#212529)] dark:bg-export dark:text-export dark:border-export
+ * dark:bg-[color-mix(in_srgb,#26bd5d_15%,#212529)] dark:bg-export dark:text-export dark:border-export
  *
  * STN (import / orange):
+ * text-import-strong bg-import-strong hover:bg-import-hover border-import-strong
  * text-import bg-import bg-import-subtle bg-import-light border-import
  * hover:bg-import-light hover:bg-import-subtle dark:bg-import/15 dark:hover:bg-import/15
  * dark:bg-[color-mix(in_srgb,#f08829_15%,#212529)] dark:bg-import dark:text-import dark:border-import
  */
 const MODE_COLOR_SAFELIST = [
     'text-export',
+    'text-export-strong',
     'bg-export',
+    'bg-export-strong',
     'bg-export-subtle',
     'bg-export-light',
     'border-export',
+    'border-export-strong',
+    'hover:bg-export-hover',
     'hover:bg-export-light',
     'hover:bg-export-subtle',
     'dark:bg-export/15',
     'dark:hover:bg-export/15',
-    'dark:bg-[color-mix(in_srgb,#1cbd5d_15%,#212529)]',
+    'dark:hover:bg-export-light',
+    'dark:bg-[color-mix(in_srgb,#26bd5d_15%,#212529)]',
     'dark:bg-export',
     'dark:text-export',
     'dark:border-export',
     'text-import',
+    'text-import-strong',
     'bg-import',
+    'bg-import-strong',
     'bg-import-subtle',
     'bg-import-light',
     'border-import',
+    'border-import-strong',
+    'hover:bg-import-hover',
     'hover:bg-import-light',
     'hover:bg-import-subtle',
     'dark:bg-import/15',
     'dark:hover:bg-import/15',
+    'dark:hover:bg-import-light',
     'dark:bg-[color-mix(in_srgb,#f08829_15%,#212529)]',
     'dark:bg-import',
     'dark:text-import',
@@ -70,6 +82,9 @@ const MODE_COLOR_SAFELIST = [
  * <span [class]="colors.text">Mode accent</span>
  * ```
  */
+/**
+ * Maps {@link ShippingModeService} to mode-accent Tailwind classes.
+ */
 class ModeColorService {
     shippingMode = inject(ShippingModeService);
     /**
@@ -79,31 +94,31 @@ class ModeColorService {
         // Literal strings required for Tailwind content detection — do not interpolate.
         if (this.shippingMode.mode() === 'sfn') {
             return {
-                text: 'text-export',
+                text: 'text-export dark:text-export',
                 bg: 'bg-export',
                 bgSubtle: 'bg-export-subtle',
                 border: 'border-export',
-                primary: 'bg-export text-white border-transparent hover:bg-export-light',
-                ghostPrimary: 'bg-transparent text-export border-transparent hover:bg-export-subtle dark:hover:bg-export/15',
+                primary: 'bg-export text-white border-transparent hover:bg-export-strong dark:bg-export dark:hover:bg-export-light',
+                ghostPrimary: 'bg-transparent text-export border-transparent hover:bg-export-subtle dark:text-export dark:hover:bg-export/15',
                 soft: 'bg-export-subtle dark:bg-export/15',
-                softSolid: 'bg-export-subtle dark:bg-[color-mix(in_srgb,#1cbd5d_15%,#212529)]',
+                softSolid: 'bg-export-subtle dark:bg-[color-mix(in_srgb,#26bd5d_15%,#212529)]',
                 softHover: 'hover:bg-export-subtle dark:hover:bg-export/15',
-                activeFill: 'bg-export text-white border-transparent dark:bg-export dark:text-white',
-                stroked: 'bg-white text-export border-export hover:bg-export-subtle dark:bg-ink-950 dark:text-export dark:border-export dark:hover:bg-export/15',
+                activeFill: 'bg-export text-white border-transparent hover:bg-export-strong dark:bg-export dark:text-white dark:hover:bg-export-light',
+                stroked: 'bg-surface text-export border-export hover:bg-export-subtle dark:bg-ink-950 dark:text-export dark:border-export dark:hover:bg-export/15',
             };
         }
         return {
-            text: 'text-import',
+            text: 'text-import-strong dark:text-import',
             bg: 'bg-import',
             bgSubtle: 'bg-import-subtle',
             border: 'border-import',
-            primary: 'bg-import text-white border-transparent hover:bg-import-light',
-            ghostPrimary: 'bg-transparent text-import border-transparent hover:bg-import-subtle dark:hover:bg-import/15',
+            primary: 'bg-import-strong text-white border-transparent hover:bg-import-hover dark:bg-import dark:hover:bg-import-light',
+            ghostPrimary: 'bg-transparent text-import-strong border-transparent hover:bg-import-subtle dark:text-import dark:hover:bg-import/15',
             soft: 'bg-import-subtle dark:bg-import/15',
             softSolid: 'bg-import-subtle dark:bg-[color-mix(in_srgb,#f08829_15%,#212529)]',
             softHover: 'hover:bg-import-subtle dark:hover:bg-import/15',
-            activeFill: 'bg-import text-white border-transparent dark:bg-import dark:text-white',
-            stroked: 'bg-white text-import border-import hover:bg-import-subtle dark:bg-ink-950 dark:text-import dark:border-import dark:hover:bg-import/15',
+            activeFill: 'bg-import-strong text-white border-transparent hover:bg-import-hover dark:bg-import dark:text-white dark:hover:bg-import-light',
+            stroked: 'bg-surface text-import-strong border-import-strong hover:bg-import-subtle dark:bg-ink-950 dark:text-import dark:border-import dark:hover:bg-import/15',
         };
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
@@ -149,6 +164,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
  * const current = theme.theme(); // 'light' | 'dark'
  * ```
  */
+/**
+ * Application light/dark theme preference.
+ */
 class ThemeService {
     storage = inject(STORAGE_TOKEN);
     document = inject(DOCUMENT);

package/.nx/cache/13387631073062967069/dist/libs/africanies-theme/fesm2022/africanies-africanies-theme.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"africanies-africanies-theme.mjs","sources":["../../../../libs/africanies-theme/src/lib/mode-color.safelist.ts","../../../../libs/africanies-theme/src/lib/mode-color.service.ts","../../../../libs/africanies-theme/src/lib/theme.service.ts","../../../../libs/africanies-theme/src/africanies-africanies-theme.ts"],"sourcesContent":["/**\n * Tailwind safelist side-effect for shipping-mode color utilities.\n *\n * WHY this file exists: JIT/content scanning only keeps class names that appear\n * as *literal strings* in scanned sources. {@link ModeColorService} already\n * returns these literals, but keeping a dedicated comment list makes the\n * contract obvious for consumers who configure `safelist` or purge plugins.\n *\n * Do not rename these strings without updating ModeColorService and THEME.md.\n *\n * SFN (export / green):\n * text-export-strong bg-export-strong hover:bg-export-hover border-export-strong\n * text-export bg-export bg-export-subtle bg-export-light border-export\n * hover:bg-export-light hover:bg-export-subtle dark:bg-export/15 dark:hover:bg-export/15\n * dark:bg-[color-mix(in_srgb,#26bd5d_15%,#212529)] dark:bg-export dark:text-export dark:border-export\n *\n * STN (import / orange):\n * text-import-strong bg-import-strong hover:bg-import-hover border-import-strong\n * text-import bg-import bg-import-subtle bg-import-light border-import\n * hover:bg-import-light hover:bg-import-subtle dark:bg-import/15 dark:hover:bg-import/15\n * dark:bg-[color-mix(in_srgb,#f08829_15%,#212529)] dark:bg-import dark:text-import dark:border-import\n */\nexport const MODE_COLOR_SAFELIST = [\n  'text-export',\n  'text-export-strong',\n  'bg-export',\n  'bg-export-strong',\n  'bg-export-subtle',\n  'bg-export-light',\n  'border-export',\n  'border-export-strong',\n  'hover:bg-export-hover',\n  'hover:bg-export-light',\n  'hover:bg-export-subtle',\n  'dark:bg-export/15',\n  'dark:hover:bg-export/15',\n  'dark:hover:bg-export-light',\n  'dark:bg-[color-mix(in_srgb,#26bd5d_15%,#212529)]',\n  'dark:bg-export',\n  'dark:text-export',\n  'dark:border-export',\n  'text-import',\n  'text-import-strong',\n  'bg-import',\n  'bg-import-strong',\n  'bg-import-subtle',\n  'bg-import-light',\n  'border-import',\n  'border-import-strong',\n  'hover:bg-import-hover',\n  'hover:bg-import-light',\n  'hover:bg-import-subtle',\n  'dark:bg-import/15',\n  'dark:hover:bg-import/15',\n  'dark:hover:bg-import-light',\n  'dark:bg-[color-mix(in_srgb,#f08829_15%,#212529)]',\n  'dark:bg-import',\n  'dark:text-import',\n  'dark:border-import',\n] as const;\n","import { computed, inject, Injectable } from '@angular/core';\n\nimport { ShippingModeService } from '@africanies/africanies-core';\n\n/**\n * Tailwind class bundle for the active shipping mode (SFN export / STN import).\n *\n * Use these for **primary** product chrome: CTAs, selected controls, progress,\n * and accent text. Semantic colors (danger / warning) stay mode-independent.\n */\nexport interface ModeColorClasses {\n  /**\n   * Accessible accent text — mode brand color in light and dark.\n   */\n  text: string;\n  /** Solid background utility, e.g. `bg-export`. */\n  bg: string;\n  /** Soft background utility, e.g. `bg-export-subtle`. */\n  bgSubtle: string;\n  /** Border matching the mode accent, e.g. `border-export`. */\n  border: string;\n  /**\n   * Filled primary CTA — `variant=\"primary\"` on buttons.\n   * Includes hover utility as a literal so Tailwind keeps it.\n   */\n  primary: string;\n  /**\n   * Transparent / text-only CTA — `variant=\"ghost-primary\"` on buttons.\n   * Mode accent text + soft hover fill.\n   */\n  ghostPrimary: string;\n  /**\n   * Soft highlight for selected / active rows (works in dark mode).\n   * Dark uses a translucent tint — fine over solid surfaces, not for\n   * sticky overlays (see {@link softSolid}).\n   */\n  soft: string;\n  /**\n   * Opaque soft fill — same tint as {@link soft}, but dark mode mixes into\n   * ink so scrolled content cannot show through (sticky table headers/cells).\n   */\n  softSolid: string;\n  /**\n   * Soft hover highlight for menus and lists.\n   */\n  softHover: string;\n  /**\n   * Active nav leaf / collapsed rail — solid mode fill + white text.\n   */\n  activeFill: string;\n  /**\n   * Stroked secondary CTA — white fill, mode border + text (portal `.btn-stroked`).\n   */\n  stroked: string;\n}\n\n/**\n * Maps {@link ShippingModeService} to mode-accent Tailwind classes.\n *\n * - **SFN** → export green is primary\n * - **STN** → import orange is primary\n *\n * WHY literal class strings: Tailwind's scanner cannot see dynamically built\n * names like `` `text-${token}` ``. Returning full literals (`text-export`, …)\n * keeps utilities in the compiled CSS. See {@link MODE_COLOR_SAFELIST}.\n *\n * @example\n * ```html\n * @let colors = modeColor.classes();\n * <button type=\"button\" [class]=\"colors.primary\">Save</button>\n * <span [class]=\"colors.text\">Mode accent</span>\n * ```\n */\n@Injectable({ providedIn: 'root' })\n/**\n * Maps {@link ShippingModeService} to mode-accent Tailwind classes.\n */\nexport class ModeColorService {\n  private readonly shippingMode = inject(ShippingModeService);\n\n  /**\n   * Mode-dependent utility classes. Recomputes when shipping mode changes.\n   */\n  readonly classes = computed<ModeColorClasses>(() => {\n    // Literal strings required for Tailwind content detection — do not interpolate.\n    if (this.shippingMode.mode() === 'sfn') {\n      return {\n        text: 'text-export dark:text-export',\n        bg: 'bg-export',\n        bgSubtle: 'bg-export-subtle',\n        border: 'border-export',\n        primary:\n          'bg-export text-white border-transparent hover:bg-export-strong dark:bg-export dark:hover:bg-export-light',\n        ghostPrimary:\n          'bg-transparent text-export border-transparent hover:bg-export-subtle dark:text-export dark:hover:bg-export/15',\n        soft: 'bg-export-subtle dark:bg-export/15',\n        softSolid:\n          'bg-export-subtle dark:bg-[color-mix(in_srgb,#26bd5d_15%,#212529)]',\n        softHover: 'hover:bg-export-subtle dark:hover:bg-export/15',\n        activeFill:\n          'bg-export text-white border-transparent hover:bg-export-strong dark:bg-export dark:text-white dark:hover:bg-export-light',\n        stroked:\n          'bg-surface text-export border-export hover:bg-export-subtle dark:bg-ink-950 dark:text-export dark:border-export dark:hover:bg-export/15',\n      };\n    }\n    return {\n      text: 'text-import-strong dark:text-import',\n      bg: 'bg-import',\n      bgSubtle: 'bg-import-subtle',\n      border: 'border-import',\n      primary:\n        'bg-import-strong text-white border-transparent hover:bg-import-hover dark:bg-import dark:hover:bg-import-light',\n      ghostPrimary:\n        'bg-transparent text-import-strong border-transparent hover:bg-import-subtle dark:text-import dark:hover:bg-import/15',\n      soft: 'bg-import-subtle dark:bg-import/15',\n      softSolid:\n        'bg-import-subtle dark:bg-[color-mix(in_srgb,#f08829_15%,#212529)]',\n      softHover: 'hover:bg-import-subtle dark:hover:bg-import/15',\n      activeFill:\n        'bg-import-strong text-white border-transparent hover:bg-import-hover dark:bg-import dark:text-white dark:hover:bg-import-light',\n      stroked:\n        'bg-surface text-import-strong border-import-strong hover:bg-import-subtle dark:bg-ink-950 dark:text-import dark:border-import dark:hover:bg-import/15',\n    };\n  });\n}\n","import { DOCUMENT } from '@angular/common';\nimport { inject, Injectable, signal } from '@angular/core';\n\nimport { AFRICANIES_THEME_KEY, STORAGE_TOKEN } from '@africanies/africanies-storage';\n\nimport type { Theme } from './theme.types';\n\n/**\n * Application light/dark theme preference.\n *\n * WHY signals (not BehaviorSubject): theme is synchronous UI state read from\n * templates and other services; a signal avoids RxJS subscription boilerplate\n * and matches Angular 22 change detection. Persistence goes through\n * {@link STORAGE_TOKEN} so tests can swap storage without touching `localStorage`.\n *\n * Applies the Tailwind `darkMode: 'class'` contract by toggling `dark` on\n * `document.documentElement`, and sets `color-scheme` so native UI (date\n * pickers, scrollbars, form controls) matches the app theme — class-based\n * dark mode alone does not restyle browser chrome.\n *\n * @example\n * ```ts\n * // app.config.ts\n * import { inject, provideAppInitializer } from '@angular/core';\n * import { ThemeService } from '@africanies/africanies-theme';\n *\n * export const appConfig = {\n *   providers: [\n *     provideAppInitializer(() => {\n *       inject(ThemeService); // applies stored / system theme once\n *     }),\n *   ],\n * };\n *\n * // In a component\n * const theme = inject(ThemeService);\n * theme.toggle();\n * theme.setTheme('dark');\n * const current = theme.theme(); // 'light' | 'dark'\n * ```\n */\n@Injectable({ providedIn: 'root' })\n/**\n * Application light/dark theme preference.\n */\nexport class ThemeService {\n  private readonly storage = inject(STORAGE_TOKEN);\n  private readonly document = inject(DOCUMENT);\n\n  /**\n   * Current theme. Prefer reading via `theme()` in templates / computed values\n   * rather than caching the string, so dark-class consumers stay in sync.\n   */\n  readonly theme = signal<Theme>(this.resolveInitialTheme());\n\n  constructor() {\n    this.applyToDocument(this.theme());\n  }\n\n  /**\n   * Sets and persists the theme, updating the `dark` class and `color-scheme`\n   * on `<html>`.\n   *\n   * @param theme - Absolute preference to store.\n   */\n  setTheme(theme: Theme): void {\n    this.theme.set(theme);\n    this.applyToDocument(theme);\n    try {\n      this.storage.set(AFRICANIES_THEME_KEY, theme);\n    } catch {\n      // Persistence failure must not block the in-session visual toggle —\n      // private browsing / quota issues are transient for theme preference.\n    }\n  }\n\n  /**\n   * Flips between light and dark.\n   *\n   * @returns The theme after the toggle.\n   */\n  toggle(): Theme {\n    const next: Theme = this.theme() === 'light' ? 'dark' : 'light';\n    this.setTheme(next);\n    return next;\n  }\n\n  private resolveInitialTheme(): Theme {\n    try {\n      const stored = this.storage.get<Theme>(AFRICANIES_THEME_KEY);\n      if (stored === 'light' || stored === 'dark') {\n        return stored;\n      }\n    } catch {\n      // Fall through to system preference when storage is unavailable.\n    }\n    return this.prefersDark() ? 'dark' : 'light';\n  }\n\n  private prefersDark(): boolean {\n    const win = this.document.defaultView;\n    return !!win?.matchMedia?.('(prefers-color-scheme: dark)').matches;\n  }\n\n  private applyToDocument(theme: Theme): void {\n    const root = this.document.documentElement;\n    if (theme === 'dark') {\n      root.classList.add('dark');\n    } else {\n      root.classList.remove('dark');\n    }\n    // Native date/time pickers follow `color-scheme`, not Tailwind's `dark` class.\n    root.style.colorScheme = theme;\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/.nx/cache/{6673686859704879504 → 13387631073062967069}/dist/libs/africanies-theme/tailwind-preset.cjs

@@ -92,8 +92,8 @@ function africaniesAutofillPlugin({ addBase }) {
   const rules = {};
   for (const selector of autofillSelectors) {
     rules[selector] = {
-      WebkitTextFillColor: '#1c2b3f',
-      caretColor: '#1c2b3f',
+      WebkitTextFillColor: '#172033',
+      caretColor: '#172033',
       boxShadow: '0 0 0 1000px #ffffff inset',
       transition: 'background-color 99999s ease-in-out 0s',
     };
@@ -143,6 +143,36 @@ function africaniesOverlayStackPlugin({ addBase }) {
   });
 }
 
+/**
+ * Shared elevated card shell so list/detail pages keep one light-theme recipe.
+ *
+ * @param {import('tailwindcss/types/config').PluginAPI} api
+ */
+function africaniesSurfacePlugin({ addComponents }) {
+  addComponents({
+    '.africanies-card': {
+      borderRadius: '0.75rem',
+      borderWidth: '1px',
+      borderStyle: 'solid',
+      borderColor: '#dde3ea',
+      backgroundColor: '#ffffff',
+      padding: '1.25rem',
+      color: '#172033',
+      boxShadow:
+        '0 1px 2px rgb(23 32 51 / 0.04), 0 1px 3px rgb(23 32 51 / 0.06)',
+      '@media (min-width: 640px)': {
+        padding: '1.5rem',
+      },
+    },
+    '.dark .africanies-card': {
+      borderColor: 'rgba(255, 255, 255, 0.1)',
+      backgroundColor: '#272729',
+      color: '#ffffff',
+      boxShadow: 'none',
+    },
+  });
+}
+
 /**
  * Keep overlay scrollbars off close buttons and other end-aligned chrome.
  *
@@ -186,6 +216,7 @@ module.exports = {
     africaniesSpinPlugin,
     africaniesOverlayStackPlugin,
     africaniesOverlayScrollPlugin,
+    africaniesSurfacePlugin,
     africaniesAutofillPlugin,
   ],
   theme: {
@@ -193,56 +224,83 @@ module.exports = {
       colors: {
         black: '#000000',
         white: '#ffffff',
+        surface: {
+          DEFAULT: '#ffffff',
+          subtle: '#f8fafc',
+          hover: '#e9eef5',
+          sunken: '#eef2f6',
+        },
         ink: {
-          // Portal `.txt-primary` navy — primary body / heading text (light).
-          DEFAULT: '#1c2b3f',
+          // High-contrast cool navy for light-theme body and heading text.
+          DEFAULT: '#172033',
           blue: '#192a3e',
-          brand: '#1c2b3f',
+          brand: '#172033',
           // Previous ink DEFAULT — dark elevated cards / panels (`dark:bg-ink-surface`).
           surface: '#212529',
           950: '#272729',
         },
         neutral: {
+          50: '#f8fafc',
+          100: '#eef2f6',
+          200: '#dde3ea',
           300: '#c9d5e1',
+          // Keep 300/400 stable: they are the established dark-theme foregrounds.
           400: '#a9b5cb',
-          600: '#667185',
+          500: '#667185',
+          600: '#526071',
+          700: '#3e4a59',
+          800: '#2c3644',
+          900: '#172033',
         },
         border: {
-          // Soft hairline on white (portal `$border-bottom-gray`).
-          DEFAULT: '#f0f2f5',
-          // Nav pins / stronger chrome dividers.
-          strong: '#e0e6f0',
+          // Quiet card/divider chrome. Controls use the stronger `control` token.
+          DEFAULT: '#dde3ea',
+          strong: '#c4cdd8',
         },
+        // 3.1:1 against white: visible enough for meaningful control boundaries.
+        control: '#8793a3',
+        focus: '#175cd3',
         background: {
-          // Portal page shell (`container-wrap`).
-          chrome: '#f6f7f9',
+          // Cooler canvas and a clearer inset level beneath white surfaces.
+          chrome: '#f4f6f8',
           // Nested wells inside white cards.
-          well: '#f3f3f3',
+          well: '#eef2f6',
           // Auth / welcome / soft hover.
-          welcome: '#f9fafb',
+          welcome: '#f8fafc',
+          hover: '#e9eef5',
         },
         export: {
-          DEFAULT: '#1cbd5d',
+          DEFAULT: '#26bd5d',
           light: '#24dc6d',
           subtle: '#e4fff3',
           tint: '#f2fff8',
+          // Accessible normal-text / white-text-control foreground (5.43:1).
+          strong: '#0b7a3e',
+          hover: '#096833',
         },
         import: {
           DEFAULT: '#f08829',
           light: '#ffa95b',
           subtle: '#fffcef',
+          // Brand orange (same as DEFAULT) — portal STN primary.
+          strong: '#f08829',
+          hover: '#7f3e09',
         },
         danger: {
           DEFAULT: '#ff001c',
-          dark: '#b41433',
+          dark: '#b4233c',
           strong: '#C00B19',
           subtle: '#FFF2F2',
         },
         warning: {
           DEFAULT: '#DBB316',
-          dark: '#EF8833',
+          dark: '#8a5a00',
           subtle: '#FFF6E6',
         },
+        info: {
+          DEFAULT: '#175cd3',
+          subtle: '#eff6ff',
+        },
       },
       fontFamily: {
         sans: ['Inter', 'system-ui', 'sans-serif'],
@@ -257,6 +315,16 @@ module.exports = {
         'body-sm': ['0.875rem', { lineHeight: 1.4, fontWeight: 400 }],
         caption: ['0.75rem', { lineHeight: 1.3, fontWeight: 400 }],
       },
+      borderRadius: {
+        control: '0.5rem',
+        panel: '0.75rem',
+      },
+      boxShadow: {
+        card:
+          '0 1px 2px rgb(23 32 51 / 0.04), 0 1px 3px rgb(23 32 51 / 0.06)',
+        floating:
+          '0 12px 32px rgb(23 32 51 / 0.12), 0 2px 8px rgb(23 32 51 / 0.06)',
+      },
     },
   },
 };

package/.nx/cache/{6673686859704879504 → 13387631073062967069}/dist/libs/africanies-theme/types/africanies-africanies-theme.d.ts

@@ -11,16 +11,18 @@ import * as i0 from '@angular/core';
  * Do not rename these strings without updating ModeColorService and THEME.md.
  *
  * SFN (export / green):
+ * text-export-strong bg-export-strong hover:bg-export-hover border-export-strong
  * text-export bg-export bg-export-subtle bg-export-light border-export
  * hover:bg-export-light hover:bg-export-subtle dark:bg-export/15 dark:hover:bg-export/15
- * dark:bg-[color-mix(in_srgb,#1cbd5d_15%,#212529)] dark:bg-export dark:text-export dark:border-export
+ * dark:bg-[color-mix(in_srgb,#26bd5d_15%,#212529)] dark:bg-export dark:text-export dark:border-export
  *
  * STN (import / orange):
+ * text-import-strong bg-import-strong hover:bg-import-hover border-import-strong
  * text-import bg-import bg-import-subtle bg-import-light border-import
  * hover:bg-import-light hover:bg-import-subtle dark:bg-import/15 dark:hover:bg-import/15
  * dark:bg-[color-mix(in_srgb,#f08829_15%,#212529)] dark:bg-import dark:text-import dark:border-import
  */
-declare const MODE_COLOR_SAFELIST: readonly ["text-export", "bg-export", "bg-export-subtle", "bg-export-light", "border-export", "hover:bg-export-light", "hover:bg-export-subtle", "dark:bg-export/15", "dark:hover:bg-export/15", "dark:bg-[color-mix(in_srgb,#1cbd5d_15%,#212529)]", "dark:bg-export", "dark:text-export", "dark:border-export", "text-import", "bg-import", "bg-import-subtle", "bg-import-light", "border-import", "hover:bg-import-light", "hover:bg-import-subtle", "dark:bg-import/15", "dark:hover:bg-import/15", "dark:bg-[color-mix(in_srgb,#f08829_15%,#212529)]", "dark:bg-import", "dark:text-import", "dark:border-import"];
+declare const MODE_COLOR_SAFELIST: readonly ["text-export", "text-export-strong", "bg-export", "bg-export-strong", "bg-export-subtle", "bg-export-light", "border-export", "border-export-strong", "hover:bg-export-hover", "hover:bg-export-light", "hover:bg-export-subtle", "dark:bg-export/15", "dark:hover:bg-export/15", "dark:hover:bg-export-light", "dark:bg-[color-mix(in_srgb,#26bd5d_15%,#212529)]", "dark:bg-export", "dark:text-export", "dark:border-export", "text-import", "text-import-strong", "bg-import", "bg-import-strong", "bg-import-subtle", "bg-import-light", "border-import", "border-import-strong", "hover:bg-import-hover", "hover:bg-import-light", "hover:bg-import-subtle", "dark:bg-import/15", "dark:hover:bg-import/15", "dark:hover:bg-import-light", "dark:bg-[color-mix(in_srgb,#f08829_15%,#212529)]", "dark:bg-import", "dark:text-import", "dark:border-import"];
 
 /**
  * Tailwind class bundle for the active shipping mode (SFN export / STN import).
@@ -29,7 +31,9 @@ declare const MODE_COLOR_SAFELIST: readonly ["text-export", "bg-export", "bg-exp
  * and accent text. Semantic colors (danger / warning) stay mode-independent.
  */
 interface ModeColorClasses {
-    /** Text color utility, e.g. `text-export`. */
+    /**
+     * Accessible accent text — mode brand color in light and dark.
+     */
     text: string;
     /** Solid background utility, e.g. `bg-export`. */
     bg: string;

package/.nx/cache/16704640000606796352/dist/libs/africanies-storage/README.md

@@ -0,0 +1,31 @@
+# @africanies/africanies-storage
+
+Injectable browser storage for the AFRICANIES Web SDK. Provides a swappable
+`StorageService` behind `STORAGE_TOKEN`, with `localStorage` (default) and
+`sessionStorage` implementations plus `provideLocalStorage()` /
+`provideSessionStorage()` helpers.
+
+Shipping mode (`ShippingModeService` in `@africanies/africanies-core`) always persists
+via `SessionStorageService` directly so each browser tab can use a different
+STN/SFN mode. Theme and auth token use `STORAGE_TOKEN` (localStorage by default).
+
+## Usage
+
+```ts
+import {
+  STORAGE_TOKEN,
+  provideLocalStorage,
+  AFRICANIES_THEME_KEY,
+} from '@africanies/africanies-storage';
+
+// app.config.ts
+providers: [provideLocalStorage()];
+
+// elsewhere
+const storage = inject(STORAGE_TOKEN);
+storage.set(AFRICANIES_THEME_KEY, 'dark');
+```
+
+## Tests
+
+Run `nx test africanies-storage`.

package/.nx/cache/16704640000606796352/dist/libs/africanies-storage/fesm2022/africanies-africanies-storage.mjs

@@ -0,0 +1,249 @@
+import * as i0 from '@angular/core';
+import { Injectable, InjectionToken, inject, makeEnvironmentProviders } from '@angular/core';
+
+/**
+ * Browser key-value persistence abstraction used by theme, shipping mode,
+ * and auth token flows.
+ *
+ * Implementations JSON-serialize values so callers work with typed objects
+ * rather than raw strings. Prefer injecting via {@link STORAGE_TOKEN} so
+ * tests can swap in an in-memory fake.
+ */
+class StorageService {
+}
+
+/**
+ * JSON helpers over the Web Storage API.
+ *
+ * Kept internal so Local/Session services stay thin; failure modes are
+ * documented on {@link StorageService} for consumers.
+ */
+/**
+ * @param store - `localStorage` or `sessionStorage`.
+ * @param key - Key to read.
+ * @returns Parsed value, or `null` when missing/empty.
+ */
+function readJson(store, key) {
+    const raw = store.getItem(key);
+    if (raw === null || raw === '') {
+        return null;
+    }
+    return JSON.parse(raw);
+}
+/**
+ * @param store - `localStorage` or `sessionStorage`.
+ * @param key - Key to write.
+ * @param value - JSON-serializable value.
+ */
+function writeJson(store, key, value) {
+    store.setItem(key, JSON.stringify(value));
+}
+
+/**
+ * `localStorage`-backed {@link StorageService}.
+ *
+ * Default root implementation behind {@link STORAGE_TOKEN}. Values survive
+ * browser restarts for the origin.
+ *
+ * @example
+ * ```ts
+ * const storage = inject(LocalStorageService);
+ * try {
+ *   storage.set('user', { id: 1 });
+ * } catch (err) {
+ *   // QuotaExceededError or private-browsing denial
+ *   console.warn('persist failed', err);
+ * }
+ * ```
+ */
+/**
+ * `localStorage`-backed {@link StorageService}.
+ */
+class LocalStorageService extends StorageService {
+    /**
+     * @inheritdoc
+     * @throws {DOMException} Quota exceeded or storage disabled in private browsing.
+     * @throws {SyntaxError} Stored value is not valid JSON.
+     */
+    get(key) {
+        return readJson(localStorage, key);
+    }
+    /**
+     * @inheritdoc
+     * @throws {DOMException} Quota exceeded or storage disabled in private browsing.
+     * @throws {TypeError} Value is not JSON-serializable.
+     */
+    set(key, value) {
+        writeJson(localStorage, key, value);
+    }
+    /**
+     * @inheritdoc
+     * @throws {DOMException} When storage is inaccessible.
+     */
+    remove(key) {
+        localStorage.removeItem(key);
+    }
+    /**
+     * @inheritdoc
+     * @throws {DOMException} When storage is inaccessible.
+     */
+    clear() {
+        localStorage.clear();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LocalStorageService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LocalStorageService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: LocalStorageService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/**
+ * `sessionStorage`-backed {@link StorageService}.
+ *
+ * Scope is limited to the current tab/window lifetime — use when values must
+ * not outlive the session (e.g. ephemeral UI flags). Register via
+ * {@link provideSessionStorage} to bind {@link STORAGE_TOKEN} to this class.
+ *
+ * @example
+ * ```ts
+ * // app.config.ts
+ * providers: [provideSessionStorage()]
+ *
+ * // elsewhere
+ * const storage = inject(STORAGE_TOKEN);
+ * try {
+ *   storage.set('wizard.step', 2);
+ * } catch (err) {
+ *   // QuotaExceededError or private-browsing denial
+ * }
+ * ```
+ */
+/**
+ * `sessionStorage`-backed {@link StorageService}.
+ */
+class SessionStorageService extends StorageService {
+    /**
+     * @inheritdoc
+     * @throws {DOMException} Quota exceeded or storage disabled in private browsing.
+     * @throws {SyntaxError} Stored value is not valid JSON.
+     */
+    get(key) {
+        return readJson(sessionStorage, key);
+    }
+    /**
+     * @inheritdoc
+     * @throws {DOMException} Quota exceeded or storage disabled in private browsing.
+     * @throws {TypeError} Value is not JSON-serializable.
+     */
+    set(key, value) {
+        writeJson(sessionStorage, key, value);
+    }
+    /**
+     * @inheritdoc
+     * @throws {DOMException} When storage is inaccessible.
+     */
+    remove(key) {
+        sessionStorage.removeItem(key);
+    }
+    /**
+     * @inheritdoc
+     * @throws {DOMException} When storage is inaccessible.
+     */
+    clear() {
+        sessionStorage.clear();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SessionStorageService, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SessionStorageService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SessionStorageService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/**
+ * DI token for the active {@link StorageService} implementation.
+ *
+ * Defaults to {@link LocalStorageService} via `providedIn: 'root'`. Override
+ * in tests or at bootstrap with {@link provideSessionStorage} /
+ * {@link provideLocalStorage}.
+ *
+ * @example
+ * ```ts
+ * const storage = inject(STORAGE_TOKEN);
+ * storage.set('prefs', { dense: true });
+ * ```
+ */
+const STORAGE_TOKEN = new InjectionToken('AFRICANIES_STORAGE', {
+    providedIn: 'root',
+    factory: () => inject(LocalStorageService),
+});
+
+/**
+ * Explicitly binds {@link STORAGE_TOKEN} to {@link LocalStorageService}.
+ *
+ * Redundant with the token's root factory, but useful when an app previously
+ * registered session storage and needs to switch back, or for clarity in
+ * `app.config.ts`.
+ *
+ * @returns Environment providers wiring `STORAGE_TOKEN` → localStorage.
+ *
+ * @example
+ * ```ts
+ * bootstrapApplication(App, {
+ *   providers: [provideLocalStorage()],
+ * });
+ * ```
+ */
+function provideLocalStorage() {
+    return makeEnvironmentProviders([
+        LocalStorageService,
+        { provide: STORAGE_TOKEN, useExisting: LocalStorageService },
+    ]);
+}
+/**
+ * Binds {@link STORAGE_TOKEN} to {@link SessionStorageService}.
+ *
+ * Prefer this when SDK consumers (theme, auth token) should persist only
+ * for the current tab rather than across sessions.
+ *
+ * Shipping mode always uses {@link SessionStorageService} directly and is
+ * unaffected by this override.
+ *
+ * @returns Environment providers wiring `STORAGE_TOKEN` → sessionStorage.
+ *
+ * @example
+ * ```ts
+ * bootstrapApplication(App, {
+ *   providers: [provideSessionStorage()],
+ * });
+ * ```
+ */
+function provideSessionStorage() {
+    return makeEnvironmentProviders([
+        SessionStorageService,
+        { provide: STORAGE_TOKEN, useExisting: SessionStorageService },
+    ]);
+}
+
+/**
+ * Well-known local/session storage keys used across AFRICANIES SDK packages.
+ *
+ * Centralizing these avoids typos between theme, shipping-mode, and
+ * auth persistence layers that all go through {@link StorageService}.
+ */
+/** Persisted UI theme preference (`'light' | 'dark'` or equivalent). */
+const AFRICANIES_THEME_KEY = 'africanies.theme';
+/** Tab-scoped shipping mode (`'stn' | 'sfn'`) — {@link SessionStorageService}. */
+const AFRICANIES_SHIPPING_MODE_KEY = 'africanies.shippingMode';
+/** Cached public mode-config payload (mapped {@link ModeConfigDataModel}). */
+const AFRICANIES_MODE_CONFIG_KEY = 'africanies.modeConfig';
+/** Persisted bearer access token for authenticated SDK HTTP calls. */
+const AFRICANIES_ACCESS_TOKEN_KEY = 'africanies.accessToken';
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AFRICANIES_ACCESS_TOKEN_KEY, AFRICANIES_MODE_CONFIG_KEY, AFRICANIES_SHIPPING_MODE_KEY, AFRICANIES_THEME_KEY, LocalStorageService, STORAGE_TOKEN, SessionStorageService, StorageService, provideLocalStorage, provideSessionStorage };
+//# sourceMappingURL=africanies-africanies-storage.mjs.map