duck-dev-lib 0.0.84 → 0.0.86

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 (6) hide show
  1. package/fesm2022/duck-dev-lib-documentation.mjs +70 -70
  2. package/fesm2022/duck-dev-lib-documentation.mjs.map +1 -1
  3. package/fesm2022/duck-dev-lib.mjs +48 -48
  4. package/fesm2022/duck-dev-lib.mjs.map +1 -1
  5. package/package.json +8 -5
  6. package/tokens.css +153 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "duck-dev-lib",
3
- "version": "0.0.84",
3
+ "version": "0.0.86",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^21.0.0",
6
6
  "@angular/core": "^21.0.0"
@@ -8,10 +8,10 @@
8
8
  "dependencies": {
9
9
  "tslib": "^2.3.0"
10
10
  },
11
- "sideEffects": false,
12
- "module": "fesm2022/duck-dev-lib.mjs",
13
- "typings": "types/duck-dev-lib.d.ts",
14
11
  "exports": {
12
+ "./tokens.css": {
13
+ "default": "./tokens.css"
14
+ },
15
15
  "./package.json": {
16
16
  "default": "./package.json"
17
17
  },
@@ -23,5 +23,8 @@
23
23
  "types": "./types/duck-dev-lib-documentation.d.ts",
24
24
  "default": "./fesm2022/duck-dev-lib-documentation.mjs"
25
25
  }
26
- }
26
+ },
27
+ "sideEffects": false,
28
+ "module": "fesm2022/duck-dev-lib.mjs",
29
+ "typings": "types/duck-dev-lib.d.ts"
27
30
  }
