duck-dev-lib 0.0.91 → 0.0.93

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "duck-dev-lib",
-  "version": "0.0.91",
+  "version": "0.0.93",
   "peerDependencies": {
     "@angular/common": "^21.0.0",
     "@angular/core": "^21.0.0"

package/tokens.css

@@ -151,3 +151,209 @@
 [ddTheme='violet'] {
   --dd-base-50: var(--dd-magenta-500);
 }
+
+/* ═══════════════════════════════════════════════════════════
+   NEO PALETTE TOKENS
+   ───────────────────────────────────────────────────────────
+   Set via [ddPalette="<name>"] attribute on the root element.
+   Controls --dd-neo-* variables used by Neobrutalism components.
+   Independent of ddTheme (which controls --dd-base-* for Classic).
+
+   Defaults:
+     light (no ddTheme) → tropical-punch
+     dark  (ddTheme="dark") → berry-candy
+   ═══════════════════════════════════════════════════════════ */
+
+/* ═══════════════ LIGHT PALETTES ═══════════════ */
+
+/* 01 — Candy Store: bright playful pastels */
+[ddPalette='candy-store'] {
+  --dd-neo-ink: #1a1a1a;
+  --dd-neo-paper: #FFF8F0;
+  --dd-neo-shadow: rgba(26, 26, 26, 0.18);
+  --dd-neo-ana-1: #FF8FAB;
+  --dd-neo-ana-1-contrast: #000;
+  --dd-neo-ana-2: #FFE156;
+  --dd-neo-ana-2-contrast: #000;
+  --dd-neo-ana-3: #8BE4A8;
+  --dd-neo-ana-3-contrast: #000;
+  --dd-neo-ana-4: #FFF5E6;
+  --dd-neo-ana-4-contrast: #000;
+  --dd-neo-ana-5: #B8A9FF;
+  --dd-neo-ana-5-contrast: #000;
+  --dd-neo-ana-6: #FFB088;
+  --dd-neo-ana-6-contrast: #000;
+}
+
+/* 02 — Tropical Punch: vivid coral, teal, mango, lime (default light) */
+[ddPalette='tropical-punch'] {
+  --dd-neo-ink: #1a1a1a;
+  --dd-neo-paper: #FAFAF5;
+  --dd-neo-shadow: rgba(26, 26, 26, 0.18);
+  --dd-neo-ana-1: #FF6B6B;
+  --dd-neo-ana-1-contrast: #000;
+  --dd-neo-ana-2: #4ECDC4;
+  --dd-neo-ana-2-contrast: #000;
+  --dd-neo-ana-3: #FFD93D;
+  --dd-neo-ana-3-contrast: #000;
+  --dd-neo-ana-4: #F5F5F0;
+  --dd-neo-ana-4-contrast: #000;
+  --dd-neo-ana-5: #95E06C;
+  --dd-neo-ana-5-contrast: #000;
+  --dd-neo-ana-6: #74B9FF;
+  --dd-neo-ana-6-contrast: #000;
+}
+
+/* 03 — Sunset Boulevard: warm tangerine, rose, sage, caramel */
+[ddPalette='sunset-boulevard'] {
+  --dd-neo-ink: #2a1810;
+  --dd-neo-paper: #FEF9F0;
+  --dd-neo-shadow: rgba(42, 24, 16, 0.16);
+  --dd-neo-ana-1: #FF8C42;
+  --dd-neo-ana-1-contrast: #000;
+  --dd-neo-ana-2: #E8A0BF;
+  --dd-neo-ana-2-contrast: #000;
+  --dd-neo-ana-3: #F9F871;
+  --dd-neo-ana-3-contrast: #000;
+  --dd-neo-ana-4: #FEFCF3;
+  --dd-neo-ana-4-contrast: #000;
+  --dd-neo-ana-5: #B5D99C;
+  --dd-neo-ana-5-contrast: #000;
+  --dd-neo-ana-6: #D4A574;
+  --dd-neo-ana-6-contrast: #000;
+}
+
+/* 04 — Memphis Pop: bold geometric hot pink, emerald, gold */
+[ddPalette='memphis-pop'] {
+  --dd-neo-ink: #111111;
+  --dd-neo-paper: #F8F8F8;
+  --dd-neo-shadow: rgba(17, 17, 17, 0.22);
+  --dd-neo-ana-1: #FF5E78;
+  --dd-neo-ana-1-contrast: #000;
+  --dd-neo-ana-2: #44D7B6;
+  --dd-neo-ana-2-contrast: #000;
+  --dd-neo-ana-3: #FFE169;
+  --dd-neo-ana-3-contrast: #000;
+  --dd-neo-ana-4: #F0F0F0;
+  --dd-neo-ana-4-contrast: #000;
+  --dd-neo-ana-5: #6C9BD2;
+  --dd-neo-ana-5-contrast: #000;
+  --dd-neo-ana-6: #C9B1FF;
+  --dd-neo-ana-6-contrast: #000;
+}
+
+/* 05 — Bauhaus Bright: primary-inspired raspberry, azure, sunflower */
+[ddPalette='bauhaus-bright'] {
+  --dd-neo-ink: #111111;
+  --dd-neo-paper: #FFFFF5;
+  --dd-neo-shadow: rgba(17, 17, 17, 0.20);
+  --dd-neo-ana-1: #E85D75;
+  --dd-neo-ana-1-contrast: #000;
+  --dd-neo-ana-2: #47B5FF;
+  --dd-neo-ana-2-contrast: #000;
+  --dd-neo-ana-3: #FFD32D;
+  --dd-neo-ana-3-contrast: #000;
+  --dd-neo-ana-4: #F5F5EA;
+  --dd-neo-ana-4-contrast: #000;
+  --dd-neo-ana-5: #FF9F45;
+  --dd-neo-ana-5-contrast: #000;
+  --dd-neo-ana-6: #7BD3B0;
+  --dd-neo-ana-6-contrast: #000;
+}
+
+/* ═══════════════ DARK PALETTES ═══════════════ */
+
+/* 01 — Deep Neon: electric teal ink on near-black */
+[ddPalette='deep-neon'] {
+  --dd-neo-ink: #30e8c8;
+  --dd-neo-paper: #111114;
+  --dd-neo-shadow: rgba(48, 232, 200, 0.2);
+  --dd-neo-ana-1: #0b5e55;
+  --dd-neo-ana-1-contrast: #fff;
+  --dd-neo-ana-2: #8a1b5a;
+  --dd-neo-ana-2-contrast: #fff;
+  --dd-neo-ana-3: #1a2e5e;
+  --dd-neo-ana-3-contrast: #fff;
+  --dd-neo-ana-4: #14140e;
+  --dd-neo-ana-4-contrast: #fff;
+  --dd-neo-ana-5: #5e2080;
+  --dd-neo-ana-5-contrast: #fff;
+  --dd-neo-ana-6: #6e3a10;
+  --dd-neo-ana-6-contrast: #fff;
+}
+
+/* 02 — Ember Glow: warm amber ink on charcoal */
+[ddPalette='ember-glow'] {
+  --dd-neo-ink: #e8a050;
+  --dd-neo-paper: #151010;
+  --dd-neo-shadow: rgba(232, 160, 80, 0.18);
+  --dd-neo-ana-1: #8b3a14;
+  --dd-neo-ana-1-contrast: #fff;
+  --dd-neo-ana-2: #7a1a2e;
+  --dd-neo-ana-2-contrast: #fff;
+  --dd-neo-ana-3: #3a2215;
+  --dd-neo-ana-3-contrast: #fff;
+  --dd-neo-ana-4: #151010;
+  --dd-neo-ana-4-contrast: #fff;
+  --dd-neo-ana-5: #6a3510;
+  --dd-neo-ana-5-contrast: #fff;
+  --dd-neo-ana-6: #5a1a1a;
+  --dd-neo-ana-6-contrast: #fff;
+}
+
+/* 03 — Toxic Garden: acid lime ink on dark soil */
+[ddPalette='toxic-garden'] {
+  --dd-neo-ink: #a0e830;
+  --dd-neo-paper: #0c0e0a;
+  --dd-neo-shadow: rgba(160, 232, 48, 0.15);
+  --dd-neo-ana-1: #2a5e10;
+  --dd-neo-ana-1-contrast: #fff;
+  --dd-neo-ana-2: #7a1a50;
+  --dd-neo-ana-2-contrast: #fff;
+  --dd-neo-ana-3: #1e2a14;
+  --dd-neo-ana-3-contrast: #fff;
+  --dd-neo-ana-4: #0e100c;
+  --dd-neo-ana-4-contrast: #fff;
+  --dd-neo-ana-5: #4a1a6a;
+  --dd-neo-ana-5-contrast: #fff;
+  --dd-neo-ana-6: #0a4a42;
+  --dd-neo-ana-6-contrast: #fff;
+}
+
+/* 04 — Midnight Royal: gold ink on deep navy */
+[ddPalette='midnight-royal'] {
+  --dd-neo-ink: #d0a848;
+  --dd-neo-paper: #0c0e1a;
+  --dd-neo-shadow: rgba(208, 168, 72, 0.16);
+  --dd-neo-ana-1: #1a3a7a;
+  --dd-neo-ana-1-contrast: #fff;
+  --dd-neo-ana-2: #5a2080;
+  --dd-neo-ana-2-contrast: #fff;
+  --dd-neo-ana-3: #141830;
+  --dd-neo-ana-3-contrast: #fff;
+  --dd-neo-ana-4: #0c0e1a;
+  --dd-neo-ana-4-contrast: #fff;
+  --dd-neo-ana-5: #3a2a6a;
+  --dd-neo-ana-5-contrast: #fff;
+  --dd-neo-ana-6: #6a4a10;
+  --dd-neo-ana-6-contrast: #fff;
+}
+
+/* 05 — Berry Candy: soft white ink on dark grape (default dark) */
+[ddPalette='berry-candy'] {
+  --dd-neo-ink: #e0e0e0;
+  --dd-neo-paper: #141020;
+  --dd-neo-shadow: rgba(224, 224, 224, 0.12);
+  --dd-neo-ana-1: #7a1a50;
+  --dd-neo-ana-1-contrast: #fff;
+  --dd-neo-ana-2: #1a4a6a;
+  --dd-neo-ana-2-contrast: #fff;
+  --dd-neo-ana-3: #1e1830;
+  --dd-neo-ana-3-contrast: #fff;
+  --dd-neo-ana-4: #141020;
+  --dd-neo-ana-4-contrast: #fff;
+  --dd-neo-ana-5: #5a1a7a;
+  --dd-neo-ana-5-contrast: #fff;
+  --dd-neo-ana-6: #0a5a4a;
+  --dd-neo-ana-6-contrast: #fff;
+}

package/types/duck-dev-lib.d.ts

@@ -12,6 +12,21 @@ declare enum AccentEnumColor {
     Violet = "violet"
 }
 
+/** Light neobrutalism palettes */
+type DdNeoPaletteLight = 'candy-store' | 'tropical-punch' | 'sunset-boulevard' | 'memphis-pop' | 'bauhaus-bright';
+/** Dark neobrutalism palettes */
+type DdNeoPaletteDark = 'deep-neon' | 'ember-glow' | 'toxic-garden' | 'midnight-royal' | 'berry-candy';
+/** All available neobrutalism palettes */
+type DdNeoPalette = DdNeoPaletteLight | DdNeoPaletteDark;
+/** Palette metadata */
+interface DdNeoPaletteInfo {
+    id: DdNeoPalette;
+    name: string;
+    mode: 'light' | 'dark';
+}
+/** All available palettes with metadata */
+declare const DD_NEO_PALETTES: DdNeoPaletteInfo[];
+
 type FlexDirection = 'row' | 'col';
 type JustifyContent = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';
 type AlignItems = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';
@@ -462,6 +477,9 @@ declare class DuckDevAccordionNeobrutalComponent {
     readonly title: _angular_core.InputSignal<AccordionHeaderContent>;
     readonly stampLabel: _angular_core.InputSignal<string>;
     readonly color: _angular_core.InputSignal<AccentEnumColor>;
+    protected readonly paletteStyle: _angular_core.Signal<{
+        [key: string]: string;
+    }>;
     protected readonly isOpen: _angular_core.WritableSignal<boolean>;
     protected readonly stateLabel: _angular_core.Signal<"OPEN" | "CLOSED">;
     protected readonly titleTemplate: _angular_core.Signal<TemplateRef<unknown> | null>;
@@ -475,6 +493,9 @@ declare class DuckDevAccordionNeobrutalTapeComponent {
     readonly content: _angular_core.InputSignal<TemplateRef<unknown>>;
     readonly title: _angular_core.InputSignal<string>;
     readonly color: _angular_core.InputSignal<AccentEnumColor>;
+    protected readonly paletteStyle: _angular_core.Signal<{
+        [key: string]: string;
+    }>;
     protected readonly isOpen: _angular_core.WritableSignal<boolean>;
     protected readonly stateLabel: _angular_core.Signal<"OPEN" | "CLOSED">;
     protected toggle(): void;
@@ -1171,5 +1192,5 @@ declare function getNeobrutalSelectorStyle(color: AccentEnumColor): {
     [key: string]: string;
 };
 
-export { AccentEnumColor, Badge, BadgeNeobrutalSlab, BadgeNeobrutalStamp, BadgeNeobrutalTicket, ButtonBlurLift, ButtonCasper, ButtonFlip, ButtonGlideOver, ButtonNeobrutalBurst, ButtonNeobrutalSlab, ButtonNeobrutalSticker, ButtonNeobrutalTag, ButtonNeobrutalTape, ButtonNeobrutalZigzag, DdFlexDirectionDirective, DdTabPanel, DuckDevAccordionComponent as DuckDevAccordion, DuckDevAccordionNeobrutalComponent as DuckDevAccordionNeobrutal, DuckDevAccordionNeobrutalTapeComponent as DuckDevAccordionNeobrutalTape, DuckDevBreadcrumbClassic, DuckDevBreadcrumbNeobrutal, DuckDevCardAccent, DuckDevCardMinimal, DuckDevCardNeobrutalPoster, DuckDevCardNeobrutalSlab, DuckDevCardNeobrutalStamp, DuckDevCardNeobrutalTicket, DuckDevCardOutline, DuckDevCardSection, DuckDevCardSignal, DuckDevIcon, DuckDevInput, DuckDevInputNeobrutalPoster, DuckDevInputNeobrutalRadio, DuckDevInputNeobrutalSlab, DuckDevInputNeobrutalStrip, DuckDevInputNeobrutalToggle, DuckDevModalClassic, DuckDevNotification, DuckDevNotificationContainer, DuckDevNotificationService, DuckDevProgressLine, DuckDevProgressMeter, DuckDevProgressNeobrutalSlab, DuckDevProgressNeobrutalStamp, DuckDevProgressNeobrutalTicket, DuckDevProgressStack, DuckDevSegmentButton, DuckDevSegmentClassic, DuckDevSegmentNeobrutal, DuckDevSegmentNeobrutalVertical, DuckDevSelectorDrum, DuckDevSelectorOption, DuckDevSpeakerBubbleClassic, DuckDevSpeakerBubbleNeobrutalSlab, DuckDevSpeakerBubbleNeobrutalTicket, DuckDevSpeakerBubbleOutline, DuckDevSpeakerBubbleSoft, DuckDevTab, DuckDevTabNeobrutal, DuckDevTabVertical, DuckDevTooltip, DuckDevTooltipNeobrutalComponent, LoaderClassic, LoaderLoadingBubble, LoaderNeobrutalBars, LoaderNeobrutalMarquee, LoaderNeobrutalStamp, LoaderThreeDots, SliderClassic, getClassicSpeakerBubbleStyle, getNeobrutalSelectorStyle, getNeobrutalSpeakerBubbleStyle, useSpeakerBubbleTail };
-export type { BreadcrumbItem, DuckDevAccordionItem, DuckDevInputOption, DuckDevSpeakerBubbleTail, DuckDevSpeakerBubbleTailPosition, DuckDevSpeakerBubbleTailSide, DuckDevSpeakerBubbleTarget, DuckDevTabItem, DuckDevTabVerticalItem, NotificationItem, NotificationPosition, NotificationType, TooltipPlacement };
+export { AccentEnumColor, Badge, BadgeNeobrutalSlab, BadgeNeobrutalStamp, BadgeNeobrutalTicket, ButtonBlurLift, ButtonCasper, ButtonFlip, ButtonGlideOver, ButtonNeobrutalBurst, ButtonNeobrutalSlab, ButtonNeobrutalSticker, ButtonNeobrutalTag, ButtonNeobrutalTape, ButtonNeobrutalZigzag, DD_NEO_PALETTES, DdFlexDirectionDirective, DdTabPanel, DuckDevAccordionComponent as DuckDevAccordion, DuckDevAccordionNeobrutalComponent as DuckDevAccordionNeobrutal, DuckDevAccordionNeobrutalTapeComponent as DuckDevAccordionNeobrutalTape, DuckDevBreadcrumbClassic, DuckDevBreadcrumbNeobrutal, DuckDevCardAccent, DuckDevCardMinimal, DuckDevCardNeobrutalPoster, DuckDevCardNeobrutalSlab, DuckDevCardNeobrutalStamp, DuckDevCardNeobrutalTicket, DuckDevCardOutline, DuckDevCardSection, DuckDevCardSignal, DuckDevIcon, DuckDevInput, DuckDevInputNeobrutalPoster, DuckDevInputNeobrutalRadio, DuckDevInputNeobrutalSlab, DuckDevInputNeobrutalStrip, DuckDevInputNeobrutalToggle, DuckDevModalClassic, DuckDevNotification, DuckDevNotificationContainer, DuckDevNotificationService, DuckDevProgressLine, DuckDevProgressMeter, DuckDevProgressNeobrutalSlab, DuckDevProgressNeobrutalStamp, DuckDevProgressNeobrutalTicket, DuckDevProgressStack, DuckDevSegmentButton, DuckDevSegmentClassic, DuckDevSegmentNeobrutal, DuckDevSegmentNeobrutalVertical, DuckDevSelectorDrum, DuckDevSelectorOption, DuckDevSpeakerBubbleClassic, DuckDevSpeakerBubbleNeobrutalSlab, DuckDevSpeakerBubbleNeobrutalTicket, DuckDevSpeakerBubbleOutline, DuckDevSpeakerBubbleSoft, DuckDevTab, DuckDevTabNeobrutal, DuckDevTabVertical, DuckDevTooltip, DuckDevTooltipNeobrutalComponent, LoaderClassic, LoaderLoadingBubble, LoaderNeobrutalBars, LoaderNeobrutalMarquee, LoaderNeobrutalStamp, LoaderThreeDots, SliderClassic, getClassicSpeakerBubbleStyle, getNeobrutalSelectorStyle, getNeobrutalSpeakerBubbleStyle, useSpeakerBubbleTail };
+export type { BreadcrumbItem, DdNeoPalette, DdNeoPaletteDark, DdNeoPaletteInfo, DdNeoPaletteLight, DuckDevAccordionItem, DuckDevInputOption, DuckDevSpeakerBubbleTail, DuckDevSpeakerBubbleTailPosition, DuckDevSpeakerBubbleTailSide, DuckDevSpeakerBubbleTarget, DuckDevTabItem, DuckDevTabVerticalItem, NotificationItem, NotificationPosition, NotificationType, TooltipPlacement };