duck-dev-lib 0.0.80 → 0.0.81

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.
@@ -2433,6 +2433,7 @@ function getNeobrutalBadgeStyle(color) {
2433
2433
  '--dd-neo-badge-border': 'var(--dd-neo-ink)',
2434
2434
  '--dd-neo-badge-shadow': 'var(--dd-neo-ana-6)',
2435
2435
  '--dd-neo-badge-accent': 'var(--dd-neo-ana-1)',
2436
+ '--dd-neo-badge-accent-contrast': 'var(--dd-neo-ana-1-contrast)',
2436
2437
  };
2437
2438
  case AccentEnumColor.Orange:
2438
2439
  return {
@@ -2441,6 +2442,7 @@ function getNeobrutalBadgeStyle(color) {
2441
2442
  '--dd-neo-badge-border': 'var(--dd-neo-ink)',
2442
2443
  '--dd-neo-badge-shadow': 'var(--dd-neo-ana-5)',
2443
2444
  '--dd-neo-badge-accent': 'var(--dd-neo-ana-1)',
2445
+ '--dd-neo-badge-accent-contrast': 'var(--dd-neo-ana-1-contrast)',
2444
2446
  };
2445
2447
  case AccentEnumColor.Gray:
2446
2448
  return {
@@ -2449,6 +2451,7 @@ function getNeobrutalBadgeStyle(color) {
2449
2451
  '--dd-neo-badge-border': 'var(--dd-neo-ink)',
2450
2452
  '--dd-neo-badge-shadow': 'var(--dd-neo-ana-6)',
2451
2453
  '--dd-neo-badge-accent': 'var(--dd-neo-ana-2)',
2454
+ '--dd-neo-badge-accent-contrast': 'var(--dd-neo-ana-2-contrast)',
2452
2455
  };
2453
2456
  case AccentEnumColor.Dark:
2454
2457
  return {
@@ -2457,6 +2460,7 @@ function getNeobrutalBadgeStyle(color) {
2457
2460
  '--dd-neo-badge-border': 'var(--dd-neo-ink)',
2458
2461
  '--dd-neo-badge-shadow': 'var(--dd-neo-ana-3)',
2459
2462
  '--dd-neo-badge-accent': 'var(--dd-neo-ana-1)',
2463
+ '--dd-neo-badge-accent-contrast': 'var(--dd-neo-ana-1-contrast)',
2460
2464
  };
2461
2465
  case AccentEnumColor.White:
2462
2466
  default:
@@ -2466,6 +2470,7 @@ function getNeobrutalBadgeStyle(color) {
2466
2470
  '--dd-neo-badge-border': 'var(--dd-neo-ink)',
2467
2471
  '--dd-neo-badge-shadow': 'var(--dd-neo-ana-5)',
2468
2472
  '--dd-neo-badge-accent': 'var(--dd-neo-ana-6)',
2473
+ '--dd-neo-badge-accent-contrast': 'var(--dd-neo-ana-6-contrast)',
2469
2474
  };
2470
2475
  }
2471
2476
  }
@@ -2490,11 +2495,11 @@ class BadgeNeobrutalStamp {
2490
2495
  size = input('md', { ...(ngDevMode ? { debugName: "size" } : {}) });
2491
2496
  badgeStyle = computed(() => getNeobrutalBadgeStyle(this.color()), { ...(ngDevMode ? { debugName: "badgeStyle" } : {}) });
2492
2497
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: BadgeNeobrutalStamp, deps: [], target: i0.ɵɵFactoryTarget.Component });
2493
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.1", type: BadgeNeobrutalStamp, isStandalone: true, selector: "dd-badge-neobrutal-stamp", inputs: { kicker: { classPropertyName: "kicker", publicName: "kicker", isSignal: true, isRequired: true, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: true, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<span class=\"dd-badge-neo-stamp\" [style]=\"badgeStyle()\" [attr.data-size]=\"size()\">\n <span class=\"dd-badge-neo-stamp__kicker\">{{ kicker() }}</span>\n <span>{{ text() }}</span>\n</span>\n", styles: [":host{display:inline-block}.dd-badge-neo-stamp{display:inline-flex;align-items:center;gap:8px;border:3px solid var(--dd-neo-badge-border);background:var(--dd-neo-badge-surface);color:var(--dd-neo-badge-text);box-shadow:4px 4px 0 var(--dd-neo-shadow);font-weight:900;line-height:1;white-space:nowrap;transform:rotate(-2deg)}.dd-badge-neo-stamp[data-size=sm]{padding:5px 8px;font-size:11px}.dd-badge-neo-stamp[data-size=md]{padding:7px 10px;font-size:12px}.dd-badge-neo-stamp__kicker{display:inline-flex;align-items:center;padding:4px 6px;border:2px solid var(--dd-neo-badge-border);background:var(--dd-neo-badge-accent);letter-spacing:.12em;text-transform:uppercase}\n"] });
2498
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.1", type: BadgeNeobrutalStamp, isStandalone: true, selector: "dd-badge-neobrutal-stamp", inputs: { kicker: { classPropertyName: "kicker", publicName: "kicker", isSignal: true, isRequired: true, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: true, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<span class=\"dd-badge-neo-stamp\" [style]=\"badgeStyle()\" [attr.data-size]=\"size()\">\n <span class=\"dd-badge-neo-stamp__kicker\">{{ kicker() }}</span>\n <span>{{ text() }}</span>\n</span>\n", styles: [":host{display:inline-block}.dd-badge-neo-stamp{display:inline-flex;align-items:center;gap:8px;border:3px solid var(--dd-neo-badge-border);background:var(--dd-neo-badge-surface);color:var(--dd-neo-badge-text);box-shadow:4px 4px 0 var(--dd-neo-badge-shadow);font-weight:900;line-height:1;white-space:nowrap;transform:rotate(-2deg)}.dd-badge-neo-stamp[data-size=sm]{padding:5px 8px;font-size:11px}.dd-badge-neo-stamp[data-size=md]{padding:7px 10px;font-size:12px}.dd-badge-neo-stamp__kicker{display:inline-flex;align-items:center;padding:4px 6px;border:2px solid var(--dd-neo-badge-border);background:var(--dd-neo-badge-accent);color:var(--dd-neo-badge-accent-contrast);letter-spacing:.12em;text-transform:uppercase}\n"] });
2494
2499
  }