package/tokens.css ADDED
@@ -0,0 +1,153 @@
1
+ /* Duck Dev Design Tokens
2
+ Single source of truth for all CSS custom properties.
3
+ Import globally: @import "duck-dev-lib/tokens.css"; */
4
+
5
+ :root {
6
+ /* ---VARIABLES--- */
7
+ --dd-appear-time: 0.5s;
8
+
9
+ /* ---COLORS--- */
10
+ --dd-gray-0: #ffffff;
11
+ --dd-gray-100: #f8f5f6;
12
+ --dd-gray-200: #f2f4f5;
13
+ --dd-gray-300: #eaeaea;
14
+ --dd-gray-400: #999999;
15
+ --dd-gray-500: #252525;
16
+ --dd-gray-600: #121312;
17
+
18
+ --dd-success: #a7ffb5ba;
19
+ --dd-secondary: #6829ff;
20
+ --dd-accent-orange: #fe7b20;
21
+ --dd-orange-active: #e5350f;
22
+ --dd-accent-pink: #fd6ca9;
23
+ --dd-accent-yellow: #ffd027;
24
+ --dd-accent-blue: #3254f3;
25
+
26
+ --dd-base-0: var(--dd-gray-0);
27
+ --dd-base-100: var(--dd-gray-100);
28
+ --dd-base-200: var(--dd-gray-200);
29
+ --dd-base-300: var(--dd-gray-300);
30
+ --dd-base-400: var(--dd-gray-400);
31
+ --dd-base-500: var(--dd-gray-500);
32
+ --dd-base-600: var(--dd-gray-600);
33
+
34
+ --dd-background: var(--dd-gray-200);
35
+
36
+ --dd-base-success: var(--dd-success);
37
+ --dd-base-secondary: var(--dd-secondary);
38
+ --dd-base-accent-orange: var(--dd-accent-orange);
39
+ --dd-base-active-orange: var(--dd-orange-active);
40
+ --dd-base-accent-pink: var(--dd-accent-pink);
41
+ --dd-base-accent-yellow: var(--dd-accent-yellow);
42
+ --dd-base-accent-blue: var(--dd-accent-blue);
43
+
44
+ /* Neobrutalism ink & paper — Tropical Punch */
45
+ --dd-neo-ink: #1a1a1a;
46
+ --dd-neo-paper: #FAFAF5;
47
+ --dd-neo-shadow: rgba(26, 26, 26, 0.18);
48
+
49
+ /* Neobrutalism analogous palette — light theme (Tropical Punch) */
50
+ --dd-neo-ana-1: #FF6B6B; /* coral */
51
+ --dd-neo-ana-1-contrast: #000;
52
+ --dd-neo-ana-2: #4ECDC4; /* teal */
53
+ --dd-neo-ana-2-contrast: #000;
54
+ --dd-neo-ana-3: #FFD93D; /* mango */
55
+ --dd-neo-ana-3-contrast: #000;
56
+ --dd-neo-ana-4: #F5F5F0; /* warm white bg */
57
+ --dd-neo-ana-4-contrast: #000;
58
+ --dd-neo-ana-5: #95E06C; /* lime */
59
+ --dd-neo-ana-5-contrast: #000;
60
+ --dd-neo-ana-6: #74B9FF; /* sky blue */
61
+ --dd-neo-ana-6-contrast: #000;
62
+
63
+ /* Animation easings */
64
+ --elastic-ease: linear(
65
+ 0,
66
+ 0.2178 2.1%,
67
+ 1.1144 8.49%,
68
+ 1.2959 10.7%,
69
+ 1.3463 11.81%,
70
+ 1.3705 12.94%,
71
+ 1.3726,
72
+ 1.3643 14.48%,
73
+ 1.3151 16.2%,
74
+ 1.0317 21.81%,
75
+ 0.941 24.01%,
76
+ 0.8912 25.91%,
77
+ 0.8694 27.84%,
78
+ 0.8698 29.21%,
79
+ 0.8824 30.71%,
80
+ 1.0122 38.33%,
81
+ 1.0357,
82
+ 1.046 42.71%,
83
+ 1.0416 45.7%,
84
+ 0.9961 53.26%,
85
+ 0.9839 57.54%,
86
+ 0.9853 60.71%,
87
+ 1.0012 68.14%,
88
+ 1.0056 72.24%,
89
+ 0.9981 86.66%,
90
+ 1 100%
91
+ );
92
+ --elastic-ease-out: linear(
93
+ 0,
94
+ 0.5737 7.6%,
95
+ 0.8382 11.87%,
96
+ 0.9463 14.19%,
97
+ 1.0292 16.54%,
98
+ 1.0886 18.97%,
99
+ 1.1258 21.53%,
100
+ 1.137 22.97%,
101
+ 1.1424 24.48%,
102
+ 1.1423 26.1%,
103
+ 1.1366 27.86%,
104
+ 1.1165 31.01%,
105
+ 1.0507 38.62%,
106
+ 1.0219 42.57%,
107
+ 0.9995 46.99%,
108
+ 0.9872 51.63%,
109
+ 0.9842 58.77%,
110
+ 1.0011 81.26%,
111
+ 1
112
+ );
113
+ --transform-ease: cubic-bezier(0.32, 0.72, 0, 1);
114
+ --opacity-ease: ease-out;
115
+ }
116
+
117
+ [ddTheme='dark'] {
118
+ --dd-base-0: var(--dd-gray-600);
119
+ --dd-base-100: var(--dd-gray-500);
120
+ --dd-base-200: var(--dd-gray-400);
121
+ --dd-base-300: var(--dd-gray-300);
122
+ --dd-base-400: var(--dd-gray-200);
123
+ --dd-base-500: var(--dd-gray-100);
124
+ --dd-base-600: var(--dd-gray-0);
125
+
126
+ --dd-background: var(--dd-gray-500);
127
+
128
+ --dd-base-accent-yellow: #934032;
129
+ --dd-base-accent-orange: #b55015;
130
+
131
+ /* Neobrutalism: Berry Candy — dark theme */
132
+ --dd-neo-ink: #e0e0e0;
133
+ --dd-neo-paper: #141020;
134
+ --dd-neo-shadow: rgba(224, 224, 224, 0.12);
135
+
136
+ /* Neobrutalism analogous palette — dark theme (Berry Candy) */
137
+ --dd-neo-ana-1: #7a1a50;
138
+ --dd-neo-ana-1-contrast: #fff;
139
+ --dd-neo-ana-2: #1a4a6a;
140
+ --dd-neo-ana-2-contrast: #fff;
141
+ --dd-neo-ana-3: #1e1830;
142
+ --dd-neo-ana-3-contrast: #fff;
143
+ --dd-neo-ana-4: #141020;
144
+ --dd-neo-ana-4-contrast: #fff;
145
+ --dd-neo-ana-5: #5a1a7a;
146
+ --dd-neo-ana-5-contrast: #fff;
147
+ --dd-neo-ana-6: #0a5a4a;
148
+ --dd-neo-ana-6-contrast: #fff;
149
+ }
150
+
151
+ [ddTheme='violet'] {
152
+ --dd-base-50: var(--dd-magenta-500);
153
+ }