@africanies/angular-web-sdk 0.1.8 → 0.1.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (91) hide show
  1. package/.angular/cache/22.0.9/playground/.tsbuildinfo +1 -1
  2. package/.nx/cache/1149535958171016935/dist/libs/africanies-theme/README.md +46 -0
  3. package/.nx/cache/1149535958171016935/dist/libs/africanies-theme/fesm2022/africanies-africanies-theme.mjs +243 -0
  4. package/.nx/cache/1149535958171016935/dist/libs/africanies-theme/fesm2022/africanies-africanies-theme.mjs.map +1 -0
  5. package/.nx/cache/1149535958171016935/dist/libs/africanies-theme/package.json +35 -0
  6. package/.nx/cache/1149535958171016935/dist/libs/africanies-theme/tailwind-preset.cjs +330 -0
  7. package/.nx/cache/1149535958171016935/dist/libs/africanies-theme/types/africanies-africanies-theme.d.ts +178 -0
  8. package/.nx/cache/17289624717336768573/dist/libs/africanies-core/README.md +85 -0
  9. package/.nx/cache/17289624717336768573/dist/libs/africanies-core/fesm2022/africanies-africanies-core.mjs +4639 -0
  10. package/.nx/cache/17289624717336768573/dist/libs/africanies-core/fesm2022/africanies-africanies-core.mjs.map +1 -0
  11. package/.nx/cache/17289624717336768573/dist/libs/africanies-core/package.json +31 -0
  12. package/.nx/cache/17289624717336768573/dist/libs/africanies-core/types/africanies-africanies-core.d.ts +2748 -0
  13. package/.nx/cache/3735952477975556635/dist/libs/africanies-ui/README.md +68 -0
  14. package/.nx/cache/3735952477975556635/dist/libs/africanies-ui/assets/brand/africanies-logo-mini.png +0 -0
  15. package/.nx/cache/3735952477975556635/dist/libs/africanies-ui/assets/brand/africanies-logo.png +0 -0
  16. package/.nx/cache/3735952477975556635/dist/libs/africanies-ui/assets/brand/africanies-logo.svg +5 -0
  17. package/.nx/cache/3735952477975556635/dist/libs/africanies-ui/assets/carriers/dhl.svg +7 -0
  18. package/.nx/cache/3735952477975556635/dist/libs/africanies-ui/fesm2022/africanies-africanies-ui.mjs +19998 -0
  19. package/.nx/cache/3735952477975556635/dist/libs/africanies-ui/fesm2022/africanies-africanies-ui.mjs.map +1 -0
  20. package/.nx/cache/3735952477975556635/dist/libs/africanies-ui/package.json +35 -0
  21. package/.nx/cache/3735952477975556635/dist/libs/africanies-ui/types/africanies-africanies-ui.d.ts +5616 -0
  22. package/.nx/cache/3953970051755345887/dist/libs/africanies-ui/README.md +68 -0
  23. package/.nx/cache/3953970051755345887/dist/libs/africanies-ui/assets/brand/africanies-logo-mini.png +0 -0
  24. package/.nx/cache/3953970051755345887/dist/libs/africanies-ui/assets/brand/africanies-logo.png +0 -0
  25. package/.nx/cache/3953970051755345887/dist/libs/africanies-ui/assets/brand/africanies-logo.svg +5 -0
  26. package/.nx/cache/3953970051755345887/dist/libs/africanies-ui/assets/carriers/dhl.svg +7 -0
  27. package/.nx/cache/3953970051755345887/dist/libs/africanies-ui/fesm2022/africanies-africanies-ui.mjs +19500 -0
  28. package/.nx/cache/3953970051755345887/dist/libs/africanies-ui/fesm2022/africanies-africanies-ui.mjs.map +1 -0
  29. package/.nx/cache/3953970051755345887/dist/libs/africanies-ui/package.json +35 -0
  30. package/.nx/cache/3953970051755345887/dist/libs/africanies-ui/types/africanies-africanies-ui.d.ts +5521 -0
  31. package/.nx/cache/4225324930345532464/dist/libs/africanies-theme/README.md +46 -0
  32. package/.nx/cache/4225324930345532464/dist/libs/africanies-theme/fesm2022/africanies-africanies-theme.mjs +243 -0
  33. package/.nx/cache/4225324930345532464/dist/libs/africanies-theme/fesm2022/africanies-africanies-theme.mjs.map +1 -0
  34. package/.nx/cache/4225324930345532464/dist/libs/africanies-theme/package.json +35 -0
  35. package/.nx/cache/4225324930345532464/dist/libs/africanies-theme/tailwind-preset.cjs +330 -0
  36. package/.nx/cache/4225324930345532464/dist/libs/africanies-theme/types/africanies-africanies-theme.d.ts +176 -0
  37. package/.nx/cache/run.json +26 -26
  38. package/.nx/cache/terminalOutputs/1149535958171016935 +21 -0
  39. package/.nx/cache/terminalOutputs/12565224028063674529 +37 -0
  40. package/.nx/cache/terminalOutputs/13478445034325959094 +176 -0
  41. package/.nx/cache/terminalOutputs/15835338512221847842 +184 -182
  42. package/.nx/cache/terminalOutputs/17289624717336768573 +21 -0
  43. package/.nx/cache/terminalOutputs/17571479482482478257 +35 -0
  44. package/.nx/cache/terminalOutputs/3088264223473143358 +8 -0
  45. package/.nx/cache/terminalOutputs/3735952477975556635 +21 -0
  46. package/.nx/cache/terminalOutputs/3953970051755345887 +21 -0
  47. package/.nx/cache/terminalOutputs/4225324930345532464 +21 -0
  48. package/.nx/cache/terminalOutputs/4363587767476846758 +176 -0
  49. package/.nx/cache/terminalOutputs/8193462679279018087 +39 -0
  50. package/.nx/workspace-data/0091ABA9-5C90-580D-953C-8C94E763ADB5-v3.db +0 -0
  51. package/.nx/workspace-data/0091ABA9-5C90-580D-953C-8C94E763ADB5-v3.db-shm +0 -0
  52. package/.nx/workspace-data/0091ABA9-5C90-580D-953C-8C94E763ADB5-v3.db-wal +0 -0
  53. package/.nx/workspace-data/d/daemon.log +5890 -0
  54. package/.nx/workspace-data/d/server-process.json +2 -2
  55. package/.nx/workspace-data/file-map.json +3610 -3620
  56. package/.nx/workspace-data/nx_files.nxt +0 -0
  57. package/.nx/workspace-data/project-graph.json +2 -2
  58. package/apps/playground/src/app/pages/chip-page.ts +11 -1
  59. package/apps/playground/src/app/pages/tokens-page.ts +2 -2
  60. package/apps/playground/src/app/snippets/chip.snippets.ts +5 -0
  61. package/dist/libs/africanies-core/fesm2022/africanies-africanies-core.mjs +6 -1
  62. package/dist/libs/africanies-core/fesm2022/africanies-africanies-core.mjs.map +1 -1
  63. package/dist/libs/africanies-core/types/africanies-africanies-core.d.ts +6 -1
  64. package/dist/libs/africanies-theme/fesm2022/africanies-africanies-theme.mjs +8 -8
  65. package/dist/libs/africanies-theme/fesm2022/africanies-africanies-theme.mjs.map +1 -1
  66. package/dist/libs/africanies-theme/tailwind-preset.cjs +3 -3
  67. package/dist/libs/africanies-theme/types/africanies-africanies-theme.d.ts +5 -3
  68. package/dist/libs/africanies-ui/fesm2022/africanies-africanies-ui.mjs +848 -375
  69. package/dist/libs/africanies-ui/fesm2022/africanies-africanies-ui.mjs.map +1 -1
  70. package/dist/libs/africanies-ui/types/africanies-africanies-ui.d.ts +123 -30
  71. package/libs/africanies-core/src/index.ts +1 -1
  72. package/libs/africanies-core/src/lib/notification/notification-link.ts +6 -1
  73. package/libs/africanies-theme/src/lib/mode-color.safelist.ts +2 -2
  74. package/libs/africanies-theme/src/lib/mode-color.service.spec.ts +9 -7
  75. package/libs/africanies-theme/src/lib/mode-color.service.ts +9 -7
  76. package/libs/africanies-theme/tailwind-preset.cjs +3 -3
  77. package/libs/africanies-ui/src/lib/avatar/avatar-menu.component.ts +25 -21
  78. package/libs/africanies-ui/src/lib/button/button.component.spec.ts +13 -8
  79. package/libs/africanies-ui/src/lib/chip/chip.component.ts +74 -6
  80. package/libs/africanies-ui/src/lib/layout/app-shell-header.component.ts +39 -16
  81. package/libs/africanies-ui/src/lib/layout/header-greeting.util.ts +1 -1
  82. package/libs/africanies-ui/src/lib/layout/header-weather.spec.ts +87 -5
  83. package/libs/africanies-ui/src/lib/layout/header-weather.ts +35 -15
  84. package/libs/africanies-ui/src/lib/navigation/segment/segment.component.ts +98 -22
  85. package/libs/africanies-ui/src/lib/navigation/shipping-mode-switch/shipping-mode-switch.component.ts +193 -65
  86. package/libs/africanies-ui/src/lib/navigation/side-nav/africanies-side-nav.component.html +4 -2
  87. package/libs/africanies-ui/src/lib/navigation/side-nav/africanies-side-nav.component.ts +3 -1
  88. package/libs/africanies-ui/src/lib/table/table.component.spec.ts +3 -0
  89. package/libs/africanies-ui/src/lib/table/table.component.ts +197 -57
  90. package/package.json +1 -1
  91. package/tools/build-icon-sprite.mjs +1 -1