2495
2500
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: BadgeNeobrutalStamp, decorators: [{
2496
2501
  type: Component,
2497
- args: [{ selector: 'dd-badge-neobrutal-stamp', standalone: true, template: "<span class=\"dd-badge-neo-stamp\" [style]=\"badgeStyle()\" [attr.data-size]=\"size()\">\n <span class=\"dd-badge-neo-stamp__kicker\">{{ kicker() }}</span>\n <span>{{ text() }}</span>\n</span>\n", styles: [":host{display:inline-block}.dd-badge-neo-stamp{display:inline-flex;align-items:center;gap:8px;border:3px solid var(--dd-neo-badge-border);background:var(--dd-neo-badge-surface);color:var(--dd-neo-badge-text);box-shadow:4px 4px 0 var(--dd-neo-shadow);font-weight:900;line-height:1;white-space:nowrap;transform:rotate(-2deg)}.dd-badge-neo-stamp[data-size=sm]{padding:5px 8px;font-size:11px}.dd-badge-neo-stamp[data-size=md]{padding:7px 10px;font-size:12px}.dd-badge-neo-stamp__kicker{display:inline-flex;align-items:center;padding:4px 6px;border:2px solid var(--dd-neo-badge-border);background:var(--dd-neo-badge-accent);letter-spacing:.12em;text-transform:uppercase}\n"] }]
2502
+ args: [{ selector: 'dd-badge-neobrutal-stamp', standalone: true, template: "<span class=\"dd-badge-neo-stamp\" [style]=\"badgeStyle()\" [attr.data-size]=\"size()\">\n <span class=\"dd-badge-neo-stamp__kicker\">{{ kicker() }}</span>\n <span>{{ text() }}</span>\n</span>\n", styles: [":host{display:inline-block}.dd-badge-neo-stamp{display:inline-flex;align-items:center;gap:8px;border:3px solid var(--dd-neo-badge-border);background:var(--dd-neo-badge-surface);color:var(--dd-neo-badge-text);box-shadow:4px 4px 0 var(--dd-neo-badge-shadow);font-weight:900;line-height:1;white-space:nowrap;transform:rotate(-2deg)}.dd-badge-neo-stamp[data-size=sm]{padding:5px 8px;font-size:11px}.dd-badge-neo-stamp[data-size=md]{padding:7px 10px;font-size:12px}.dd-badge-neo-stamp__kicker{display:inline-flex;align-items:center;padding:4px 6px;border:2px solid var(--dd-neo-badge-border);background:var(--dd-neo-badge-accent);color:var(--dd-neo-badge-accent-contrast);letter-spacing:.12em;text-transform:uppercase}\n"] }]
2498
2503
  }], propDecorators: { kicker: [{ type: i0.Input, args: [{ isSignal: true, alias: "kicker", required: true }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: true }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
2499
2504
 
2500
2505
  class BadgeNeobrutalTicket {