@@ -0,0 +1,330 @@
1
+ /**
2
+ * Shared Tailwind preset for AFRICANIES product UIs.
3
+ *
4
+ * WHY a preset (not only CSS variables): consuming apps and `@africanies/africanies-ui`
5
+ * already use Tailwind utility classes. Shipping the palette as a preset keeps
6
+ * class names (`text-export`, `bg-import-subtle`, …) consistent and scannable
7
+ * by Tailwind's content detection across packages.
8
+ *
9
+ * Shipped as `.cjs` because ng-packagr publishes this package with
10
+ * `"type": "module"` — a `.js` CommonJS file would break
11
+ * `require('@africanies/africanies-theme/tailwind-preset')`.
12
+ *
13
+ * Consumer setup (see THEME.md):
14
+ * presets: [require('@africanies/africanies-theme/tailwind-preset')]
15
+ * content: app sources + ./node_modules/@africanies/africanies-ui (js/mjs)
16
+ *
17
+ * Also injects base autofill overrides so Chrome/Safari do not paint a
18
+ * yellow/blue fill over AFRICANIES form shells (`bg-white` / `dark:bg-ink-950`),
19
+ * and a pointer cursor on interactive controls.
20
+ *
21
+ * @type {import('tailwindcss').Config}
22
+ */
23
+
24
+ /**
25
+ * Pointer cursor on clickable controls.
26
+ *
27
+ * WHY base CSS (not only `cursor-pointer` utilities): browsers use
28
+ * `cursor: default` on `button`, and Tailwind v4 content detection often
29
+ * skips pnpm-linked `@africanies/africanies-ui` bundles so the utility is never emitted.
30
+ *
31
+ * @param {import('tailwindcss/types/config').PluginAPI} api
32
+ */
33
+ function africaniesInteractiveCursorPlugin({ addBase }) {
34
+ addBase({
35
+ [[
36
+ 'a[href]',
37
+ 'button:not(:disabled):not([aria-disabled="true"])',
38
+ 'summary',
39
+ 'label[for]',
40
+ 'select:not(:disabled)',
41
+ 'input[type="button"]:not(:disabled)',
42
+ 'input[type="submit"]:not(:disabled)',
43
+ 'input[type="reset"]:not(:disabled)',
44
+ 'input[type="checkbox"]:not(:disabled)',
45
+ 'input[type="radio"]:not(:disabled)',
46
+ 'input[type="file"]:not(:disabled)',
47
+ '[role="button"]:not([aria-disabled="true"])',
48
+ '[role="link"]:not([aria-disabled="true"])',
49
+ '[role="menuitem"]:not([aria-disabled="true"])',
50
+ '[role="option"]:not([aria-disabled="true"])',
51
+ '[role="tab"]:not([aria-disabled="true"])',
52
+ '[role="checkbox"]:not([aria-disabled="true"])',
53
+ '[role="radio"]:not([aria-disabled="true"])',
54
+ '[role="switch"]:not([aria-disabled="true"])',
55
+ ].join(', ')]: {
56
+ cursor: 'pointer',
57
+ },
58
+ ':disabled, [aria-disabled="true"]': {
59
+ cursor: 'not-allowed',
60
+ },
61
+ });
62
+ }
63
+
64
+ /**
65
+ * Neutralize browser autofill chrome so fields keep AFRICANIES tokens.
66
+ *
67
+ * WHY inset box-shadow (not `background-color`): WebKit ignores background
68
+ * on `:-webkit-autofill`. A large inset shadow matches the field shell
69
+ * (`white` / `ink-950`) and `-webkit-text-fill-color` keeps body text on
70
+ * `ink` / white. `.dark` matches `ThemeService` (`class` on `<html>`).
71
+ *
72
+ * WHY one selector per `addBase` key: joining autofill selectors with commas
73
+ * under a single `.dark ${list}` key only scopes the first selector — the rest
74
+ * leak into light mode. WHY no `color` in the long transition: delaying color
75
+ * freezes text when the user toggles light/dark.
76
+ *
77
+ * @param {import('tailwindcss/types/config').PluginAPI} api
78
+ */
79
+ function africaniesAutofillPlugin({ addBase }) {
80
+ const autofillSelectors = [
81
+ 'input:-webkit-autofill',
82
+ 'input:-webkit-autofill:hover',
83
+ 'input:-webkit-autofill:focus',
84
+ 'input:-webkit-autofill:active',
85
+ 'textarea:-webkit-autofill',
86
+ 'textarea:-webkit-autofill:hover',
87
+ 'textarea:-webkit-autofill:focus',
88
+ 'textarea:-webkit-autofill:active',
89
+ ];
90
+
91
+ /** @type {Record<string, Record<string, string>>} */
92
+ const rules = {};
93
+ for (const selector of autofillSelectors) {
94
+ rules[selector] = {
95
+ WebkitTextFillColor: '#172033',
96
+ caretColor: '#172033',
97
+ boxShadow: '0 0 0 1000px #ffffff inset',
98
+ transition: 'background-color 99999s ease-in-out 0s',
99
+ };
100
+ rules[`.dark ${selector}`] = {
101
+ WebkitTextFillColor: '#ffffff',
102
+ caretColor: '#ffffff',
103
+ boxShadow: '0 0 0 1000px #272729 inset',
104
+ };
105
+ }
106
+ addBase(rules);
107
+ }
108
+
109
+ /**
110
+ * Always emit spinner motion.
111
+ *
112
+ * WHY: Tailwind v4 content detection often skips pnpm-linked `@africanies/africanies-ui`
113
+ * bundles, so `animate-spin` on button loading never lands in consumer CSS.
114
+ *
115
+ * @param {import('tailwindcss/types/config').PluginAPI} api
116
+ */
117
+ function africaniesSpinPlugin({ addBase }) {
118
+ addBase({
119
+ '@keyframes africanies-spin': {
120
+ to: { transform: 'rotate(360deg)' },
121
+ },
122
+ '.animate-spin': {
123
+ animation: 'africanies-spin 1s linear infinite',
124
+ },
125
+ });
126
+ }
127
+
128
+ /**
129
+ * Keep toasts above dialogs, drawers, and other CDK overlays.
130
+ *
131
+ * WHY: CDK sets `z-index: 1000` on overlay wrappers, panes, and backdrops.
132
+ * This covers overlays outside the popover top layer; inside it, ToastService
133
+ * re-shows the toast popover to stay in front.
134
+ *
135
+ * @param {import('tailwindcss/types/config').PluginAPI} api
136
+ */
137
+ function africaniesOverlayStackPlugin({ addBase }) {
138
+ addBase({
139
+ '.cdk-global-overlay-wrapper.africanies-toast-overlay, .cdk-overlay-pane.africanies-toast-panel':
140
+ {
141
+ zIndex: '1100',
142
+ },
143
+ });
144
+ }
145
+
146
+ /**
147
+ * Shared elevated card shell so list/detail pages keep one light-theme recipe.
148
+ *
149
+ * @param {import('tailwindcss/types/config').PluginAPI} api
150
+ */
151
+ function africaniesSurfacePlugin({ addComponents }) {
152
+ addComponents({
153
+ '.africanies-card': {
154
+ borderRadius: '0.75rem',
155
+ borderWidth: '1px',
156
+ borderStyle: 'solid',
157
+ borderColor: '#dde3ea',
158
+ backgroundColor: '#ffffff',
159
+ padding: '1.25rem',
160
+ color: '#172033',
161
+ boxShadow:
162
+ '0 1px 2px rgb(23 32 51 / 0.04), 0 1px 3px rgb(23 32 51 / 0.06)',
163
+ '@media (min-width: 640px)': {
164
+ padding: '1.5rem',
165
+ },
166
+ },
167
+ '.dark .africanies-card': {
168
+ borderColor: 'rgba(255, 255, 255, 0.1)',
169
+ backgroundColor: '#272729',
170
+ color: '#ffffff',
171
+ boxShadow: 'none',
172
+ },
173
+ });
174
+ }
175
+
176
+ /**
177
+ * Keep overlay scrollbars off close buttons and other end-aligned chrome.
178
+ *
179
+ * WHY: modal/drawer panes used to scroll themselves. Overlay (and some
180
+ * classic) scrollbars paint in the padding box and cover a top-right close
181
+ * control. The pane stays `overflow: hidden`; the hosted component scrolls
182
+ * with `scrollbar-gutter: stable` so the track is reserved even before
183
+ * content overflows. Dialogs that split header/body can set `overflow-hidden`
184
+ * on the host (a utility, so it wins this base rule) and put
185
+ * `.africanies-overlay-scroll` on the body.
186
+ *
187
+ * @param {import('tailwindcss/types/config').PluginAPI} api
188
+ */
189
+ function africaniesOverlayScrollPlugin({ addBase }) {
190
+ addBase({
191
+ '.africanies-modal-panel, .africanies-drawer-panel': {
192
+ overflow: 'hidden',
193
+ overscrollBehavior: 'contain',
194
+ },
195
+ '.africanies-modal-panel > *, .africanies-drawer-panel > *': {
196
+ minHeight: 0,
197
+ overflowX: 'hidden',
198
+ overflowY: 'auto',
199
+ overscrollBehavior: 'contain',
200
+ scrollbarGutter: 'stable',
201
+ },
202
+ '.africanies-drawer-panel > *': {
203
+ height: '100%',
204
+ },
205
+ '.africanies-overlay-scroll': {
206
+ overscrollBehavior: 'contain',
207
+ scrollbarGutter: 'stable',
208
+ },
209
+ });
210
+ }
211
+
212
+ module.exports = {
213
+ darkMode: 'class',
214
+ plugins: [
215
+ africaniesInteractiveCursorPlugin,
216
+ africaniesSpinPlugin,
217
+ africaniesOverlayStackPlugin,
218
+ africaniesOverlayScrollPlugin,
219
+ africaniesSurfacePlugin,
220
+ africaniesAutofillPlugin,
221
+ ],
222
+ theme: {
223
+ extend: {
224
+ colors: {
225
+ black: '#000000',
226
+ white: '#ffffff',
227
+ surface: {
228
+ DEFAULT: '#ffffff',
229
+ subtle: '#f8fafc',
230
+ hover: '#e9eef5',
231
+ sunken: '#eef2f6',
232
+ },
233
+ ink: {
234
+ // High-contrast cool navy for light-theme body and heading text.
235
+ DEFAULT: '#172033',
236
+ blue: '#192a3e',
237
+ brand: '#172033',
238
+ // Previous ink DEFAULT — dark elevated cards / panels (`dark:bg-ink-surface`).
239
+ surface: '#212529',
240
+ 950: '#272729',
241
+ },
242
+ neutral: {
243
+ 50: '#f8fafc',
244
+ 100: '#eef2f6',
245
+ 200: '#dde3ea',
246
+ 300: '#c9d5e1',
247
+ // Keep 300/400 stable: they are the established dark-theme foregrounds.
248
+ 400: '#a9b5cb',
249
+ 500: '#667185',
250
+ 600: '#526071',
251
+ 700: '#3e4a59',
252
+ 800: '#2c3644',
253
+ 900: '#172033',
254
+ },
255
+ border: {
256
+ // Quiet card/divider chrome. Controls use the stronger `control` token.
257
+ DEFAULT: '#dde3ea',
258
+ strong: '#c4cdd8',
259
+ },
260
+ // 3.1:1 against white: visible enough for meaningful control boundaries.
261
+ control: '#8793a3',
262
+ focus: '#175cd3',
263
+ background: {
264
+ // Cooler canvas and a clearer inset level beneath white surfaces.
265
+ chrome: '#f4f6f8',
266
+ // Nested wells inside white cards.
267
+ well: '#eef2f6',
268
+ // Auth / welcome / soft hover.
269
+ welcome: '#f8fafc',
270
+ hover: '#e9eef5',
271
+ },
272
+ export: {
273
+ DEFAULT: '#1cbd5d',
274
+ light: '#24dc6d',
275
+ subtle: '#e4fff3',
276
+ tint: '#f2fff8',
277
+ // Accessible normal-text / white-text-control foreground (5.43:1).
278
+ strong: '#0b7a3e',
279
+ hover: '#096833',
280
+ },
281
+ import: {
282
+ DEFAULT: '#f08829',
283
+ light: '#ffa95b',
284
+ subtle: '#fffcef',
285
+ // Accessible normal-text / white-text-control foreground (6.20:1).
286
+ strong: '#9a4b0b',
287
+ hover: '#7f3e09',
288
+ },
289
+ danger: {
290
+ DEFAULT: '#ff001c',
291
+ dark: '#b4233c',
292
+ strong: '#C00B19',
293
+ subtle: '#FFF2F2',
294
+ },
295
+ warning: {
296
+ DEFAULT: '#DBB316',
297
+ dark: '#8a5a00',
298
+ subtle: '#FFF6E6',
299
+ },
300
+ info: {
301
+ DEFAULT: '#175cd3',
302
+ subtle: '#eff6ff',
303
+ },
304
+ },
305
+ fontFamily: {
306
+ sans: ['Inter', 'system-ui', 'sans-serif'],
307
+ },
308
+ fontSize: {
309
+ // PROVISIONAL — see THEME.md; sizes may tighten after design QA.
310
+ 'heading-1': ['2.5rem', { lineHeight: 1.2, fontWeight: 700 }],
311
+ 'heading-2': ['2rem', { lineHeight: 1.25, fontWeight: 700 }],
312
+ 'heading-3': ['1.5rem', { lineHeight: 1.3, fontWeight: 600 }],
313
+ 'body-lg': ['1.125rem', { lineHeight: 1.5, fontWeight: 400 }],
314
+ body: ['1rem', { lineHeight: 1.5, fontWeight: 400 }],
315
+ 'body-sm': ['0.875rem', { lineHeight: 1.4, fontWeight: 400 }],
316
+ caption: ['0.75rem', { lineHeight: 1.3, fontWeight: 400 }],
317
+ },
318
+ borderRadius: {
319
+ control: '0.5rem',
320
+ panel: '0.75rem',
321
+ },
322
+ boxShadow: {
323
+ card:
324
+ '0 1px 2px rgb(23 32 51 / 0.04), 0 1px 3px rgb(23 32 51 / 0.06)',
325
+ floating:
326
+ '0 12px 32px rgb(23 32 51 / 0.12), 0 2px 8px rgb(23 32 51 / 0.06)',
327
+ },
328
+ },
329
+ },
330
+ };
@@ -0,0 +1,176 @@
1
+ import * as i0 from '@angular/core';
2
+
3
+ /**
4
+ * Tailwind safelist side-effect for shipping-mode color utilities.
5
+ *
6
+ * WHY this file exists: JIT/content scanning only keeps class names that appear
7
+ * as *literal strings* in scanned sources. {@link ModeColorService} already
8
+ * returns these literals, but keeping a dedicated comment list makes the
9
+ * contract obvious for consumers who configure `safelist` or purge plugins.
10
+ *
11
+ * Do not rename these strings without updating ModeColorService and THEME.md.
12
+ *
13
+ * SFN (export / green):
14
+ * text-export-strong bg-export-strong hover:bg-export-hover border-export-strong
15
+ * text-export bg-export bg-export-subtle bg-export-light border-export
16
+ * hover:bg-export-light hover:bg-export-subtle dark:bg-export/15 dark:hover:bg-export/15
17
+ * dark:bg-[color-mix(in_srgb,#1cbd5d_15%,#212529)] dark:bg-export dark:text-export dark:border-export
18
+ *
19
+ * STN (import / orange):
20
+ * text-import-strong bg-import-strong hover:bg-import-hover border-import-strong
21
+ * text-import bg-import bg-import-subtle bg-import-light border-import
22
+ * hover:bg-import-light hover:bg-import-subtle dark:bg-import/15 dark:hover:bg-import/15
23
+ * dark:bg-[color-mix(in_srgb,#f08829_15%,#212529)] dark:bg-import dark:text-import dark:border-import
24
+ */
25
+ 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,#1cbd5d_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"];
26
+
27
+ /**
28
+ * Tailwind class bundle for the active shipping mode (SFN export / STN import).
29
+ *
30
+ * Use these for **primary** product chrome: CTAs, selected controls, progress,
31
+ * and accent text. Semantic colors (danger / warning) stay mode-independent.
32
+ */
33
+ interface ModeColorClasses {
34
+ /** Accessible accent text — `text-export-strong` in light, `text-export` in dark. */
35
+ text: string;
36
+ /** Solid background utility, e.g. `bg-export`. */
37
+ bg: string;
38
+ /** Soft background utility, e.g. `bg-export-subtle`. */
39
+ bgSubtle: string;
40
+ /** Border matching the mode accent, e.g. `border-export`. */
41
+ border: string;
42
+ /**
43
+ * Filled primary CTA — `variant="primary"` on buttons.
44
+ * Includes hover utility as a literal so Tailwind keeps it.
45
+ */
46
+ primary: string;
47
+ /**
48
+ * Transparent / text-only CTA — `variant="ghost-primary"` on buttons.
49
+ * Mode accent text + soft hover fill.
50
+ */
51
+ ghostPrimary: string;
52
+ /**
53
+ * Soft highlight for selected / active rows (works in dark mode).
54
+ * Dark uses a translucent tint — fine over solid surfaces, not for
55
+ * sticky overlays (see {@link softSolid}).
56
+ */
57
+ soft: string;
58
+ /**
59
+ * Opaque soft fill — same tint as {@link soft}, but dark mode mixes into
60
+ * ink so scrolled content cannot show through (sticky table headers/cells).
61
+ */
62
+ softSolid: string;
63
+ /**
64
+ * Soft hover highlight for menus and lists.
65
+ */
66
+ softHover: string;
67
+ /**
68
+ * Active nav leaf / collapsed rail — solid mode fill + white text.
69
+ */
70
+ activeFill: string;
71
+ /**
72
+ * Stroked secondary CTA — white fill, mode border + text (portal `.btn-stroked`).
73
+ */
74
+ stroked: string;
75
+ }
76
+ /**
77
+ * Maps {@link ShippingModeService} to mode-accent Tailwind classes.
78
+ *
79
+ * - **SFN** → export green is primary
80
+ * - **STN** → import orange is primary
81
+ *
82
+ * WHY literal class strings: Tailwind's scanner cannot see dynamically built
83
+ * names like `` `text-${token}` ``. Returning full literals (`text-export`, …)
84
+ * keeps utilities in the compiled CSS. See {@link MODE_COLOR_SAFELIST}.
85
+ *
86
+ * @example
87
+ * ```html
88
+ * @let colors = modeColor.classes();
89
+ * <button type="button" [class]="colors.primary">Save</button>
90
+ * <span [class]="colors.text">Mode accent</span>
91
+ * ```
92
+ */
93
+ declare class ModeColorService {
94
+ private readonly shippingMode;
95
+ /**
96
+ * Mode-dependent utility classes. Recomputes when shipping mode changes.
97
+ */
98
+ readonly classes: i0.Signal<ModeColorClasses>;
99
+ static ɵfac: i0.ɵɵFactoryDeclaration<ModeColorService, never>;
100
+ static ɵprov: i0.ɵɵInjectableDeclaration<ModeColorService>;
101
+ }
102
+
103
+ /**
104
+ * Supported UI color schemes for {@link ThemeService}.
105
+ *
106
+ * Kept as a closed string union so storage values and DOM class toggles stay
107
+ * aligned — unknown persisted strings are ignored and fall back to system
108
+ * preference / light.
109
+ */
110
+ type Theme = 'light' | 'dark';
111
+
112
+ /**
113
+ * Application light/dark theme preference.
114
+ *
115
+ * WHY signals (not BehaviorSubject): theme is synchronous UI state read from
116
+ * templates and other services; a signal avoids RxJS subscription boilerplate
117
+ * and matches Angular 22 change detection. Persistence goes through
118
+ * {@link STORAGE_TOKEN} so tests can swap storage without touching `localStorage`.
119
+ *
120
+ * Applies the Tailwind `darkMode: 'class'` contract by toggling `dark` on
121
+ * `document.documentElement`, and sets `color-scheme` so native UI (date
122
+ * pickers, scrollbars, form controls) matches the app theme — class-based
123
+ * dark mode alone does not restyle browser chrome.
124
+ *
125
+ * @example
126
+ * ```ts
127
+ * // app.config.ts
128
+ * import { inject, provideAppInitializer } from '@angular/core';
129
+ * import { ThemeService } from '@africanies/africanies-theme';
130
+ *
131
+ * export const appConfig = {
132
+ * providers: [
133
+ * provideAppInitializer(() => {
134
+ * inject(ThemeService); // applies stored / system theme once
135
+ * }),
136
+ * ],
137
+ * };
138
+ *
139
+ * // In a component
140
+ * const theme = inject(ThemeService);
141
+ * theme.toggle();
142
+ * theme.setTheme('dark');
143
+ * const current = theme.theme(); // 'light' | 'dark'
144
+ * ```
145
+ */
146
+ declare class ThemeService {
147
+ private readonly storage;
148
+ private readonly document;
149
+ /**
150
+ * Current theme. Prefer reading via `theme()` in templates / computed values
151
+ * rather than caching the string, so dark-class consumers stay in sync.
152
+ */
153
+ readonly theme: i0.WritableSignal<Theme>;
154
+ constructor();
155
+ /**
156
+ * Sets and persists the theme, updating the `dark` class and `color-scheme`
157
+ * on `<html>`.
158
+ *
159
+ * @param theme - Absolute preference to store.
160
+ */
161
+ setTheme(theme: Theme): void;
162
+ /**
163
+ * Flips between light and dark.
164
+ *
165
+ * @returns The theme after the toggle.
166
+ */
167
+ toggle(): Theme;
168
+ private resolveInitialTheme;
169
+ private prefersDark;
170
+ private applyToDocument;
171
+ static ɵfac: i0.ɵɵFactoryDeclaration<ThemeService, never>;
172
+ static ɵprov: i0.ɵɵInjectableDeclaration<ThemeService>;
173
+ }
174
+
175
+ export { MODE_COLOR_SAFELIST, ModeColorService, ThemeService };
176
+ export type { ModeColorClasses, Theme };
@@ -1,31 +1,31 @@
1
1
  {
2
2
  "run": {
3
3
  "command": "nx run-many -t build --projects=africanies-models,africanies-storage,africanies-core,africanies-theme,africanies-icons,africanies-ui",
4
- "startTime": "2026-09-06T00:21:34.331Z",
5
- "endTime": "2026-09-06T00:21:54.749Z",
4
+ "startTime": "2026-09-08T19:50:24.001Z",
5
+ "endTime": "2026-09-08T19:50:39.550Z",
6
6
  "inner": false
7
7
  },
8
8
  "tasks": [
9
9
  {
10
- "taskId": "africanies-storage:build:production",
10
+ "taskId": "africanies-models:build:production",
11
11
  "target": "build",
12
- "projectName": "africanies-storage",
13
- "hash": "15255861479705594703",
14
- "startTime": "2026-09-06T00:21:34.448Z",
15
- "endTime": "2026-09-06T00:21:34.456Z",
12
+ "projectName": "africanies-models",
13
+ "hash": "877026836685850193",
14
+ "startTime": "2026-09-08T19:50:24.169Z",
15
+ "endTime": "2026-09-08T19:50:24.181Z",
16
16
  "params": "",
17
17
  "cacheStatus": "local-cache-hit",
18
18
  "status": 0
19
19
  },
20
20
  {
21
- "taskId": "africanies-models:build:production",
21
+ "taskId": "africanies-storage:build:production",
22
22
  "target": "build",
23
- "projectName": "africanies-models",
24
- "hash": "877026836685850193",
25
- "startTime": "2026-09-06T00:21:34.471Z",
26
- "endTime": "2026-09-06T00:21:38.408Z",
23
+ "projectName": "africanies-storage",
24
+ "hash": "15255861479705594703",
25
+ "startTime": "2026-09-08T19:50:24.169Z",
26
+ "endTime": "2026-09-08T19:50:24.181Z",
27
27
  "params": "",
28
- "cacheStatus": "cache-miss",
28
+ "cacheStatus": "local-cache-hit",
29
29
  "status": 0
30
30
  },
31
31
  {
@@ -33,30 +33,30 @@
33
33
  "target": "build",
34
34
  "projectName": "africanies-icons",
35
35
  "hash": "5151121439688073678",
36
- "startTime": "2026-09-06T00:21:34.471Z",
37
- "endTime": "2026-09-06T00:21:39.242Z",
36
+ "startTime": "2026-09-08T19:50:24.169Z",
37
+ "endTime": "2026-09-08T19:50:24.181Z",
38
38
  "params": "",
39
- "cacheStatus": "cache-miss",
39
+ "cacheStatus": "local-cache-hit",
40
40
  "status": 0
41
41
  },
42
42
  {
43
43
  "taskId": "africanies-core:build:production",
44
44
  "target": "build",
45
45
  "projectName": "africanies-core",
46
- "hash": "18393832731522001121",
47
- "startTime": "2026-09-06T00:21:38.455Z",
48
- "endTime": "2026-09-06T00:21:42.806Z",
46
+ "hash": "17289624717336768573",
47
+ "startTime": "2026-09-08T19:50:24.192Z",
48
+ "endTime": "2026-09-08T19:50:24.196Z",
49
49
  "params": "",
50
- "cacheStatus": "cache-miss",
50
+ "cacheStatus": "local-cache-hit",
51
51
  "status": 0
52
52
  },
53
53
  {
54
54
  "taskId": "africanies-theme:build:production",
55
55
  "target": "build",
56
56
  "projectName": "africanies-theme",
57
- "hash": "15302120112746851896",
58
- "startTime": "2026-09-06T00:21:42.830Z",
59
- "endTime": "2026-09-06T00:21:45.976Z",
57
+ "hash": "1149535958171016935",
58
+ "startTime": "2026-09-08T19:50:24.205Z",
59
+ "endTime": "2026-09-08T19:50:28.304Z",
60
60
  "params": "",
61
61
  "cacheStatus": "cache-miss",
62
62
  "status": 0
@@ -65,9 +65,9 @@
65
65
  "taskId": "africanies-ui:build:production",
66
66
  "target": "build",
67
67
  "projectName": "africanies-ui",
68
- "hash": "9406544675747598148",
69
- "startTime": "2026-09-06T00:21:45.999Z",
70
- "endTime": "2026-09-06T00:21:54.505Z",
68
+ "hash": "3735952477975556635",
69
+ "startTime": "2026-09-08T19:50:28.321Z",
70
+ "endTime": "2026-09-08T19:50:39.526Z",
71
71
  "params": "",
72
72
  "cacheStatus": "cache-miss",
73
73
  "status": 0
@@ -0,0 +1,21 @@
1
+ > nx run africanies-theme:build:production
2
+
3
+
4
+ 
5
+ ------------------------------------------------------------------------------
6
+ Building entry point '@africanies/africanies-theme'
7
+ ------------------------------------------------------------------------------
8
+ [?2026h⠋ Compiling with Angular sources in partial compilation mode.[?2026l✔ Compiling with Angular sources in partial compilation mode.
9
+ ✔ Generating FESM and DTS bundles
10
+ [?2026h⠋ Copying assets[?2026l✔ Copying assets
11
+ [?2026h⠋ Writing package manifest[?2026l✔ Writing package manifest
12
+ ✔ Built @africanies/africanies-theme
13
+ 
14
+ ------------------------------------------------------------------------------
15
+ Built Angular Package
16
+ - from: /Applications/AngularJS/angular-web-sdk/libs/africanies-theme
17
+ - to: /Applications/AngularJS/angular-web-sdk/dist/libs/africanies-theme
18
+ ------------------------------------------------------------------------------
19
+ 
20
+ Build at: 2026-09-08T19:50:28.273Z - Time: 2066ms
21
+ 
@@ -0,0 +1,37 @@
1
+ The `@nx/eslint:lint` executor is deprecated and will be removed in Nx v24. Run `nx g @nx/eslint:convert-to-inferred` to migrate to the `@nx/eslint/plugin` inferred targets. See https://nx.dev/docs/guides/tasks--caching/convert-to-inferred for details.
2
+
3
+ Linting "africanies-ui"...
4
+ 
5
+ /Applications/AngularJS/angular-web-sdk/libs/africanies-ui/src/lib/action-menu/action-menu.component.ts
6
+  349:3 warning Missing JSDoc @param "event" declaration jsdoc/require-param
7
+  349:3 warning Missing JSDoc @param "item" declaration jsdoc/require-param
8
+ 
9
+ /Applications/AngularJS/angular-web-sdk/libs/africanies-ui/src/lib/carrier/delivery-vendor-select.ts
10
+  3:3 warning 'deliveryVendorLabel' is defined but never used @typescript-eslint/no-unused-vars
11
+  11:1 warning Missing JSDoc @returns declaration jsdoc/require-returns
12
+  22:1 warning Missing JSDoc @returns declaration jsdoc/require-returns
13
+  38:1 warning Missing JSDoc @returns declaration jsdoc/require-returns
14
+ 
15
+ /Applications/AngularJS/angular-web-sdk/libs/africanies-ui/src/lib/filters/filter-drawer.panel.ts
16
+  693:3 warning Missing JSDoc @param "field" declaration jsdoc/require-param
17
+  693:3 warning Missing JSDoc @returns declaration jsdoc/require-returns
18
+ 
19
+ /Applications/AngularJS/angular-web-sdk/libs/africanies-ui/src/lib/layout/header-weather.spec.ts
20
+  120:54 warning Forbidden non-null assertion @typescript-eslint/no-non-null-assertion
21
+  124:28 warning Forbidden non-null assertion @typescript-eslint/no-non-null-assertion
22
+ 
23
+ /Applications/AngularJS/angular-web-sdk/libs/africanies-ui/src/lib/layout/header-weather.ts
24
+  204:1 warning Missing JSDoc @param "fetchFn" declaration jsdoc/require-param
25
+  204:1 warning Missing JSDoc @returns declaration jsdoc/require-returns
26
+ 
27
+ /Applications/AngularJS/angular-web-sdk/libs/africanies-ui/src/lib/table/table.component.ts
28
+  666:3 warning Missing JSDoc @returns declaration jsdoc/require-returns
29
+  788:3 warning Missing JSDoc @returns declaration jsdoc/require-returns
30
+ 
31
+ ✖ 14 problems (0 errors, 14 warnings)
32
+  0 errors and 4 warnings potentially fixable with the `--fix` option.
33
+ 
34
+ ✖ 14 problems (0 errors, 14 warnings)
35
+
36
+ 0 errors and 4 warnings are potentially fixable with the `--fix` option.
37
+